@olundot/ui 0.15.0 → 0.17.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @olundot/ui
 
+## 0.17.0
+
+### Minor Changes
+
+- cf4bcb3: 연속 로드(100개씩 이어 붙이는 목록) 대응. 새 prop은 모두 선택 사항이라, 주지 않으면 기존 화면의 마크업과 동작이 그대로입니다. 기존 화면에서 달라지는 것은 아래 "보정" 항목뿐입니다.
+
+  - `DataTable` `virtual`(opt-in): 가상 스크롤. 행 높이가 모두 같다는 전제로, 보이는 레이아웃(표 또는 카드)에서 화면 근처 행만 그리고 행을 memo합니다. 스크롤 컨테이너는 window든 앱 셸의 `overflow-y-auto` 영역이든 상관없고, 헤더 체크는 계속 불러온 행 전체를 고릅니다. 열 머리는 스크롤 컨테이너 안에 sticky로 남고, 앞에 inline `BulkActionBar` 띠가 떠 있으면 그 아래(top 40px)에 붙습니다. 이를 위해 가상 모드의 루트는 `overflow: clip`을 씁니다. `columns`는 모듈 상수나 `useMemo`로 고정해야 memo가 효과를 냅니다. 외부 의존성은 추가하지 않았습니다.
+  - `DataTable` `linkComponent`·`onRowClick`: `rowHref`를 Next `Link` 같은 라우터 링크로 렌더하거나(첫 열 링크가 행 전체를 덮음), 행 클릭을 직접 받습니다. `rowHref`만 쓰면 종전처럼 `window.location.assign`입니다. `DataTableLinkProps`·`DataTableVirtualOptions` 타입을 export합니다.
+  - `BulkActionBar` `placement="inline"`(툴바 아래 sticky top 띠, 기본값은 `floating`으로 현행 그대로), `unit`(예: "12명 선택됨", 기본 "개"), `summary`(개수 옆 제안 자리), `idleContent`(선택 전 개수 표시), `compactSummary`(폭이 모자랄 때 summary 대신 보여 줄 짧은 문구·아이콘)를 추가했습니다. inline 상태 줄과 띠는 같은 40px 한 줄이라 선택해도 목록이 밀리지 않고, 좁은 폭에서도 두 줄로 늘지 않습니다(summary는 잘리거나 compactSummary로 바뀝니다).
+  - `ConfirmDialog` 본문 슬롯 `children`과 `confirmDisabled`: 인원 수를 입력해야 [삭제]가 켜지는 확인을 만들 수 있습니다.
+  - 보정 — `IconButton` 터치 영역: 테두리 1px을 계산에 넣어 sm·md·lg 모두 실제 44px이 되도록 인셋을 1px씩 늘렸습니다(0.16은 42px). 보이는 크기는 그대로이고, 촘촘하게 붙은 IconButton은 이웃과 터치 영역이 1px씩 더 겹칩니다.
+  - 보정 — `Skeleton`: 채움 색을 `--bg-raised`에서 `--bg-inset`으로 바꿨습니다(DataTable 로딩 막대 포함). 라이트에서 흰 표면 위에서도 보이고(#FFFFFF → #F1F2F4), 다크 값은 같아서 다크 화면은 달라지지 않습니다.
+  - 보정 — 회색 웰: 라이트에서 흰색(#FFFFFF)이 되어 사라진 채움을 `--bg-raised`에서 `--bg-inset`(#F1F2F4)으로 바꿨습니다. `ModeToggle` 트랙, `Tabs` contained 목록·탭 배지, `Avatar` 루트·fallback, `Chip` pressed muted·count neutral·muted, `Input`·`Textarea`·`OTPField` 읽기 전용, `IconButton` subtle. 다크 값은 같아서 다크 화면은 달라지지 않습니다.
+  - 보정 — 입력류 모서리: `Input`·`Textarea`·`Select` 트리거·`SearchField`·`OTPField` 칸을 `--radius-sm`(6)에서 `--radius-md`(8)로 바꿨습니다. 버튼·메뉴 등 나머지 컨트롤은 그대로입니다.
+  - 보정 — `Button` 세로 패딩: 높이를 `h-*`로만 정하고 세로 패딩을 없앴습니다(md는 32px 안의 12px 패딩으로 content box가 6px였음). 보이는 크기와 라벨 위치는 같습니다. 단, `className`으로 `h-auto`를 줘 높이를 풀어 쓰던 곳은 세로 패딩이 사라지므로 `py-*`를 직접 줘야 합니다.
+
+### Patch Changes
+
+- Updated dependencies [0e34f79]
+  - @olundot/tokens@0.16.0
+
+## 0.16.0
+
+### Minor Changes
+
+- d34adb7: - Align Chip sizes with field controls at 30/32/36px and use body-sm text for md/lg.
+
+  - Align the Select md trigger typography with Button and SearchField at body-sm.
+  - Add container-aware FilterToolbar collapsing with a SheetDrawer or Popover and active-filter summary.
+  - Expand IconButton hit targets to 44px with pseudo-elements while preserving visual sizes.
+
+  Chip, Select, FilterToolbar, IconButton의 툴바 스케일과 좁은 화면 동작을 하나의 컨트롤 규칙으로 맞춥니다.
+
 ## 0.15.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -668,9 +668,15 @@ interface InfoModalProps {
 }
 declare function InfoModal({ open, onOpenChange, title, description, children, closeLabel, width, footer, }: InfoModalProps): react_jsx_runtime.JSX.Element;
 
+type FilterToolbarCollapseBelow = "sm" | "md" | "lg" | "never";
 interface FilterToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
     search?: React.ReactNode;
     filters?: React.ReactNode;
+    collapsible?: React.ReactNode;
+    collapseBelow?: FilterToolbarCollapseBelow;
+    activeFilterCount?: number;
+    onClearFilters?: () => void;
+    collapsedLabel?: string;
     resultSummary?: React.ReactNode;
     clearAction?: React.ReactNode;
     actions?: React.ReactNode;
@@ -694,6 +700,16 @@ interface DataTableColumn<T> {
     tabular?: boolean;
     sortable?: boolean;
 }
+interface DataTableLinkProps {
+    href: string;
+    className?: string;
+    children?: React.ReactNode;
+    'data-slot'?: string;
+}
+interface DataTableVirtualOptions {
+    /** Rows rendered past each viewport edge. Default 8. */
+    overscan?: number;
+}
 interface DataTableSort {
     key: string;
     dir: 'asc' | 'desc';
@@ -712,7 +728,29 @@ interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     loading?: boolean;
     emptyState?: React.ReactNode;
     rowHref?: (row: T) => string;
+    /**
+     * Renders `rowHref` as a real link — e.g. Next `Link` — instead of
+     * `window.location.assign`. The first column's content becomes the link and its
+     * ::after overlay covers the whole row, so the router navigates without a full
+     * reload and cmd/middle-click open a new tab. Controls inside cells stay on top.
+     * With a link, row-level `onRowClick` is not used.
+     */
+    linkComponent?: React.ElementType<DataTableLinkProps>;
+    /**
+     * Row activation (click, Enter/Space on the row). When given, it replaces the
+     * `rowHref` full-page `window.location.assign` — e.g. `router.push`.
+     */
+    onRowClick?: (row: T, event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
     skeletonRowCount?: number;
+    /**
+     * Virtual scrolling for long, continuously loaded lists (opt-in). Rows must
+     * share one fixed height (measured from the first rendered row). Only the
+     * visible layout — table or cards — renders rows, and only those near the
+     * viewport; rows are memoized. Works with any scroll container (window or an
+     * app-shell `overflow-y-auto` main). Header "select all" still covers every
+     * loaded row. Browser find (Ctrl+F) cannot see rows outside the window.
+     */
+    virtual?: boolean | DataTableVirtualOptions;
     /**
      * Background level for the table container. Header, selected rows, loading,
      * and empty states keep their own state styling.
@@ -778,9 +816,36 @@ interface BulkActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
     actions: BulkActionBarAction[];
     onClear: () => void;
     emptyHint?: React.ReactNode;
+    /**
+     * `floating` (default) — pill stuck to the bottom of the list, as before.
+     * `inline` — full-width band stuck to the top, placed where the status line sits
+     * under the toolbar. Render it BEFORE the list so it comes first in tab order.
+     */
+    placement?: "floating" | "inline";
+    /** Count unit — `12명 선택됨`. Defaults to `개`. */
+    unit?: string;
+    /** Next to the count — e.g. an "이 조건의 3,214명 모두 선택" link or a cap notice. */
+    summary?: React.ReactNode;
+    /**
+     * Inline only: a shorter `summary` (e.g. "모두 선택") swapped in when the band is too
+     * narrow to show `summary` on one line. Without it, `summary` is clipped, never wrapped.
+     */
+    compactSummary?: React.ReactNode;
+    /**
+     * Shown instead of the bar while nothing is selected (e.g. `100 / 3,214명`).
+     * Takes precedence over `emptyHint`; with neither, the bar hides at count 0.
+     */
+    idleContent?: React.ReactNode;
 }
 /**
- * OLUN BulkActionBar — floating pill for multi-select table/list actions.
+ * OLUN BulkActionBar — multi-select table/list actions.
+ *
+ * placement="floating" (default) is the bottom pill; placement="inline" is a
+ * top-sticky band that replaces the status line under the toolbar, so it comes
+ * before the rows in tab order. `unit` sets the count unit, `summary` holds a
+ * suggestion next to the count, `idleContent` shows while nothing is selected.
+ * Inline, the band and the idle line are one 40px line: a long `summary` is
+ * clipped or swapped for `compactSummary`, never wrapped.
  *
  * Low-chrome by design: actions are borderless text/icon buttons separated by
  * hairline dividers — not filled Button components. Destructive actions read as
@@ -794,7 +859,7 @@ interface BulkActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
  *     { key: "del", label: "삭제", variant: "destructive", onClick: confirmDelete },
  *   ]} />
  */
-declare function BulkActionBar({ count, actions, onClear, emptyHint, className, style, ...props }: BulkActionBarProps): react_jsx_runtime.JSX.Element | null;
+declare function BulkActionBar({ count, actions, onClear, emptyHint, placement, unit, summary, compactSummary, idleContent, className, style, ...props }: BulkActionBarProps): react_jsx_runtime.JSX.Element | null;
 
 declare const Dialog: React.FC<Dialog$1.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -837,8 +902,15 @@ interface ConfirmDialogProps {
     cancelLabel?: string;
     onConfirm: () => void | Promise<void>;
     loading?: boolean;
+    /**
+     * Body slot between the description and the footer — e.g. a "type the count to
+     * confirm" input. Focus moves to its first focusable element when the dialog opens.
+     */
+    children?: React.ReactNode;
+    /** Keeps the confirm button disabled (e.g. until the typed count matches). */
+    confirmDisabled?: boolean;
 }
-declare function ConfirmDialog({ open, onOpenChange, title, description, tone, confirmLabel, cancelLabel, onConfirm, loading, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+declare function ConfirmDialog({ open, onOpenChange, title, description, tone, confirmLabel, cancelLabel, onConfirm, loading, children, confirmDisabled, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
 
 declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime.JSX.Element;
 
@@ -1108,7 +1180,7 @@ interface SkeletonRowProps extends React.HTMLAttributes<HTMLDivElement> {
     columns: SkeletonRowColumn[];
     count?: number;
     /**
-     * Background level for the row group container. Shimmer bars remain raised.
+     * Background level for the row group container. Shimmer bars stay bg-inset.
      */
     surface?: SurfaceLevel;
 }
@@ -1583,4 +1655,4 @@ interface OrganizationLogoProps extends Omit<SVGProps<SVGSVGElement>, "width" |
 }
 declare function OrganizationLogo({ organization, size, className, style, role, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...props }: OrganizationLogoProps): react_jsx_runtime.JSX.Element;
 
-export { ActionFooter, type ActionFooterAction, type ActionFooterProps, type ActionFooterStatus, Alert, type AlertEmphasis, type AlertProps, type AlertVariant, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BulkActionBar, type BulkActionBarAction, type BulkActionBarProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardProse, CardTitle, type CardVariant, type CardVariantOptions, Checkbox, type CheckboxCheckedState, CheckboxGroup, type CheckboxGroupAppearance, type CheckboxGroupColumns, CheckboxGroupContext, type CheckboxGroupContextValue, type CheckboxGroupDensity, type CheckboxGroupOrientation, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, Chip, type ChipProps, type ChipSize, type ChipTone, type ChipVariant, ConfirmDialog, type ConfirmDialogProps, ContextMenu, type ContextMenuPosition, type ContextMenuProps, CopyButton, type CopyButtonProps, DataLayout, type DataLayoutProps, DataTable, type DataTableColumn, type DataTableProps, type DataTableSort, DetailLayout, type DetailLayoutProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogEyebrow, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRawContent, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, type EmptyStateSize, type EmptyStateTone, type EmptyStateVariantOptions, ErrorState, type ErrorStateProps, FileUploadZone, type FileUploadZoneProps, FilterToolbar, type FilterToolbarProps, FormField, type FormFieldProps, type FormFieldRenderProps, FormLayout, type FormLayoutProps, type FormLayoutSection, FormModal, type FormModalProps, IconButton, type IconButtonBadgeTone, type IconButtonProps, type IconButtonSize, type IconButtonVariant, InfoModal, type InfoModalProps, InlineAlert, type InlineAlertProps, type InlineAlertSurface, Input, type InputProps, type InputSize, type InputSizeLegacy, type InputState, Label, type LabelProps, ModeToggle, type ModeToggleOption, type ModeToggleProps, NotificationBadge, type NotificationBadgePlacement, type NotificationBadgeProps, type NotificationBadgeSize, OTPField, type OTPFieldProps, type OTPFieldSize, OlunLogo, OlunSymbol, type OlunTheme, type OlunThemeDuration, type OlunThemeState, OrganizationLogo, type OrganizationLogoId, type OrganizationLogoProps, PageHeader, type PageHeaderProps, PageSizeSelect, type PageSizeSelectProps, type PageSizeSelectSize, Pagination, type PaginationProps, type PaginationSize, PermissionContext, type PermissionEvaluator, type PermissionFallback, PermissionGuard, type PermissionGuardProps, PermissionProvider, type PermissionProviderProps, type PermissionScope, type PermissionState, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressStatus, Radio, RadioGroup, type RadioGroupAppearance, type RadioGroupColumns, type RadioGroupDensity, type RadioGroupOrientation, type RadioGroupProps, type RadioProps, ScrollArea, ScrollBar, SearchField, type SearchFieldProps, type SearchFieldSize, Select, type SelectAppearance, type SelectOption, type SelectProps, type SelectSize, type SelectState, type SelectVariant, type SemanticRole, Separator, type SetOlunThemeOptions, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetDrawer, type SheetDrawerProps, SheetFooter, SheetHeader, type SheetMotionConfig, type SheetMotionDuration, type SheetMotionEasing, type SheetMotionType, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, SkeletonRow, type SkeletonRowColumn, type SkeletonRowProps, SkeletonText, type SkeletonTextProps, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeEmphasis, type StatusBadgeProps, type StatusBadgeSize, type StatusBadgeStatus, type SurfaceLevel, Switch, type SwitchProps, type TabItem, Tabs, TabsContent, type TabsProps, type TabsVariant, Textarea, type TextareaProps, type TextareaSize, type TextareaSizeLegacy, type TextareaState, ThemeFab, type ThemeFabProps, ThemeToggle, Toast, type ToastAction, type ToastItem, type ToastOptions, ToastProvider, ToastRoot, type ToastVariant, ToastViewport, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TreeItemRowVariantProps, type TreeItemState, type TreeNode, TreeView, type TreeViewProps, TwoTierBadge, type TwoTierBadgeEmphasis, type TwoTierBadgeProps, type TwoTierBadgeSize, type TwoTierBadgeTone, type UseOlunThemeValue, WizardLayout, type WizardLayoutProps, type WizardStep, type WizardStepState, actionFooterStatusVariants, actionFooterVariants, buttonVariants, cardVariants, checkboxBoxVariants, checkboxFieldVariants, checkboxGroupBoxVariants, checkboxGroupItemVariants, checkboxGroupVariants, checkboxRootVariants, checkboxVariants, chipCountVariants, chipVariants, cn, dataTableRowVariants, dataTableVariants, emptyStateIconVariants, emptyStateVariants, errorStateVariants, evaluatePermission, fileUploadIconVariants, fileUploadZoneVariants, formFieldControlStackClassName, formFieldDescriptionClassName, formFieldErrorClassName, formFieldLabelClassName, formFieldRequiredClassName, formFieldVariants, getOlunThemeState, getToastDuration, iconButtonBadgeVariants, iconButtonVariants, inputMessageVariants, inputVariants, limitToasts, modeToggleItemVariants, modeToggleVariants, notificationBadgeVariants, otpCellVariants, otpFieldGroupVariants, otpFieldMessageVariants, otpFieldVariants, paginationControlVariants, paginationVariants, radioControlVariants, radioGroupVariants, radioVariants, searchFieldInputVariants, searchFieldVariants, selectMessageVariants, selectVariants, setOlunTheme, skeletonVariants, spinnerVariants, tabsBadgeVariants, tabsListVariants, tabsRootVariants, tabsTriggerVariants, textareaMessageVariants, textareaVariants, toast, toastVariants, toastViewportVariants, treeItemRowVariants, treeViewVariants, useOlunTheme, usePermission };
+export { ActionFooter, type ActionFooterAction, type ActionFooterProps, type ActionFooterStatus, Alert, type AlertEmphasis, type AlertProps, type AlertVariant, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, Badge, type BadgeProps, type BadgeTone, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BulkActionBar, type BulkActionBarAction, type BulkActionBarProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardProse, CardTitle, type CardVariant, type CardVariantOptions, Checkbox, type CheckboxCheckedState, CheckboxGroup, type CheckboxGroupAppearance, type CheckboxGroupColumns, CheckboxGroupContext, type CheckboxGroupContextValue, type CheckboxGroupDensity, type CheckboxGroupOrientation, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, Chip, type ChipProps, type ChipSize, type ChipTone, type ChipVariant, ConfirmDialog, type ConfirmDialogProps, ContextMenu, type ContextMenuPosition, type ContextMenuProps, CopyButton, type CopyButtonProps, DataLayout, type DataLayoutProps, DataTable, type DataTableColumn, type DataTableLinkProps, type DataTableProps, type DataTableSort, type DataTableVirtualOptions, DetailLayout, type DetailLayoutProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogEyebrow, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRawContent, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, type EmptyStateSize, type EmptyStateTone, type EmptyStateVariantOptions, ErrorState, type ErrorStateProps, FileUploadZone, type FileUploadZoneProps, FilterToolbar, type FilterToolbarCollapseBelow, type FilterToolbarProps, FormField, type FormFieldProps, type FormFieldRenderProps, FormLayout, type FormLayoutProps, type FormLayoutSection, FormModal, type FormModalProps, IconButton, type IconButtonBadgeTone, type IconButtonProps, type IconButtonSize, type IconButtonVariant, InfoModal, type InfoModalProps, InlineAlert, type InlineAlertProps, type InlineAlertSurface, Input, type InputProps, type InputSize, type InputSizeLegacy, type InputState, Label, type LabelProps, ModeToggle, type ModeToggleOption, type ModeToggleProps, NotificationBadge, type NotificationBadgePlacement, type NotificationBadgeProps, type NotificationBadgeSize, OTPField, type OTPFieldProps, type OTPFieldSize, OlunLogo, OlunSymbol, type OlunTheme, type OlunThemeDuration, type OlunThemeState, OrganizationLogo, type OrganizationLogoId, type OrganizationLogoProps, PageHeader, type PageHeaderProps, PageSizeSelect, type PageSizeSelectProps, type PageSizeSelectSize, Pagination, type PaginationProps, type PaginationSize, PermissionContext, type PermissionEvaluator, type PermissionFallback, PermissionGuard, type PermissionGuardProps, PermissionProvider, type PermissionProviderProps, type PermissionScope, type PermissionState, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, Progress, type ProgressProps, type ProgressStatus, Radio, RadioGroup, type RadioGroupAppearance, type RadioGroupColumns, type RadioGroupDensity, type RadioGroupOrientation, type RadioGroupProps, type RadioProps, ScrollArea, ScrollBar, SearchField, type SearchFieldProps, type SearchFieldSize, Select, type SelectAppearance, type SelectOption, type SelectProps, type SelectSize, type SelectState, type SelectVariant, type SemanticRole, Separator, type SetOlunThemeOptions, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetDrawer, type SheetDrawerProps, SheetFooter, SheetHeader, type SheetMotionConfig, type SheetMotionDuration, type SheetMotionEasing, type SheetMotionType, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, SkeletonRow, type SkeletonRowColumn, type SkeletonRowProps, SkeletonText, type SkeletonTextProps, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeEmphasis, type StatusBadgeProps, type StatusBadgeSize, type StatusBadgeStatus, type SurfaceLevel, Switch, type SwitchProps, type TabItem, Tabs, TabsContent, type TabsProps, type TabsVariant, Textarea, type TextareaProps, type TextareaSize, type TextareaSizeLegacy, type TextareaState, ThemeFab, type ThemeFabProps, ThemeToggle, Toast, type ToastAction, type ToastItem, type ToastOptions, ToastProvider, ToastRoot, type ToastVariant, ToastViewport, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TreeItemRowVariantProps, type TreeItemState, type TreeNode, TreeView, type TreeViewProps, TwoTierBadge, type TwoTierBadgeEmphasis, type TwoTierBadgeProps, type TwoTierBadgeSize, type TwoTierBadgeTone, type UseOlunThemeValue, WizardLayout, type WizardLayoutProps, type WizardStep, type WizardStepState, actionFooterStatusVariants, actionFooterVariants, buttonVariants, cardVariants, checkboxBoxVariants, checkboxFieldVariants, checkboxGroupBoxVariants, checkboxGroupItemVariants, checkboxGroupVariants, checkboxRootVariants, checkboxVariants, chipCountVariants, chipVariants, cn, dataTableRowVariants, dataTableVariants, emptyStateIconVariants, emptyStateVariants, errorStateVariants, evaluatePermission, fileUploadIconVariants, fileUploadZoneVariants, formFieldControlStackClassName, formFieldDescriptionClassName, formFieldErrorClassName, formFieldLabelClassName, formFieldRequiredClassName, formFieldVariants, getOlunThemeState, getToastDuration, iconButtonBadgeVariants, iconButtonVariants, inputMessageVariants, inputVariants, limitToasts, modeToggleItemVariants, modeToggleVariants, notificationBadgeVariants, otpCellVariants, otpFieldGroupVariants, otpFieldMessageVariants, otpFieldVariants, paginationControlVariants, paginationVariants, radioControlVariants, radioGroupVariants, radioVariants, searchFieldInputVariants, searchFieldVariants, selectMessageVariants, selectVariants, setOlunTheme, skeletonVariants, spinnerVariants, tabsBadgeVariants, tabsListVariants, tabsRootVariants, tabsTriggerVariants, textareaMessageVariants, textareaVariants, toast, toastVariants, toastViewportVariants, treeItemRowVariants, treeViewVariants, useOlunTheme, usePermission };