@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/sheet.js

@@ -1,166 +1,138 @@
 "use client";
-import { jsx as e, jsxs as b } from "react/jsx-runtime";
-import * as r from "react";
-import { a5 as v, a6 as T, a7 as N, a8 as C, a9 as w, aa as S, ab as z, ac as A } from "../_chunks/primitives.js";
-import { a as D } from "../_chunks/vendor-utils.js";
-import { IconX as V } from "@tabler/icons-react";
-import { cn as l } from "./lib/utils.js";
-import { tweens as k, motionProps as R, springs as E } from "./lib/motion.js";
-import { Icon as F } from "./icon.js";
-import { useIsMobile as H } from "../hooks/use-mobile.js";
-import { m as M, u as B, A as U } from "../_chunks/framer.js";
-const j = r.createContext({ open: !1, onClose: () => {
-} }), X = ({
-  open: t,
-  defaultOpen: o = !1,
-  onOpenChange: s,
-  children: m,
-  ...u
-}) => {
-  const [i, p] = r.useState(o), a = t !== void 0, d = a ? t : i, c = r.useCallback(
-    (n) => {
-      a || p(n), s?.(n);
-    },
-    [a, s]
-  ), h = r.useMemo(
-    () => ({ open: d, onClose: () => c(!1) }),
-    [d, c]
-  );
-  return /* @__PURE__ */ e(j.Provider, { value: h, children: /* @__PURE__ */ e(z, { open: d, onOpenChange: c, ...u, children: m }) });
+import { An as e, Dn as t, En as n, Mn as r, Nn as i, On as a, jn as o, kn as s } from "../_chunks/primitives.js";
+import { a as c, c as l, n as u } from "../_chunks/framer.js";
+import { motionProps as d, springs as f, tweens as p } from "./lib/motion.js";
+import { t as m } from "../_chunks/vendor-utils.js";
+import { cn as h } from "./lib/utils.js";
+import { Icon as g } from "./icon.js";
+import { useIsMobile as _ } from "../hooks/use-mobile.js";
+import * as v from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { IconX as x } from "@tabler/icons-react";
+//#region src/ui/sheet.tsx
+var S = v.createContext({
+	open: !1,
+	onClose: () => {}
+}), C = ({ open: e, defaultOpen: t = !1, onOpenChange: n, children: r, ...i }) => {
+	let [a, s] = v.useState(t), c = e !== void 0, l = c ? e : a, u = v.useCallback((e) => {
+		c || s(e), n?.(e);
+	}, [c, n]), d = v.useMemo(() => ({
+		open: l,
+		onClose: () => u(!1)
+	}), [l, u]);
+	return /* @__PURE__ */ y(S.Provider, {
+		value: d,
+		children: /* @__PURE__ */ y(o, {
+			open: l,
+			onOpenChange: u,
+			...i,
+			children: r
+		})
+	});
 };
-X.displayName = "Sheet";
-const ie = A, ne = C, _ = T, O = r.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e(v, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e(
-  M.div,
-  {
-    ref: s,
-    className: l("fixed inset-0 z-modal bg-overlay", t),
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-    transition: k.fade,
-    ...R(o)
-  }
-) }));
-O.displayName = v.displayName;
-const y = {
-  top: { y: "-100%" },
-  bottom: { y: "100%" },
-  left: { x: "-100%" },
-  right: { x: "100%" }
-}, q = {
-  top: { y: 0 },
-  bottom: { y: 0 },
-  left: { x: 0 },
-  right: { x: 0 }
-}, G = D(
-  "fixed z-modal gap-ds-05 bg-surface-overlay p-ds-06 shadow-overlay",
-  {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 border-b border-surface-border-strong",
-        bottom: "inset-x-0 bottom-0 border-t border-surface-border-strong",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r border-surface-border-strong sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l border-surface-border-strong sm:max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-), J = r.forwardRef(({ side: t = "right", responsive: o, className: s, children: m, ...u }, i) => {
-  const p = H(), a = o !== !1 && p, d = B(), { open: c, onClose: h } = r.useContext(j), n = a ? "bottom" : t ?? "right", g = r.useRef(null), P = r.useCallback(
-    (f) => {
-      g.current = f, typeof i == "function" ? i(f) : i && (i.current = f);
-    },
-    [i]
-  );
-  return /* @__PURE__ */ e(U, { children: c && /* @__PURE__ */ b(_, { forceMount: !0, children: [
-    /* @__PURE__ */ e(O, {}),
-    /* @__PURE__ */ e(N, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ b(
-      M.div,
-      {
-        ref: P,
-        className: l(G({ side: n }), s),
-        initial: y[n],
-        animate: q[n],
-        exit: y[n],
-        transition: E.smooth,
-        drag: a && !d ? "y" : !1,
-        dragConstraints: { top: 0 },
-        dragElastic: 0.2,
-        onDragEnd: a ? (f, x) => {
-          const I = g.current?.getBoundingClientRect().height ?? 300;
-          (x.offset.y > I * 0.3 || x.velocity.y > 500) && h();
-        } : void 0,
-        ...R(u),
-        children: [
-          a && /* @__PURE__ */ e("div", { className: "flex justify-center pt-ds-03 pb-ds-02", children: /* @__PURE__ */ e("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" }) }),
-          /* @__PURE__ */ b(C, { title: "Close", className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none", children: [
-            /* @__PURE__ */ e(F, { icon: V, size: "sm" }),
-            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
-          ] }),
-          m
-        ]
-      }
-    ) })
-  ] }) });
+C.displayName = "Sheet";
+var w = i, T = n, E = e, D = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(s, {
+	forceMount: !0,
+	asChild: !0,
+	children: /* @__PURE__ */ y(c.div, {
+		ref: n,
+		className: h("fixed inset-0 z-modal bg-overlay", e),
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: p.fade,
+		...d(t)
+	})
+}));
+D.displayName = s.displayName;
+var O = {
+	top: { y: "-100%" },
+	bottom: { y: "100%" },
+	left: { x: "-100%" },
+	right: { x: "100%" }
+}, k = {
+	top: { y: 0 },
+	bottom: { y: 0 },
+	left: { x: 0 },
+	right: { x: 0 }
+}, A = m("fixed z-modal gap-ds-05 bg-surface-overlay p-ds-06 shadow-overlay", {
+	variants: { side: {
+		top: "inset-x-0 top-0 border-b border-surface-border-strong",
+		bottom: "inset-x-0 bottom-0 border-t border-surface-border-strong",
+		left: "inset-y-0 left-0 h-full w-3/4 border-r border-surface-border-strong sm:max-w-sm",
+		right: "inset-y-0 right-0 h-full w-3/4 border-l border-surface-border-strong sm:max-w-sm"
+	} },
+	defaultVariants: { side: "right" }
+}), j = v.forwardRef(({ side: e = "right", responsive: r, className: i, children: a, ...o }, s) => {
+	let p = _(), m = r !== !1 && p, C = u(), { open: w, onClose: T } = v.useContext(S), j = m ? "bottom" : e ?? "right", M = v.useRef(null), N = v.useCallback((e) => {
+		M.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
+	}, [s]);
+	return /* @__PURE__ */ y(l, { children: w && /* @__PURE__ */ b(E, {
+		forceMount: !0,
+		children: [/* @__PURE__ */ y(D, {}), /* @__PURE__ */ y(t, {
+			forceMount: !0,
+			asChild: !0,
+			children: /* @__PURE__ */ b(c.div, {
+				ref: N,
+				className: h(A({ side: j }), i),
+				initial: O[j],
+				animate: k[j],
+				exit: O[j],
+				transition: f.smooth,
+				drag: m && !C ? "y" : !1,
+				dragConstraints: { top: 0 },
+				dragElastic: .2,
+				onDragEnd: m ? (e, t) => {
+					let n = M.current?.getBoundingClientRect().height ?? 300;
+					(t.offset.y > n * .3 || t.velocity.y > 500) && T();
+				} : void 0,
+				...d(o),
+				children: [
+					m && /* @__PURE__ */ y("div", {
+						className: "flex justify-center pt-ds-03 pb-ds-02",
+						children: /* @__PURE__ */ y("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" })
+					}),
+					/* @__PURE__ */ b(n, {
+						title: "Close",
+						className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none",
+						children: [/* @__PURE__ */ y(g, {
+							icon: x,
+							size: "sm"
+						}), /* @__PURE__ */ y("span", {
+							className: "sr-only",
+							children: "Close"
+						})]
+					}),
+					a
+				]
+			})
+		})]
+	}) });
 });
