import type { Meta, StoryObj } from '@storybook/react-vite';
import { InputGroup } from './InputGroup';
declare const meta: Meta<typeof InputGroup>;
export default meta;
type Story = StoryObj<typeof InputGroup>;
export declare const Base: Story;
/**
 * 세그먼트는 필드 안쪽을 빈틈없이 덮는다. 그래야 여백을 눌러도 해당 칸이 반응하고,
 * 포커스 링이 칸 모양과 맞아떨어진다.
 */
export declare const SegmentHitArea: Story;
/** 라운드는 필드 가장자리에 닿은 칸만 갖는다. 포커스 링이 필드 모양을 따라가야 하기 때문이다. */
export declare const SegmentRadius: Story;
/** 포커스 링은 그룹 전체가 아니라 포커스된 세그먼트에만 그린다. */
export declare const SegmentFocusRing: Story;
export declare const Size: Story;
export declare const Disabled: Story;
export declare const Highlighted: Story;
export declare const WithAddon: Story;
/**
 * 라운드와 가장자리 여백의 기준은 "그룹의 첫/마지막 칸"이 아니라 "필드 가장자리"다.
 * 중첩 그룹의 안쪽 첫 칸은 자기 그룹에서는 첫 번째여도 필드 가장자리가 아니다.
 */
export declare const Nested: Story;
/**
 * DatePicker·TimePicker는 트리거를 Stack으로 한 겹 더 감싸므로, 그룹이 넘긴 세그먼트 클래스가
 * flex item이 아니라 그 안쪽 요소에 붙는다. `flex`를 줬을 때 안쪽까지 필드 끝을 채우는지 본다.
 */
export declare const PickerSegmentFillsField: Story;
/** 중첩 그룹처럼 동작하는 범위 입력도 같은 기준을 지켜야 한다. */
export declare const RangePickerSegmentFillsField: Story;
/**
 * 세그먼트 클래스는 트리거에만 붙어야 한다.
 * 컨트롤이 `className`을 팝오버에도 같이 넘기면 달력 패널이 세그먼트 스타일을 뒤집어쓴다.
 */
export declare const SegmentClassStaysOnTrigger: Story;
/**
 * `Input`의 prefix/suffix는 `full` 구분선의 InputGroup으로 렌더된다.
 * PDS 1.0의 박스형 애드온과 같은 기하를 유지해야 한다 — 구분선이 필드 높이를 채우고,
 * 컨텐츠와 선 사이는 8px이 아니라 필드 좌우 패딩만큼 벌어진다.
 */
export declare const AffixUsesFullDivider: Story;
/** 그룹 안에서는 부모의 구분선 방식이 이긴다. 같은 Input이 짧은 구분선으로 바뀐다. */
export declare const AffixFollowsParentVariant: Story;
/**
 * `dividerVariant='none'`은 선을 지우고 칸 사이를 좁힌다. 단위가 값에 붙어 보여야 하기 때문이다.
 * 다만 좁아지는 건 이 그룹이 소유한 "칸 사이" 경계뿐이고, 바깥 구분선과 맞닿는 양 끝은
 * 그 경계를 소유한 바깥 그룹의 기준을 그대로 써야 한다.
 */
export declare const DividerVariantNone: Story;
/** 자식이 `dividerVariant`를 지정하면 부모보다 우선한다. 부모가 `none`이어도 마찬가지다. */
export declare const DividerVariantOverridesParent: Story;
/**
 * `Input`의 prefix/suffix는 `_unstable_inheritsDividerVariant`로 부모에게 양보한다.
 * 그래서 `none` 그룹 안에 들어가면 자기 `full` 구분선까지 사라진다.
 */
export declare const AffixFollowsParentNoneVariant: Story;
/**
 * Fragment는 DOM을 만들지 않으므로 한 칸이 될 수 없다. 안에 있는 것들이 형제 칸으로 펼쳐져야
 * 구분선 개수와 필드 가장자리 판정이 맞는다. 중첩 Fragment와 배열도 같이 확인한다.
 */
export declare const FragmentChildrenAreFlattened: Story;