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

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @olundot/ui
 
+## 0.20.0-next.8
+
+### Minor Changes
+
+- e537c1a: Add Select `labelPlacement="inline"` to show the label before the value inside the trigger while keeping menu options unchanged. The accessible name includes both the label and current value, and long values truncate without shrinking the label.
+
+  Existing default behavior is unchanged: `labelPlacement="top"` and `clearable=true`. Only inline label placement defaults `clearable` to false; an explicit `clearable` value always takes precedence. Correct the `clearable` JSDoc to match these defaults.
+
+- 3ffb5c2: `TablePagination` 추가: 표 바닥 페이지 패널(행 수 선택 20·50·100, 범위 `1–100 / 총 N개`, ◀ ▶). `shouldHideTablePagination`, `TABLE_PAGE_SIZE_OPTIONS`도 함께 내보낸다. `DataTable`에 `footer` 슬롯을 더했다. 표 테두리 안 맨 아래에 위쪽 구분선과 함께 그리고, 1024px 미만 카드 목록에서도 같은 자리다. footer가 아무것도 그리지 않으면 구분선도 없다.
+- 64dd310: `DataLayout`의 `header`를 선택으로 바꿨다. 앱 셸이 페이지 머리를 맡는 화면은 `header`를 넘기지 않는다. 넘기지 않거나 넘긴 머리가 아무것도 그리지 않으면(빈 Fragment, `null`을 돌려주는 컴포넌트) 머리 블록이 보이지 않고 위쪽 간격도 없다. 내용이 있는 머리는 예전과 같다. `DataLayout` 문서와 목록 화면 예제를 더했다.
+
+  `bulkBar`에 넣은 floating `BulkActionBar`가 자기 폭보다 32px 좁아져 작업 버튼이 세로로 꺾이던 결함을 고쳤다. 바를 그대로 넣거나 `div`로 감싸 넣어도 바는 내용 폭 그대로 가운데에 놓이고, 바만 누름을 받는다. 바 옆 빈자리를 누르면 아래 표가 눌린다. `BulkActionBar`가 아닌 바는 예전처럼 내용 폭으로 가운데에 놓이고 누름을 받는다.
+
+- c583d87: `DataTableColumn.header`를 `string`으로 좁혔다. 호환성을 깨는 변경이다. 요소를 넘기던 머리는 타입 오류가 난다. 보이는 글자 없이 접근 이름만 둘 열은 새 `hideHeader: true`를 쓴다. 열 머리 글자에서 `uppercase`를 뺐다. 크기, 굵기, 색은 그대로다.
+
+  칸이 넘친 내용을 칸에서 자른다(`overflow: clip`). 소비자 CSS가 칸 안 말줄임을 풀어도 옆 칸 위로 그려지지 않는다. 새 열 옵션 `wrap`은 그 열 칸을 말줄임 없이 어절 단위로 여러 줄 보이고, 행 높이는 가장 긴 칸을 따른다. `virtual`과 함께 쓰면 개발 모드에서 한 번 경고한다.
+
+  DataTable 행과 행 링크, ListCard(카드 전체와 제목 덮개), TreeView 노드의 포커스 링을 `ring-inset`에서 `inset-ring`으로 바꿨다. 토큰 테마의 `--color-inset` 때문에 `ring-inset`이 링 색까지 `--bg-inset`으로 덮어 포커스 링이 거의 보이지 않던 결함이다. 이제 `--focus-ring` 색으로 보인다.
+
+  앱에서 옮길 때: JSX 숨김 머리(`<span className="sr-only">상세</span>`)는 `header: "상세"`, `hideHeader: true`로 바꾼다. 머리 줄 `normal-case` 덮어쓰기는 지운다. 대화상자의 칸 줄바꿈 덮어쓰기(`overflow-visible! text-clip! whitespace-normal!`)는 그 열의 `wrap: true`로 바꾼다.
+
+- 63ceb92: `DataTable`에 행 메뉴 `rowActions`와 `getRowActionsLabel`을 더했다. `rowActions`는 행마다 ActionMenu 항목 배열이나 그룹 배열을 돌려준다. 이 목록 하나가 1024px 이상의 마지막 ⋮ 열(44px, 버튼 32px), 1024px 미만 카드의 ⋮, 행 우클릭 메뉴(1024px 이상)를 모두 연다. 우클릭 메뉴가 열린 동안 그 행은 `active` 꼴이다. ⋮을 눌러도 행 이동, 펼침, 선택은 일어나지 않는다. 항목이 없는 행은 ⋮을 그리지 않고 열 자리만 둔다. 펼침 열과 함께 쓰면 ⋮ 열이 맨 끝, 펼침 열이 그 앞이다.
+
+  - `rowActions`를 주면 `getRowActionsLabel`이 필수다. `onRowContextMenu`와 함께 주면 타입 오류다.
+  - `rowActions`가 있으면 `getMobileCardContent().actions`는 무시되고 개발 모드에서 한 번 경고한다. 카드 ⋮은 그룹을 구분선 없이 이어 보인다.
+  - 새 타입 `DataTableRowActions`를 내보낸다.
+
+  `selectable`과 함께 쓰는 `isRowSelectable`을 더했다. `false`인 행은 체크박스가 비활성(1024px 미만 카드 포함)이고, `onSelectionChange`로 넘기는 집합에 들어가지 않으며, 바깥 `selectedIds`에 있어도 선택 꼴로 그리지 않는다. 머리 전체 선택과 숨긴 라이브 영역의 개수는 고를 수 있는 행만 센다. 고를 수 있는 행이 모두 선택이면 체크, 일부면 반쯤이고, 다시 누르면 고를 수 있는 행만 해제한다. 고를 수 있는 행이 없으면 머리 체크박스가 비활성이다. 불러오지 않은 행의 id는 그대로 둔다.
+
+  앱에서 옮길 때: `columns` 끝의 ⋮ 열과 그 칸 여백 상수(액션 칸 패딩 덮어쓰기)를 지우고, 그 열의 메뉴 항목을 `rowActions`로 옮긴다. ⋮ 버튼의 `aria-label`은 `getRowActionsLabel`로 준다. 카드의 `getMobileCardContent().actions`와 우클릭용 `onRowContextMenu` + `ContextMenu` + `activeRowId` 조립도 지운다. 선택을 막으려고 머리 체크박스 클릭을 가로채던 코드는 `isRowSelectable`로 바꾼다.
+
 ## 0.20.0-next.7
 
 ### Minor Changes

