@reopt-ai/opt-ui 1.13.0 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/COMPONENT_CATALOG.md +426 -58
  2. package/README.md +9 -7
  3. package/dist/core/index.cjs +1 -1
  4. package/dist/core/index.d.cts +2 -2
  5. package/dist/core/index.d.ts +2 -2
  6. package/dist/core/index.js +1 -1
  7. package/dist/docs/02-components/01-core.md +225 -26
  8. package/dist/docs/02-components/02-visuals.md +1 -1
  9. package/dist/docs/02-components/03-shells.md +203 -32
  10. package/dist/docs/02-components/04-surfaces.md +1 -1
  11. package/dist/docs/02-components/index.md +4 -4
  12. package/dist/{field-sidebar-Dz7J4ett.d.ts → field-sidebar-CJ4HxP8D.d.cts} +1 -1
  13. package/dist/{field-sidebar-D-rwuN_w.d.cts → field-sidebar-DnhpcT2A.d.ts} +1 -1
  14. package/dist/{field-sidebar-CxxSK4JO.cjs → field-sidebar-ePqFX6MN.cjs} +13 -12
  15. package/dist/{field-sidebar-CRdToHRO.js → field-sidebar-mSVCMAZp.js} +13 -12
  16. package/dist/id-registry.cjs +8 -0
  17. package/dist/id-registry.js +8 -0
  18. package/dist/id-registry.json +17 -0
  19. package/dist/index.cjs +756 -51
  20. package/dist/index.d.cts +196 -10
  21. package/dist/index.d.ts +196 -10
  22. package/dist/index.js +750 -53
  23. package/dist/{key-pad-menu-0KWOnELe.cjs → key-pad-menu-BgtSL3xe.cjs} +9 -6
  24. package/dist/{key-pad-menu-DMmbQ1jF.js → key-pad-menu-CqFI6la9.js} +9 -6
  25. package/dist/{key-pad-menu-BOVu97bj.d.cts → key-pad-menu-D6pYzaj-.d.cts} +12 -3
  26. package/dist/{key-pad-menu-NlZ9zNF8.d.ts → key-pad-menu-Yh7Fpb8m.d.ts} +12 -3
  27. package/dist/meta.cjs +430 -19
  28. package/dist/meta.js +430 -19
  29. package/dist/shells/index.cjs +1 -1
  30. package/dist/shells/index.d.cts +1 -1
  31. package/dist/shells/index.d.ts +1 -1
  32. package/dist/shells/index.js +1 -1
  33. package/dist/{text-truncate-eMzvU_7k.d.cts → text-truncate-Bbul-jMD.d.cts} +1 -30
  34. package/dist/{text-truncate-eMzvU_7k.d.ts → text-truncate-Bbul-jMD.d.ts} +1 -30
  35. package/dist/theme/server.d.cts +2 -2
  36. package/dist/theme/server.d.ts +2 -2
  37. package/package.json +2 -2
package/README.md CHANGED
@@ -43,17 +43,19 @@ bun add @reopt-ai/opt-ui
43
43
  | `@codemirror/state` | `SqlEditor` |
44
44
  | `@codemirror/lang-sql` | `SqlEditor` |
45
45
  | `@codemirror/theme-one-dark` | `SqlEditor` |
46
+ | `@codemirror/autocomplete` | `SqlEditor` (자동완성) |
47
+ | `@codemirror/commands` | `SqlEditor` (undo/redo) |
46
48
 
47
49
  ## 컴포넌트 계층
48
50
 
49
51
  ```
50
- Core (70) → Shells (83) → Blocks via opt-cli
52
+ Core (74) → Shells (95) → Blocks via opt-cli
51
53
  primitives 비즈니스 조합 페이지 템플릿 설치
52
54
 
53
- opt-charts (37) → 데이터 시각화와 chart-specific shells
55
+ opt-charts (38) → 데이터 시각화와 chart-specific shells
54
56
  ```
55
57
 
56
- ### Core (70개)
58
+ ### Core (74개)
57
59
 
58
60
  접근성 프리미티브 + Tailwind 스타일. 단일 책임 primitive 컴포넌트.
59
61
 
@@ -67,7 +69,7 @@ Button, Badge, Input, Textarea, Switch, Checkbox, CheckboxGroup, RadioGroup, Rad
67
69
 
68
70
  ChartContainer, ChartTooltip, ChartLegend, LineChart, BarChart, AreaChart, Sparkline, PieChart, ScatterChart, ComparisonChart, GaugeChart, FunnelChart, RetentionHeatmap, SankeyChart, TimeSeriesChart, TimeSeriesTooltipContent, LoadingChart, SmallMultiples
69
71
 
70
- ### Shells (83개)
72
+ ### Shells (95개)
71
73
 
72
74
  Core 조합 + 비즈니스 로직.
73
75
 
@@ -368,7 +370,7 @@ bun run validate:test-coverage
368
370
  bun run test:coverage
