// ─────────────────────────────────────────────────────────────────────────────
// import
// ─────────────────────────────────────────────────────────────────────────────

import styled from 'styled-components';

import { View } from '~components/primitives/View';

// ─────────────────────────────────────────────────────────────────────────────
// fieldset
// ─────────────────────────────────────────────────────────────────────────────

export const Fieldset = styled(View)`
  position: relative;
  border: none;
`;
Fieldset.defaultProps = { as: 'fieldset' };

@@ -258,16 +258,68 @@
 s/View';
+%0Aimport %7B Tooltip %7D from '~components/text/Tooltip';
 %0A%0A// %E2%94%80%E2%94%80%E2%94%80
@@ -562,16 +562,265 @@
 r: none;
+%0A%0A  & %3E $%7BTooltip%7D %7B%0A    visibility: hidden;%0A    opacity: 0;%0A    transform: translateY(1rem);%0A  %7D%0A%0A  &:hover %3E $%7BTooltip%7D, &:focus %3E $%7BTooltip%7D, &:focus-within %3E $%7BTooltip%7D %7B%0A    visibility: visible;%0A    opacity: 1;%0A    transform: translateY(0);%0A  %7D
 %0A%60;%0AFiel

update fieldset tooltip logic