@exem-ui/react 0.3.4-next.20261015085356 → 0.3.4-next.20261022010408

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { overlayListVariants, commonInputVariants, textFieldVariants, ScrollArea, ConditionalTooltip } from './chunk-L24IAWPF.mjs';
-export { ColorPalette, ColorPaletteColors, Combobox, ComboboxContent, ComboboxDescription, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSearch, ComboboxTrigger, ComboboxValue, DEFAULT_COLOR, ScrollArea, ScrollBar, Segment, Select, Tabs, Tooltip, colorPaletteColorClasses, getColorPaletteColor, isInPalette } from './chunk-L24IAWPF.mjs';
+import { overlayListVariants, commonInputVariants, textFieldVariants, ScrollArea, ConditionalTooltip } from './chunk-RXQE5QHI.mjs';
+export { ColorPalette, ColorPaletteColors, Combobox, ComboboxContent, ComboboxDescription, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSearch, ComboboxTrigger, ComboboxValue, DEFAULT_COLOR, ScrollArea, ScrollBar, Segment, Select, Tabs, Tooltip, colorPaletteColorClasses, getColorPaletteColor, isInPalette } from './chunk-RXQE5QHI.mjs';
 import { X, MoreHorizontal, iconSizes, Minus, Check, Person, Loading, Warning, Info, Error as Error$1, ChevronLeft, ChevronRight } from './chunk-HCGCMPIB.mjs';
 import { cva, cn } from '@exem-ui/core/utils';
 import * as React from 'react';
@@ -13,7 +13,6 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
 import { DayPicker } from 'react-day-picker';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Dialog } from '@base-ui/react/dialog';
-import * as DialogPrimitive2 from '@radix-ui/react-dialog';
 import { Resizable } from 're-resizable';
 import { Progress as Progress$1 } from '@base-ui/react/progress';
 import { toast as toast$1, Toaster as Toaster$1 } from 'sonner';
