@olundot/ui 0.20.0-next.5 → 0.20.0-next.7

package/CHANGELOG.md

@@ -1,5 +1,68 @@
 # @olundot/ui
 
+## 0.20.0-next.7
+
+### Minor Changes
+
+- dcd6c46: `Alert`의 기본 표식이 상태 점에서 상태별 아이콘으로 바뀐다. `info`는 `Info`, `success`는 `CircleCheck`, `warning`은 `TriangleAlert`, `error`는 `CircleAlert`이고 16px, 상태 색이다. 아이콘은 `aria-hidden`이다. 점을 유지하려면 `marker="dot"`을 준다. `AlertMarker` 타입을 내보낸다.
+
+  `Alert`의 `title`이 필수다. 호환성을 깨는 변경이다. `title` 없는 `Alert`는 타입 오류가 난다. `InlineAlert`는 그대로다.
+
+  배치를 Figma Alert에 맞췄다. 여백은 위아래 8px, 좌우 10px, 모서리는 `--radius-md`다. 제목은 14px `--fw-medium`, 줄 높이 21px이고 표식은 제목 첫 줄 가운데에 놓인다. `subtle` 본문은 `--fs-sm`, `--text-secondary`다. 닫기 버튼은 28px이고 `--bg-surface` 면과 `--border` 테두리를 갖는다.
+
+- ffda0cc: 겹침 창 제목을 16px, 굵기 600, 줄 높이 1.5로 통일했다. AlertDialog, ConfirmDialog, 구조형 Dialog와 Sheet는 18px·700에서, `DialogTitle`은 20px·700에서 바뀐다. `SheetTitle`은 크기를 상속하던 것을 16px로 정했다. ActionMenu 메뉴 시트 제목은 15px·600 그대로다.
+
+  앱에서 `DialogTitle`이나 `SheetTitle`에 준 `className="text-base font-semibold"`는 지워도 계산 값이 같다.
+
+## 0.20.0-next.6
+
+### Minor Changes
+
+- 3d64e18: `DataTable`에 행 펼침을 더했다.
+
+  - `renderExpanded(row)`: 펼친 내용을 그린다. 처음 펼칠 때 그리고 접어도 남겨 두어 닫을 때도 높이가 전환된다.
+  - `getExpandLabel(row)`: 펼침 버튼과 펼치는 카드 제목의 접근 이름이다. `renderExpanded`와 함께 필수다.
+  - `expandedIds`, `onExpandedChange`: 펼친 행의 `keyField` 값이다. `expandedIds`가 없으면 표가 상태를 가진다. 여러 행을 함께 펼칠 수 있다.
+  - 1024px 이상: 표 끝에 40px 열을 붙이고 32px 펼침 버튼(`IconButton` md, ghost·neutral, `chevron-right`)을 둔다. 펼치면 화살표가 90° 돈다. 행의 빈 곳을 눌러도 펼친다. 펼친 내용은 바로 아래 행 하나에 표 폭으로 그린다.
+  - 1024px 미만: 카드 제목이 펼침 버튼이 되고 그 ::after가 카드를 덮는다. `value` 뒤, ⋮이 있으면 그 아래에 도는 화살표를 둔다. 펼친 내용은 카드 안 아래쪽에 그린다. ⋮과 행 선택 체크박스는 제목 밖에서 따로 눌린다.
+  - 높이는 `grid-template-rows` `0fr`→`1fr`로 `--dur-base` 동안 바뀐다. 접힌 내용은 `visibility: hidden`이라 포커스와 클릭을 받지 않는다. 동작 줄이기 설정에서는 전환이 없다.
+  - `rowHref`, `linkComponent`, `onRowClick`, `virtual`과는 함께 쓸 수 없다. 타입이 막는다. `selectable`과는 함께 쓴다.
+  - `DataTableProps`는 이제 두 갈래(이동, 펼침)의 유니온 타입이다. `interface … extends DataTableProps<T>`로 넓히던 코드는 `type … = DataTableProps<T> & …`로 바꾼다. `Partial<DataTableProps<T>>`를 펼쳐 넘기던 코드는 `renderExpanded`가 선택값이 되어 타입 오류가 날 수 있다.
+
+- 08232da: `EmptyState`에 `layout`을 더했다. 기본값 `inline`은 지금과 같다.
+
+  - `layout="page"`는 화면 본문 전체를 대신하는 빈 상태다. 폭은 부모를 채우고 내용은 가로 가운데에 둔다.
+  - 768px 이상에서는 가장 가까운 세로 스크롤 영역의 남은 높이만큼 늘어나 내용을 세로 가운데에 둔다. 위아래 형제와 여백을 뺀 높이라 스크롤이 생기지 않는다. 내용이 이미 넘치면 늘지 않는다.
+  - 768px 미만에서는 위쪽에 붙이고 위 여백을 `--space-12`로 둔다.
+  - 앱에서 화면 단위 빈 상태를 가운데에 두던 `flex min-h-[50vh] items-center justify-center` 래퍼는 지우고 `layout="page"`를 쓴다.
+
+- ea4266c: `bg-inset` 바탕 위 neutral 표식이 바탕과 같은 색이 되지 않게 했다. 공개 prop은 그대로다.
+
+  - 채움이 `--fill-on-bg`를 따른다: Badge `neutral`, Chip 개수(`neutral`, `muted`), TwoTierBadge `neutral` 채움. 값이 없으면 예전 채움을 쓴다.
+  - `--fill-on-bg`를 넘기는 곳: `contained` Tabs 목록, ModeToggle, 눌린 `muted` Chip, `filled` + `neutral` Button과 IconButton, 파일이 든 FileUploadZone. 앱의 `bg-inset` 유틸리티도 같다.
+  - 되돌리는 곳: `surface` 공통 배경(Card, DataTable, EmptyState 등), `neutral` Chip, `outline` Button과 IconButton.
+  - 라이트의 inset 바탕 위 Badge `neutral`은 #F1F1F2에서 #FFFFFF로 바뀐다. 다크의 Chip 개수는 #16181D에서 #26272B로 바뀐다. inset 바탕 밖은 바뀌지 않는다. 눌린 `muted` Chip의 개수는 예외로, 칩 자체가 inset이라 라이트에서 흰 채움이 된다.
+  - `bg-[var(--bg-inset)]` 같은 임의값 바탕은 넘기지 않는다. 앱은 `bg-inset` 유틸리티를 쓴다.
+
+- 9f80206: `Switch`에 `labelPlacement`와 `fullWidth`를 더한다. `labelPlacement="start"`는 라벨을 앞에, 트랙을 뒤에 둔다. 기본값 `end`는 지금과 같다. `fullWidth`를 주면 행이 부모 폭을 채우고 트랙이 오른쪽 끝에 놓인다. 라벨이 길면 라벨이 줄을 바꾸고 트랙은 첫 줄 오른쪽 끝에 남는다. 설명은 라벨 아래에서 라벨과 같은 선에서 시작한다.
+
+  라벨과 설명은 어절 경계에서만 줄을 바꾼다(`word-break: keep-all`). 두 배치 모두에 적용되어, 좁은 칸에서 단어 중간이 끊기던 기존 사용처의 줄바꿈도 바뀐다.
+
+- 3ff068d: `Tabs`의 `TabItem.badge`를 건수 알약으로 바꿨다. 공개 API는 늘지 않는다. `line`, `contained`, 세로 방향 모두 해당한다.
+
+  - 모양: 테두리가 없어지고, 채움은 `--action-selected` 반투명 겹침이라 바탕을 따라간다. 숫자는 탭 글자색을 따른다. 높이는 18px에서 16px로 줄고 글자 굵기는 600에서 500으로 바뀐다. 선택된 탭의 테두리 강조는 없어진다.
+  - 1000부터 `999+`로 보인다. 예전에는 100부터 `99+`였다.
+  - 0도 보인다. 예전에는 0을 숨겼다. 숨기려면 값을 넘기지 않는다. 음수와 `NaN`은 보이지 않는다(개발 모드에서 경고).
+  - 탭 접근 이름에 실제 수가 들어간다. "감지 내용 12"처럼 읽고, `999+`로 보이는 탭도 "학생 1234"처럼 실제 수로 읽는다. 보이는 알약은 그대로 `aria-hidden`이다.
+  - 알약 글자 굵기는 고정이라 선택이 바뀌어도 탭 폭이 그대로다.
+
+  탭 목록이 넘치면 가로 스크롤은 그대로 되고 스크롤바만 숨긴다. 키보드로 고른 탭이 보이는 자리로 스크롤되는 동작은 그대로다.
+
+### Patch Changes
+
+- Updated dependencies [ea4266c]
+  - @olundot/tokens@0.18.0-next.3
+
 ## 0.20.0-next.5
 
 ### Minor Changes

