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

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @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

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;
 }
@@ -2210,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 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 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 };

package/dist/index.js

@@ -969,6 +969,7 @@ FileUploadZone.displayName = "FileUploadZone";
 
 // src/components/ui/alert.tsx
 import * as React5 from "react";
+import { CircleAlert, CircleCheck, Info, TriangleAlert, X } from "lucide-react";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var SEM_FG = {
   info: "var(--semantic-info-fg)",
@@ -982,29 +983,20 @@ var SEM_BG = {
   warning: "var(--semantic-warning-bg)",
   error: "var(--semantic-error-bg)"
 };
+var MARKER_ICON = {
+  info: Info,
+  success: CircleCheck,
+  warning: TriangleAlert,
+  error: CircleAlert
+};
+var TITLE_LINE_HEIGHT = 21;
 var defaultEmphasis = (v) => v === "error" ? "strong" : "subtle";
-function XIcon({ size }) {
-  return /* @__PURE__ */ jsx5(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 1.75,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx5("path", { d: "M18 6 6 18M6 6l12 12" })
-    }
-  );
-}
 var Alert = React5.forwardRef(
-  ({ variant = "info", emphasis, title, children, onDismiss, style, ...rest }, ref) => {
+  ({ variant = "info", emphasis, marker = "icon", title, children, onDismiss, style, ...rest }, ref) => {
     const weight = emphasis ?? defaultEmphasis(variant);
     const strong = weight === "strong";
     const fg = SEM_FG[variant];
+    const MarkerIcon = MARKER_ICON[variant];
     return /* @__PURE__ */ jsxs5(
       "div",
       {
@@ -1014,16 +1006,16 @@ var Alert = React5.forwardRef(
         "data-slot": "alert",
         "data-variant": variant,
         "data-emphasis": weight,
+        "data-marker": marker,
         style: {
           display: "flex",
           alignItems: "flex-start",
-          gap: 11,
-          borderRadius: 10,
+          gap: "var(--space-2)",
+          borderRadius: "var(--radius-md)",
           border: "1px solid " + (strong ? "color-mix(in srgb, " + fg + " 26%, transparent)" : "var(--border)"),
           background: strong ? SEM_BG[variant] : "var(--bg-surface)",
           color: "var(--text-primary)",
-          padding: "12px 14px",
-          paddingInlineEnd: onDismiss ? 10 : 14,
+          padding: "var(--space-2) 10px",
           ...style
         },
         ...rest,
@@ -1032,42 +1024,49 @@ var Alert = React5.forwardRef(
             "span",
             {
               "aria-hidden": "true",
-              "data-slot": "alert-dot",
+              "data-slot": "alert-marker",
               style: {
-                marginTop: title ? 5 : 4,
-                width: 7,
-                height: 7,
+                display: "inline-flex",
+                height: TITLE_LINE_HEIGHT,
                 flexShrink: 0,
-                borderRadius: 9999,
-                background: fg
-              }
+                alignItems: "center",
+                justifyContent: "center",
+                color: fg
+              },
+              children: marker === "dot" ? /* @__PURE__ */ jsx5(
+                "span",
+                {
+                  "data-slot": "alert-dot",
+                  style: { width: 7, height: 7, borderRadius: 9999, background: "currentColor" }
+                }
+              ) : /* @__PURE__ */ jsx5(MarkerIcon, { "data-slot": "alert-icon", size: 16, strokeWidth: 2.25 })
             }
           ),
           /* @__PURE__ */ jsxs5("div", { "data-slot": "alert-content", style: { flex: 1, minWidth: 0 }, children: [
-            title ? /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx5(
               "div",
               {
                 "data-slot": "alert-title",
                 style: {
                   fontFamily: "var(--font-sans)",
-                  fontSize: 13,
-                  fontWeight: 600,
-                  lineHeight: 1.35,
+                  fontSize: 14,
+                  fontWeight: "var(--fw-medium)",
+                  lineHeight: TITLE_LINE_HEIGHT + "px",
                   color: strong ? fg : "var(--text-primary)"
                 },
                 children: title
               }
-            ) : null,
+            ),
             /* @__PURE__ */ jsx5(
               "div",
               {
                 "data-slot": "alert-body",
                 style: {
-                  marginTop: title ? 2 : 0,
+                  marginTop: 2,
                   fontFamily: "var(--font-sans)",
-                  fontSize: 12.5,
-                  lineHeight: 1.45,
-                  color: strong ? "color-mix(in srgb, " + fg + " 88%, var(--text-primary))" : "var(--text-tertiary)"
+                  fontSize: "var(--fs-sm)",
+                  lineHeight: "var(--lh-normal)",
+                  color: strong ? "color-mix(in srgb, " + fg + " 88%, var(--text-primary))" : "var(--text-secondary)"
                 },
                 children
               }
@@ -1101,21 +1100,20 @@ function DismissButton({
       style: {
         flexShrink: 0,
         display: "inline-flex",
-        width: 24,
-        height: 24,
-        marginTop: -1,
+        width: 28,
+        height: 28,
         alignItems: "center",
         justifyContent: "center",
         borderRadius: "var(--radius-md)",
-        border: 0,
-        background: hover ? "var(--action-hover)" : "transparent",
-        color: hover ? strong ? fg : "var(--text-primary)" : strong ? "color-mix(in srgb, " + fg + " 70%, transparent)" : "var(--text-tertiary)",
+        border: "1px solid var(--border)",
+        background: hover ? "var(--action-hover)" : "var(--bg-surface)",
+        color: hover ? strong ? fg : "var(--text-primary)" : strong ? "color-mix(in srgb, " + fg + " 70%, transparent)" : "var(--text-secondary)",
         cursor: "pointer",
         outline: "none",
         boxShadow: focus ? "0 0 0 2px var(--focus-ring)" : "none",
         transition: "background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard)"
       },
-      children: /* @__PURE__ */ jsx5(XIcon, { size: 15 })
+      children: /* @__PURE__ */ jsx5(X, { "aria-hidden": "true", size: 15 })
     }
   );
 }
@@ -3908,7 +3906,7 @@ function OverlayGrabber({
 }
 
 // src/components/ui/overlay-close-button.tsx
-import { X } from "lucide-react";
+import { X as X2 } from "lucide-react";
 import { Dialog as DialogPrimitive } from "radix-ui";
 
 // src/components/ui/icon-button.tsx
@@ -4106,7 +4104,7 @@ function OverlayCloseButton({
   label = "\uB2EB\uAE30",
   className
 }) {
-  return /* @__PURE__ */ jsx23(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx23(IconButton, { appearance: "ghost", size: "md", icon: X, "aria-label": label, className }) });
+  return /* @__PURE__ */ jsx23(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx23(IconButton, { appearance: "ghost", size: "md", icon: X2, "aria-label": label, className }) });
 }
 
 // src/components/ui/overlay-anatomy.tsx
@@ -4233,7 +4231,7 @@ function focusBodyInput(event) {
   }
 }
 var headingClassName = {
-  title: "text-[18px] font-bold leading-snug text-foreground",
+  title: "text-base font-semibold leading-normal text-foreground",
   menu: "text-[15px] font-semibold leading-snug text-foreground"
 };
 var descriptionClassName = {
@@ -4665,7 +4663,7 @@ function SheetTitle({
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
-      className: cn("font-semibold text-foreground", className),
+      className: cn("text-base font-semibold leading-normal text-foreground", className),
       ...props
     }
   );
@@ -4912,7 +4910,7 @@ var DialogTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
-      "text-xl font-bold leading-tight tracking-tight text-foreground",
+      "text-base font-semibold leading-normal text-foreground",
       className
     ),
     ...props
@@ -5120,7 +5118,7 @@ import { SlidersHorizontal } from "lucide-react";
 // src/components/ui/chip.tsx
 import * as React27 from "react";
 import { cva as cva11 } from "class-variance-authority";
-import { X as X2 } from "lucide-react";
+import { X as X3 } from "lucide-react";
 import { Slot as Slot2 } from "radix-ui";
 import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 var chipVariants = cva11(
@@ -5271,7 +5269,7 @@ var Chip = React27.forwardRef(
                 disabled,
                 onClick,
                 className: "inline-flex size-[var(--space-4)] items-center justify-center rounded-[var(--radius-full)] text-text-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]",
-                children: /* @__PURE__ */ jsx30(X2, { "aria-hidden": "true", size: 14, strokeWidth: 2.25 })
+                children: /* @__PURE__ */ jsx30(X3, { "aria-hidden": "true", size: 14, strokeWidth: 2.25 })
               }
             )
           ]
@@ -7805,7 +7803,7 @@ function ContextMenu({
 
 // src/components/ui/bulk-action-bar.tsx
 import * as React34 from "react";
-import { X as X3 } from "lucide-react";
+import { X as X4 } from "lucide-react";
 import { jsx as jsx39, jsxs as jsxs35 } from "react/jsx-runtime";
 function ActionButton({ action }) {
   const danger = action.variant === "destructive";
@@ -7890,7 +7888,7 @@ function ClearButton({ onClear }) {
         justifyContent: "center",
         borderRadius: "var(--radius-md)"
       },
-      children: /* @__PURE__ */ jsx39(X3, { size: 16, strokeWidth: 1.75, "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx39(X4, { size: 16, strokeWidth: 1.75, "aria-hidden": "true" })
     }
   );
 }
@@ -10310,7 +10308,7 @@ OTPField.displayName = "OTPField";
 
 // src/components/ui/search-field.tsx
 import * as React47 from "react";
-import { Search, X as X4 } from "lucide-react";
+import { Search, X as X5 } from "lucide-react";
 import { cva as cva23 } from "class-variance-authority";
 import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 var searchFieldVariants = cva23("relative flex w-full items-center", {
@@ -10457,7 +10455,7 @@ var SearchField = React47.forwardRef(
               "data-slot": "search-field-clear",
               className: "absolute right-[8px] top-1/2 inline-flex size-[var(--space-4)] -translate-y-1/2 cursor-pointer items-center justify-center rounded-[var(--radius-full)] text-text-tertiary transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]",
               onClick: clearInput,
-              children: /* @__PURE__ */ jsx59(X4, { "aria-hidden": "true", size: 16, strokeWidth: 1.75 })
+              children: /* @__PURE__ */ jsx59(X5, { "aria-hidden": "true", size: 16, strokeWidth: 1.75 })
             }
           ) : null
         ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@olundot/ui",
-  "version": "0.20.0-next.6",
+  "version": "0.20.0-next.7",
   "description": "OLUN. shared React UI components built on OLUN design tokens",
   "license": "MIT",
   "keywords": [