369
371
  ```
370
372
 
371
- `bun run test`는 Vitest 실행 후 `scripts/validate-test-coverage.ts`를 이어서 실행합니다. 이 검증은 `src/*/_meta.ts`의 158개 ComponentMeta가 모두 `testDescribe`를 갖고, 해당 이름의 `describe(...)` 블록이 테스트 파일에 존재하는지 확인합니다.
373
+ `bun run test`는 Vitest 실행 후 `scripts/validate-test-coverage.ts`를 이어서 실행합니다. 이 검증은 `src/*/_meta.ts`의 169개 ComponentMeta가 모두 `testDescribe`를 갖고, 해당 이름의 `describe(...)` 블록이 테스트 파일에 존재하는지 확인합니다.
372
374
 
373
375
  ## Design Decisions
374
376
 
@@ -376,9 +378,9 @@ bun run test:coverage
376
378
  - **BlockLayout 강제**: block template은 반드시 `BlockLayout` 또는 `createBlock`을 사용하고, 페이지 경계는 `inset="section"`으로 명시
377
379
  - **Subpath exports**: `./core`, `./visuals`, `./shells` — 필요한 계층만 import 가능
378
380
  - **Dual format**: ESM + CJS — 모든 번들러/런타임 호환
379
- - **Source maps**: 디버깅을 위한 소스맵 포함
381
+ - **No source maps**: 배포 아티팩트에 소스맵을 포함하지 않습니다 (1.0.3 패키징 정리에서 제거)
380
382
  - **Tree-shakeable**: `splitting: true` + ESM — 사용하는 컴포넌트만 번들에 포함
381
- - **"use client" 배너**: 모든 빌드 출력에 `"use client"` 지시문 자동 주입
383
+ - **"use client" 배너**: 클라이언트 진입점(index / core / visuals / shells / id-registry) 빌드 출력에만 `"use client"` 자동 주입 — `meta`, `query`, `theme/server`는 server-safe 모듈이라 제외
382
384
  - **External all**: 런타임 의존성 전부 external — 모노레포 앱에서 중복 번들 방지
383
385
  - **Optional heavy deps**: CodeMirror, Next.js는 optional peer — 사용하지 않으면 설치 불필요
384
386
  - **CSS variable theming**: 5개 프리셋 × light/dark compound themes, `dark:` 없이 CSS 변수로 자동 전환
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const require_text_truncate = require("../text-truncate-BeYW6XZu.cjs");
4
- const require_key_pad_menu = require("../key-pad-menu-0KWOnELe.cjs");
4
+ const require_key_pad_menu = require("../key-pad-menu-BgtSL3xe.cjs");
5
5
  let _reopt_ai_opt_ui_primitives = require("@reopt-ai/opt-ui-primitives");
6
6
  exports.AccordionContent = require_key_pad_menu.AccordionContent;
7
7
  exports.AccordionItem = require_key_pad_menu.AccordionItem;
@@ -1,4 +1,4 @@
1
1
 
2
- import { $ as DrawerSize, $i as DescriptionListProps, $n as ToolbarContainer, $r as DisclosureRoot, A as ShaderSurfaceHandle, Aa as TextProps, Ai as Spinner, An as FormSwitch, Ar as DialogFooterProps, At as CheckboxGroupProps, B as ShaderPresetCategory, Bi as CardDescriptionProps, Bn as TagInputProps, Br as SelectRoot, Bt as PopoverRoot, C as Facet, Ca as SeparatorProps, Ci as SkeletonText, Cn as FormSelectPopover, Cr as AlertDialogPanelProps, Ct as BlockLayoutProps, D as FacetItem, Da as HeadingRole, Di as InputProps, Dr as DialogDisclosure, Dt as RadioProps, E as FacetGroupProps, Ea as HeadingProps, Ei as Input, Er as DialogDescription, Et as RadioGroupProps, F as SHADER_PRESETS, Fi as ButtonProps, Fn as FormTextareaProps, Fr as DialogRoot, Ft as DropdownSeparator, G as VirtualListProps, Gi as CardProps, Gn as ColorPickerProps, Gr as TabPanel, Gt as ConditionGroup, H as getShaderFragment, Hi as CardFooterProps, Hn as IconPicker, Hr as Tab, Ht as ConditionBuilder, I as SHADER_PRESET_IDS, Ii as Card, Ir as DialogSize, It as DropdownTrigger, J as DrawerClose, Ji as Identity, Jn as Slider, Jt as StepBuilder, K as Pagination, Ki as CardTitle, Kt as ConditionOperator, L as ShaderParamKey, Li as CardContent, Ln as useFormContext, Lr as SelectItem, Lt as PopoverClose, M as SHADER_OVERLAY_PARAM_KEYS, Ma as TextTone, Mi as Badge, Mr as DialogHeaderProps, Mt as DropdownContent, N as SHADER_PARAM_FALLBACK, Na as Kbd, Ni as BadgeProps, Nr as DialogHeading, Nt as DropdownItem, O as FacetProps, Oa as Text, Oi as Alert, Or as DialogDismiss, Ot as Checkbox, P as SHADER_PARAM_KEYS, Pa as KbdProps, Pi as Button, Pn as FormTextarea, Pr as DialogPanel, Pt as DropdownMenu, Q as DrawerSide, Qi as DescriptionListLabels, Qn as ToolbarButton, Qr as DisclosureContent, R as ShaderParamSpec, Ri as CardContentProps, Rn as useFormStore, Rr as SelectLabel, Rt as PopoverContent, S as ExpressionTone, Sa as Separator, Si as SkeletonTable, Sn as FormSelectItem, Sr as AlertDialogPanel, St as BlockLayout, T as FacetGroupLabels, Ta as HeadingLevel, Ti as SwitchProps, Tr as DialogBodyProps, Tt as RadioGroup, U as getShaderPreset, Ui as CardHeader, Un as IconPickerProps, Ur as TabList, Ut as ConditionBuilderProps, V as ShaderPresetId, Vi as CardFooter, Vn as IconDef, Vr as SelectTrigger, Vt as PopoverTrigger, W as VirtualList, Wi as CardHeaderProps, Wn as ColorPicker, Wt as ConditionDef, X as DrawerPanelProps, Xi as DescriptionList, Xn as NumberInput, Xt as StepDef, Y as DrawerPanel, Yi as IdentityProps, Yn as SliderProps, Yr as TabsRoot, Yt as StepBuilderProps, Z as DrawerRoot, Zi as DescriptionListItem, Zn as NumberInputProps, Zt as FormCheckbox, _ as HighlightProps, _a as ToggleGroup, _i as TextareaProps, _n as FormRadioGroup, _r as ComboboxGroupLabel, _t as ScrollAreaProps, a as InlineEditLabels, aa as BreadcrumbProps, ai as CompositeZone, an as FormField, ar as MenuButtonArrow, at as PanelSize, b as ExpressionGroupProps, ba as OtpField, bi as SkeletonCard, bn as FormRoot, br as ComboboxPopover, bt as BlockBaseProps, c as ColorPaletteDisplay, ca as AccordionContent, ci as CircularProgress, cr as MenuItemRadio, ct as ResizablePanel, d as ColorPalettePickerProps, da as AccordionRootProps, di as ProgressProps, dn as FormLabel, dr as MenuSeparator, dt as ResizablePanelProps, ea as EmptyState, ei as DisclosureTrigger, en as FormControl, er as ToolbarRoot, et as Logo, f as PaletteKind, fa as AccordionTrigger, fi as Avatar, fr as MenuTrigger, ft as Section, g as Highlight, ga as Toggle, gi as Textarea, gn as FormRadio, gr as ComboboxGroup, gt as ScrollArea, h as LiveRegionProps, ha as PrimAccordionTriggerProps, hi as AvatarProps, hn as FormPush, hr as ComboboxEmpty, ht as ContainerProps, i as InlineEdit, ia as BreadcrumbItem, ii as CompositeRow, in as FormError, ir as TooltipProvider, it as PanelImperativeHandle, j as ShaderSurfaceProps, ja as TextRole, ji as SpinnerProps, jn as FormSwitchProps, jr as DialogHeader, jt as CheckboxProps, k as ShaderSurface, ka as TextElement, ki as AlertProps, kn as FormSubmit, kr as DialogFooter, kt as CheckboxGroup, l as ColorPaletteDisplayProps, la as AccordionItem, li as CircularProgressProps, lr as MenuPopover, lt as ResizablePanelGroup, m as LiveRegion, ma as PrimAccordionItemProps, mi as AvatarGroupProps, mn as FormProvider, mr as MenubarRoot, mt as Container, n as KeyPadMenu, na as EmptyStateProps, ni as CompositeItem, nr as Tooltip, nt as GroupImperativeHandle, o as InlineEditProps, oa as StatCard, oi as Meter, on as FormGroup, or as MenuItem, ot as ResizableHandle, p as THEME_PALETTES, pa as PrimAccordionContentProps, pi as AvatarGroup, pr as MenubarContainer, pt as SectionProps, q as PaginationProps, qi as CardTitleProps, qt as ConditionTypeRenderer, r as KeyPadMenuProps, ra as Breadcrumb, ri as CompositeProvider, rn as FormDescription, rr as TooltipAnchor, rt as Layout, s as ColorPalette, sa as StatCardProps, si as MeterProps, sn as FormGroupLabel, sr as MenuItemCheckbox, st as ResizableHandleProps, t as KeyPadItem, ta as EmptyStateAction, ti as Composite, tr as ToolbarSeparator, tt as LogoProps, u as ColorPalettePicker, ua as AccordionRoot, ui as Progress, un as FormInput, ur as MenuRoot, ut as ResizablePanelGroupProps, v as Expression, va as ToggleGroupProps, vi as Skeleton, vn as FormRemove, vr as ComboboxInput, vt as PageHeader, w as FacetGroup, wa as Heading, wi as Switch, wn as FormSelectProps, wr as DialogBody, wt as Radio, x as ExpressionProps, xa as OtpFieldProps, xi as SkeletonProps, xn as FormSelect, xr as ComboboxRoot, xt as createBlock, y as ExpressionGroup, ya as ToggleProps, yi as SkeletonAvatar, yn as FormReset, yr as ComboboxItem, yt as PageHeaderProps, z as ShaderPreset, zi as CardDescription, zn as TagInput, zr as SelectPopover, zt as PopoverContentProps } from "../key-pad-menu-BOVu97bj.cjs";
3
- import { _ as DateRangePreset, a as FieldDataType, d as ComparisonMode, f as DEFAULT_PRESETS, g as DateRangePickerProps, h as DateRangePicker, i as FIELD_TYPE_TOKENS, l as FieldTokenProps, m as DateRange, n as TextTruncateProps, o as FieldToken, p as DateGranularity, r as TruncationSide, t as TextTruncate, u as resolveFieldType } from "../text-truncate-eMzvU_7k.cjs";
2
+ import { $ as DrawerSize, $i as DescriptionListLabels, $n as ToolbarButton, $r as DisclosureContent, A as ShaderSurfaceHandle, Aa as TextElement, Ai as AlertProps, An as FormSubmit, Ar as DialogFooter, At as CheckboxGroupProps, B as ShaderPresetCategory, Bi as CardDescription, Bn as TagInput, Br as SelectPopover, Bt as PopoverRoot, C as Facet, Ca as Separator, Ci as SkeletonTable, Cn as FormSelectItem, Cr as AlertDialogPanel, Ct as BlockLayoutProps, D as FacetItem, Da as HeadingProps, Di as Input, Dr as DialogDescription, Dt as RadioProps, E as FacetGroupProps, Ea as HeadingLevel, Ei as SwitchProps, Er as DialogBodyProps, Et as RadioGroupProps, F as SHADER_PRESETS, Fa as KbdProps, Fi as Button, Fn as FormTextarea, Fr as DialogPanel, Ft as DropdownSeparator, G as VirtualListProps, Gi as CardHeaderProps, Gn as ColorPicker, Gt as ConditionDef, H as getShaderFragment, Hi as CardFooter, Hn as IconDef, Hr as SelectTrigger, Ht as ConditionBuilder, I as SHADER_PRESET_IDS, Ii as ButtonProps, In as FormTextareaProps, Ir as DialogRoot, It as DropdownTrigger, J as DrawerClose, Ji as CardTitleProps, Jt as ConditionTypeRenderer, K as Pagination, Ki as CardProps, Kn as ColorPickerProps, Kr as TabPanel, Kt as ConditionGroup, L as ShaderParamKey, Li as Card, Lr as DialogSize, Lt as PopoverClose, M as SHADER_OVERLAY_PARAM_KEYS, Ma as TextRole, Mi as SpinnerProps, Mn as FormSwitchProps, Mr as DialogHeader, Mt as DropdownContent, N as SHADER_PARAM_FALLBACK, Na as TextTone, Ni as Badge, Nr as DialogHeaderProps, Nt as DropdownItem, O as FacetProps, Oa as HeadingRole, Oi as InputProps, Or as DialogDisclosure, Ot as Checkbox, P as SHADER_PARAM_KEYS, Pa as Kbd, Pi as BadgeProps, Pr as DialogHeading, Pt as DropdownMenu, Q as DrawerSide, Qi as DescriptionListItem, Qn as NumberInputProps, Qt as FormCheckbox, R as ShaderParamSpec, Ri as CardContent, Rn as useFormContext, Rr as SelectItem, Rt as PopoverContent, S as ExpressionTone, Sa as OtpFieldProps, Si as SkeletonProps, Sn as FormSelect, Sr as ComboboxRoot, St as BlockLayout, T as FacetGroupLabels, Ta as Heading, Ti as Switch, Tn as FormSelectProps, Tr as DialogBody, Tt as RadioGroup, U as getShaderPreset, Ui as CardFooterProps, Un as IconPicker, Ur as Tab, V as ShaderPresetId, Vi as CardDescriptionProps, Vn as TagInputProps, Vr as SelectRoot, Vt as PopoverTrigger, W as VirtualList, Wi as CardHeader, Wn as IconPickerProps, Wr as TabList, Wt as ConditionBuilderProps, X as DrawerPanelProps, Xi as IdentityProps, Xn as SliderProps, Xr as TabsRoot, Xt as StepBuilderProps, Y as DrawerPanel, Yi as Identity, Yn as Slider, Yt as StepBuilder, Z as DrawerRoot, Zi as DescriptionList, Zn as NumberInput, Zt as StepDef, _ as HighlightProps, _a as Toggle, _i as Textarea, _n as FormRadio, _r as ComboboxGroup, _t as ScrollAreaProps, a as InlineEditLabels, aa as BreadcrumbItem, ai as CompositeRow, an as FormError, ar as TooltipProvider, at as PanelSize, b as ExpressionGroupProps, ba as ToggleProps, bi as SkeletonAvatar, bn as FormReset, br as ComboboxItem, bt as BlockBaseProps, c as ColorPaletteDisplay, ca as StatCardProps, ci as MeterProps, cn as FormGroupLabel, cr as MenuItemCheckbox, ct as ResizablePanel, d as ColorPalettePickerProps, da as AccordionRoot, di as Progress, dn as FormInput, dr as MenuRoot, dt as ResizablePanelProps, ea as DescriptionListProps, ei as DisclosureRoot, er as ToolbarContainer, et as Logo, f as PaletteKind, fa as AccordionRootProps, fi as ProgressProps, fn as FormLabel, fr as MenuSeparator, ft as Section, g as Highlight, ga as PrimAccordionTriggerProps, gi as AvatarProps, gn as FormPush, gr as ComboboxEmpty, gt as ScrollArea, h as LiveRegionProps, ha as PrimAccordionItemProps, hi as AvatarGroupProps, hn as FormProvider, hr as MenubarRoot, ht as ContainerProps, i as InlineEdit, ia as Breadcrumb, ii as CompositeProvider, in as FormDescription, ir as TooltipAnchor, it as PanelImperativeHandle, j as ShaderSurfaceProps, ja as TextProps, ji as Spinner, jn as FormSwitch, jr as DialogFooterProps, jt as CheckboxProps, k as ShaderSurface, ka as Text, ki as Alert, kr as DialogDismiss, kt as CheckboxGroup, l as ColorPaletteDisplayProps, la as AccordionContent, li as CircularProgress, lr as MenuItemRadio, lt as ResizablePanelGroup, m as LiveRegion, ma as PrimAccordionContentProps, mi as AvatarGroup, mr as MenubarContainer, mt as Container, n as KeyPadMenu, na as EmptyStateAction, ni as Composite, nr as ToolbarSeparator, nt as GroupImperativeHandle, o as InlineEditProps, oa as BreadcrumbProps, oi as CompositeZone, on as FormField, or as MenuButtonArrow, ot as ResizableHandle, p as THEME_PALETTES, pa as AccordionTrigger, pi as Avatar, pr as MenuTrigger, pt as SectionProps, q as PaginationProps, qi as CardTitle, qt as ConditionOperator, r as KeyPadMenuProps, ra as EmptyStateProps, ri as CompositeItem, rr as Tooltip, rt as Layout, s as ColorPalette, sa as StatCard, si as Meter, sn as FormGroup, sr as MenuItem, st as ResizableHandleProps, t as KeyPadItem, ta as EmptyState, ti as DisclosureTrigger, tn as FormControl, tr as ToolbarRoot, tt as LogoProps, u as ColorPalettePicker, ua as AccordionItem, ui as CircularProgressProps, ur as MenuPopover, ut as ResizablePanelGroupProps, v as Expression, va as ToggleGroup, vi as TextareaProps, vn as FormRadioGroup, vr as ComboboxGroupLabel, vt as PageHeader, w as FacetGroup, wa as SeparatorProps, wi as SkeletonText, wn as FormSelectPopover, wr as AlertDialogPanelProps, wt as Radio, x as ExpressionProps, xa as OtpField, xi as SkeletonCard, xn as FormRoot, xr as ComboboxPopover, xt as createBlock, y as ExpressionGroup, ya as ToggleGroupProps, yi as Skeleton, yn as FormRemove, yr as ComboboxInput, yt as PageHeaderProps, z as ShaderPreset, zi as CardContentProps, zn as useFormStore, zr as SelectLabel, zt as PopoverContentProps } from "../key-pad-menu-D6pYzaj-.cjs";
3
+ import { _ as DateRangePreset, a as FieldDataType, d as ComparisonMode, f as DEFAULT_PRESETS, g as DateRangePickerProps, h as DateRangePicker, i as FIELD_TYPE_TOKENS, l as FieldTokenProps, m as DateRange, n as TextTruncateProps, o as FieldToken, p as DateGranularity, r as TruncationSide, t as TextTruncate, u as resolveFieldType } from "../text-truncate-Bbul-jMD.cjs";
4
4
  export { AccordionContent, type PrimAccordionContentProps as AccordionContentProps, AccordionItem, type PrimAccordionItemProps as AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type PrimAccordionTriggerProps as AccordionTriggerProps, Alert, AlertDialogPanel, type AlertDialogPanelProps, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BlockBaseProps, type BlockBaseProps as SurfaceBaseProps, BlockLayout, BlockLayout as SurfaceLayout, type BlockLayoutProps, type BlockLayoutProps as SurfaceLayoutProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CircularProgress, type CircularProgressProps, type ColorPalette, ColorPaletteDisplay, type ColorPaletteDisplayProps, ColorPalettePicker, type ColorPalettePickerProps, ColorPicker, type ColorPickerProps, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, type ComparisonMode, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, type ConditionBuilderProps, type ConditionDef, type ConditionGroup, type ConditionOperator, type ConditionTypeRenderer, Container, type ContainerProps, DEFAULT_PRESETS, type DateGranularity, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, DescriptionList, type DescriptionListItem, type DescriptionListLabels, type DescriptionListProps, DialogBody, type DialogBodyProps, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogHeading, DialogPanel, DialogRoot, type DialogSize, DisclosureContent, DisclosureRoot, DisclosureTrigger, DrawerClose, DrawerPanel, type DrawerPanelProps, DrawerRoot, type DrawerSide, type DrawerSize, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, Expression, ExpressionGroup, type ExpressionGroupProps, type ExpressionProps, type ExpressionTone, FIELD_TYPE_TOKENS, Facet, FacetGroup, type FacetGroupLabels, type FacetGroupProps, type FacetItem, type FacetProps, type FieldDataType, FieldToken, type FieldTokenProps, FormCheckbox, FormControl, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormInput, FormLabel, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, type FormSelectProps, FormSubmit, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, Heading, type HeadingLevel, type HeadingProps, type HeadingRole, Highlight, type HighlightProps, type IconDef, IconPicker, type IconPickerProps, Identity, type IdentityProps, InlineEdit, type InlineEditLabels, type InlineEditProps, Input, type InputProps, Kbd, type KbdProps, type KeyPadItem, KeyPadMenu, type KeyPadMenuProps, LiveRegion, type LiveRegionProps, Logo, type LogoProps, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, type MeterProps, NumberInput, type NumberInputProps, OtpField, type OtpFieldProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, type PaletteKind, PopoverClose, PopoverContent, type PopoverContentProps, PopoverRoot, PopoverTrigger, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type GroupImperativeHandle as ResizablePanelGroupHandle, type ResizablePanelGroupProps, type PanelImperativeHandle as ResizablePanelHandle, type Layout as ResizablePanelLayout, type ResizablePanelProps, type PanelSize as ResizablePanelSize, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, ScrollArea, type ScrollAreaProps, Section, type SectionProps, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, type SeparatorProps, type ShaderParamKey, type ShaderParamSpec, type ShaderPreset, type ShaderPresetCategory, type ShaderPresetId, ShaderSurface, type ShaderSurfaceHandle, type ShaderSurfaceProps, Skeleton, SkeletonAvatar, SkeletonCard, type SkeletonProps, SkeletonTable, SkeletonText, Slider, type SliderProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, StepBuilder, type StepBuilderProps, type StepDef, Switch, type SwitchProps, THEME_PALETTES, Tab, TabList, TabPanel, TabsRoot, TagInput, type TagInputProps, Text, type TextElement, type TextProps, type TextRole, type TextTone, TextTruncate, type TextTruncateProps, Textarea, type TextareaProps, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, type TruncationSide, VirtualList, type VirtualListProps, createBlock, createBlock as createSurface, getShaderFragment, getShaderPreset, resolveFieldType, useFormContext, useFormStore };
@@ -1,4 +1,4 @@
1
1
 
2
- import { $ as DrawerSize, $i as DescriptionListProps, $n as ToolbarContainer, $r as DisclosureRoot, A as ShaderSurfaceHandle, Aa as TextProps, Ai as Spinner, An as FormSwitch, Ar as DialogFooterProps, At as CheckboxGroupProps, B as ShaderPresetCategory, Bi as CardDescriptionProps, Bn as TagInputProps, Br as SelectRoot, Bt as PopoverRoot, C as Facet, Ca as SeparatorProps, Ci as SkeletonText, Cn as FormSelectPopover, Cr as AlertDialogPanelProps, Ct as BlockLayoutProps, D as FacetItem, Da as HeadingRole, Di as InputProps, Dr as DialogDisclosure, Dt as RadioProps, E as FacetGroupProps, Ea as HeadingProps, Ei as Input, Er as DialogDescription, Et as RadioGroupProps, F as SHADER_PRESETS, Fi as ButtonProps, Fn as FormTextareaProps, Fr as DialogRoot, Ft as DropdownSeparator, G as VirtualListProps, Gi as CardProps, Gn as ColorPickerProps, Gr as TabPanel, Gt as ConditionGroup, H as getShaderFragment, Hi as CardFooterProps, Hn as IconPicker, Hr as Tab, Ht as ConditionBuilder, I as SHADER_PRESET_IDS, Ii as Card, Ir as DialogSize, It as DropdownTrigger, J as DrawerClose, Ji as Identity, Jn as Slider, Jt as StepBuilder, K as Pagination, Ki as CardTitle, Kt as ConditionOperator, L as ShaderParamKey, Li as CardContent, Ln as useFormContext, Lr as SelectItem, Lt as PopoverClose, M as SHADER_OVERLAY_PARAM_KEYS, Ma as TextTone, Mi as Badge, Mr as DialogHeaderProps, Mt as DropdownContent, N as SHADER_PARAM_FALLBACK, Na as Kbd, Ni as BadgeProps, Nr as DialogHeading, Nt as DropdownItem, O as FacetProps, Oa as Text, Oi as Alert, Or as DialogDismiss, Ot as Checkbox, P as SHADER_PARAM_KEYS, Pa as KbdProps, Pi as Button, Pn as FormTextarea, Pr as DialogPanel, Pt as DropdownMenu, Q as DrawerSide, Qi as DescriptionListLabels, Qn as ToolbarButton, Qr as DisclosureContent, R as ShaderParamSpec, Ri as CardContentProps, Rn as useFormStore, Rr as SelectLabel, Rt as PopoverContent, S as ExpressionTone, Sa as Separator, Si as SkeletonTable, Sn as FormSelectItem, Sr as AlertDialogPanel, St as BlockLayout, T as FacetGroupLabels, Ta as HeadingLevel, Ti as SwitchProps, Tr as DialogBodyProps, Tt as RadioGroup, U as getShaderPreset, Ui as CardHeader, Un as IconPickerProps, Ur as TabList, Ut as ConditionBuilderProps, V as ShaderPresetId, Vi as CardFooter, Vn as IconDef, Vr as SelectTrigger, Vt as PopoverTrigger, W as VirtualList, Wi as CardHeaderProps, Wn as ColorPicker, Wt as ConditionDef, X as DrawerPanelProps, Xi as DescriptionList, Xn as NumberInput, Xt as StepDef, Y as DrawerPanel, Yi as IdentityProps, Yn as SliderProps, Yr as TabsRoot, Yt as StepBuilderProps, Z as DrawerRoot, Zi as DescriptionListItem, Zn as NumberInputProps, Zt as FormCheckbox, _ as HighlightProps, _a as ToggleGroup, _i as TextareaProps, _n as FormRadioGroup, _r as ComboboxGroupLabel, _t as ScrollAreaProps, a as InlineEditLabels, aa as BreadcrumbProps, ai as CompositeZone, an as FormField, ar as MenuButtonArrow, at as PanelSize, b as ExpressionGroupProps, ba as OtpField, bi as SkeletonCard, bn as FormRoot, br as ComboboxPopover, bt as BlockBaseProps, c as ColorPaletteDisplay, ca as AccordionContent, ci as CircularProgress, cr as MenuItemRadio, ct as ResizablePanel, d as ColorPalettePickerProps, da as AccordionRootProps, di as ProgressProps, dn as FormLabel, dr as MenuSeparator, dt as ResizablePanelProps, ea as EmptyState, ei as DisclosureTrigger, en as FormControl, er as ToolbarRoot, et as Logo, f as PaletteKind, fa as AccordionTrigger, fi as Avatar, fr as MenuTrigger, ft as Section, g as Highlight, ga as Toggle, gi as Textarea, gn as FormRadio, gr as ComboboxGroup, gt as ScrollArea, h as LiveRegionProps, ha as PrimAccordionTriggerProps, hi as AvatarProps, hn as FormPush, hr as ComboboxEmpty, ht as ContainerProps, i as InlineEdit, ia as BreadcrumbItem, ii as CompositeRow, in as FormError, ir as TooltipProvider, it as PanelImperativeHandle, j as ShaderSurfaceProps, ja as TextRole, ji as SpinnerProps, jn as FormSwitchProps, jr as DialogHeader, jt as CheckboxProps, k as ShaderSurface, ka as TextElement, ki as AlertProps, kn as FormSubmit, kr as DialogFooter, kt as CheckboxGroup, l as ColorPaletteDisplayProps, la as AccordionItem, li as CircularProgressProps, lr as MenuPopover, lt as ResizablePanelGroup, m as LiveRegion, ma as PrimAccordionItemProps, mi as AvatarGroupProps, mn as FormProvider, mr as MenubarRoot, mt as Container, n as KeyPadMenu, na as EmptyStateProps, ni as CompositeItem, nr as Tooltip, nt as GroupImperativeHandle, o as InlineEditProps, oa as StatCard, oi as Meter, on as FormGroup, or as MenuItem, ot as ResizableHandle, p as THEME_PALETTES, pa as PrimAccordionContentProps, pi as AvatarGroup, pr as MenubarContainer, pt as SectionProps, q as PaginationProps, qi as CardTitleProps, qt as ConditionTypeRenderer, r as KeyPadMenuProps, ra as Breadcrumb, ri as CompositeProvider, rn as FormDescription, rr as TooltipAnchor, rt as Layout, s as ColorPalette, sa as StatCardProps, si as MeterProps, sn as FormGroupLabel, sr as MenuItemCheckbox, st as ResizableHandleProps, t as KeyPadItem, ta as EmptyStateAction, ti as Composite, tr as ToolbarSeparator, tt as LogoProps, u as ColorPalettePicker, ua as AccordionRoot, ui as Progress, un as FormInput, ur as MenuRoot, ut as ResizablePanelGroupProps, v as Expression, va as ToggleGroupProps, vi as Skeleton, vn as FormRemove, vr as ComboboxInput, vt as PageHeader, w as FacetGroup, wa as Heading, wi as Switch, wn as FormSelectProps, wr as DialogBody, wt as Radio, x as ExpressionProps, xa as OtpFieldProps, xi as SkeletonProps, xn as FormSelect, xr as ComboboxRoot, xt as createBlock, y as ExpressionGroup, ya as ToggleProps, yi as SkeletonAvatar, yn as FormReset, yr as ComboboxItem, yt as PageHeaderProps, z as ShaderPreset, zi as CardDescription, zn as TagInput, zr as SelectPopover, zt as PopoverContentProps } from "../key-pad-menu-NlZ9zNF8.js";
3
- import { _ as DateRangePreset, a as FieldDataType, d as ComparisonMode, f as DEFAULT_PRESETS, g as DateRangePickerProps, h as DateRangePicker, i as FIELD_TYPE_TOKENS, l as FieldTokenProps, m as DateRange, n as TextTruncateProps, o as FieldToken, p as DateGranularity, r as TruncationSide, t as TextTruncate, u as resolveFieldType } from "../text-truncate-eMzvU_7k.js";
2
+ import { $ as DrawerSize, $i as DescriptionListLabels, $n as ToolbarButton, $r as DisclosureContent, A as ShaderSurfaceHandle, Aa as TextElement, Ai as AlertProps, An as FormSubmit, Ar as DialogFooter, At as CheckboxGroupProps, B as ShaderPresetCategory, Bi as CardDescription, Bn as TagInput, Br as SelectPopover, Bt as PopoverRoot, C as Facet, Ca as Separator, Ci as SkeletonTable, Cn as FormSelectItem, Cr as AlertDialogPanel, Ct as BlockLayoutProps, D as FacetItem, Da as HeadingProps, Di as Input, Dr as DialogDescription, Dt as RadioProps, E as FacetGroupProps, Ea as HeadingLevel, Ei as SwitchProps, Er as DialogBodyProps, Et as RadioGroupProps, F as SHADER_PRESETS, Fa as KbdProps, Fi as Button, Fn as FormTextarea, Fr as DialogPanel, Ft as DropdownSeparator, G as VirtualListProps, Gi as CardHeaderProps, Gn as ColorPicker, Gt as ConditionDef, H as getShaderFragment, Hi as CardFooter, Hn as IconDef, Hr as SelectTrigger, Ht as ConditionBuilder, I as SHADER_PRESET_IDS, Ii as ButtonProps, In as FormTextareaProps, Ir as DialogRoot, It as DropdownTrigger, J as DrawerClose, Ji as CardTitleProps, Jt as ConditionTypeRenderer, K as Pagination, Ki as CardProps, Kn as ColorPickerProps, Kr as TabPanel, Kt as ConditionGroup, L as ShaderParamKey, Li as Card, Lr as DialogSize, Lt as PopoverClose, M as SHADER_OVERLAY_PARAM_KEYS, Ma as TextRole, Mi as SpinnerProps, Mn as FormSwitchProps, Mr as DialogHeader, Mt as DropdownContent, N as SHADER_PARAM_FALLBACK, Na as TextTone, Ni as Badge, Nr as DialogHeaderProps, Nt as DropdownItem, O as FacetProps, Oa as HeadingRole, Oi as InputProps, Or as DialogDisclosure, Ot as Checkbox, P as SHADER_PARAM_KEYS, Pa as Kbd, Pi as BadgeProps, Pr as DialogHeading, Pt as DropdownMenu, Q as DrawerSide, Qi as DescriptionListItem, Qn as NumberInputProps, Qt as FormCheckbox, R as ShaderParamSpec, Ri as CardContent, Rn as useFormContext, Rr as SelectItem, Rt as PopoverContent, S as ExpressionTone, Sa as OtpFieldProps, Si as SkeletonProps, Sn as FormSelect, Sr as ComboboxRoot, St as BlockLayout, T as FacetGroupLabels, Ta as Heading, Ti as Switch, Tn as FormSelectProps, Tr as DialogBody, Tt as RadioGroup, U as getShaderPreset, Ui as CardFooterProps, Un as IconPicker, Ur as Tab, V as ShaderPresetId, Vi as CardDescriptionProps, Vn as TagInputProps, Vr as SelectRoot, Vt as PopoverTrigger, W as VirtualList, Wi as CardHeader, Wn as IconPickerProps, Wr as TabList, Wt as ConditionBuilderProps, X as DrawerPanelProps, Xi as IdentityProps, Xn as SliderProps, Xr as TabsRoot, Xt as StepBuilderProps, Y as DrawerPanel, Yi as Identity, Yn as Slider, Yt as StepBuilder, Z as DrawerRoot, Zi as DescriptionList, Zn as NumberInput, Zt as StepDef, _ as HighlightProps, _a as Toggle, _i as Textarea, _n as FormRadio, _r as ComboboxGroup, _t as ScrollAreaProps, a as InlineEditLabels, aa as BreadcrumbItem, ai as CompositeRow, an as FormError, ar as TooltipProvider, at as PanelSize, b as ExpressionGroupProps, ba as ToggleProps, bi as SkeletonAvatar, bn as FormReset, br as ComboboxItem, bt as BlockBaseProps, c as ColorPaletteDisplay, ca as StatCardProps, ci as MeterProps, cn as FormGroupLabel, cr as MenuItemCheckbox, ct as ResizablePanel, d as ColorPalettePickerProps, da as AccordionRoot, di as Progress, dn as FormInput, dr as MenuRoot, dt as ResizablePanelProps, ea as DescriptionListProps, ei as DisclosureRoot, er as ToolbarContainer, et as Logo, f as PaletteKind, fa as AccordionRootProps, fi as ProgressProps, fn as FormLabel, fr as MenuSeparator, ft as Section, g as Highlight, ga as PrimAccordionTriggerProps, gi as AvatarProps, gn as FormPush, gr as ComboboxEmpty, gt as ScrollArea, h as LiveRegionProps, ha as PrimAccordionItemProps, hi as AvatarGroupProps, hn as FormProvider, hr as MenubarRoot, ht as ContainerProps, i as InlineEdit, ia as Breadcrumb, ii as CompositeProvider, in as FormDescription, ir as TooltipAnchor, it as PanelImperativeHandle, j as ShaderSurfaceProps, ja as TextProps, ji as Spinner, jn as FormSwitch, jr as DialogFooterProps, jt as CheckboxProps, k as ShaderSurface, ka as Text, ki as Alert, kr as DialogDismiss, kt as CheckboxGroup, l as ColorPaletteDisplayProps, la as AccordionContent, li as CircularProgress, lr as MenuItemRadio, lt as ResizablePanelGroup, m as LiveRegion, ma as PrimAccordionContentProps, mi as AvatarGroup, mr as MenubarContainer, mt as Container, n as KeyPadMenu, na as EmptyStateAction, ni as Composite, nr as ToolbarSeparator, nt as GroupImperativeHandle, o as InlineEditProps, oa as BreadcrumbProps, oi as CompositeZone, on as FormField, or as MenuButtonArrow, ot as ResizableHandle, p as THEME_PALETTES, pa as AccordionTrigger, pi as Avatar, pr as MenuTrigger, pt as SectionProps, q as PaginationProps, qi as CardTitle, qt as ConditionOperator, r as KeyPadMenuProps, ra as EmptyStateProps, ri as CompositeItem, rr as Tooltip, rt as Layout, s as ColorPalette, sa as StatCard, si as Meter, sn as FormGroup, sr as MenuItem, st as ResizableHandleProps, t as KeyPadItem, ta as EmptyState, ti as DisclosureTrigger, tn as FormControl, tr as ToolbarRoot, tt as LogoProps, u as ColorPalettePicker, ua as AccordionItem, ui as CircularProgressProps, ur as MenuPopover, ut as ResizablePanelGroupProps, v as Expression, va as ToggleGroup, vi as TextareaProps, vn as FormRadioGroup, vr as ComboboxGroupLabel, vt as PageHeader, w as FacetGroup, wa as SeparatorProps, wi as SkeletonText, wn as FormSelectPopover, wr as AlertDialogPanelProps, wt as Radio, x as ExpressionProps, xa as OtpField, xi as SkeletonCard, xn as FormRoot, xr as ComboboxPopover, xt as createBlock, y as ExpressionGroup, ya as ToggleGroupProps, yi as Skeleton, yn as FormRemove, yr as ComboboxInput, yt as PageHeaderProps, z as ShaderPreset, zi as CardContentProps, zn as useFormStore, zr as SelectLabel, zt as PopoverContentProps } from "../key-pad-menu-Yh7Fpb8m.js";
3
+ import { _ as DateRangePreset, a as FieldDataType, d as ComparisonMode, f as DEFAULT_PRESETS, g as DateRangePickerProps, h as DateRangePicker, i as FIELD_TYPE_TOKENS, l as FieldTokenProps, m as DateRange, n as TextTruncateProps, o as FieldToken, p as DateGranularity, r as TruncationSide, t as TextTruncate, u as resolveFieldType } from "../text-truncate-Bbul-jMD.js";
4
4
  export { AccordionContent, type PrimAccordionContentProps as AccordionContentProps, AccordionItem, type PrimAccordionItemProps as AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type PrimAccordionTriggerProps as AccordionTriggerProps, Alert, AlertDialogPanel, type AlertDialogPanelProps, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BlockBaseProps, type BlockBaseProps as SurfaceBaseProps, BlockLayout, BlockLayout as SurfaceLayout, type BlockLayoutProps, type BlockLayoutProps as SurfaceLayoutProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CircularProgress, type CircularProgressProps, type ColorPalette, ColorPaletteDisplay, type ColorPaletteDisplayProps, ColorPalettePicker, type ColorPalettePickerProps, ColorPicker, type ColorPickerProps, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, type ComparisonMode, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, type ConditionBuilderProps, type ConditionDef, type ConditionGroup, type ConditionOperator, type ConditionTypeRenderer, Container, type ContainerProps, DEFAULT_PRESETS, type DateGranularity, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, DescriptionList, type DescriptionListItem, type DescriptionListLabels, type DescriptionListProps, DialogBody, type DialogBodyProps, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogHeading, DialogPanel, DialogRoot, type DialogSize, DisclosureContent, DisclosureRoot, DisclosureTrigger, DrawerClose, DrawerPanel, type DrawerPanelProps, DrawerRoot, type DrawerSide, type DrawerSize, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, Expression, ExpressionGroup, type ExpressionGroupProps, type ExpressionProps, type ExpressionTone, FIELD_TYPE_TOKENS, Facet, FacetGroup, type FacetGroupLabels, type FacetGroupProps, type FacetItem, type FacetProps, type FieldDataType, FieldToken, type FieldTokenProps, FormCheckbox, FormControl, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormInput, FormLabel, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, type FormSelectProps, FormSubmit, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, Heading, type HeadingLevel, type HeadingProps, type HeadingRole, Highlight, type HighlightProps, type IconDef, IconPicker, type IconPickerProps, Identity, type IdentityProps, InlineEdit, type InlineEditLabels, type InlineEditProps, Input, type InputProps, Kbd, type KbdProps, type KeyPadItem, KeyPadMenu, type KeyPadMenuProps, LiveRegion, type LiveRegionProps, Logo, type LogoProps, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, type MeterProps, NumberInput, type NumberInputProps, OtpField, type OtpFieldProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, type PaletteKind, PopoverClose, PopoverContent, type PopoverContentProps, PopoverRoot, PopoverTrigger, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type GroupImperativeHandle as ResizablePanelGroupHandle, type ResizablePanelGroupProps, type PanelImperativeHandle as ResizablePanelHandle, type Layout as ResizablePanelLayout, type ResizablePanelProps, type PanelSize as ResizablePanelSize, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, ScrollArea, type ScrollAreaProps, Section, type SectionProps, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, type SeparatorProps, type ShaderParamKey, type ShaderParamSpec, type ShaderPreset, type ShaderPresetCategory, type ShaderPresetId, ShaderSurface, type ShaderSurfaceHandle, type ShaderSurfaceProps, Skeleton, SkeletonAvatar, SkeletonCard, type SkeletonProps, SkeletonTable, SkeletonText, Slider, type SliderProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, StepBuilder, type StepBuilderProps, type StepDef, Switch, type SwitchProps, THEME_PALETTES, Tab, TabList, TabPanel, TabsRoot, TagInput, type TagInputProps, Text, type TextElement, type TextProps, type TextRole, type TextTone, TextTruncate, type TextTruncateProps, Textarea, type TextareaProps, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, type TruncationSide, VirtualList, type VirtualListProps, createBlock, createBlock as createSurface, getShaderFragment, getShaderPreset, resolveFieldType, useFormContext, useFormStore };
@@ -1,4 +1,4 @@
1
1
  "use client";
2
2
  import { $ as useFormContext, $t as CompositeItem, A as FormGroup, An as SkeletonText, At as AlertDialogPanel, B as FormRemove, Bt as SelectItem, C as FormCheckbox, Ct as ComboboxEmpty, D as FormDescription, Dn as SkeletonAvatar, Dt as ComboboxItem, En as Skeleton, Et as ComboboxInput, Ft as DialogFooter, G as FormSelectPopover, Gt as Tab, H as FormRoot, Ht as SelectPopover, I as FormProvider, It as DialogHeader, J as FormSubmit, Jt as TabsRoot, Kt as TabList, L as FormPush, Lt as DialogHeading, Mt as DialogDescription, N as FormInput, Nt as DialogDisclosure, O as FormError, On as SkeletonCard, Ot as ComboboxPopover, P as FormLabel, Pt as DialogDismiss, Qt as Composite, R as FormRadio, Rt as DialogPanel, St as MenubarRoot, T as FormControl, Tn as StatCard, Tt as ComboboxGroupLabel, U as FormSelect, Ut as SelectRoot, V as FormReset, Vt as SelectLabel, W as FormSelectItem, Wt as SelectTrigger, Xt as DisclosureRoot, Y as FormSwitch, Yt as DisclosureContent, Z as FormTextarea, Zt as DisclosureTrigger, _ as DropdownTrigger, _n as Spinner, _t as MenuPopover, bn as EmptyState, bt as MenuTrigger, c as ResizableHandle, ct as PopoverContent, d as Checkbox, dn as ToolbarRoot, dt as Slider, en as CompositeProvider, et as useFormStore, f as CheckboxGroup, fn as ToolbarSeparator, ft as NumberInput, g as DropdownSeparator, gn as Alert, gr as Kbd, gt as MenuItemRadio, h as DropdownMenu, hn as TooltipProvider, ht as MenuItemCheckbox, i as FieldToken, in as Textarea, it as IconPicker, j as FormGroupLabel, jt as DialogBody, k as FormField, kn as SkeletonTable, kt as ComboboxRoot, l as ResizablePanel, ln as ToolbarButton, lt as PopoverRoot, m as DropdownItem, mn as TooltipAnchor, mt as MenuItem, n as Highlight, nn as CompositeZone, nt as DateRangePicker, o as resolveFieldType, on as Switch, ot as ColorPicker, p as DropdownContent, pn as Tooltip, pt as MenuButtonArrow, qt as TabPanel, r as FIELD_TYPE_TOKENS, rn as Meter, rt as TagInput, s as Pagination, sn as Input, st as PopoverClose, t as TextTruncate, tn as CompositeRow, tt as DEFAULT_PRESETS, u as ResizablePanelGroup, un as ToolbarContainer, ut as PopoverTrigger, vn as Badge, vt as MenuRoot, wt as ComboboxGroup, xn as Button, xt as MenubarContainer, yn as DescriptionList, yt as MenuSeparator, z as FormRadioGroup, zt as DialogRoot } from "../text-truncate-Bd-0WkSP.js";
3
- import { $ as OtpField, B as CardFooter, C as Logo, D as PageHeader, E as ScrollArea, F as CircularProgress, G as AvatarGroup, H as CardTitle, I as Progress, J as AccordionItem, K as Breadcrumb, L as Card, M as RadioGroup, N as ConditionBuilder, O as createBlock, P as StepBuilder, Q as ToggleGroup, R as CardContent, S as DrawerRoot, T as Container, U as Identity, V as CardHeader, W as Avatar, X as AccordionTrigger, Y as AccordionRoot, Z as Toggle, _ as getShaderFragment, a as THEME_PALETTES, b as DrawerClose, c as ExpressionGroup, d as ShaderSurface, et as Separator, f as SHADER_OVERLAY_PARAM_KEYS, g as SHADER_PRESET_IDS, h as SHADER_PRESETS, i as ColorPalettePicker, j as Radio, k as BlockLayout, l as Facet, m as SHADER_PARAM_KEYS, n as InlineEdit, nt as Text, o as LiveRegion, p as SHADER_PARAM_FALLBACK, q as AccordionContent, r as ColorPaletteDisplay, s as Expression, t as KeyPadMenu, tt as Heading, u as FacetGroup, v as getShaderPreset, w as Section, x as DrawerPanel, y as VirtualList, z as CardDescription } from "../key-pad-menu-DMmbQ1jF.js";
3
+ import { $ as OtpField, B as CardFooter, C as Logo, D as PageHeader, E as ScrollArea, F as CircularProgress, G as AvatarGroup, H as CardTitle, I as Progress, J as AccordionItem, K as Breadcrumb, L as Card, M as RadioGroup, N as ConditionBuilder, O as createBlock, P as StepBuilder, Q as ToggleGroup, R as CardContent, S as DrawerRoot, T as Container, U as Identity, V as CardHeader, W as Avatar, X as AccordionTrigger, Y as AccordionRoot, Z as Toggle, _ as getShaderFragment, a as THEME_PALETTES, b as DrawerClose, c as ExpressionGroup, d as ShaderSurface, et as Separator, f as SHADER_OVERLAY_PARAM_KEYS, g as SHADER_PRESET_IDS, h as SHADER_PRESETS, i as ColorPalettePicker, j as Radio, k as BlockLayout, l as Facet, m as SHADER_PARAM_KEYS, n as InlineEdit, nt as Text, o as LiveRegion, p as SHADER_PARAM_FALLBACK, q as AccordionContent, r as ColorPaletteDisplay, s as Expression, t as KeyPadMenu, tt as Heading, u as FacetGroup, v as getShaderPreset, w as Section, x as DrawerPanel, y as VirtualList, z as CardDescription } from "../key-pad-menu-CqFI6la9.js";
4
4
  export { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, Alert, AlertDialogPanel, Avatar, AvatarGroup, Badge, BlockLayout, BlockLayout as SurfaceLayout, Breadcrumb, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroup, CircularProgress, ColorPaletteDisplay, ColorPalettePicker, ColorPicker, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, Container, DEFAULT_PRESETS, DateRangePicker, DescriptionList, DialogBody, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, DialogHeader, DialogHeading, DialogPanel, DialogRoot, DisclosureContent, DisclosureRoot, DisclosureTrigger, DrawerClose, DrawerPanel, DrawerRoot, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, EmptyState, Expression, ExpressionGroup, FIELD_TYPE_TOKENS, Facet, FacetGroup, FieldToken, FormCheckbox, FormControl, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormInput, FormLabel, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, FormSubmit, FormSwitch, FormTextarea, Heading, Highlight, IconPicker, Identity, InlineEdit, Input, Kbd, KeyPadMenu, LiveRegion, Logo, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, NumberInput, OtpField, PageHeader, Pagination, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger, Progress, Radio, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, ScrollArea, Section, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, ShaderSurface, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText, Slider, Spinner, StatCard, StepBuilder, Switch, THEME_PALETTES, Tab, TabList, TabPanel, TabsRoot, TagInput, Text, TextTruncate, Textarea, Toggle, ToggleGroup, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, VirtualList, createBlock, createBlock as createSurface, getShaderFragment, getShaderPreset, resolveFieldType, useFormContext, useFormStore };
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  title: "Core Components"
3
3
  description: "74 Core layer components — props, examples, keyboard shortcuts."
4
- version: "1.13.0"
4
+ version: "1.14.0"
5
5
  generated: true
6
6
  ---
7
7
 
@@ -95,6 +95,25 @@ const store = useFormStore({ defaultValues: { name: "" } });
95
95
  | `resize` | `"none" \| "vertical" \| "horizontal" \| "both"` | | "vertical" | 크기 조절 방향 |
96
96
  | `rows` | `number` | | 4 | 표시 줄 수 |
97
97
 
98
+ **Examples:**
99
+
100
+ _설명 입력:_
101
+
102
+ ```tsx
103
+ import { Textarea } from "@reopt-ai/opt-ui";
104
+ export function Example() {
105
+ return (
106
+ <Textarea
107
+ label="변경 이유"
108
+ name="reason"
109
+ hint="검토자가 알아야 할 내용을 적어주세요"
110
+ rows={4}
111
+ resize="vertical"
112
+ />
113
+ );
114
+ }
115
+ ```
116
+
98
117
  ### NumberInput
99
118
 
100
119
  > 숫자 입력 컴포넌트. +/- 버튼, nullable/clear, unit suffix, invalid draft alert, min/max, step, 키보드 화살표를 지원합니다.
@@ -154,6 +173,22 @@ const store = useFormStore({ defaultValues: { name: "" } });
154
173
  | `orientation` | `"horizontal" \| "vertical"` | | "vertical" | 레이아웃 방향 |
155
174
  | `label` | `string` | | | 그룹 레이블 |
156
175
 
176
+ **Examples:**
177
+
178
+ _복수 선택 그룹:_
179
+
180
+ ```tsx
181
+ import { Checkbox, CheckboxGroup } from "@reopt-ai/opt-ui";
182
+ export function Example() {
183
+ return (
184
+ <CheckboxGroup label="알림 채널" defaultValue={["email"]}>
185
+ <Checkbox value="email" label="이메일" />
186
+ <Checkbox value="push" label="푸시" />
187
+ </CheckboxGroup>
188
+ );
189
+ }
190
+ ```
191
+
157
192
  ### RadioGroup
158
193
 
159
194
  > 독립적인 라디오 그룹 컴포넌트. 그룹 설명과 항목별 설명을 분리 연결하고 다양한 크기를 지원합니다.
@@ -206,6 +241,27 @@ const store = useFormStore({ defaultValues: { name: "" } });
206
241
  | `size` | `"sm" \| "md" \| "lg"` | | "md" | 스위치 크기 |
207
242
  | `disabled` | `boolean` | | | 비활성화 상태 |
208
243
 
244
+ **Examples:**
245
+
246
+ _제어되는 알림 설정:_
247
+
248
+ ```tsx
249
+ "use client";
250
+ import { useState } from "react";
251
+ import { Switch } from "@reopt-ai/opt-ui";
252
+ export function Example() {
253
+ const [enabled, setEnabled] = useState(false);
254
+ return (
255
+ <Switch
256
+ label="이메일 알림"
257
+ hint="새 댓글을 이메일로 받습니다"
258
+ checked={enabled}
259
+ onChange={setEnabled}
260
+ />
261
+ );
262
+ }
263
+ ```
264
+
209
265
  ### Select
210
266
 
211
267
  > 드롭다운 선택 컴포넌트. 5-part anatomy: Root, Label, Trigger, Popover, Item.
@@ -241,7 +297,7 @@ const store = useFormStore({ defaultValues: { name: "" } });
241
297
  | ----------- | ----------- | -------- | ------- | ------------------------------------------------------------------------------ |
242
298
  | `children` | `ReactNode` | Yes | | SelectItem 목록 |
243
299
  | `sameWidth` | `boolean` | | true | 트리거와 같은 너비 |
244
- | `gutter` | `number` | | 4 | 트리거와의 간격 (px) **⚠️ deprecated since 1.12.5 — use `sideOffset` instead** |
300
+ | `gutter` | `number` | | 4 | 트리거와의 간격 (px) **⚠️ deprecated since 1.13.0 — use `sideOffset` instead** |
245
301
  | `className` | `string` | | | 기본 스타일 오버라이드 |
246
302
 
247
303
  **SelectItem:**
@@ -295,7 +351,7 @@ import {
295
351
 
296
352
  | Prop | Type | Required | Default | Description |
297
353
  | ------------------ | ------------------------- | -------- | ------- | ------------------------------------------------------------------------------- |
298
- | `setValue` | `(value: string) => void` | | | 입력값 변경 핸들러 **⚠️ deprecated since 1.12.5 — use `onValueChange` instead** |
354
+ | `setValue` | `(value: string) => void` | | | 입력값 변경 핸들러 **⚠️ deprecated since 1.13.0 — use `onValueChange` instead** |
299
355
  | `resetValueOnHide` | `boolean` | | false | 팝오버 닫힐 때 입력값 리셋 |
300
356
 
301
357
  **ComboboxInput:**
@@ -312,7 +368,7 @@ import {
312
368
  | ----------- | ----------- | -------- | ------- | ---------------------------------------------------------------------------- |
313
369
  | `children` | `ReactNode` | Yes | | ComboboxItem/Group 목록 |
314
370
  | `sameWidth` | `boolean` | | true | 입력과 같은 너비 |
315
- | `gutter` | `number` | | 4 | 입력과의 간격 (px) **⚠️ deprecated since 1.12.5 — use `sideOffset` instead** |
371
+ | `gutter` | `number` | | 4 | 입력과의 간격 (px) **⚠️ deprecated since 1.13.0 — use `sideOffset` instead** |
316
372
  | `className` | `string` | | | 기본 스타일 오버라이드 |
317
373
 
318
374
  **ComboboxItem:**
@@ -504,7 +560,7 @@ import {
504
560
  | ----------- | ----------- | -------- | ------- | ------------------------------------------------------------------------------ |
505
561
  | `children` | `ReactNode` | Yes | | FormSelectItem 목록 |
506
562
  | `sameWidth` | `boolean` | | true | 트리거와 같은 너비 |
507
- | `gutter` | `number` | | 4 | 트리거와의 간격 (px) **⚠️ deprecated since 1.12.5 — use `sideOffset` instead** |
563
+ | `gutter` | `number` | | 4 | 트리거와의 간격 (px) **⚠️ deprecated since 1.13.0 — use `sideOffset` instead** |
508
564
 
509
565
  **FormSelectItem:**
510
566
 
@@ -797,6 +853,21 @@ import { Button } from "@reopt-ai/opt-ui";
797
853
  | `progress` | `number` | | | 원형 프로그레스 값 (0-100). 설정 시 dot 무시 |
798
854
  | `progressSize` | `number` | | 16 | 프로그레스 링 SVG 크기 (px) |
799
855
 
856
+ **Examples:**
857
+
858
+ _텍스트가 있는 상태:_
859
+
860
+ ```tsx
861
+ import { Badge } from "@reopt-ai/opt-ui";
862
+ export function Example() {
863
+ return (
864
+ <Badge variant="success" dot>
865
+ 동기화 완료
866
+ </Badge>
867
+ );
868
+ }
869
+ ```
870
+
800
871
  ### Alert
801
872
 
802
873
  > 알림 메시지 컴포넌트. 4가지 변형(info, success, warning, error), 제목/본문/닫기 버튼 지원.
@@ -811,6 +882,21 @@ import { Button } from "@reopt-ai/opt-ui";
811
882
  | `dismissible` | `boolean` | | false | 닫기 버튼 표시 여부 |
812
883
  | `onDismiss` | `() => void` | | | 닫기 버튼 클릭 핸들러 |
813
884
 
885
+ **Examples:**
886
+
887
+ _재시도 가능한 오류 안내:_
888
+
889
+ ```tsx
890
+ import { Alert } from "@reopt-ai/opt-ui";
891
+ export function Example() {
892
+ return (
893
+ <Alert variant="error" title="저장하지 못했습니다">
894
+ 연결 상태를 확인한 뒤 다시 저장하세요.
895
+ </Alert>
896
+ );
897
+ }
898
+ ```
899
+
814
900
  ### Spinner
815
901
 
816
902
  > 로딩 상태 표시 스피너. 3가지 크기와 장식용 aria-hidden 모드를 지원합니다.
@@ -821,6 +907,17 @@ import { Button } from "@reopt-ai/opt-ui";
821
907
  | ------ | ---------------------- | -------- | ------- | ----------- |
822
908
  | `size` | `"sm" \| "md" \| "lg"` | | "md" | 스피너 크기 |
823
909
 
910
+ **Examples:**
911
+
912
+ _이름 있는 로딩 표시:_
913
+
914
+ ```tsx
915
+ import { Spinner } from "@reopt-ai/opt-ui";
916
+ export function Example() {
917
+ return <Spinner size="sm" aria-label="검색 결과 불러오는 중" />;
918
+ }
919
+ ```
920
+
824
921
  ### LoadingOverlay
825
922
 
826
923
  > 로딩 오버레이. 중복 status 없이 하나의 aria-busy 라이브 영역으로 콘텐츠 위 로딩 상태를 표시합니다.
@@ -834,6 +931,21 @@ import { Button } from "@reopt-ai/opt-ui";
834
931
  | `children` | `ReactNode` | Yes | | 감싸는 콘텐츠 |
835
932
  | `label` | `string` | | "Loading…" | 로딩 텍스트 |
836
933
 
934
+ **Examples:**
935
+
936
+ _기존 결과를 유지하는 갱신 표시:_
937
+
938
+ ```tsx
939
+ import { LoadingOverlay } from "@reopt-ai/opt-ui";
940
+ export function Example() {
941
+ return (
942
+ <LoadingOverlay loading label="목록 새로고침 중">
943
+ <p>이전 조회 결과</p>
944
+ </LoadingOverlay>
945
+ );
946
+ }
947
+ ```
948
+
837
949
  ### Progress
838
950
 
839
951
  > 진행률 표시. Linear/Circular, determinate/indeterminate 변형과 안전하게 보정된 ARIA 값을 지원합니다.
@@ -866,6 +978,17 @@ import { Button } from "@reopt-ai/opt-ui";
866
978
  | `label` | `string` | | | 접근성 레이블 |
867
979
  | `indeterminate` | `boolean` | | false | 값을 알 수 없는 진행 상태 |
868
980
 
981
+ **Examples:**
982
+
983
+ _업로드 진행률:_
984
+
985
+ ```tsx
986
+ import { Progress } from "@reopt-ai/opt-ui";
987
+ export function Example() {
988
+ return <Progress value={35} max={100} aria-label="파일 업로드" />;
989
+ }
990
+ ```
991
+
869
992
  ### Avatar
870
993
 
871
994
  > 사용자 아바타. 이미지, 이니셜 자동 생성, 스크린 리더에 노출되는 상태 인디케이터, 그룹을 지원합니다.
@@ -891,6 +1014,22 @@ import { Button } from "@reopt-ai/opt-ui";
891
1014
  | `size` | `"xs" \| "sm" \| "md" \| "lg" \| "xl"` | | "md" | 아바타 크기 |
892
1015
  | `children` | `ReactNode` | Yes | | Avatar 요소들 |
893
1016
 
1017
+ **Examples:**
1018
+
1019
+ _이미지 없이 사용자 표시:_
1020
+
1021
+ ```tsx
1022
+ import { Avatar, AvatarGroup } from "@reopt-ai/opt-ui";
1023
+ export function Example() {
1024
+ return (
1025
+ <AvatarGroup max={3}>
1026
+ <Avatar name="김민수" />
1027
+ <Avatar name="이지수" />
1028
+ </AvatarGroup>
1029
+ );
1030
+ }
1031
+ ```
1032
+
894
1033
  ### Skeleton
895
1034
 
896
1035
  > 로딩 플레이스홀더. text/circular/rectangular 변형. 프리셋 컴포넌트 포함.
@@ -926,6 +1065,21 @@ import { Button } from "@reopt-ai/opt-ui";
926
1065
  | `rows` | `number` | | 5 | 테이블 행 수 |
927
1066
  | `columns` | `number` | | 4 | 테이블 열 수 |
928
1067
 
1068
+ **Examples:**
1069
+
1070
+ _목록 로딩 자리 확보:_
1071
+
1072
+ ```tsx
1073
+ import { SkeletonTable } from "@reopt-ai/opt-ui";
1074
+ export function Example() {
1075
+ return (
1076
+ <section aria-label="목록 불러오는 중" aria-busy="true">
1077
+ <SkeletonTable rows={3} columns={4} />
1078
+ </section>
1079
+ );
1080
+ }
1081
+ ```
1082
+
929
1083
  ### Card
930
1084
 
931
1085
  > 범용 카드 컨테이너. Header, Title, Description, Content, Footer 하위 컴포넌트 포함.
@@ -1118,7 +1272,7 @@ import {
1118
1272
  | Prop | Type | Required | Default | Description |
1119
1273
  | ----------- | ----------- | -------- | ------- | ------------------------------------------------------------------------------ |
1120
1274
  | `children` | `ReactNode` | Yes | | MenuItem 목록 |
1121
- | `gutter` | `number` | | 8 | 트리거와의 간격 (px) **⚠️ deprecated since 1.12.5 — use `sideOffset` instead** |
1275
+ | `gutter` | `number` | | 8 | 트리거와의 간격 (px) **⚠️ deprecated since 1.13.0 — use `sideOffset` instead** |
1122
1276
  | `className` | `string` | | | 기본 스타일 오버라이드 |
1123
1277
 
1124
1278
  **MenuItem:**
@@ -1176,7 +1330,7 @@ import {
1176
1330
 
1177
1331
  | Prop | Type | Required | Default | Description |
1178
1332
  | -------- | -------- | -------- | ------- | ------------------------------------------------------------------------------ |
1179
- | `gutter` | `number` | | 4 | 트리거와의 간격 (px) **⚠️ deprecated since 1.12.5 — use `sideOffset` instead** |
1333
+ | `gutter` | `number` | | 4 | 트리거와의 간격 (px) **⚠️ deprecated since 1.13.0 — use `sideOffset` instead** |
1180
1334
 
1181
1335
  **DropdownItem:**
1182
1336
 
@@ -1200,10 +1354,9 @@ import {
1200
1354
 
1201
1355
  **Import:** `import { PopoverRoot } from "@reopt-ai/opt-ui"`
1202
1356
 
1203
- | Prop | Type | Required | Default | Description |
1204
- | ----------- | -------- | -------- | ------- | ------------------------------------------------------------------------------ |
1205
- | `gutter` | `number` | | 8 | 트리거와의 간격 (px) **⚠️ deprecated since 1.12.5 — use `sideOffset` instead** |
1206
- | `className` | `string` | | | 커스텀 CSS 클래스 |
1357
+ | Prop | Type | Required | Default | Description |
1358
+ | ----------- | -------- | -------- | ------- | ----------------- |
1359
+ | `className` | `string` | | | 커스텀 CSS 클래스 |
1207
1360
 
1208
1361
  **Keyboard Shortcuts:**
1209
1362
 
@@ -1212,6 +1365,30 @@ import {
1212
1365
  | `Esc` | 팝오버 닫기 |
1213
1366
  | `Enter / Space` | 트리거 활성화 |
1214
1367
 
1368
+ **Examples:**
1369
+
1370
+ _보조 설명 열고 닫기:_
1371
+
1372
+ ```tsx
1373
+ import {
1374
+ PopoverRoot,
1375
+ PopoverTrigger,
1376
+ PopoverContent,
1377
+ PopoverClose,
1378
+ } from "@reopt-ai/opt-ui";
1379
+ export function Example() {
1380
+ return (
1381
+ <PopoverRoot>
1382
+ <PopoverTrigger>공유 안내</PopoverTrigger>
1383
+ <PopoverContent>
1384
+ <p>초대받은 사용자만 문서를 볼 수 있습니다.</p>
1385
+ <PopoverClose>닫기</PopoverClose>
1386
+ </PopoverContent>
1387
+ </PopoverRoot>
1388
+ );
1389
+ }
1390
+ ```
1391
+
1215
1392
  ### Tabs
1216
1393
 
1217
1394
  > 탭 패널 시스템. 4-part anatomy: Root, TabList, Tab, TabPanel.
@@ -1225,7 +1402,7 @@ import {
1225
1402
  | `variant` | `"underline" \| "workspace"` | | | 탭 프레임 형태. workspace는 편집기 탭(문서/쿼리처럼 열고 닫히며 상태를 갖는 작업 단위) |
1226
1403
  | `defaultSelectedId` | `string` | | | 초기 선택된 탭 ID |
1227
1404
  | `selectedId` | `string \| null` | | | 제어 모드: 선택된 탭 ID |
1228
- | `setSelectedId` | `(id: string \| null) => void` | | | 제어 모드: 탭 변경 핸들러 **⚠️ deprecated since 1.12.5 — use `onSelectedIdChange` instead** |
1405
+ | `setSelectedId` | `(id: string \| null) => void` | | | 제어 모드: 탭 변경 핸들러 **⚠️ deprecated since 1.13.0 — use `onSelectedIdChange` instead** |
1229
1406
 
1230
1407
  **TabList:**
1231
1408
 
@@ -1262,6 +1439,27 @@ import {
1262
1439
  | `Home` | 첫 번째 탭으로 이동 |
1263
1440
  | `End` | 마지막 탭으로 이동 |
1264
1441
 
1442
+ **Examples:**
1443
+
1444
+ _이름 있는 두 패널:_
1445
+
1446
+ ```tsx
1447
+ import { TabsRoot, TabList, Tab, TabPanel } from "@reopt-ai/opt-ui";
1448
+
1449
+ export function Example() {
1450
+ return (
1451
+ <TabsRoot defaultSelectedId="overview">
1452
+ <TabList aria-label="프로젝트 정보">
1453
+ <Tab id="overview">개요</Tab>
1454
+ <Tab id="activity">활동</Tab>
1455
+ </TabList>
1456
+ <TabPanel tabId="overview">프로젝트 요약</TabPanel>
1457
+ <TabPanel tabId="activity">최근 활동</TabPanel>
1458
+ </TabsRoot>
1459
+ );
1460
+ }
1461
+ ```
1462
+
1265
1463
  ### Disclosure
1266
1464
 
1267
1465
  > 접기/펼치기 콘텐츠 영역. 3-part anatomy: Root, Trigger, Content.
@@ -1273,7 +1471,7 @@ import {
1273
1471
  | Prop | Type | Required | Default | Description |
1274
1472
  | ------------- | ------------------------- | -------- | ------- | --------------------------------------------------------------------------------------- |
1275
1473
  | `open` | `boolean` | | | 제어 모드: 열림 상태 |
1276
- | `setOpen` | `(open: boolean) => void` | | | 제어 모드: 상태 변경 핸들러 **⚠️ deprecated since 1.12.5 — use `onOpenChange` instead** |
1474
+ | `setOpen` | `(open: boolean) => void` | | | 제어 모드: 상태 변경 핸들러 **⚠️ deprecated since 1.13.0 — use `onOpenChange` instead** |
1277
1475
  | `defaultOpen` | `boolean` | | false | 비제어 모드: 초기 열림 상태 |
1278
1476
 
1279
1477
  **DisclosureTrigger:**
@@ -1307,7 +1505,7 @@ import {
1307
1505
  | Prop | Type | Required | Default | Description |
1308
1506
  | --------- | ------------------------- | -------- | ------- | --------------------------------------------------------------------------------------- |
1309
1507
  | `open` | `boolean` | | | 제어 모드: 열림 상태 |
1310
- | `setOpen` | `(open: boolean) => void` | | | 제어 모드: 상태 변경 핸들러 **⚠️ deprecated since 1.12.5 — use `onOpenChange` instead** |
1508
+ | `setOpen` | `(open: boolean) => void` | | | 제어 모드: 상태 변경 핸들러 **⚠️ deprecated since 1.13.0 — use `onOpenChange` instead** |
1311
1509
 
1312
1510
  **DialogDisclosure:**
1313
1511
 
@@ -1667,18 +1865,19 @@ import {
1667
1865
 
1668
1866
  **Import:** `import { ConditionBuilder } from "@reopt-ai/opt-ui"`
1669
1867
 
1670
- | Prop | Type | Required | Default | Description |
1671
- | --------------------- | --------------------------------------- | -------- | ------------------ | -------------------------------------- |
1672
- | `groups` | `ConditionGroup[]` | Yes | | 조건 그룹 배열 |
1673
- | `onChange` | `(groups: ConditionGroup[]) => void` | Yes | | 그룹 변경 핸들러 |
1674
- | `properties` | `string[]` | | | 선택 가능한 속성 목록 (기본 10개 제공) |
1675
- | `label` | `string` | | | 빌더 레이블 |
1676
- | `nested` | `boolean` | | false | 중첩 AND/OR 그룹 활성화 |
1677
- | `maxDepth` | `number` | | 3 | 최대 중첩 깊이 |
1678
- | `conditionTypes` | `Record<string, ConditionTypeRenderer>` | | | 이질적 조건 타입 렌더러 레지스트리 |
1679
- | `onPreview` | `(groups: ConditionGroup[]) => void` | | | 조건 변경 시 미리보기 콜백 |
1680
- | `previewCount` | `number` | | | 매치 카운트 표시 (toLocaleString 포맷) |
1681
- | `addNestedGroupLabel` | `string` | | "Add nested group" | 중첩 그룹 추가 버튼 텍스트 |
1868
+ | Prop | Type | Required | Default | Description |
1869
+ | --------------------- | --------------------------------------- | -------- | ------------------ | ------------------------------------------------------------------------------ |
1870
+ | `groups` | `ConditionGroup[]` | Yes | | 조건 그룹 배열 |
1871
+ | `onChange` | `(groups: ConditionGroup[]) => void` | Yes | | 그룹 변경 핸들러 |
1872
+ | `properties` | `string[]` | | | 선택 가능한 속성 목록 (기본 10개 제공) |
1873
+ | `label` | `string` | | | 빌더 레이블 |
1874
+ | `nested` | `boolean` | | false | 중첩 AND/OR 그룹 활성화 |
1875
+ | `maxDepth` | `number` | | 3 | 최대 중첩 깊이 |
1876
+ | `conditionTypes` | `Record<string, ConditionTypeRenderer>` | | | 이질적 조건 타입 렌더러 레지스트리 |
1877
+ | `onPreview` | `(groups: ConditionGroup[]) => void` | | | 조건 변경 시 미리보기 콜백 |
1878
+ | `previewCount` | `number` | | | 매치 카운트 표시 (toLocaleString 포맷) |
1879
+ | `labels` | `ConditionBuilderLabels` | | | 미리보기 문구 오버라이드 (previewSuffix, formatPreview). 기본은 영어 "matches" |
1880
+ | `addNestedGroupLabel` | `string` | | "Add nested group" | 중첩 그룹 추가 버튼 텍스트 |
1682
1881
 
1683
1882
  ## Other
1684
1883
 
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  title: "Visual Components"
3
3
  description: "0 Visual layer components — props, examples, keyboard shortcuts."
4
- version: "1.13.0"
4
+ version: "1.14.0"
5
5
  generated: true
6
6
  ---
7
7