@mieweb/ui 0.6.1-dev.125 → 0.6.1-dev.131

package/dist/chunk-44CK4CT2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FloatingWindow/FloatingWindow.tsx"],"names":["React","jsxs","cn","jsx","Button","Minus","ExternalLink","X","Square"],"mappings":"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","file":"chunk-44CK4CT2.cjs","sourcesContent":["import * as React from 'react';\nimport { Minus, Square, ExternalLink, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\n\ntype ResizeDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';\n\nexport interface FloatingWindowProps {\n  /** Whether the window is rendered. */\n  open: boolean;\n  /** Whether the window is collapsed to a minimized bar (renders nothing). */\n  minimized?: boolean;\n  /** Window title shown in the header. */\n  title: React.ReactNode;\n  /** Window body content. */\n  children: React.ReactNode;\n  /** Footer content, typically action buttons. */\n  footer?: React.ReactNode;\n  /** Called when the close control is activated. */\n  onClose: () => void;\n  /** Called when the minimize control is activated. Hidden when omitted. */\n  onMinimize?: () => void;\n  /** Called when the pop-out control is activated. Hidden when omitted. */\n  onPopOut?: () => void;\n  /**\n   * When `true` the window floats at a draggable position. When `false`\n   * (default) it is centered over a dimmed overlay like a modal.\n   */\n  draggable?: boolean;\n  /** Whether the window can be resized from its edges/corners. Default true. */\n  resizable?: boolean;\n  /** Initial width in pixels. Default 1024. */\n  defaultWidth?: number;\n  /** Initial height in pixels. Default 600. */\n  defaultHeight?: number;\n  /** Minimum width in pixels. Default 600. */\n  minWidth?: number;\n  /** Minimum height in pixels. Default 400. */\n  minHeight?: number;\n  /** Class applied to the window container. */\n  className?: string;\n  /** Accessible label for the dialog when the title is not text. */\n  'aria-label'?: string;\n}\n\nconst RESIZE_HANDLES: { dir: ResizeDirection; className: string }[] = [\n  { dir: 'nw', className: 'top-0 left-0 h-2 w-2 cursor-nw-resize' },\n  { dir: 'ne', className: 'top-0 right-0 h-2 w-2 cursor-ne-resize' },\n  { dir: 'sw', className: 'bottom-0 left-0 h-2 w-2 cursor-sw-resize' },\n  { dir: 'n', className: 'top-0 left-2 right-2 h-1 cursor-n-resize' },\n  { dir: 's', className: 'bottom-0 left-2 right-2 h-1 cursor-s-resize' },\n  { dir: 'w', className: 'left-0 top-2 bottom-2 w-1 cursor-w-resize' },\n  { dir: 'e', className: 'right-0 top-2 bottom-2 w-1 cursor-e-resize' },\n];\n\n/**\n * A presentational floating window shell used for pop-out editors (notes,\n * letters, etc.). It can render as a centered modal-style window or as a\n * draggable, freely-positioned window, and supports edge/corner resizing.\n * Open/minimize/close state and footer actions are controlled via props so it\n * can be wired to any store.\n */\nconst FloatingWindow = React.forwardRef<HTMLDivElement, FloatingWindowProps>(\n  (\n    {\n      open,\n      minimized = false,\n      title,\n      children,\n      footer,\n      onClose,\n      onMinimize,\n      onPopOut,\n      draggable = false,\n      resizable = true,\n      defaultWidth = 1024,\n      defaultHeight = 600,\n      minWidth = 600,\n      minHeight = 400,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref\n  ) => {\n    const [size, setSize] = React.useState({\n      width: defaultWidth,\n      height: defaultHeight,\n    });\n    const [position, setPosition] = React.useState({ x: 50, y: 50 });\n\n    const dragRef = React.useRef<{ x: number; y: number } | null>(null);\n    const resizeRef = React.useRef<{\n      dir: ResizeDirection;\n      startX: number;\n      startY: number;\n      startW: number;\n      startH: number;\n      startPosX: number;\n      startPosY: number;\n    } | null>(null);\n\n    const titleId = React.useId();\n\n    const handleResizeStart = (e: React.MouseEvent, dir: ResizeDirection) => {\n      e.preventDefault();\n      e.stopPropagation();\n      resizeRef.current = {\n        dir,\n        startX: e.clientX,\n        startY: e.clientY,\n        startW: size.width,\n        startH: size.height,\n        startPosX: position.x,\n        startPosY: position.y,\n      };\n    };\n\n    const handleDragStart = (e: React.MouseEvent) => {\n      if (!draggable) return;\n      if ((e.target as HTMLElement).closest('[data-window-controls]')) return;\n      const rect = (e.currentTarget as HTMLElement)\n        .closest('[data-slot=\"floating-window\"]')!\n        .getBoundingClientRect();\n      dragRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };\n    };\n\n    React.useEffect(() => {\n      if (!open || minimized) return;\n\n      const handleMouseMove = (e: MouseEvent) => {\n        if (dragRef.current) {\n          setPosition({\n            x: e.clientX - dragRef.current.x,\n            y: e.clientY - dragRef.current.y,\n          });\n          return;\n        }\n        const r = resizeRef.current;\n        if (!r) return;\n        const deltaX = e.clientX - r.startX;\n        const deltaY = e.clientY - r.startY;\n        let newWidth = r.startW;\n        let newHeight = r.startH;\n        let newX = r.startPosX;\n        let newY = r.startPosY;\n\n        if (r.dir.includes('e')) {\n          newWidth = Math.max(\n            minWidth,\n            Math.min(window.innerWidth - 40, r.startW + deltaX)\n          );\n        }\n        if (r.dir.includes('w')) {\n          newWidth = Math.max(minWidth, r.startW - deltaX);\n          if (draggable) newX = r.startPosX + (r.startW - newWidth);\n        }\n        if (r.dir.includes('s')) {\n          newHeight = Math.max(\n            minHeight,\n            Math.min(window.innerHeight - 40, r.startH + deltaY)\n          );\n        }\n        if (r.dir.includes('n')) {\n          newHeight = Math.max(minHeight, r.startH - deltaY);\n          if (draggable) newY = r.startPosY + (r.startH - newHeight);\n        }\n\n        setSize({ width: newWidth, height: newHeight });\n        if (draggable && (r.dir.includes('w') || r.dir.includes('n'))) {\n          setPosition({ x: newX, y: newY });\n        }\n      };\n\n      const handleMouseUp = () => {\n        dragRef.current = null;\n        resizeRef.current = null;\n      };\n\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n      };\n    }, [open, minimized, draggable, minWidth, minHeight]);\n\n    if (!open || minimized) return null;\n\n    const windowEl = (\n      <div\n        ref={ref}\n        data-slot=\"floating-window\"\n        role=\"dialog\"\n        aria-modal={draggable ? undefined : true}\n        aria-labelledby={typeof title === 'string' ? titleId : undefined}\n        aria-label={typeof title === 'string' ? undefined : ariaLabel}\n        className={cn(\n          'bg-card text-card-foreground relative flex flex-col overflow-hidden rounded-lg shadow-2xl',\n          draggable && 'border-primary-800 fixed border-2',\n          className\n        )}\n        style={\n          draggable\n            ? {\n                left: position.x,\n                top: position.y,\n                width: size.width,\n                height: size.height,\n                maxWidth: 'calc(100vw - 40px)',\n                maxHeight: 'calc(100vh - 40px)',\n                zIndex: 50,\n              }\n            : {\n                width: size.width,\n                height: size.height,\n                maxWidth: 'calc(100vw - 40px)',\n                maxHeight: 'calc(100vh - 40px)',\n              }\n        }\n      >\n        {resizable &&\n          RESIZE_HANDLES.map((handle) => (\n            <div\n              key={handle.dir}\n              aria-hidden=\"true\"\n              className={cn('absolute z-10', handle.className)}\n              onMouseDown={(e) => handleResizeStart(e, handle.dir)}\n            />\n          ))}\n        {resizable && (\n          <div\n            aria-hidden=\"true\"\n            className=\"hover:bg-muted/50 absolute right-0 bottom-0 z-10 h-4 w-4 cursor-se-resize rounded-tl\"\n            onMouseDown={(e) => handleResizeStart(e, 'se')}\n          >\n            <svg\n              className=\"text-muted-foreground/50 h-4 w-4\"\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n            >\n              <path d=\"M22 22H20V20H22V22ZM22 18H20V16H22V18ZM18 22H16V20H18V22ZM22 14H20V12H22V14ZM18 18H16V16H18V18ZM14 22H12V20H14V22Z\" />\n            </svg>\n          </div>\n        )}\n\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- header acts as an optional drag handle; the controls inside remain keyboard accessible */}\n        <div\n          data-slot=\"floating-window-header\"\n          className={cn(\n            'bg-primary-800 text-primary-foreground flex items-center justify-between rounded-t-lg px-4 py-3',\n            draggable && 'cursor-move'\n          )}\n          onMouseDown={handleDragStart}\n        >\n          <h2\n            id={typeof title === 'string' ? titleId : undefined}\n            className=\"text-lg font-semibold\"\n          >\n            {title}\n          </h2>\n          <div data-window-controls className=\"flex items-center gap-1\">\n            {onMinimize && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n                onClick={onMinimize}\n                aria-label=\"Minimize\"\n                title=\"Minimize\"\n              >\n                <Minus className=\"h-4 w-4\" />\n              </Button>\n            )}\n            {onPopOut && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n                onClick={onPopOut}\n                aria-label=\"Open in new window\"\n                title=\"Open in new window\"\n              >\n                <ExternalLink className=\"h-4 w-4\" />\n              </Button>\n            )}\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n              onClick={onClose}\n              aria-label=\"Close\"\n              title=\"Close\"\n            >\n              <X className=\"h-4 w-4\" />\n            </Button>\n          </div>\n        </div>\n\n        {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n        <div\n          data-slot=\"floating-window-content\"\n          role=\"region\"\n          className=\"flex-1 overflow-y-auto\"\n          tabIndex={0}\n        >\n          {children}\n        </div>\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n\n        {footer && (\n          <div\n            data-slot=\"floating-window-footer\"\n            className=\"border-border bg-card flex items-center justify-end gap-3 rounded-b-lg border-t px-6 py-4\"\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    );\n\n    if (draggable) return windowEl;\n\n    return (\n      <div\n        data-slot=\"floating-window-overlay\"\n        className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n      >\n        {windowEl}\n      </div>\n    );\n  }\n);\n\nFloatingWindow.displayName = 'FloatingWindow';\n\nexport interface MinimizedWindowProps {\n  /** Title shown on the minimized bar. */\n  title: React.ReactNode;\n  /** Called when the bar is activated to restore the window. */\n  onRestore: () => void;\n  /** Called when the close control is activated. */\n  onClose: () => void;\n  /** Additional class for the minimized bar. */\n  className?: string;\n}\n\n/**\n * A compact bar representing a minimized {@link FloatingWindow}. Render this\n * (typically in a docked tray) while the corresponding window is minimized.\n */\nconst MinimizedWindow = React.forwardRef<HTMLDivElement, MinimizedWindowProps>(\n  ({ title, onRestore, onClose, className }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"minimized-window\"\n      className={cn(\n        'border-border bg-card flex min-w-[200px] items-center gap-2 rounded-lg border px-3 py-2 shadow-md',\n        className\n      )}\n    >\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"h-6 px-2\"\n        onClick={onRestore}\n      >\n        <Square className=\"mr-1 h-3 w-3\" />\n        <span className=\"truncate text-sm\">{title}</span>\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"ml-auto h-6 w-6 p-0\"\n        onClick={onClose}\n        aria-label=\"Close\"\n        title=\"Close\"\n      >\n        <X className=\"h-3 w-3\" />\n      </Button>\n    </div>\n  )\n);\n\nMinimizedWindow.displayName = 'MinimizedWindow';\n\nexport { FloatingWindow, MinimizedWindow };\n"]}