package/dist/index.d.ts

@@ -179,11 +179,14 @@ declare const FileUploadZone: React.ForwardRefExoticComponent<FileUploadZoneProp
 
 type AlertVariant = 'info' | 'success' | 'warning' | 'error';
 type AlertEmphasis = 'subtle' | 'strong';
+type AlertMarker = 'icon' | 'dot';
 type InlineAlertSurface = 'filled' | 'plain';
 interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children'> {
     variant?: AlertVariant;
     emphasis?: AlertEmphasis;
-    title?: ReactNode;
+    /** Status mark before the title. `icon` (default) is the status icon, `dot` a small status dot. */
+    marker?: AlertMarker;
+    title: ReactNode;
     children: ReactNode;
     onDismiss?: () => void;
 }
@@ -416,6 +419,13 @@ interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch$
      * Use for pending async preference changes (e.g., saving remote setting).
      */
     loading?: boolean;
+    /**
+     * Where the label sits relative to the track. `end` (default) puts the track first,
+     * `start` puts the label first and pushes the track to the row's right edge.
+     */
+    labelPlacement?: "end" | "start";
+    /** Fills the parent's width. With `labelPlacement="start"` the track ends at the right edge. */
+    fullWidth?: boolean;
 }
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
 
@@ -606,6 +616,7 @@ declare const tabsBadgeVariants: (props?: class_variance_authority_types.ClassPr
 interface TabItem {
     key: string;
     label: string;
+    /** 라벨 뒤 건수 알약입니다. 0도 보이고, 1000부터는 `999+`로 보입니다. 접근 이름에는 실제 수가 들어갑니다. */
     badge?: number;
     disabled?: boolean;
 }
@@ -1019,15 +1030,15 @@ type DataTableMobileCardContent = DataTableMobileCardName & {
      */
     actions?: ListCardActions;
 };
-interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof dataTableVariants> {
+interface DataTableBaseProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof dataTableVariants> {
     columns: DataTableColumn<T>[];
     data: T[];
     keyField: keyof T;
     /**
-     * Maps a row to its card below the table breakpoint. Navigation, selection and the
-     * chevron come from the table (`rowHref`, `linkComponent`, `onRowClick`, `selectable`):
-     * the card title becomes the link or button and its ::after covers the card, so the
-     * checkbox and the ⋮ stay beside it, never inside.
+     * Maps a row to its card below the table breakpoint. Navigation, expanding, selection and
+     * the chevron come from the table (`rowHref`, `linkComponent`, `onRowClick`,
+     * `renderExpanded`, `selectable`): the card title becomes the link or button and its ::after
+     * covers the card, so the checkbox and the ⋮ stay beside it, never inside.
      * With `virtual`, keep it stable (module function or `useCallback`) like `columns`.
      */
     getMobileCardContent: (row: T) => DataTableMobileCardContent;
@@ -1049,6 +1060,15 @@ interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     onSortChange?: (key: string, dir: 'asc' | 'desc' | null) => void;
     loading?: boolean;
     emptyState?: React.ReactNode;
+    skeletonRowCount?: number;
+    /**
+     * Background level for the table container. Header, selected rows, loading,
+     * and empty states keep their own state styling.
+     */
+    surface?: SurfaceLevel;
+}
+/** Rows that navigate, or a long virtual list. No expanded rows. */
+interface DataTableNavigationProps<T> {
     rowHref?: (row: T) => string;
     /**
      * Renders `rowHref` as a real link — e.g. Next `Link` — instead of
@@ -1063,7 +1083,6 @@ interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, '
      * `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). Table rows must
      * share one fixed height (measured from the first rendered row); cards are
@@ -1074,12 +1093,33 @@ interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, '
      * 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.
-     */
-    surface?: SurfaceLevel;
+    renderExpanded?: never;
+    getExpandLabel?: never;
+    expandedIds?: never;
+    onExpandedChange?: never;
 }
+/**
+ * Rows that expand in place. Not with navigation (`rowHref`, `linkComponent`, `onRowClick`) or
+ * `virtual`: virtual rows share one fixed height.
+ */
+interface DataTableExpandProps<T> {
+    /**
+     * Content drawn under the row, full width — below the row from 1024px, inside the card below
+     * it. Giving it turns on expanding: a 32px button column at the table's end, and the card
+     * title as the toggle. Rendered on first open and kept, so closing animates.
+     */
+    renderExpanded: (row: T) => React.ReactNode;
+    /** Accessible name of the expand button and of the card title button, e.g. `3번 펼치기`. */
+    getExpandLabel: (row: T) => string;
+    /** Expanded row ids (`keyField` values), several at once. Without it the table keeps the state. */
+    expandedIds?: Set<string>;
+    onExpandedChange?: (ids: Set<string>) => void;
+    rowHref?: never;
+    linkComponent?: never;
+    onRowClick?: never;
+    virtual?: never;
+}
+type DataTableProps<T> = DataTableBaseProps<T> & (DataTableNavigationProps<T> | DataTableExpandProps<T>);
 type DataTableComponent = (<T>(props: DataTableProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null) & {
     displayName?: string;
 };
@@ -1583,6 +1623,7 @@ declare const emptyStateBaseVariants: (props?: ({
     bordered?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type EmptyStateTone = "neutral" | "muted" | "raised";
+type EmptyStateLayout = "inline" | "page";
 interface EmptyStateVariantOptions extends VariantProps<typeof emptyStateBaseVariants> {
     tone?: EmptyStateTone;
     surface?: SurfaceLevel;
@@ -1595,6 +1636,13 @@ declare const emptyStateIconVariants: (props?: ({
 type EmptyStateSize = NonNullable<VariantProps<typeof emptyStateBaseVariants>["size"]>;
 interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof emptyStateBaseVariants> {
     tone?: EmptyStateTone;
+    /**
+     * `inline` (default) takes its content height. `page` stands in for a whole page body: it
+     * fills the parent's width, and at >= 768px grows to the free height of the nearest scroll
+     * container and centers its content there. Below 768px it stays top-aligned with a
+     * `--space-12` top gap.
+     */
+    layout?: EmptyStateLayout;
     /**
      * Background level for the empty-state container. When provided, this
      * overrides the legacy `tone` background mapping.
@@ -2165,4 +2213,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 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 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 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, type InlineAlertSurface, 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, 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, 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 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, type InlineAlertSurface, 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, 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 };