@olundot/ui 0.20.0-next.9 → 0.20.1

package/dist/index.d.ts

@@ -182,11 +182,15 @@ type AlertEmphasis = 'subtle' | 'strong';
 type AlertMarker = 'icon' | 'dot';
 interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children'> {
     variant?: AlertVariant;
+    /** `subtle` (default) or `strong` (status-colored surface). */
     emphasis?: AlertEmphasis;
     /** Status mark before the title. `icon` (default) is the status icon, `dot` a small status dot. */
     marker?: AlertMarker;
     title: ReactNode;
-    children: ReactNode;
+    /** Description under the title. Without it the alert is one line, centered. */
+    children?: ReactNode;
+    /** Control at the end of the title line, before the dismiss button. Narrow alerts put it under the text. */
+    action?: ReactNode;
     onDismiss?: () => void;
 }
 declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
@@ -696,6 +700,10 @@ declare const FormLayout: React.ForwardRefExoticComponent<FormLayoutProps & Reac
  * blur (`--scrim-blur`). Without a preset (no prop, no `<html data-scrim>`) the scrim is `--scrim`.
  */
 type OverlayScrim = "blur" | "dim";
+/** List area height preset (Dialog `listHeight`). */
+type OverlayListHeight = "sm" | "md" | "lg";
+/** `"max"`: as tall as the items, up to the preset. `"fixed"`: the preset whatever the item count. */
+type OverlayListFit = "max" | "fixed";
 
 /**
  * @deprecated The structured Dialog (`title`) is a bottom sheet below 1024px on its own.
@@ -707,24 +715,38 @@ type OverlayScrim = "blur" | "dim";
  *   Pure CSS, so SSR and hydration render the same tree at every width (no matchMedia swap).
  */
 type DialogMobilePresentation = "center" | "sheet";
-/** Structured Dialog width: 420 · 560 · 720. */
-type DialogSize = "sm" | "md" | "lg";
-/**
- * Structured Dialog (spec §3.2): a center window for forms, pickers and long content. X + footer,
- * outside click does not close, Escape does (not while submitting), the body scrolls inside the max
- * height, a bottom sheet below 1024px (OVERLAY_POLICY.dialog).
- */
-interface DialogProps {
+/** Structured Dialog width: 420 · 560 · 720 · 960. */
+type DialogSize = "sm" | "md" | "lg" | "xl";
+/** List area height (`listHeight`): items up to 216 · 460 · 628px. */
+type DialogListHeight = OverlayListHeight;
+/** List area height mode (`listFit`). */
+type DialogListFit = OverlayListFit;
+interface DialogBaseProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     /** Heading, also the dialog's accessible name. Its presence selects the structured mode. */
     title: string;
-    /** Line under the title, also the accessible description. */
-    description?: string;
-    /** Box width: 420 · 560 · 720. Default `"md"`. Other widths are not supported. */
+    /**
+     * Box width: 420 · 560 · 720 · 960. Default `"md"`. `"xl"` is for content 720 cannot hold, such as
+     * two columns. Other widths are not supported.
+     */
     size?: DialogSize;
-    /** Body. Scrolls inside the box's max height. */
+    /** Body. Scrolls inside the box's max height; with `list` it stays still above the list area. */
     children: React.ReactNode;
+    /**
+     * List area under the body and above the footer, for items to pick from. Only this area scrolls;
+     * the body above it (filters, search, select all) stays still. Empty and loading states go here too.
+     */
+    list?: React.ReactNode;
+    /** List area height preset: items up to 216 · 460 · 628px. Default `"md"`. A low screen shrinks it inside the box max height. */
+    listHeight?: DialogListHeight;
+    /**
+     * `"max"` (default): as tall as the items, up to `listHeight`. `"fixed"`: `listHeight` whatever the
+     * item count, for lists a search or filter resizes.
+     */
+    listFit?: DialogListFit;
+    /** Accessible name of the list area, used when nothing inside takes focus. Default: `title`. */
+    listLabel?: string;
     /** Footer content (buttons). Ignored in form mode, which renders `[cancel][submit]`. */
     footer?: React.ReactNode;
     /**
@@ -747,6 +769,24 @@ interface DialogProps {
     /** Layout of the body content only. It never reaches the box: width comes from `size`. */
     className?: string;
 }