package/dist/chunk-4LVPQ44A.js

@@ -0,0 +1,228 @@
+import { useFocusTrap } from './chunk-4SMSH4OY.js';
+import { useEscapeKey } from './chunk-T4ME7QCT.js';
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var sheetOverlayVariants = cva([
+  "fixed inset-0 z-50",
+  "bg-black/50 backdrop-blur-sm",
+  "data-[state=open]:animate-in data-[state=open]:fade-in-0",
+  "data-[state=closed]:animate-out data-[state=closed]:fade-out-0"
+]);
+var sheetContentVariants = cva(
+  [
+    "fixed z-50 flex flex-col gap-4",
+    "bg-card text-card-foreground shadow-lg",
+    "border-border",
+    "focus:outline-none",
+    "transition ease-in-out duration-200"
+  ],
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b max-h-dvh",
+        bottom: "inset-x-0 bottom-0 border-t max-h-dvh",
+        left: "inset-y-0 left-0 h-full border-r w-3/4 sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full border-l w-3/4 sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+function Sheet({
+  open,
+  onOpenChange,
+  children,
+  side,
+  closeOnOverlayClick = true,
+  closeOnEscape = true,
+  className,
+  id,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy
+}) {
+  const generatedId = React.useId();
+  const sheetId = id || generatedId;
+  const focusTrapRef = useFocusTrap(open);
+  useEscapeKey(() => {
+    if (closeOnEscape && open) onOpenChange(false);
+  }, open);
+  const handleOverlayClick = React.useCallback(
+    (e) => {
+      if (closeOnOverlayClick && e.target === e.currentTarget) {
+        onOpenChange(false);
+      }
+    },
+    [closeOnOverlayClick, onOpenChange]
+  );
+  if (!open) return null;
+  return /* @__PURE__ */ jsx(
+    SheetContext.Provider,
+    {
+      value: { onClose: () => onOpenChange(false), sheetId },
+      children: /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(sheetOverlayVariants()),
+            "data-state": "open",
+            "aria-hidden": "true",
+            onClick: handleOverlayClick
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: focusTrapRef,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy || `${sheetId}-title`,
+            "aria-describedby": ariaDescribedBy,
+            id: sheetId,
+            tabIndex: -1,
+            "data-state": "open",
+            "data-slot": "sheet",
+            className: cn(sheetContentVariants({ side }), className),
+            children
+          }
+        )
+      ] })
+    }
+  );
+}
+Sheet.displayName = "Sheet";
+var SheetContext = React.createContext(
+  void 0
+);
+function useSheetContext() {
+  const context = React.useContext(SheetContext);
+  if (!context) {
+    throw new Error("Sheet components must be used within a Sheet");
+  }
+  return context;
+}
+var SheetHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "sheet-header",
+      className: cn(
+        "flex shrink-0 items-center justify-between",
+        "border-border border-b px-6 py-4",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetTitle = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { sheetId } = useSheetContext();
+    return /* @__PURE__ */ jsx(
+      "h2",
+      {
+        ref,
+        id: `${sheetId}-title`,
+        "data-slot": "sheet-title",
+        className: cn(
+          "text-lg leading-none font-semibold tracking-tight",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+SheetTitle.displayName = "SheetTitle";
+var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    "data-slot": "sheet-description",
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+SheetDescription.displayName = "SheetDescription";
+var SheetBody = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "sheet-body",
+      className: cn("flex-1 overflow-y-auto px-6 py-4", className),
+      ...props
+    }
+  )
+);
+SheetBody.displayName = "SheetBody";
+var SheetFooter = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "sheet-footer",
+      className: cn(
+        "flex shrink-0 flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        "border-border border-t px-6 py-4",
+        className
+      ),
+      ...props
+    }
+  )
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetClose = React.forwardRef(
+  ({ className, children, onClick, ...props }, ref) => {
+    const { onClose } = useSheetContext();
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-slot": "sheet-close",
+        "aria-label": "Close",
+        onClick: (e) => {
+          onClose();
+          onClick?.(e);
+        },
+        className: cn(
+          "text-muted-foreground hover:text-foreground rounded-md",
+          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+          "transition-colors",
+          className
+        ),
+        ...props,
+        children: children ?? /* @__PURE__ */ jsx(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" })
+          }
+        )
+      }
+    );
+  }
+);
+SheetClose.displayName = "SheetClose";
+
+export { Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetTitle, sheetContentVariants, sheetOverlayVariants };
+//# sourceMappingURL=chunk-4LVPQ44A.js.map
+//# sourceMappingURL=chunk-4LVPQ44A.js.map