package/dist/index.d.ts

@@ -282,6 +282,8 @@ interface SelectProps extends Omit<React.ComponentPropsWithoutRef<typeof Select$
     className?: string;
     id?: string;
     label?: React.ReactNode;
+    /** Label position: above the field by default, or inside the trigger before its value. */
+    labelPlacement?: "top" | "inline";
     /**
      * Pre-input hint text (always visible in default state). Hidden when
      * `state` is "error" or "success" — `message` takes over.
@@ -334,7 +336,8 @@ interface SelectProps extends Omit<React.ComponentPropsWithoutRef<typeof Select$
     selectVariant?: SelectVariant;
     /**
      * When `true`, prepends a reset option to the dropdown. Selecting it fires
-     * `onValueChange("")` and restores the trigger placeholder. Default `false`.
+     * `onValueChange("")` and restores the trigger placeholder. Default `true`,
+     * or `false` when `labelPlacement="inline"`. An explicit value takes precedence.
      *
      * Eliminates the need for callers to manage a sentinel value themselves —
      * use `value=""` + `onValueChange` with `clearable` for the standard pattern.
@@ -558,8 +561,9 @@ declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & Reac
 
 interface DataLayoutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Top block — typically a PageHeader. Owns the page's single heading and
-     *  page-level actions. */
-    header: React.ReactNode;
+     *  page-level actions. Omit when the app shell already renders the page
+     *  header; no header block or gap is rendered then. */
+    header?: React.ReactNode;
     /** Filter row — typically a FilterToolbar (search · filters · result summary). */
     toolbar?: React.ReactNode;
     /** The list body — typically a DataTable or any list/grid. */