@@ -466,6 +465,7 @@ var buttonVariants = cva(
     },
     variants: {
       size: {
+        "2xsmall": "h-5 gap-0 px-1 text-caption font-medium",
         xsmall: "h-6 gap-0 px-1 text-body-3 font-medium",
         small: "h-7 gap-0.5 px-1.5 text-body-2 font-medium",
         medium: "h-8 gap-0.5 px-2 text-body-2 font-medium",
@@ -476,6 +476,7 @@ var buttonVariants = cva(
   }
 );
 var iconSizeMap = {
+  "2xsmall": iconSizes.xs,
   xsmall: iconSizes.sm,
   small: iconSizes.sm,
   medium: iconSizes.sm,
@@ -519,6 +520,7 @@ function Button({
   );
 }
 var iconButtonSizeClasses = {
+  "2xsmall": "size-5",
   xsmall: "size-6",
   small: "size-7",
   medium: "size-8",
@@ -1614,55 +1616,16 @@ var Modal = Object.assign(ModalRoot, {
   Description: ModalDescription
 });
 
-// src/hooks/useOverlayDismissGuard.ts
-var isBaseUiPopupOpen = () => Boolean(
-  document.querySelector('[data-base-ui-portal] [data-slot="combobox-content"][data-open]')
-);
-var isTargetInsideBaseUiPopup = (target) => target instanceof Element && Boolean(target.closest("[data-base-ui-portal]"));
-var shouldPreventDismissForSelect = (target) => {
-  const isSelectOpen = Boolean(
-    document.querySelector('[data-radix-select-content][data-state="open"]')
-  );
-  if (isSelectOpen) {
-    return true;
-  }
-  if (!(target instanceof Element)) {
-    return false;
-  }
-  return Boolean(
-    target.closest("[data-radix-select-content]") || target.closest("[data-radix-select-viewport]")
-  );
-};
-function useOverlayDismissGuard({
-  onInteractOutside,
-  onEscapeKeyDown
-}) {
-  const handleInteractOutside = (event) => {
-    if (shouldPreventDismissForSelect(event.target) || isTargetInsideBaseUiPopup(event.target)) {
-      event.preventDefault();
-    }
-    onInteractOutside?.(event);
-  };
-  const handleEscapeKeyDown = (event) => {
-    if (isBaseUiPopupOpen()) {
-      event.preventDefault();
-    }
-    onEscapeKeyDown?.(event);
-  };
-  return { onEscapeKeyDown: handleEscapeKeyDown, onInteractOutside: handleInteractOutside };
-}
-
 // src/sheet/sheetResize.ts
 var SHEET_EDGE_GAP = "[--sheet-edge-gap:40px]";
-var getAxis = (side) => side === "left" || side === "right" ? "horizontal" : "vertical";
-var getDefaults = (axis) => axis === "horizontal" ? { minSize: 400, maxSize: "80%", defaultSize: 800 } : { minSize: 300, maxSize: "80%", defaultSize: 600 };
-var resolveMaxSize = (maxSize, axis) => {
+var SHEET_SIZE_DEFAULTS = { minSize: 400, maxSize: "80%", defaultSize: 800 };
+var resolveMaxSize = (maxSize) => {
   if (typeof maxSize === "number") {
     return maxSize;
   }
   const value = Number.parseFloat(maxSize);
   if (maxSize.trim().endsWith("%") && Number.isFinite(value)) {
-    return `${value}${axis === "horizontal" ? "vw" : "vh"}`;
+    return `${value}vw`;
   }
   return maxSize;
 };
@@ -1693,67 +1656,49 @@ var writeStoredSize = (key, size) => {
 };
 var ENABLE_BY_SIDE = {
   right: { left: true },
-  left: { right: true },
-  top: { bottom: true },
-  bottom: { top: true }
+  left: { right: true }
 };
 var HANDLE_EDGE_BY_SIDE = {
   right: "left",
-  left: "right",
-  top: "bottom",
-  bottom: "top"
+  left: "right"
 };
-var SheetResizeHandle = ({ axis, active }) => /* @__PURE__ */ jsx(
-  "div",
+var SheetResizeHandle = ({ active }) => /* @__PURE__ */ jsx("div", { className: "group/sheet-handle flex h-full w-full cursor-col-resize items-center justify-center", children: /* @__PURE__ */ jsx(
+  "span",
   {
     className: cn(
-      "group/sheet-handle flex h-full w-full items-center justify-center",
-      axis === "horizontal" ? "cursor-col-resize" : "cursor-row-resize"
-    ),
-    children: /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          "transition-colors group-hover/sheet-handle:bg-border-accent",
-          active ? "bg-border-accent" : "bg-border-primary",
-          axis === "horizontal" ? "h-full w-px" : "h-px w-full"
-        )
-      }
+      "transition-colors group-hover/sheet-handle:bg-border-accent",
+      active ? "bg-border-accent" : "bg-border-primary",
+      "h-full w-px"
     )
   }
-);
+) });
 var SheetResizableBox = ({ side, options, children }) => {
   const { minSize, maxSize, defaultSize, storageKey, onResize } = options;
-  const axis = getAxis(side);
-  const isHorizontal = axis === "horizontal";
-  const defaults = getDefaults(axis);
-  const resolvedMin = minSize ?? defaults.minSize;
-  const resolvedMax = resolveMaxSize(maxSize ?? defaults.maxSize, axis);
+  const resolvedMin = minSize ?? SHEET_SIZE_DEFAULTS.minSize;
+  const resolvedMax = resolveMaxSize(maxSize ?? SHEET_SIZE_DEFAULTS.maxSize);
   const [initialSize] = useState(() => {
     const stored = storageKey ? readStoredSize(storageKey) : null;
-    return Math.max(stored ?? defaultSize ?? defaults.defaultSize, resolvedMin);
+    return Math.max(stored ?? defaultSize ?? SHEET_SIZE_DEFAULTS.defaultSize, resolvedMin);
   });
   const [resizing, setResizing] = useState(false);
   const handleResizeStop = (_event, _direction, refElement) => {
     setResizing(false);
-    const next = isHorizontal ? refElement.offsetWidth : refElement.offsetHeight;
+    const next = refElement.offsetWidth;
     if (storageKey) {
       writeStoredSize(storageKey, next);
     }
     onResize?.(next);
   };
   const handleComponent = {
-    [HANDLE_EDGE_BY_SIDE[side]]: /* @__PURE__ */ jsx(SheetResizeHandle, { axis, active: resizing })
+    [HANDLE_EDGE_BY_SIDE[side]]: /* @__PURE__ */ jsx(SheetResizeHandle, { active: resizing })
   };
   return /* @__PURE__ */ jsx(
     Resizable,
     {
       enable: ENABLE_BY_SIDE[side],
-      defaultSize: isHorizontal ? { width: initialSize, height: "100%" } : { width: "100%", height: initialSize },
-      minWidth: isHorizontal ? resolvedMin : void 0,
-      maxWidth: isHorizontal ? resolvedMax : void 0,
-      minHeight: isHorizontal ? void 0 : resolvedMin,
-      maxHeight: isHorizontal ? void 0 : resolvedMax,
+      defaultSize: { width: initialSize, height: "100%" },
+      minWidth: resolvedMin,
+      maxWidth: resolvedMax,
       onResizeStart: () => setResizing(true),
       onResizeStop: handleResizeStop,
       handleComponent,
@@ -1762,135 +1707,132 @@ var SheetResizableBox = ({ side, options, children }) => {
     }
   );
 };
-var SHEET_CONTENT_BASE = "fixed z-50 data-[state=open]:duration-300 data-[state=closed]:duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
+var SHEET_TRANSITION = "transition-[transform,translate,opacity] duration-300 ease-out data-[ending-style]:duration-200";
 var SHEET_CONTENT_BOX = "flex flex-col border-border-primary bg-background-primary shadow-strong";
-var SHEET_SIDE_CLASSES = {
-  right: "inset-y-0 right-0 h-full w-[800px] max-w-[calc(100vw-var(--sheet-edge-gap))] border-l data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right",
-  left: "inset-y-0 left-0 h-full w-[800px] max-w-[calc(100vw-var(--sheet-edge-gap))] border-r data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left",
-  top: "inset-x-0 top-0 w-full h-auto max-h-[calc(100vh-var(--sheet-edge-gap))] border-b data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top",
-  bottom: "inset-x-0 bottom-0 w-full h-auto max-h-[calc(100vh-var(--sheet-edge-gap))] border-t data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom"
+var SHEET_ANCHOR = {
+  right: "inset-y-0 right-0 max-w-[calc(100vw-var(--sheet-edge-gap))]",
+  left: "inset-y-0 left-0 max-w-[calc(100vw-var(--sheet-edge-gap))]"
 };
-var SHEET_RESIZE_SIDE_CLASSES = {
-  right: "inset-y-0 right-0 max-w-[calc(100vw-var(--sheet-edge-gap))] data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right",
-  left: "inset-y-0 left-0 max-w-[calc(100vw-var(--sheet-edge-gap))] data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left",
-  top: "inset-x-0 top-0 max-h-[calc(100vh-var(--sheet-edge-gap))] data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top",
-  bottom: "inset-x-0 bottom-0 max-h-[calc(100vh-var(--sheet-edge-gap))] data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom"
+var SHEET_SLIDE = {
+  right: "data-[starting-style]:translate-x-full data-[ending-style]:translate-x-full",
+  left: "data-[starting-style]:-translate-x-full data-[ending-style]:-translate-x-full"
 };
-var SheetContext = createContext({ side: "right" });
-var SheetRoot = (props) => /* @__PURE__ */ jsx(DialogPrimitive2.Root, { ...props });
-var Sheet = SheetRoot;
-Sheet.Trigger = forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx(DialogPrimitive2.Trigger, { ref, ...props })
-);
-Sheet.Portal = (props) => /* @__PURE__ */ jsx(DialogPrimitive2.Portal, { ...props });
-Sheet.Close = forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx(DialogPrimitive2.Close, { ref, ...props })
-);
-Sheet.Overlay = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    DialogPrimitive2.Overlay,
+var SHEET_BOX_SIZE = {
+  right: "h-full w-[800px] border-l",
+  left: "h-full w-[800px] border-r"
+};
+var SheetModalContext = createContext(void 0);
+function SheetRoot(props) {
+  return /* @__PURE__ */ jsx(SheetModalContext.Provider, { value: props.modal, children: /* @__PURE__ */ jsx(Dialog.Root, { ...props }) });
+}
+function SheetTrigger(props) {
+  return /* @__PURE__ */ jsx(Dialog.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetPortal(props) {
+  return /* @__PURE__ */ jsx(Dialog.Portal, { ...props });
+}
+function SheetOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Dialog.Backdrop,
     {
-      ref,
+      "data-slot": "sheet-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-component-dim data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "fixed inset-0 z-50 bg-component-dim",
+        "transition-opacity duration-300 data-[starting-style]:opacity-0 data-[ending-style]:opacity-0",
         className
       ),
       ...props
     }
-  )
-);
-Sheet.Content = forwardRef(
-  ({
-    className,
-    children,
-    side = "right",
-    resizable = false,
-    onInteractOutside,
-    onEscapeKeyDown,
-    ...props
-  }, ref) => {
-    const resizeOptions = typeof resizable === "object" ? resizable : { use: resizable };
-    const isResizable = resizeOptions.use ?? true;
-    const dismissGuard = useOverlayDismissGuard({ onEscapeKeyDown, onInteractOutside });
-    return /* @__PURE__ */ jsx(SheetContext.Provider, { value: { side }, children: /* @__PURE__ */ jsxs(Sheet.Portal, { children: [
-      /* @__PURE__ */ jsx(Sheet.Overlay, {}),
-      /* @__PURE__ */ jsx(
-        DialogPrimitive2.Content,
-        {
-          ref,
-          className: cn(
-            SHEET_CONTENT_BASE,
-            SHEET_EDGE_GAP,
-            isResizable ? SHEET_RESIZE_SIDE_CLASSES[side] : cn(SHEET_CONTENT_BOX, SHEET_SIDE_CLASSES[side]),
-            className
-          ),
-          ...props,
-          ...dismissGuard,
-          children: isResizable ? /* @__PURE__ */ jsx(SheetResizableBox, { side, options: resizeOptions, children }) : children
-        }
-      )
-    ] }) });
-  }
-);
-Sheet.Header = forwardRef(
-  ({ className, line = true, rightSlot, children, ...props }, ref) => {
-    const rightElement = rightSlot === void 0 ? /* @__PURE__ */ jsx(
-      DialogPrimitive2.Close,
-      {
-        className: cn(
-          "flex shrink-0 items-center justify-center size-8 rounded-medium text-icon-secondary transition-colors hover:bg-elevation-elevation-2 focus:outline-none disabled:pointer-events-none"
-        ),
-        children: /* @__PURE__ */ jsx(X, { type: "regular", size: 20 })
-      }
-    ) : rightSlot;
-    return /* @__PURE__ */ jsxs(
-      "div",
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side: sideProp = "right",
+  resizable = false,
+  ...props
+}) {
+  const side = sideProp === "left" ? "left" : "right";
+  const modal = useContext(SheetModalContext);
+  const resizeOptions = typeof resizable === "object" ? resizable : { use: resizable };
+  const isResizable = resizeOptions.use ?? true;
+  const showOverlay = modal !== false && modal !== "trap-focus";
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    showOverlay && /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsx(
+      Dialog.Popup,
       {
-        ref,
+        "data-slot": "sheet-content",
         className: cn(
-          "flex shrink-0 flex-row items-center gap-2 h-12 pl-4 pr-2",
-          line && "border-b border-border-primary",
+          "fixed z-50",
+          SHEET_EDGE_GAP,
+          SHEET_TRANSITION,
+          SHEET_ANCHOR[side],
+          SHEET_SLIDE[side],
+          !isResizable && cn(SHEET_CONTENT_BOX, SHEET_BOX_SIZE[side]),
           className
         ),
         ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 flex-row items-center gap-1", children }),
-          rightElement ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 flex-row items-center", children: rightElement }) : null
-        ]
-      }
-    );
-  }
-);
-Sheet.Body = forwardRef(
-  ({ className, children, ...props }, ref) => {
-    const { side } = useContext(SheetContext);
-    const disableHorizontalScroll = side === "left" || side === "right";
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex-1 flex flex-col min-h-0 h-full",
-          "[&_[data-slot=scroll-area-viewport]>div]:h-full"
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx(
-          ScrollArea,
-          {
-            className: "h-full flex flex-col",
-            disableHorizontalScroll,
-            children: /* @__PURE__ */ jsx("div", { className: cn("p-4", className), children })
-          }
-        )
+        children: isResizable ? /* @__PURE__ */ jsx(SheetResizableBox, { side, options: resizeOptions, children }) : children
       }
-    );
-  }
-);
-Sheet.Footer = forwardRef(
-  ({ className, line = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    )
+  ] });
+}
+function SheetHeader({ className, line = true, rightSlot, children, ...props }) {
+  const rightElement = rightSlot === void 0 ? /* @__PURE__ */ jsx(
+    Dialog.Close,
+    {
+      "data-slot": "sheet-close-icon",
+      className: cn(
+        "flex shrink-0 items-center justify-center size-8 rounded-medium text-icon-secondary transition-colors hover:bg-elevation-elevation-2 focus:outline-none disabled:pointer-events-none"
+      ),
+      children: /* @__PURE__ */ jsx(X, { type: "regular", size: 20 })
+    }
+  ) : rightSlot;
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      ref,
+      "data-slot": "sheet-header",
+      className: cn(
+        "flex shrink-0 flex-row items-center gap-2 h-12 pl-4 pr-2",
+        line && "border-b border-border-primary",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 flex-row items-center gap-1", children }),
+        rightElement ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 flex-row items-center", children: rightElement }) : null
+      ]
+    }
+  );
+}
+function SheetBody({ className, children, scroll = true, ...props }) {
+  const content = /* @__PURE__ */ jsx("div", { className: cn("p-4", className), children });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-body",
+      className: cn(
+        "flex-1 flex flex-col min-h-0",
+        scroll && "h-full [&_[data-slot=scroll-area-viewport]>div]:h-full"
+      ),
+      ...props,
+      children: scroll ? /* @__PURE__ */ jsx(
+        ScrollArea,
+        {
+          className: "h-full flex flex-col",
+          disableHorizontalScroll: true,
+          children: content
+        }
+      ) : content
+    }
+  );
+}
+function SheetFooter({ className, line = true, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
       className: cn(
         "flex flex-row items-center justify-between h-14 gap-3 px-4 py-3",
         line && "border-t border-border-primary",
@@ -1898,13 +1840,19 @@ Sheet.Footer = forwardRef(
       ),
       ...props
     }
-  )
-);
-Sheet.FooterDescription = forwardRef(
-  ({ className, error = false, icon, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  );
+}
+function SheetFooterDescription({
+  className,
+  error = false,
+  icon,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      ref,
+      "data-slot": "sheet-footer-description",
       className: cn(
         "flex flex-row items-center gap-1 text-body-3",
         error ? "text-text-critical" : "text-text-tertiary",
@@ -1916,43 +1864,71 @@ Sheet.FooterDescription = forwardRef(
         children
       ]
     }
-  )
-);
-Sheet.Actions = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("ml-auto flex flex-row items-center gap-2", className), ...props }));
-Sheet.Title = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    DialogPrimitive2.Title,
+  );
+}
+function SheetActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
     {
-      ref,
+      "data-slot": "sheet-actions",
+      className: cn("ml-auto flex flex-row items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function SheetClose(props) {
+  return /* @__PURE__ */ jsx(Dialog.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Dialog.Title,
+    {
+      "data-slot": "sheet-title",
       className: cn(
         "text-body-1 font-semibold leading-none tracking-tight text-text-primary",
         className
       ),
       ...props
     }
-  )
-);
-Sheet.Description = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive2.Description,
-  {
-    ref,
-    className: cn("text-body-2 text-text-tertiary", className),
-    ...props
-  }
-));
-Sheet.displayName = "Sheet";
-Sheet.Trigger.displayName = "Sheet.Trigger";
-Sheet.Portal.displayName = "Sheet.Portal";
-Sheet.Close.displayName = "Sheet.Close";
-Sheet.Overlay.displayName = "Sheet.Overlay";
-Sheet.Content.displayName = "Sheet.Content";
-Sheet.Header.displayName = "Sheet.Header";
-Sheet.Body.displayName = "Sheet.Body";
-Sheet.Footer.displayName = "Sheet.Footer";
-Sheet.FooterDescription.displayName = "Sheet.FooterDescription";
-Sheet.Actions.displayName = "Sheet.Actions";
-Sheet.Title.displayName = "Sheet.Title";
-Sheet.Description.displayName = "Sheet.Description";
+  );
+}
+function SheetDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Dialog.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-body-2 text-text-tertiary", className),
+      ...props
+    }
+  );
+}
+SheetRoot.displayName = "Sheet";
+SheetTrigger.displayName = "Sheet.Trigger";
+SheetPortal.displayName = "Sheet.Portal";
+SheetClose.displayName = "Sheet.Close";
+SheetOverlay.displayName = "Sheet.Overlay";
+SheetContent.displayName = "Sheet.Content";
+SheetHeader.displayName = "Sheet.Header";
+SheetBody.displayName = "Sheet.Body";
+SheetFooter.displayName = "Sheet.Footer";
+SheetFooterDescription.displayName = "Sheet.FooterDescription";
+SheetActions.displayName = "Sheet.Actions";
+SheetTitle.displayName = "Sheet.Title";
+SheetDescription.displayName = "Sheet.Description";
+var Sheet = Object.assign(SheetRoot, {
+  Trigger: SheetTrigger,
+  Portal: SheetPortal,
+  Close: SheetClose,
+  Overlay: SheetOverlay,
+  Content: SheetContent,
+  Header: SheetHeader,
+  Body: SheetBody,
+  Footer: SheetFooter,
+  FooterDescription: SheetFooterDescription,
+  Actions: SheetActions,
+  Title: SheetTitle,
+  Description: SheetDescription
+});
 var MESSAGE_BOX_TRANSITION = "transition-[transform,scale,opacity] duration-200 data-[starting-style]:opacity-0 data-[ending-style]:opacity-0";
 var MessageBoxContext = createContext({ variant: "default" });
 function MessageBoxRoot(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exem-ui/react",
-  "version": "0.3.4-next.20261015085356",
+  "version": "0.3.4-next.20261022010408",
   "description": "Exem Design System - React Components",
   "author": "Exem Design Team",
   "license": "Apache-2.0",
@@ -79,7 +79,6 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@radix-ui/react-checkbox": "^1.2.3",
-    "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-radio-group": "^1.2.3",
     "@radix-ui/react-scroll-area": "^1.2.10",
@@ -99,7 +98,7 @@
     "tailwind-merge": "^3.3.1",
     "tailwind-scrollbar-hide": "^4.0.0",
     "tiny-invariant": "^1.3.3",
-    "@exem-ui/core": "0.3.3-next.20261015085356"
+    "@exem-ui/core": "0.3.3-next.20261022010408"
   },
   "devDependencies": {
     "@eslint/js": "^9.15.0",
@@ -135,7 +134,7 @@
     "tsup": "^8.5.0",
     "typescript": "^5.8.2",
     "typescript-eslint": "^8.16.0",
-    "@exem-ui/tailwindcss3": "0.3.2-next.20261015085356"
+    "@exem-ui/tailwindcss3": "0.3.2-next.20261022010408"
   },
   "scripts": {
     "generate": "node scripts/generate-icons.js",