package/dist/chunk-4LVPQ44A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"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","file":"chunk-4LVPQ44A.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFocusTrap } from '../../hooks/useFocusTrap';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\n\nconst sheetOverlayVariants = cva([\n  'fixed inset-0 z-50',\n  'bg-black/50 backdrop-blur-sm',\n  'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n  'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n]);\n\nconst sheetContentVariants = cva(\n  [\n    'fixed z-50 flex flex-col gap-4',\n    'bg-card text-card-foreground shadow-lg',\n    'border-border',\n    'focus:outline-none',\n    'transition ease-in-out duration-200',\n  ],\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b max-h-dvh',\n        bottom: 'inset-x-0 bottom-0 border-t max-h-dvh',\n        left: 'inset-y-0 left-0 h-full border-r w-3/4 sm:max-w-sm',\n        right: 'inset-y-0 right-0 h-full border-l w-3/4 sm:max-w-sm',\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  }\n);\n\nexport interface SheetProps extends VariantProps<typeof sheetContentVariants> {\n  /** Whether the sheet is open */\n  open: boolean;\n  /** Callback when the sheet should close */\n  onOpenChange: (open: boolean) => void;\n  /** Sheet content */\n  children: React.ReactNode;\n  /** Close when clicking the overlay (default true) */\n  closeOnOverlayClick?: boolean;\n  /** Close when pressing Escape (default true) */\n  closeOnEscape?: boolean;\n  /** Additional class name for the sheet content */\n  className?: string;\n  /** ID for the sheet, used for accessibility */\n  id?: string;\n  /** Accessible label for the sheet */\n  'aria-label'?: string;\n  /** ID of the element that labels the sheet */\n  'aria-labelledby'?: string;\n  /** ID of the element that describes the sheet */\n  'aria-describedby'?: string;\n}\n\n/**\n * A panel that slides in from an edge of the screen.\n *\n * @example\n * ```tsx\n * <Sheet open={open} onOpenChange={setOpen} side=\"right\">\n *   <SheetHeader>\n *     <SheetTitle>Filters</SheetTitle>\n *   </SheetHeader>\n *   <SheetBody>...</SheetBody>\n * </Sheet>\n * ```\n */\nfunction Sheet({\n  open,\n  onOpenChange,\n  children,\n  side,\n  closeOnOverlayClick = true,\n  closeOnEscape = true,\n  className,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n}: SheetProps) {\n  const generatedId = React.useId();\n  const sheetId = id || generatedId;\n\n  const focusTrapRef = useFocusTrap<HTMLDivElement>(open);\n\n  useEscapeKey(() => {\n    if (closeOnEscape && open) onOpenChange(false);\n  }, open);\n\n  const handleOverlayClick = React.useCallback(\n    (e: React.MouseEvent) => {\n      if (closeOnOverlayClick && e.target === e.currentTarget) {\n        onOpenChange(false);\n      }\n    },\n    [closeOnOverlayClick, onOpenChange]\n  );\n\n  if (!open) return null;\n\n  return (\n    <SheetContext.Provider\n      value={{ onClose: () => onOpenChange(false), sheetId }}\n    >\n      <div className=\"fixed inset-0 z-50\">\n        <div\n          className={cn(sheetOverlayVariants())}\n          data-state=\"open\"\n          aria-hidden=\"true\"\n          onClick={handleOverlayClick}\n        />\n        <div\n          ref={focusTrapRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy || `${sheetId}-title`}\n          aria-describedby={ariaDescribedBy}\n          id={sheetId}\n          tabIndex={-1}\n          data-state=\"open\"\n          data-slot=\"sheet\"\n          className={cn(sheetContentVariants({ side }), className)}\n        >\n          {children}\n        </div>\n      </div>\n    </SheetContext.Provider>\n  );\n}\n\nSheet.displayName = 'Sheet';\n\ninterface SheetContextValue {\n  onClose: () => void;\n  sheetId: string;\n}\n\nconst SheetContext = React.createContext<SheetContextValue | undefined>(\n  undefined\n);\n\nfunction useSheetContext() {\n  const context = React.useContext(SheetContext);\n  if (!context) {\n    throw new Error('Sheet components must be used within a Sheet');\n  }\n  return context;\n}\n\nexport type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SheetHeader = React.forwardRef<HTMLDivElement, SheetHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"sheet-header\"\n      className={cn(\n        'flex shrink-0 items-center justify-between',\n        'border-border border-b px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nSheetHeader.displayName = 'SheetHeader';\n\nexport type SheetTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nconst SheetTitle = React.forwardRef<HTMLHeadingElement, SheetTitleProps>(\n  ({ className, children, ...props }, ref) => {\n    const { sheetId } = useSheetContext();\n    return (\n      <h2\n        ref={ref}\n        id={`${sheetId}-title`}\n        data-slot=\"sheet-title\"\n        className={cn(\n          'text-lg leading-none font-semibold tracking-tight',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </h2>\n    );\n  }\n);\n\nSheetTitle.displayName = 'SheetTitle';\n\nexport type SheetDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst SheetDescription = React.forwardRef<\n  HTMLParagraphElement,\n  SheetDescriptionProps\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    data-slot=\"sheet-description\"\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\n\nSheetDescription.displayName = 'SheetDescription';\n\nexport type SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SheetBody = React.forwardRef<HTMLDivElement, SheetBodyProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"sheet-body\"\n      className={cn('flex-1 overflow-y-auto px-6 py-4', className)}\n      {...props}\n    />\n  )\n);\n\nSheetBody.displayName = 'SheetBody';\n\nexport type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SheetFooter = React.forwardRef<HTMLDivElement, SheetFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'flex shrink-0 flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        'border-border border-t px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nSheetFooter.displayName = 'SheetFooter';\n\nexport type SheetCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst SheetClose = React.forwardRef<HTMLButtonElement, SheetCloseProps>(\n  ({ className, children, onClick, ...props }, ref) => {\n    const { onClose } = useSheetContext();\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"sheet-close\"\n        aria-label=\"Close\"\n        onClick={(e) => {\n          onClose();\n          onClick?.(e);\n        }}\n        className={cn(\n          'text-muted-foreground hover:text-foreground rounded-md',\n          'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n          'transition-colors',\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M18 6 6 18M6 6l12 12\" />\n          </svg>\n        )}\n      </button>\n    );\n  }\n);\n\nSheetClose.displayName = 'SheetClose';\n\nexport {\n  Sheet,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n  SheetBody,\n  SheetFooter,\n  SheetClose,\n  sheetContentVariants,\n  sheetOverlayVariants,\n};\n"]}

package/dist/chunk-7XUN3OQT.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-7XUN3OQT.js.map
+//# sourceMappingURL=chunk-7XUN3OQT.js.map

package/dist/{chunk-V2DF2GUE.js.map → chunk-7XUN3OQT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-V2DF2GUE.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-7XUN3OQT.js"}