-J.displayName = N.displayName;
-const K = r.forwardRef(
-  ({ className: t, ...o }, s) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: s,
-      className: l(
-        "flex flex-col space-y-ds-03 text-center sm:text-left",
-        t
-      ),
-      ...o
-    }
-  )
-);
-K.displayName = "SheetHeader";
-const L = r.forwardRef(
-  ({ className: t, ...o }, s) => /* @__PURE__ */ e(
-    "div",
-    {
-      ref: s,
-      className: l(
-        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
-        t
-      ),
-      ...o
-    }
-  )
-);
-L.displayName = "SheetFooter";
-const Q = r.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e(
-  w,
-  {
-    ref: s,
-    className: l("text-ds-lg font-semibold text-surface-fg", t),
-    ...o
-  }
-));
-Q.displayName = w.displayName;
-const W = r.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e(
-  S,
-  {
-    ref: s,
-    className: l("text-ds-md text-surface-fg-muted", t),
-    ...o
-  }
-));
-W.displayName = S.displayName;
-export {
-  X as Sheet,
-  ne as SheetClose,
-  J as SheetContent,
-  W as SheetDescription,
-  L as SheetFooter,
-  K as SheetHeader,
-  O as SheetOverlay,
-  _ as SheetPortal,
-  Q as SheetTitle,
-  ie as SheetTrigger
-};
+j.displayName = t.displayName;
+var M = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y("div", {
+	ref: n,
+	className: h("flex flex-col space-y-ds-03 text-center sm:text-left", e),
+	...t
+}));
+M.displayName = "SheetHeader";
+var N = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y("div", {
+	ref: n,
+	className: h("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03", e),
+	...t
+}));
+N.displayName = "SheetFooter";
+var P = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(r, {
+	ref: n,
+	className: h("text-ds-lg font-semibold text-surface-fg", e),
+	...t
+}));
+P.displayName = r.displayName;
+var F = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(a, {
+	ref: n,
+	className: h("text-ds-md text-surface-fg-muted", e),
+	...t
+}));
+F.displayName = a.displayName;
+//#endregion
+export { C as Sheet, T as SheetClose, j as SheetContent, F as SheetDescription, N as SheetFooter, M as SheetHeader, D as SheetOverlay, E as SheetPortal, P as SheetTitle, w as SheetTrigger };

