@devalok/shilp-sutra 0.36.0 → 0.37.0-next.0

package/dist/ui/sheet.js

@@ -1,28 +1,28 @@
 "use client";
 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";
+import { motionProps as c, springs as l, tweens as u } from "./lib/motion.js";
+import { t as d } from "../_chunks/vendor-utils.js";
+import { cn as f } from "./lib/utils.js";
+import { Icon as p } from "./icon.js";
+import { useIsMobile as m } from "../hooks/use-mobile.js";
+import * as h from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { IconX as v } from "@tabler/icons-react";
+import { AnimatePresence as y, motion as b, useReducedMotion as x } from "framer-motion";
 //#region src/ui/sheet.tsx
-var S = v.createContext({
+var S = h.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) => {
+	let [a, s] = h.useState(t), c = e !== void 0, l = c ? e : a, u = h.useCallback((e) => {
 		c || s(e), n?.(e);
-	}, [c, n]), d = v.useMemo(() => ({
+	}, [c, n]), d = h.useMemo(() => ({
 		open: l,
 		onClose: () => u(!1)
 	}), [l, u]);
-	return /* @__PURE__ */ y(S.Provider, {
+	return /* @__PURE__ */ g(S.Provider, {
 		value: d,
-		children: /* @__PURE__ */ y(o, {
+		children: /* @__PURE__ */ g(o, {
 			open: l,
 			onOpenChange: u,
 			...i,
@@ -31,17 +31,17 @@ var S = v.createContext({
 	});
 };
 C.displayName = "Sheet";
-var w = i, T = n, E = e, D = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y(s, {
+var w = i, T = n, E = e, D = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g(s, {
 	forceMount: !0,
 	asChild: !0,
-	children: /* @__PURE__ */ y(c.div, {
+	children: /* @__PURE__ */ g(b.div, {
 		ref: n,
-		className: h("fixed inset-0 z-modal bg-overlay", e),
+		className: f("fixed inset-0 z-modal bg-overlay", e),
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
-		transition: p.fade,
-		...d(t)
+		transition: u.fade,
+		...c(t)
 	})
 }));
 D.displayName = s.displayName;
@@ -55,7 +55,7 @@ var O = {
 	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", {
+}, A = 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",
@@ -63,42 +63,42 @@ var O = {
 		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) => {
+}), j = h.forwardRef(({ side: e = "right", responsive: r, className: i, children: a, ...o }, s) => {
+	let u = m(), d = r !== !1 && u, C = x(), { open: w, onClose: T } = h.useContext(S), j = d ? "bottom" : e ?? "right", M = h.useRef(null), N = h.useCallback((e) => {
 		M.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
 	}, [s]);
-	return /* @__PURE__ */ y(l, { children: w && /* @__PURE__ */ b(E, {
+	return /* @__PURE__ */ g(y, { children: w && /* @__PURE__ */ _(E, {
 		forceMount: !0,
-		children: [/* @__PURE__ */ y(D, {}), /* @__PURE__ */ y(t, {
+		children: [/* @__PURE__ */ g(D, {}), /* @__PURE__ */ g(t, {
 			forceMount: !0,
 			asChild: !0,
-			children: /* @__PURE__ */ b(c.div, {
+			children: /* @__PURE__ */ _(b.div, {
 				ref: N,
-				className: h(A({ side: j }), i),
+				className: f(A({ side: j }), i),
 				initial: O[j],
 				animate: k[j],
 				exit: O[j],
-				transition: f.smooth,
-				drag: m && !C ? "y" : !1,
+				transition: l.smooth,
+				drag: d && !C ? "y" : !1,
 				dragConstraints: { top: 0 },
 				dragElastic: .2,
-				onDragEnd: m ? (e, t) => {
+				onDragEnd: d ? (e, t) => {
 					let n = M.current?.getBoundingClientRect().height ?? 300;
 					(t.offset.y > n * .3 || t.velocity.y > 500) && T();
 				} : void 0,
-				...d(o),
+				...c(o),
 				children: [
-					m && /* @__PURE__ */ y("div", {
+					d && /* @__PURE__ */ g("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" })
+						children: /* @__PURE__ */ g("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" })
 					}),
-					/* @__PURE__ */ b(n, {
+					/* @__PURE__ */ _(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,
+						children: [/* @__PURE__ */ g(p, {
+							icon: v,
 							size: "sm"
-						}), /* @__PURE__ */ y("span", {
+						}), /* @__PURE__ */ g("span", {
 							className: "sr-only",
 							children: "Close"
 						})]
@@ -110,27 +110,27 @@ var O = {
 	}) });
 });
 j.displayName = t.displayName;
-var M = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ y("div", {
+var M = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g("div", {
 	ref: n,
-	className: h("flex flex-col space-y-ds-03 text-center sm:text-left", e),
+	className: f("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", {
+var N = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g("div", {
 	ref: n,
-	className: h("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03", e),
+	className: f("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, {
+var P = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g(r, {
 	ref: n,
-	className: h("text-ds-lg font-semibold text-surface-fg", e),
+	className: f("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, {
+var F = h.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g(a, {
 	ref: n,
-	className: h("text-ds-md text-surface-fg-muted", e),
+	className: f("text-ds-md text-surface-fg-muted", e),
 	...t
 }));
 F.displayName = a.displayName;

package/dist/ui/sheet.js.map

@@ -1 +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":"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"}
+{"version":3,"file":"sheet.js","names":[],"sources":["../../src/ui/sheet.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@primitives/react-dialog'\nimport { IconX } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { AnimatePresence, motion, useReducedMotion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useIsMobile } from '../hooks/use-mobile'\nimport { Icon } from './icon'\nimport { motionProps,springs, tweens } from './lib/motion'\nimport { cn } from './lib/utils'\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  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger,\n}\n"],"mappings":"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"}

package/dist/ui/sidebar.d.ts

@@ -1,7 +1,7 @@
 "use client";
 import { VariantProps } from 'class-variance-authority';
-import { TooltipContent } from './tooltip';
 import { ComponentProps } from 'react';
+import { TooltipContent } from './tooltip';
 type SidebarContext = {
     state: 'expanded' | 'collapsed';
     open: boolean;

package/dist/ui/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/ui/sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../src/ui/sidebar.tsx"],"names":[],"mappings":"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"}