@@ -960,12 +964,20 @@ declare const dataTableRowVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface DataTableColumn<T> {
     key: string;
-    header: React.ReactNode;
+    /** Column name as text. It is also the name of the column's cells for screen readers. */
+    header: string;
+    /** Hides the header text on screen and keeps it as the accessible name. */
+    hideHeader?: boolean;
     width?: string;
     align?: 'left' | 'right' | 'center';
     render?: (row: T) => React.ReactNode;
     tabular?: boolean;
     sortable?: boolean;
+    /**
+     * Cells of this column wrap onto several lines (at word boundaries) instead of being cut with
+     * an ellipsis; the row grows to its tallest cell. Not with `virtual`: virtual rows share one height.
+     */
+    wrap?: boolean;
 }
 interface DataTableLinkProps {
     href: string;
@@ -1027,9 +1039,12 @@ type DataTableMobileCardContent = DataTableMobileCardName & {
     /**
      * ⋮ menu at the card's top right (a menu sheet below 1024px). `label` names the ⋮ button —
      * pass the desktop ⋮ label. On a navigating card the chevron moves to the bottom right.
+     * With the table's `rowActions` the card takes that menu instead and this is ignored.
      */
     actions?: ListCardActions;
 };
+/** A row's menu: items, or groups with a separator between them. An empty list draws no ⋮. */
+type DataTableRowActions = readonly ActionMenuItem[] | readonly ActionMenuGroup[];
 interface DataTableBaseProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof dataTableVariants> {
     columns: DataTableColumn<T>[];
     data: T[];
@@ -1043,6 +1058,12 @@ interface DataTableBaseProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement
      */
     getMobileCardContent: (row: T) => DataTableMobileCardContent;
     selectable?: boolean;
+    /**
+     * With `selectable`, `false` blocks a row's selection: its checkbox is disabled, it is never
+     * drawn selected or passed to `onSelectionChange`, and select-all counts only the other rows.
+     * Navigating, expanding and the row menu still work.
+     */
+    isRowSelectable?: (row: T) => boolean;
     selectedIds?: Set<string>;
     onSelectionChange?: (ids: Set<string>) => void;
     /** Unit in the screen-reader selection message — `12명 선택됨`. Defaults to `개`. */
@@ -1055,7 +1076,6 @@ interface DataTableBaseProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement
      */
     announceSelection?: boolean;
     activeRowId?: string;
-    onRowContextMenu?: (rowId: string, event: React.MouseEvent) => void;
     sortBy?: DataTableSort;
     onSortChange?: (key: string, dir: 'asc' | 'desc' | null) => void;
     loading?: boolean;
@@ -1066,6 +1086,11 @@ interface DataTableBaseProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement
      * and empty states keep their own state styling.
      */
     surface?: SurfaceLevel;
+    /**
+     * Bottom of the table frame, under the rows or cards in both layouts — a `TablePagination`.
+     * The line above it is drawn only when the footer renders something.
+     */
+    footer?: React.ReactNode;
 }
 /** Rows that navigate, or a long virtual list. No expanded rows. */
 interface DataTableNavigationProps<T> {
@@ -1090,7 +1115,7 @@ interface DataTableNavigationProps<T> {
      * average. 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.
+     * loaded row that can be selected. Browser find (Ctrl+F) cannot see rows outside the window.
      */
     virtual?: boolean | DataTableVirtualOptions;
     renderExpanded?: never;
@@ -1119,7 +1144,24 @@ interface DataTableExpandProps<T> {
     onRowClick?: never;
     virtual?: never;
 }
-type DataTableProps<T> = DataTableBaseProps<T> & (DataTableNavigationProps<T> | DataTableExpandProps<T>);
+/**
+ * The row menu, one list for the ⋮ column from 1024px, the card ⋮ below it, and a right click
+ * on the row. Not with `onRowContextMenu`: the table opens the right-click menu itself.
+ */
+interface DataTableRowActionsProps<T> {
+    /** Items or groups of the row's menu. An empty list draws no ⋮ and keeps the column. */
+    rowActions: (row: T) => DataTableRowActions;
+    /** Accessible name of the row's ⋮ button, e.g. `김지수 더보기`. */
+    getRowActionsLabel: (row: T) => string;
+    onRowContextMenu?: never;
+}
+/** No row menu from the table; a right click is the consumer's (`onRowContextMenu`). */
+interface DataTableOwnContextMenuProps {
+    rowActions?: never;
+    getRowActionsLabel?: never;
+    onRowContextMenu?: (rowId: string, event: React.MouseEvent) => void;
+}
+type DataTableProps<T> = DataTableBaseProps<T> & (DataTableNavigationProps<T> | DataTableExpandProps<T>) & (DataTableRowActionsProps<T> | DataTableOwnContextMenuProps);
 type DataTableComponent = (<T>(props: DataTableProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null) & {
     displayName?: string;
 };
@@ -1839,6 +1881,43 @@ interface PageSizeSelectProps {
  */
 declare function PageSizeSelect({ value, onChange, options, label, unit, size, disabled, id, 'aria-label': ariaLabel, className, }: PageSizeSelectProps): react_jsx_runtime.JSX.Element;
 
+declare const TABLE_PAGE_SIZE_OPTIONS: readonly [20, 50, 100];
+interface TablePaginationProps {
+    pageSize: number;
+    /** The caller sends the list back to the first page when the page size changes. */
+    onPageSizeChange: (pageSize: number) => void;
+    /** Default `TABLE_PAGE_SIZE_OPTIONS` (20, 50, 100). */
+    pageSizeOptions?: readonly number[];
+    /** First row number on this page, from 1. 0 when there are no rows. */
+    rangeStart: number;
+    /** Last row number on this page. */
+    rangeEnd: number;
+    /** Total count. Leave it out when the API has none: only the range shows. */
+    total?: number;
+    /** Unit after the total — `명` for people. Default `개`. */
+    unit?: string;
+    hasPrev: boolean;
+    hasNext: boolean;
+    onPrev: () => void;
+    onNext: () => void;
+    /** While the next page loads, ◀ ▶ are disabled. */
+    loading?: boolean;
+    'aria-label'?: string;
+}
+type TablePaginationVisibility = Pick<TablePaginationProps, 'rangeEnd' | 'total' | 'hasPrev' | 'hasNext' | 'pageSizeOptions'>;
+/**
+ * Hide the panel when there are no rows, or when everything fits in the smallest choice
+ * (nothing to pick). Without `total`, the first page with no next page decides by its row count.
+ */
+declare function shouldHideTablePagination({ rangeEnd, total, hasPrev, hasNext, pageSizeOptions, }: TablePaginationVisibility): boolean;
+/**
+ * Page panel at the bottom of a table — page size on the left, the range (`1–100 / 총 N개`)
+ * and ◀ ▶ on the right. Put it in `DataTable`'s `footer`, which draws the line above it.
+ * Below 1024px the `페이지당` label hides (the select keeps its name), and below 400px of
+ * panel width the total hides. Both are CSS, so nothing flashes on hydration or paging.
+ */
+declare function TablePagination({ pageSize, onPageSizeChange, pageSizeOptions, rangeStart, rangeEnd, total, unit, hasPrev, hasNext, onPrev, onNext, loading, 'aria-label': ariaLabel, }: TablePaginationProps): react_jsx_runtime.JSX.Element | null;
+
 declare const modeToggleVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 declare const modeToggleItemVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 interface ModeToggleOption<T extends string> {
@@ -2213,4 +2292,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 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 };
+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, 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, 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 };