package/dist/ui/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","names":[],"sources":["../../src/ui/sheet.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SheetPrimitive from '@primitives/react-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { IconX } from '@tabler/icons-react'\nimport { motion, AnimatePresence, useReducedMotion } from 'framer-motion'\n\nimport { cn } from './lib/utils'\nimport { springs, tweens, motionProps } from './lib/motion'\nimport { Icon } from './icon'\nimport { useIsMobile } from '../hooks/use-mobile'\n\n// ── Internal open-state context ──────────────────────────────────────\n\nconst SheetOpenContext = React.createContext<{ open: boolean; onClose: () => void }>({ open: false, onClose: () => {} })\n\n/**\n * Sheet compound component — accessible sliding panel anchored to a screen edge, with focus trap\n * and Escape dismissal. Built on the Dialog primitive.\n *\n * **Parts (in composition order):**\n * - `Sheet` — manages open/closed state (this root)\n * - `SheetTrigger` — element that opens the sheet (use `asChild` to render your own button)\n * - `SheetContent` — the sliding panel (use `side=\"right\"|\"left\"|\"top\"|\"bottom\"`, default `\"right\"`)\n * - `SheetHeader` — optional layout wrapper for title + description\n * - `SheetTitle` — required for accessibility (sets the sheet's ARIA label)\n * - `SheetDescription` — optional subtitle text\n * - `SheetFooter` — optional layout wrapper for action buttons\n * - `SheetClose` — manual close trigger (a close button is already built into SheetContent)\n * - `SheetPortal` — low-level portal wrapper (exported for custom layout; used internally by SheetContent)\n * - `SheetOverlay` — the backdrop element (exported for custom overlay styling)\n *\n * @compound\n *\n * Note: The `side` prop goes on `SheetContent`, NOT on `Sheet`.\n * A close button is auto-rendered in the top corner of `SheetContent`.\n *\n * @example\n * // Right-side settings panel (default):\n * <Sheet>\n *   <SheetTrigger asChild><Button>Open settings</Button></SheetTrigger>\n *   <SheetContent>\n *     <SheetHeader>\n *       <SheetTitle>Account settings</SheetTitle>\n *       <SheetDescription>Manage your profile and preferences.</SheetDescription>\n *     </SheetHeader>\n *   </SheetContent>\n * </Sheet>\n *\n * @example\n * // Bottom sheet for a mobile-friendly action drawer:\n * <Sheet>\n *   <SheetTrigger asChild><Button variant=\"ghost\">More options</Button></SheetTrigger>\n *   <SheetContent side=\"bottom\">\n *     <SheetTitle>Actions</SheetTitle>\n *     <div className=\"flex flex-col gap-ds-03 mt-ds-05\">\n *       <Button variant=\"outline\" color=\"error\" fullWidth>Delete item</Button>\n *       <Button variant=\"outline\" fullWidth>Duplicate</Button>\n *     </div>\n *   </SheetContent>\n * </Sheet>\n */\nconst Sheet: React.FC<React.ComponentPropsWithoutRef<typeof SheetPrimitive.Root>> = ({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n  ...props\n}) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) setUncontrolledOpen(value)\n      onOpenChange?.(value)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  const contextValue = React.useMemo(\n    () => ({ open, onClose: () => handleOpenChange(false) }),\n    [open, handleOpenChange],\n  )\n\n  return (\n    <SheetOpenContext.Provider value={contextValue}>\n      <SheetPrimitive.Root open={open} onOpenChange={handleOpenChange} {...props}>\n        {children}\n      </SheetPrimitive.Root>\n    </SheetOpenContext.Provider>\n  )\n}\nSheet.displayName = 'Sheet'\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay forceMount asChild>\n    <motion.div\n      ref={ref}\n      className={cn('fixed inset-0 z-modal bg-overlay', className)}\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      exit={{ opacity: 0 }}\n      transition={tweens.fade}\n      {...motionProps(props)}\n    />\n  </SheetPrimitive.Overlay>\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\n// ── Slide direction map ──────────────────────────────────────────────\n\nconst slideInitial = {\n  top: { y: '-100%' },\n  bottom: { y: '100%' },\n  left: { x: '-100%' },\n  right: { x: '100%' },\n} as const\n\nconst slideAnimate = {\n  top: { y: 0 },\n  bottom: { y: 0 },\n  left: { x: 0 },\n  right: { x: 0 },\n} as const\n\nconst sheetVariants = cva(\n  'fixed z-modal gap-ds-05 bg-surface-overlay p-ds-06 shadow-overlay',\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b border-surface-border-strong',\n        bottom: 'inset-x-0 bottom-0 border-t border-surface-border-strong',\n        left: 'inset-y-0 left-0 h-full w-3/4 border-r border-surface-border-strong sm:max-w-sm',\n        right: 'inset-y-0 right-0 h-full w-3/4 border-l border-surface-border-strong sm:max-w-sm',\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  },\n)\n\n/**\n * Props for SheetContent — the sliding panel content that appears from one of four screen edges.\n * Built on the Dialog primitive: accessible, focus-trapped, and dismissible with Escape.\n *\n * **`side` variants:** `right` (default, slide from right) | `left` | `top` | `bottom`\n *\n * **Usage pattern:** Wrap the whole sheet in `<Sheet>`, add a `<SheetTrigger>`, and put content\n * inside `<SheetContent>`. Use `<SheetHeader>`, `<SheetTitle>`, and `<SheetDescription>` for\n * accessible structure. A close button is auto-rendered in the top corner.\n *\n * @example\n * // Right-side settings panel (default):\n * <Sheet>\n *   <SheetTrigger asChild><Button>Open settings</Button></SheetTrigger>\n *   <SheetContent>\n *     <SheetHeader>\n *       <SheetTitle>Account settings</SheetTitle>\n *       <SheetDescription>Manage your profile and preferences.</SheetDescription>\n *     </SheetHeader>\n *   </SheetContent>\n * </Sheet>\n *\n * @example\n * // Bottom sheet for a mobile-friendly action drawer:\n * <Sheet>\n *   <SheetTrigger asChild><Button variant=\"ghost\">More options</Button></SheetTrigger>\n *   <SheetContent side=\"bottom\">\n *     <SheetTitle>Actions</SheetTitle>\n *     <div className=\"flex flex-col gap-ds-03 mt-ds-05\">\n *       <Button variant=\"outline\" color=\"error\" fullWidth>Delete item</Button>\n *       <Button variant=\"outline\" fullWidth>Duplicate</Button>\n *     </div>\n *   </SheetContent>\n * </Sheet>\n * // These are just a few ways — feel free to combine props creatively!\n */\nexport interface SheetContentProps\n  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {\n  /** When true (default), Sheet slides from bottom on mobile with swipe-to-dismiss. */\n  responsive?: boolean\n}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = 'right', responsive, className, children, ...props }, ref) => {\n  const isMobileRaw = useIsMobile()\n  const isMobile = responsive !== false && isMobileRaw\n  const isReduced = useReducedMotion()\n  const { open, onClose } = React.useContext(SheetOpenContext)\n  const effectiveSide = isMobile ? 'bottom' : (side ?? 'right')\n\n  const internalRef = React.useRef<HTMLDivElement>(null)\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node\n    },\n    [ref],\n  )\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <SheetPortal forceMount>\n          <SheetOverlay />\n          <SheetPrimitive.Content forceMount asChild>\n            <motion.div\n              ref={composedRef}\n              className={cn(sheetVariants({ side: effectiveSide }), className)}\n              initial={slideInitial[effectiveSide]}\n              animate={slideAnimate[effectiveSide]}\n              exit={slideInitial[effectiveSide]}\n              transition={springs.smooth}\n              drag={isMobile && !isReduced ? 'y' : false}\n              dragConstraints={{ top: 0 }}\n              dragElastic={0.2}\n              onDragEnd={\n                isMobile\n                  ? (\n                      _: unknown,\n                      info: { offset: { y: number }; velocity: { y: number } },\n                    ) => {\n                      const h =\n                        internalRef.current?.getBoundingClientRect().height ?? 300\n                      if (info.offset.y > h * 0.3 || info.velocity.y > 500)\n                        onClose()\n                    }\n                  : undefined\n              }\n              {...motionProps(props)}\n            >\n              {isMobile && (\n                <div className=\"flex justify-center pt-ds-03 pb-ds-02\">\n                  <div className=\"h-1 w-8 rounded-ds-full bg-surface-border\" />\n                </div>\n              )}\n              <SheetPrimitive.Close title=\"Close\" className=\"absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none\">\n                <Icon icon={IconX} size=\"sm\" />\n                <span className=\"sr-only\">Close</span>\n              </SheetPrimitive.Close>\n              {children}\n            </motion.div>\n          </SheetPrimitive.Content>\n        </SheetPortal>\n      )}\n    </AnimatePresence>\n  )\n})\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'flex flex-col space-y-ds-03 text-center sm:text-left',\n        className,\n      )}\n      {...props}\n    />\n  ),\n)\nSheetHeader.displayName = 'SheetHeader'\n\nconst SheetFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03',\n        className,\n      )}\n      {...props}\n    />\n  ),\n)\nSheetFooter.displayName = 'SheetFooter'\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn('text-ds-lg font-semibold text-surface-fg', className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn('text-ds-md text-surface-fg-muted', className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"],"mappings":";;;;;;;;;;;;AAeA,IAAM,IAAmB,EAAM,cAAsD;CAAE,MAAM;CAAO,eAAe;CAAI,CAAC,EAgDlH,KAA+E,EACnF,MAAM,GACN,iBAAc,IACd,iBACA,aACA,GAAG,QACC;CACJ,IAAM,CAAC,GAAkB,KAAuB,EAAM,SAAS,EAAY,EACrE,IAAe,MAAmB,KAAA,GAClC,IAAO,IAAe,IAAiB,GAEvC,IAAmB,EAAM,aAC5B,MAAmB;AAElB,EADK,KAAc,EAAoB,EAAM,EAC7C,IAAe,EAAM;IAEvB,CAAC,GAAc,EAAa,CAC7B,EAEK,IAAe,EAAM,eAClB;EAAE;EAAM,eAAe,EAAiB,GAAM;EAAE,GACvD,CAAC,GAAM,EAAiB,CACzB;AAED,QACE,kBAAC,EAAiB,UAAlB;EAA2B,OAAO;YAChC,kBAAC,GAAD;GAA2B;GAAM,cAAc;GAAkB,GAAI;GAClE;GACmB,CAAA;EACI,CAAA;;AAGhC,EAAM,cAAc;AAEpB,IAAM,IAAe,GAEf,IAAa,GAEb,IAAc,GAEd,IAAe,EAAM,YAGxB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,GAAD;CAAwB,YAAA;CAAW,SAAA;WACjC,kBAAC,EAAO,KAAR;EACO;EACL,WAAW,EAAG,oCAAoC,EAAU;EAC5D,SAAS,EAAE,SAAS,GAAG;EACvB,SAAS,EAAE,SAAS,GAAG;EACvB,MAAM,EAAE,SAAS,GAAG;EACpB,YAAY,EAAO;EACnB,GAAI,EAAY,EAAM;EACtB,CAAA;CACqB,CAAA,CACzB;AACF,EAAa,cAAA,EAAqC;AAIlD,IAAM,IAAe;CACnB,KAAK,EAAE,GAAG,SAAS;CACnB,QAAQ,EAAE,GAAG,QAAQ;CACrB,MAAM,EAAE,GAAG,SAAS;CACpB,OAAO,EAAE,GAAG,QAAQ;CACrB,EAEK,IAAe;CACnB,KAAK,EAAE,GAAG,GAAG;CACb,QAAQ,EAAE,GAAG,GAAG;CAChB,MAAM,EAAE,GAAG,GAAG;CACd,OAAO,EAAE,GAAG,GAAG;CAChB,EAEK,IAAgB,EACpB,qEACA;CACE,UAAU,EACR,MAAM;EACJ,KAAK;EACL,QAAQ;EACR,MAAM;EACN,OAAO;EACR,EACF;CACD,iBAAiB,EACf,MAAM,SACP;CACF,CACF,EA6CK,IAAe,EAAM,YAGxB,EAAE,UAAO,SAAS,eAAY,cAAW,aAAU,GAAG,KAAS,MAAQ;CACxE,IAAM,IAAc,GAAa,EAC3B,IAAW,MAAe,MAAS,GACnC,IAAY,GAAkB,EAC9B,EAAE,SAAM,eAAY,EAAM,WAAW,EAAiB,EACtD,IAAgB,IAAW,WAAY,KAAQ,SAE/C,IAAc,EAAM,OAAuB,KAAK,EAChD,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,MAAM,EAAsD,UAAU;IAEjF,CAAC,EAAI,CACN;AAED,QACE,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,GAAD;EAAa,YAAA;YAAb,CACE,kBAAC,GAAD,EAAgB,CAAA,EAChB,kBAAC,GAAD;GAAwB,YAAA;GAAW,SAAA;aACjC,kBAAC,EAAO,KAAR;IACE,KAAK;IACL,WAAW,EAAG,EAAc,EAAE,MAAM,GAAe,CAAC,EAAE,EAAU;IAChE,SAAS,EAAa;IACtB,SAAS,EAAa;IACtB,MAAM,EAAa;IACnB,YAAY,EAAQ;IACpB,MAAM,KAAY,CAAC,IAAY,MAAM;IACrC,iBAAiB,EAAE,KAAK,GAAG;IAC3B,aAAa;IACb,WACE,KAEM,GACA,MACG;KACH,IAAM,IACJ,EAAY,SAAS,uBAAuB,CAAC,UAAU;AACzD,MAAI,EAAK,OAAO,IAAI,IAAI,MAAO,EAAK,SAAS,IAAI,QAC/C,GAAS;QAEb,KAAA;IAEN,GAAI,EAAY,EAAM;cAvBxB;KAyBG,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD,EAAK,WAAU,6CAA8C,CAAA;MACzD,CAAA;KAER,kBAAC,GAAD;MAAsB,OAAM;MAAQ,WAAU;gBAA9C,CACE,kBAAC,GAAD;OAAM,MAAM;OAAO,MAAK;OAAO,CAAA,EAC/B,kBAAC,QAAD;OAAM,WAAU;iBAAU;OAAY,CAAA,CACjB;;KACtB;KACU;;GACU,CAAA,CACb;KAEA,CAAA;EAEpB;AACF,EAAa,cAAA,EAAqC;AAElD,IAAM,IAAc,EAAM,YACvB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,WAAW,EACT,wDACA,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AACD,EAAY,cAAc;AAE1B,IAAM,IAAc,EAAM,YACvB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,WAAW,EACT,qEACA,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AACD,EAAY,cAAc;AAE1B,IAAM,IAAa,EAAM,YAGtB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,GAAD;CACO;CACL,WAAW,EAAG,4CAA4C,EAAU;CACpE,GAAI;CACJ,CAAA,CACF;AACF,EAAW,cAAA,EAAmC;AAE9C,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,GAAD;CACO;CACL,WAAW,EAAG,oCAAoC,EAAU;CAC5D,GAAI;CACJ,CAAA,CACF;AACF,EAAiB,cAAA,EAAyC"}