+/**
+ * Structured Dialog (spec §3.2): a center window for forms, pickers and long content. X + footer,
+ * outside click does not close, Escape does (not while submitting), the body scrolls inside the max
+ * height, a bottom sheet below 1024px (OVERLAY_POLICY.dialog).
+ */
+type DialogProps = DialogBaseProps & ({
+    /** Shows the title in the header. Default. */
+    hideTitle?: false;
+    /** Line under the title, also the accessible description. */
+    description?: string;
+} | {
+    /**
+     * Hides the title on screen and keeps it as the accessible name; the header shows the X only.
+     * Use it only when the body's first line says what the dialog is about.
+     */
+    hideTitle: true;
+    description?: never;
+});
 /** Legacy root: the Radix Dialog Root for `DialogContent` composition (no `title`). */
 type DialogRootProps = React.ComponentProps<typeof Dialog$1.Root> & {
     title?: never;
@@ -850,6 +890,12 @@ interface InfoModalProps {
 declare function InfoModal({ open, onOpenChange, title, description, children, closeLabel, footer, }: InfoModalProps): react_jsx_runtime.JSX.Element;
 
 type FilterToolbarCollapseBelow = "sm" | "md" | "lg" | "never";
+type FilterToolbarLayout = "flow" | "grid";
+interface FilterToolbarAppliedFilter {
+    key: string;
+    label: string;
+    onRemove: () => void;
+}
 interface FilterToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
     search?: React.ReactNode;
     filters?: React.ReactNode;
@@ -861,6 +907,8 @@ interface FilterToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
     resultSummary?: React.ReactNode;
     clearAction?: React.ReactNode;
     actions?: React.ReactNode;
+    layout?: FilterToolbarLayout;
+    appliedFilters?: FilterToolbarAppliedFilter[];
 }
 declare const FilterToolbar: React.ForwardRefExoticComponent<FilterToolbarProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -880,7 +928,15 @@ interface ActionMenuItem {
     description?: string;
     /** Danger color (DropdownMenuItem `variant="destructive"`, the sheet row's error color). */
     destructive?: boolean;
+    /** Not focusable and runs nothing. */
     disabled?: boolean;
+    /**
+     * Why the item cannot run now. The item shows faded but stays in the focus order like the other
+     * items, named by its label alone; this line sits under the label at every width as its
+     * description (`aria-describedby`), and choosing the item runs nothing and leaves the menu open.
+     * Shown instead of `description`; wins over `disabled`.
+     */
+    disabledReason?: string;
     /** Runs after the menu has closed and focus is back on the trigger. */
     onSelect: () => void;
 }
@@ -1226,21 +1282,17 @@ interface BulkActionBarAction {
     /** Disabled reason tooltip. */
     title?: string;
 }
-interface BulkActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
+interface BulkActionBarBaseProps extends React.HTMLAttributes<HTMLDivElement> {
     count: number;
     actions: BulkActionBarAction[];
     onClear: () => void;
     emptyHint?: React.ReactNode;
-    /**
-     * `floating` (default) — pill stuck to the bottom of the list.
-     * `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.
-     * Deprecated: `inline` is removed in the next minor.
-     */
-    placement?: "floating" | "inline";
     /** Count unit — `12명 선택됨`. Defaults to `개`. */
     unit?: string;
-    /** Next to the count — e.g. an "이 조건의 3,214명 모두 선택" link or a cap notice. */
+    /**
+     * Under the count in the floating card, next to it inline — e.g. an "이 조건의 3,214명
+     * 모두 선택" link or a cap notice. The card wraps it at full width, never clips it.
+     */
     summary?: React.ReactNode;
     /**
      * Inline only: a shorter `summary` (e.g. "모두 선택") swapped in when the band is too
@@ -1254,28 +1306,44 @@ interface BulkActionBarProps extends React.HTMLAttributes<HTMLDivElement> {
      * Takes precedence over `emptyHint`; with neither, the bar hides at count 0.
      */
     idleContent?: React.ReactNode;
+}
+type BulkActionBarProps = BulkActionBarBaseProps & ({
+    /** `floating` (default) — card stuck to the bottom of the list. */
+    placement?: "floating";
+    /** Not taken by the floating card: edit-mode controls go at the right end of the toolbar. */
+    trailing?: never;
+} | {
+    /**
+     * `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.
+     * Deprecated: `inline` is removed in the next minor.
+     */
+    placement: "inline";
     /**
-     * After the clear (✕) button — e.g. an edit-mode "완료" button. On the idle line it
-     * sits at the right end, outside the `role="status"` region, so it is not re-read
-     * whenever `idleContent` changes. Same spot in both placements.
+     * Inline only: after the clear (✕) button — e.g. an edit-mode "완료" button. On the
+     * idle line it sits at the right end, outside the `role="status"` region, so it is
+     * not re-read whenever `idleContent` changes.
      */
     trailing?: React.ReactNode;
-}
+});
 /**
  * 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,
- * `trailing` follows the clear button (right end of the idle line).
- * Inline, the band and the idle line are one 40px line: a long `summary` is
- * clipped or swapped for `compactSummary`, never wrapped.
+ * placement="floating" (default) is a card at the bottom of the list: the count
+ * with the clear (✕) button on its right, `summary` under it at full width, then
+ * the actions as outline sm Buttons aligned right, wrapping onto more lines when
+ * they do not fit. `variant: "destructive"` is outline danger. The card is
+ * min(360px, its slot − 32px) wide; while it is near the viewport bottom the document root
+ * carries `--olun-bulk-bar-offset` (viewport bottom → card top) for toasts to clear it.
+ * DOM order stays count → actions → ✕. It takes no `trailing`.
+ *
+ * placement="inline" (deprecated) is a top-sticky band that replaces the status
+ * line under the toolbar, so it comes before the rows in tab order. The band and
+ * the idle line are one 40px line: a long `summary` is clipped or swapped for
+ * `compactSummary`, never wrapped. Its actions are borderless text/icon buttons
+ * between hairline dividers; `trailing` follows the clear button.
  *
- * Low-chrome by design: actions are borderless text/icon buttons separated by
- * hairline dividers — not filled Button components. Destructive actions read as
- * error-toned text (var(--error)), not a red filled button. Two dividers are
- * always rendered: count↔actions and actions↔clear.
+ * `unit` sets the count unit, `idleContent` shows while nothing is selected.
  *
  * @example
  * <BulkActionBar count={sel.size} onClear={clear}
@@ -1503,6 +1571,8 @@ interface ActionSheetItem {
     onSelect: () => void;
     destructive?: boolean;
     disabled?: boolean;
+    /** Why the row cannot run now: focusable, runs nothing, keeps the sheet open (see ActionMenuItem). */
+    disabledReason?: string;
 }
 interface ActionSheetProps {
     open: boolean;
@@ -1774,7 +1844,7 @@ type IconButtonSize = NonNullable<VariantProps<typeof iconButtonCva>["size"]>;
 type IconButtonVariantsOptions = NonNullable<Parameters<typeof iconButtonCva>[0]>;
 declare function iconButtonVariants(options?: IconButtonVariantsOptions): string;
 declare const iconButtonBadgeVariants: (props?: ({
-    tone?: "error" | "info" | null | undefined;
+    tone?: "error" | "success" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type IconButtonBadgeTone = NonNullable<VariantProps<typeof iconButtonBadgeVariants>["tone"]>;
 type IconButtonIcon = React.ComponentType<React.SVGProps<SVGSVGElement> & {
@@ -1799,17 +1869,41 @@ type IconButtonTextEnd = {
     iconPosition?: "start";
     menuIndicator: true;
 };
+type IconButtonTooltipSide = "top" | "bottom";
+type IconButtonTooltipOn = {
+    /**
+     * Icon only. A tooltip on pointer hover and keyboard focus, in place of `title`: `true` shows the
+     * string `aria-label`, a string shows that string. No Provider needed.
+     */
+    tooltip: true | string;
+    /** Tooltip side. Default `top`. */
+    tooltipSide?: IconButtonTooltipSide;
+    title?: never;
+};
+type IconButtonTooltip = {
+    tooltip?: undefined;
+    tooltipSide?: never;
+} | (IconButtonTooltipOn & {
+    tooltip: string;
+}) | (IconButtonTooltipOn & {
+    tooltip: true;
+    "aria-label": string;
+});
+type IconButtonNoTooltip = {
+    tooltip?: never;
+    tooltipSide?: never;
+};
 type IconButtonContent = (IconButtonAccessibleName & {
     label?: never;
     children?: never;
     menuIndicator?: never;
-}) | (IconButtonOptionalName & {
+} & IconButtonTooltip) | (IconButtonOptionalName & {
     label: React.ReactNode;
     children?: never;
-} & IconButtonTextEnd) | (IconButtonOptionalName & {
+} & IconButtonTextEnd & IconButtonNoTooltip) | (IconButtonOptionalName & {
     children: React.ReactNode;
     label?: never;
-} & IconButtonTextEnd);
+} & IconButtonTextEnd & IconButtonNoTooltip);
 type IconButtonStyleProps = GhostDefaultActionStyle & {
     /** Button's scale: `xs` 28 · `sm` 30 · `md` 32 · `lg` 36 · `xl` 40. */
     size?: IconButtonSize | null;
@@ -1823,6 +1917,12 @@ type IconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria
     iconPosition?: "start" | "end";
     /** Like Button: the spinner takes the icon's place and the button is disabled. */
     loading?: boolean;
+    /**
+     * The action is already done: success icon, and a ✓ badge unless `badge` is given. Keeps
+     * focus but never calls `onClick`. The accessible name says it is done. `disabled` and
+     * `loading` win over it; it wins over `pressed`.
+     */
+    done?: boolean;
     /**
      * Trailing ▾ for a menu trigger, with text and a start icon only. The trigger (DropdownMenu
      * etc.) supplies `aria-haspopup`.
@@ -1937,6 +2037,8 @@ interface ModeToggleOption<T extends string> {
     value: T;
     label: string;
     icon?: LucideIcon;
+    /** 라벨 뒤 개수 알약입니다. 0 이상의 정수만 보이고, 100부터는 `99+`로 보입니다. 접근 이름에는 실제 수가 들어갑니다. */
+    count?: number;
     disabled?: boolean;
 }
 interface ModeToggleProps<T extends string> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
@@ -2306,4 +2408,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, ActionMenu, type ActionMenuGroup, type ActionMenuItem, type ActionMenuProps, ActionSheet, type ActionSheetIconProps, type ActionSheetItem, type ActionSheetProps, Alert, AlertDialog, type AlertDialogProps, type AlertDialogTone, type AlertEmphasis, type AlertMarker, 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, 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 DataTableMobileCardContent, type DataTableMobileMetaLine, type DataTableProps, type DataTableRowActions, type DataTableSort, type DataTableVirtualHandle, type DataTableVirtualOptions, type DataTableVirtualRange, DetailLayout, type DetailLayoutProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogEyebrow, DialogFooter, DialogHeader, type DialogMobilePresentation, DialogOverlay, DialogPortal, type DialogProps, DialogRawContent, type DialogSize, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateLayout, 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, InfoModal, type InfoModalProps, InlineAlert, type InlineAlertProps, Input, type InputProps, type InputSize, type InputSizeLegacy, type InputState, Label, type LabelProps, ListCard, type ListCardActions, type ListCardProps, 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, type OverlayScrim, 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, type SheetProps, type SheetSize, 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, StatusDot, type StatusDotProps, type StatusDotTone, type SurfaceLevel, Switch, type SwitchProps, TABLE_PAGE_SIZE_OPTIONS, type TabItem, TablePagination, type TablePaginationProps, type TablePaginationVisibility, 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, shouldHideTablePagination, skeletonVariants, spinnerVariants, tabsBadgeVariants, tabsListVariants, tabsRootVariants, tabsTriggerVariants, textareaMessageVariants, textareaVariants, toast, toastVariants, toastViewportVariants, treeItemRowVariants, treeViewVariants, useOlunTheme, usePermission };
+export { ActionFooter, type ActionFooterAction, type ActionFooterProps, type ActionFooterStatus, ActionMenu, type ActionMenuGroup, type ActionMenuItem, type ActionMenuProps, ActionSheet, type ActionSheetIconProps, type ActionSheetItem, type ActionSheetProps, Alert, AlertDialog, type AlertDialogProps, type AlertDialogTone, type AlertEmphasis, type AlertMarker, 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, 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 DataTableMobileCardContent, type DataTableMobileMetaLine, type DataTableProps, type DataTableRowActions, type DataTableSort, type DataTableVirtualHandle, type DataTableVirtualOptions, type DataTableVirtualRange, DetailLayout, type DetailLayoutProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogEyebrow, DialogFooter, DialogHeader, type DialogListFit, type DialogListHeight, type DialogMobilePresentation, DialogOverlay, DialogPortal, type DialogProps, DialogRawContent, type DialogSize, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateLayout, type EmptyStateProps, type EmptyStateSize, type EmptyStateTone, type EmptyStateVariantOptions, ErrorState, type ErrorStateProps, FileUploadZone, type FileUploadZoneProps, FilterToolbar, type FilterToolbarAppliedFilter, type FilterToolbarCollapseBelow, type FilterToolbarLayout, type FilterToolbarProps, FormField, type FormFieldProps, type FormFieldRenderProps, FormLayout, type FormLayoutProps, type FormLayoutSection, FormModal, type FormModalProps, IconButton, type IconButtonBadgeTone, type IconButtonProps, type IconButtonSize, InfoModal, type InfoModalProps, InlineAlert, type InlineAlertProps, Input, type InputProps, type InputSize, type InputSizeLegacy, type InputState, Label, type LabelProps, ListCard, type ListCardActions, type ListCardProps, 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, type OverlayScrim, 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, type SheetProps, type SheetSize, 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, StatusDot, type StatusDotProps, type StatusDotTone, type SurfaceLevel, Switch, type SwitchProps, TABLE_PAGE_SIZE_OPTIONS, type TabItem, TablePagination, type TablePaginationProps, type TablePaginationVisibility, 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, shouldHideTablePagination, skeletonVariants, spinnerVariants, tabsBadgeVariants, tabsListVariants, tabsRootVariants, tabsTriggerVariants, textareaMessageVariants, textareaVariants, toast, toastVariants, toastViewportVariants, treeItemRowVariants, treeViewVariants, useOlunTheme, usePermission };