@devalok/shilp-sutra 0.53.0 → 0.55.0

package/AGENTS.md

@@ -43,7 +43,7 @@ Read these local files. Your training data is outdated and will hallucinate APIs
 ### MCP tools
 
 <!-- BEGIN:mcp-tools --><!-- generated by scripts/generate-tool-list.mjs — do not edit by hand -->
-_13 tools (source: `packages/mcp-server/src/index.mjs`):_
+_17 tools (source: `packages/mcp-server/src/index.mjs`):_
 
 **Reference:**
 - `find_component` — Search shilp-sutra components by keyword (authoritative component index).
@@ -63,8 +63,14 @@ _13 tools (source: `packages/mcp-server/src/index.mjs`):_
 **Quality:**
 - `check_slop` — Pre-emit DESIGN-QUALITY gate (complements validate_snippet, which checks correctness).
 
+**Presets:**
+- `get_preset` — Full detail for one preset: the shadcn registry-item (dependencies, files, docs), plus the exact install steps — the components.json `registries` snippet to…
+- `list_presets` — Discover the shilp-sutra Preset Library — pre-assembled real-world screens (sidebars, dashboards, auth) built FROM shilp-sutra components.
+- `preview_preset` — READ-ONLY TSX source of a preset (+ its GitHub source URL), so you can show it, learn the composition, or adapt it inline WITHOUT installing.
+
 **Write:**
 - `report_issue` — File a bug report, feature request, suggestion, or docs-gap on the shilp-sutra repo when you hit a wall using the design system.
+- `submit_entry` — Submit an entry to Build with Shilp Sutra, the online buildathon by Devalok.
 <!-- END:mcp-tools -->
 
 ### Setting up in a new project (do this in order)

package/BREAKING.json

@@ -321,6 +321,35 @@
         "ScheduleView: the ScheduleEvent `color` value \"primary\" was renamed \"accent\" (matches the DS colour vocabulary). Migrate { color: 'primary' } → { color: 'accent' }. It was the default, so untyped events are unaffected. Also added focus-visible rings on slot/event buttons.",
         "New `Dot` primitive (@devalok/shilp-sutra/ui/dot) — the shared indicator dot. StatusBadge composes Badge + Dot; StatusDot and Badge's `dot` prop now render Dot internally. No API change to StatusBadge/StatusDot/Badge props (Badge's dot pulse animation shifted from a bespoke ripple to Dot's ping). StatusDot's `inactive` shade is now neutral-8 (was neutral-6)."
       ]
+    },
+    "0.54.0": {
+      "summary": "AppSidebar removed — the config-driven shell sidebar is retired in favour of composable Sidebar primitives (@devalok/shilp-sutra/ui/sidebar) + the copy-and-own sidebar-app preset.",
+      "migrationDoc": "MIGRATION.md#v0540--appsidebar-removed",
+      "removed": [
+        {
+          "symbol": "AppSidebar",
+          "where": "@devalok/shilp-sutra/shell/sidebar and the /shell barrel",
+          "replacement": "Compose the Sidebar primitives from @devalok/shilp-sutra/ui/sidebar, or install the sidebar-app preset (npx shadcn@latest add @devalok/sidebar-app; gallery at https://shilp-sutra.devalok.in/presets). The preset reproduces AppSidebar's shape as ownable source."
+        },
+        {
+          "symbol": "AppSidebarProps",
+          "where": "@devalok/shilp-sutra/shell/sidebar and the /shell barrel"
+        },
+        {
+          "symbol": "NavGroup, NavItem, NavSubItem, SidebarUser, SidebarPromo, SidebarFooterConfig",
+          "where": "@devalok/shilp-sutra/shell/sidebar (AppSidebar config types)"
+        },
+        {
+          "symbol": "./shell/sidebar",
+          "where": "package.json exports (subpath removed)",
+          "replacement": "@devalok/shilp-sutra/ui/sidebar for the primitives"
+        }
+      ],
+      "notes": [
+        "The Sidebar PRIMITIVES (@devalok/shilp-sutra/ui/sidebar — Sidebar, SidebarProvider, SidebarMenu, SidebarMenuSub*, SidebarMenuBadge, SidebarGroupAction, etc.) are unchanged. Only the config-driven AppSidebar wrapper on top of them is removed.",
+        "Fastest migration: `npx shadcn@latest add @devalok/sidebar-app`, then replace <AppSidebar navGroups={…} user={…} currentPath={…} /> with the pasted <SidebarApp/>, wiring your router Link + active path. Composing @devalok/shilp-sutra/ui/sidebar directly is equally valid and needs no registry.",
+        "Deprecation cycle: no PUBLISHED version carried an @deprecated AppSidebar — 0.53.0 shipped it undeprecated, 0.54.0 removes it. The deprecation marker existed only within the unreleased 0.54.0 line. This is a deliberate call for a 0.x beta with a single coordinated consumer (breaking changes ship in 0.x minors); a post-1.0 removal would get a real deprecate→remove window."
+      ]
     }
   }
 }

package/MIGRATION.md

@@ -4,6 +4,89 @@ This page indexes all breaking changes across `@devalok/shilp-sutra` versions. F
 
 > **Upgrading from < 0.36?** Start here, then read each intermediate version section. Breaking changes stack — skipping versions means stacking migrations.
 
+## v0.55.0 — additive; one optional step if you use the editors
+
+Nothing breaks. No existing import, prop value, or install stops working.
+
+### If you type-check declarations, upgrade for the fix
+
+0.54.0's published `.d.ts` were unusable with `skipLibCheck: false` — a barrel import produced 79 errors, and `moduleResolution: "node16" | "nodenext"` failed regardless. Both are fixed; no action beyond upgrading.
+
+### If you import `RichTextEditor` or `RichChatInput`, add two devDependencies
+
+These components expose TipTap's `Editor` type. TipTap's runtime is bundled — you are not installing it to run anything — but your type-checker needs to resolve the package to read the type:
+
+```bash
+pnpm add -D @tiptap/pm @tiptap/react
+```
+
+`@tiptap/pm` is required alongside `@tiptap/react` because TipTap's own declarations import from it. Both are **optional peers**: skip them and the components still run, you just lose the editor type.
+
+Previously these resolved to `error TS2307: Cannot find module '@tiptap/react'` with nothing telling you what to install, so this replaces a silent failure with a documented one-liner.
+
+### Three dependencies removed — nothing to do
+
+`diff`, `frimousse` and `@emoji-mart/data` are no longer declared. They were always bundled into `dist`, so they were installed for no reason. Diff, EmojiPicker and the editors are unaffected.
+
+### Bundle size improves on its own
+
+Vendored Radix primitives now ship as one chunk per primitive instead of a single 231 KB block. A single-component import drops from ~209 KB to ~90 KB of our code; a twelve-component app from ~252 KB to ~213 KB. No API change — rebuild and the improvement applies.
+
+## v0.54.0 — AppSidebar removed
+
+**Breaking.** The config-driven `AppSidebar` shell component is removed. It was a
+convenience wrapper over the `Sidebar` primitives; those **primitives are
+unchanged** (`@devalok/shilp-sutra/ui/sidebar`). Only the wrapper — and its config
+types and subpath export — are gone.
+
+**Removed**
+
+| Symbol | Was at |
+| --- | --- |
+| `AppSidebar`, `AppSidebarProps` | `@devalok/shilp-sutra/shell/sidebar` + the `/shell` barrel |
+| `NavGroup`, `NavItem`, `NavSubItem`, `SidebarUser`, `SidebarPromo`, `SidebarFooterConfig` | `@devalok/shilp-sutra/shell/sidebar` (AppSidebar config types) |
+| `@devalok/shilp-sutra/shell/sidebar` (subpath export) | — |
+
+**Migrate — option A (fastest): install the `sidebar-app` preset.** It reproduces
+AppSidebar's shape (logo, grouped nav, collapsible sub-items, badges, group `+`
+action, user footer) as source you own and edit.
+
+Register the registry once in `components.json`:
+
+```json
+{ "registries": { "@devalok": "https://shilp-sutra.devalok.in/r/{name}.json" } }
+```
+
+Then:
+
+```bash
+npx shadcn@latest add @devalok/sidebar-app
+```
+
+Replace the wrapper with the pasted component, wiring your router:
+
+```tsx
+// Before
+import { AppSidebar } from '@devalok/shilp-sutra/shell/sidebar'
+<AppSidebar navGroups={groups} user={user} currentPath={pathname} />
+
+// After — you own SidebarApp; edit the markup directly
+import { SidebarApp } from '@/components/devalok/sidebar-app/sidebar-app'
+<SidebarApp />
+// In SidebarApp: swap <a> for next/link and CURRENT_PATH for usePathname().
+```
+
+Other shapes: `@devalok/sidebar-projects`, `@devalok/sidebar-client`,
+`@devalok/sidebar-minimal`. Gallery: <https://shilp-sutra.devalok.in/presets>.
+
+**Migrate — option B: compose the primitives directly** from
+`@devalok/shilp-sutra/ui/sidebar` (`Sidebar`, `SidebarProvider`, `SidebarMenu`,
+`SidebarMenuButton`, `SidebarMenuSub*`, `SidebarMenuBadge`, `SidebarGroupAction`,
+…). The preset in option A is itself a worked example of this.
+
+> Requires `@devalok/shilp-sutra` installed and its CSS imported
+> (`@import "@devalok/shilp-sutra/css";`). framer-motion ^12 is a required peer.
+
 ## v0.53.0 — additive (no migration required)
 
 Nothing breaks at the TypeScript level; this release is additive.

package/dist/_chunks/badge-group.js

@@ -1,5 +1,5 @@
 "use client";
-import { Slot as e } from "./primitives.js";
+import { Slot as e } from "./primitives-internal.js";
 import { durations as t, springs as n } from "../ui/lib/motion.js";
 import { cva as r } from "./vendor-utils.js";
 import { cn as i } from "../ui/lib/utils.js";

package/dist/_chunks/popover.js

@@ -1,24 +1,25 @@
 "use client";
-import { Anchor2 as e, Content$2 as t, Content2$6 as n, Overlay as r, Portal$3 as i, Portal$4 as a, Root$8 as o, Root2$8 as s, Trigger$8 as c } from "./primitives.js";
-import { springs as l, tweens as u } from "../ui/lib/motion.js";
-import { cn as d } from "../ui/lib/utils.js";
-import { useIsMobile as f } from "../hooks/use-mobile.js";
+import { springs as e, tweens as t } from "../ui/lib/motion.js";
+import { cn as n } from "../ui/lib/utils.js";
+import { Content as r, Overlay as i, Portal as a, Root as o } from "./primitives/react-alert-dialog.js";
+import { useIsMobile as s } from "../hooks/use-mobile.js";
+import { Anchor2 as c, Content2 as l, Portal as u, Root2 as d, Trigger as f } from "./primitives/react-popover.js";
 import { useControllableOpen as p } from "./use-controllable-open.js";
 import * as m from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import { AnimatePresence as _, motion as v, useReducedMotion as y } from "framer-motion";
 //#region src/ui/lib/bottom-sheet.tsx
-function b({ open: e, onOpenChange: n, children: i, className: s, dragHandle: c = !0, swipeable: f = !0, title: p }) {
+function b({ open: s, onOpenChange: c, children: l, className: u, dragHandle: d = !0, swipeable: f = !0, title: p }) {
 	let b = y(), x = m.useRef(null), S = m.useCallback((e, t) => {
-		let r = x.current?.getBoundingClientRect().height ?? 300;
-		(t.offset.y > r * .3 || t.velocity.y > 500) && n(!1);
-	}, [n]);
+		let n = x.current?.getBoundingClientRect().height ?? 300;
+		(t.offset.y > n * .3 || t.velocity.y > 500) && c(!1);
+	}, [c]);
 	return /* @__PURE__ */ h(o, {
-		open: e,
-		onOpenChange: n,
-		children: /* @__PURE__ */ h(_, { children: e && /* @__PURE__ */ g(a, {
+		open: s,
+		onOpenChange: c,
+		children: /* @__PURE__ */ h(_, { children: s && /* @__PURE__ */ g(a, {
 			forceMount: !0,
-			children: [/* @__PURE__ */ h(r, {
+			children: [/* @__PURE__ */ h(i, {
 				forceMount: !0,
 				asChild: !0,
 				children: /* @__PURE__ */ h(v.div, {
@@ -26,29 +27,29 @@ function b({ open: e, onOpenChange: n, children: i, className: s, dragHandle: c
 					initial: { opacity: 0 },
 					animate: { opacity: 1 },
 					exit: { opacity: 0 },
-					transition: u.fade
+					transition: t.fade
 				})
-			}), /* @__PURE__ */ h(t, {
+			}), /* @__PURE__ */ h(r, {
 				forceMount: !0,
 				asChild: !0,
 				"aria-label": p,
 				children: /* @__PURE__ */ g(v.div, {
 					ref: x,
-					className: d("fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-overlay-lg border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden", s),
+					className: n("fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-overlay-lg border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden", u),
 					initial: { y: "100%" },
 					animate: { y: 0 },
 					exit: { y: "100%" },
-					transition: b ? { duration: 0 } : l.smooth,
+					transition: b ? { duration: 0 } : e.smooth,
 					drag: f && !b ? "y" : !1,
 					dragConstraints: { top: 0 },
 					dragElastic: .2,
 					onDragEnd: S,
-					children: [c && /* @__PURE__ */ h("div", {
+					children: [d && /* @__PURE__ */ h("div", {
 						className: "flex justify-center pt-ds-03 pb-ds-02",
 						children: /* @__PURE__ */ h("div", { className: "h-1 w-8 rounded-pill bg-surface-border" })
 					}), /* @__PURE__ */ h("div", {
 						className: "px-ds-05 pb-ds-06",
-						children: i
+						children: l
 					})]
 				})
 			})]
@@ -65,13 +66,13 @@ var x = m.createContext({
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n
-	}), c = m.useMemo(() => ({
+	}), s = m.useMemo(() => ({
 		open: i,
 		onClose: o
 	}), [i, o]);
 	return /* @__PURE__ */ h(x.Provider, {
-		value: c,
-		children: /* @__PURE__ */ h(s, {
+		value: s,
+		children: /* @__PURE__ */ h(d, {
 			open: i,
 			onOpenChange: a,
 			...r
@@ -79,25 +80,25 @@ var x = m.createContext({
 	});
 };
 S.displayName = "Popover";
-var C = c, w = e, T = m.forwardRef(({ className: e, align: t = "center", sideOffset: r = 4, children: a, ...o }, s) => {
-	let c = f(), { open: p, onClose: g } = m.useContext(x);
-	return c ? /* @__PURE__ */ h(b, {
+var C = f, w = c, T = m.forwardRef(({ className: r, align: i = "center", sideOffset: a = 4, children: o, ...c }, d) => {
+	let f = s(), { open: p, onClose: g } = m.useContext(x);
+	return f ? /* @__PURE__ */ h(b, {
 		open: p,
 		onOpenChange: (e) => {
 			e || g();
 		},
 		title: "Options",
-		className: e,
-		children: a
-	}) : /* @__PURE__ */ h(_, { children: p && /* @__PURE__ */ h(i, {
+		className: r,
+		children: o
+	}) : /* @__PURE__ */ h(_, { children: p && /* @__PURE__ */ h(u, {
 		forceMount: !0,
-		children: /* @__PURE__ */ h(n, {
-			ref: s,
-			align: t,
-			sideOffset: r,
+		children: /* @__PURE__ */ h(l, {
+			ref: d,
+			align: i,
+			sideOffset: a,
 			forceMount: !0,
 			asChild: !0,
-			...o,
+			...c,
 			children: /* @__PURE__ */ h(v.div, {
 				initial: {
 					opacity: 0,
@@ -112,15 +113,15 @@ var C = c, w = e, T = m.forwardRef(({ className: e, align: t = "center", sideOff
 					scale: .95
 				},
 				transition: {
-					...l.snappy,
-					opacity: u.fade
+					...e.snappy,
+					opacity: t.fade
 				},
-				className: d("z-popover w-72 rounded-overlay bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden", e),
-				children: a
+				className: n("z-popover w-72 rounded-overlay bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden", r),
+				children: o
 			})
 		})
 	}) });
 });
-T.displayName = n.displayName;
+T.displayName = l.displayName;
 //#endregion
 export { S as Popover, w as PopoverAnchor, T as PopoverContent, C as PopoverTrigger };

package/dist/_chunks/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":[],"sources":["../../src/ui/lib/bottom-sheet.tsx","../../src/ui/popover.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@primitives/react-dialog'\nimport { AnimatePresence, motion, useReducedMotion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { springs, tweens } from './motion'\nimport { cn } from './utils'\n\nexport interface BottomSheetProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  children: React.ReactNode\n  className?: string\n  /** Show drag handle bar at top. @default true */\n  dragHandle?: boolean\n  /** Allow swipe-to-dismiss. @default true */\n  swipeable?: boolean\n  /** Title for accessibility (sets aria-label on the dialog). */\n  title?: string\n}\n\nexport function BottomSheet({\n  open,\n  onOpenChange,\n  children,\n  className,\n  dragHandle = true,\n  swipeable = true,\n  title,\n}: BottomSheetProps) {\n  const isReduced = useReducedMotion()\n  const sheetRef = React.useRef<HTMLDivElement>(null)\n\n  const handleDragEnd = React.useCallback(\n    (_: unknown, info: { offset: { y: number }; velocity: { y: number } }) => {\n      const sheetHeight = sheetRef.current?.getBoundingClientRect().height ?? 300\n      if (info.offset.y > sheetHeight * 0.3 || info.velocity.y > 500) {\n        onOpenChange(false)\n      }\n    },\n    [onOpenChange],\n  )\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <AnimatePresence>\n        {open && (\n          <DialogPrimitive.Portal forceMount>\n            <DialogPrimitive.Overlay forceMount asChild>\n              <motion.div\n                className=\"fixed inset-0 z-modal bg-overlay\"\n                initial={{ opacity: 0 }}\n                animate={{ opacity: 1 }}\n                exit={{ opacity: 0 }}\n                transition={tweens.fade}\n              />\n            </DialogPrimitive.Overlay>\n\n            <DialogPrimitive.Content\n              forceMount\n              asChild\n              aria-label={title}\n            >\n              <motion.div\n                ref={sheetRef}\n                className={cn(\n                  'fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-overlay-lg border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden',\n                  className,\n                )}\n                initial={{ y: '100%' }}\n                animate={{ y: 0 }}\n                exit={{ y: '100%' }}\n                transition={isReduced ? { duration: 0 } : springs.smooth}\n                drag={swipeable && !isReduced ? 'y' : false}\n                dragConstraints={{ top: 0 }}\n                dragElastic={0.2}\n                onDragEnd={handleDragEnd}\n              >\n                {dragHandle && (\n                  <div className=\"flex justify-center pt-ds-03 pb-ds-02\">\n                    <div className=\"h-1 w-8 rounded-pill bg-surface-border\" />\n                  </div>\n                )}\n                <div className=\"px-ds-05 pb-ds-06\">\n                  {children}\n                </div>\n              </motion.div>\n            </DialogPrimitive.Content>\n          </DialogPrimitive.Portal>\n        )}\n      </AnimatePresence>\n    </DialogPrimitive.Root>\n  )\n}\n","'use client'\n\nimport * as PopoverPrimitive from '@primitives/react-popover'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useIsMobile } from '../hooks/use-mobile'\nimport { BottomSheet } from './lib/bottom-sheet'\nimport { springs, tweens } from './lib/motion'\nimport { useControllableOpen } from './lib/use-controllable-open'\nimport { cn } from './lib/utils'\n\n// ── Internal context to thread `open` state to animated children ──\n\nconst PopoverOpenContext = React.createContext<{ open: boolean; onClose: () => void }>({ open: false, onClose: () => {} })\n\nconst Popover: React.FC<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>> = ({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  ...props\n}) => {\n  const { open, setOpen, close } = useControllableOpen({ open: controlledOpen, defaultOpen, onOpenChange })\n\n  const contextValue = React.useMemo(\n    () => ({ open, onClose: close }),\n    [open, close],\n  )\n\n  return (\n    <PopoverOpenContext.Provider value={contextValue}>\n      <PopoverPrimitive.Root open={open} onOpenChange={setOpen} {...props} />\n    </PopoverOpenContext.Provider>\n  )\n}\nPopover.displayName = 'Popover'\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, children, ...props }, ref) => {\n  const isMobileRaw = useIsMobile()\n  const { open, onClose } = React.useContext(PopoverOpenContext)\n\n  if (isMobileRaw) {\n    return (\n      <BottomSheet\n        open={open}\n        onOpenChange={(v) => { if (!v) onClose() }}\n        title=\"Options\"\n        className={className}\n      >\n        {children}\n      </BottomSheet>\n    )\n  }\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <PopoverPrimitive.Portal forceMount>\n          <PopoverPrimitive.Content\n            ref={ref}\n            align={align}\n            sideOffset={sideOffset}\n            forceMount\n            asChild\n            {...props}\n          >\n            <motion.div\n              initial={{ opacity: 0, scale: 0.95 }}\n              animate={{ opacity: 1, scale: 1 }}\n              exit={{ opacity: 0, scale: 0.95 }}\n              transition={{ ...springs.snappy, opacity: tweens.fade }}\n              className={cn(\n                'z-popover w-72 rounded-overlay bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden',\n                className,\n              )}\n            >\n              {children}\n            </motion.div>\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      )}\n    </AnimatePresence>\n  )\n})\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n\nexport { Popover, PopoverAnchor,PopoverContent, PopoverTrigger }\n"],"mappings":"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"}
+{"version":3,"file":"popover.js","names":[],"sources":["../../src/ui/lib/bottom-sheet.tsx","../../src/ui/popover.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@primitives/react-dialog'\nimport { AnimatePresence, motion, useReducedMotion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { springs, tweens } from './motion'\nimport { cn } from './utils'\n\nexport interface BottomSheetProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  children: React.ReactNode\n  className?: string\n  /** Show drag handle bar at top. @default true */\n  dragHandle?: boolean\n  /** Allow swipe-to-dismiss. @default true */\n  swipeable?: boolean\n  /** Title for accessibility (sets aria-label on the dialog). */\n  title?: string\n}\n\nexport function BottomSheet({\n  open,\n  onOpenChange,\n  children,\n  className,\n  dragHandle = true,\n  swipeable = true,\n  title,\n}: BottomSheetProps) {\n  const isReduced = useReducedMotion()\n  const sheetRef = React.useRef<HTMLDivElement>(null)\n\n  const handleDragEnd = React.useCallback(\n    (_: unknown, info: { offset: { y: number }; velocity: { y: number } }) => {\n      const sheetHeight = sheetRef.current?.getBoundingClientRect().height ?? 300\n      if (info.offset.y > sheetHeight * 0.3 || info.velocity.y > 500) {\n        onOpenChange(false)\n      }\n    },\n    [onOpenChange],\n  )\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <AnimatePresence>\n        {open && (\n          <DialogPrimitive.Portal forceMount>\n            <DialogPrimitive.Overlay forceMount asChild>\n              <motion.div\n                className=\"fixed inset-0 z-modal bg-overlay\"\n                initial={{ opacity: 0 }}\n                animate={{ opacity: 1 }}\n                exit={{ opacity: 0 }}\n                transition={tweens.fade}\n              />\n            </DialogPrimitive.Overlay>\n\n            <DialogPrimitive.Content\n              forceMount\n              asChild\n              aria-label={title}\n            >\n              <motion.div\n                ref={sheetRef}\n                className={cn(\n                  'fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-overlay-lg border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-hidden',\n                  className,\n                )}\n                initial={{ y: '100%' }}\n                animate={{ y: 0 }}\n                exit={{ y: '100%' }}\n                transition={isReduced ? { duration: 0 } : springs.smooth}\n                drag={swipeable && !isReduced ? 'y' : false}\n                dragConstraints={{ top: 0 }}\n                dragElastic={0.2}\n                onDragEnd={handleDragEnd}\n              >\n                {dragHandle && (\n                  <div className=\"flex justify-center pt-ds-03 pb-ds-02\">\n                    <div className=\"h-1 w-8 rounded-pill bg-surface-border\" />\n                  </div>\n                )}\n                <div className=\"px-ds-05 pb-ds-06\">\n                  {children}\n                </div>\n              </motion.div>\n            </DialogPrimitive.Content>\n          </DialogPrimitive.Portal>\n        )}\n      </AnimatePresence>\n    </DialogPrimitive.Root>\n  )\n}\n","'use client'\n\nimport * as PopoverPrimitive from '@primitives/react-popover'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { useIsMobile } from '../hooks/use-mobile'\nimport { BottomSheet } from './lib/bottom-sheet'\nimport { springs, tweens } from './lib/motion'\nimport { useControllableOpen } from './lib/use-controllable-open'\nimport { cn } from './lib/utils'\n\n// ── Internal context to thread `open` state to animated children ──\n\nconst PopoverOpenContext = React.createContext<{ open: boolean; onClose: () => void }>({ open: false, onClose: () => {} })\n\nconst Popover: React.FC<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>> = ({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  ...props\n}) => {\n  const { open, setOpen, close } = useControllableOpen({ open: controlledOpen, defaultOpen, onOpenChange })\n\n  const contextValue = React.useMemo(\n    () => ({ open, onClose: close }),\n    [open, close],\n  )\n\n  return (\n    <PopoverOpenContext.Provider value={contextValue}>\n      <PopoverPrimitive.Root open={open} onOpenChange={setOpen} {...props} />\n    </PopoverOpenContext.Provider>\n  )\n}\nPopover.displayName = 'Popover'\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 4, children, ...props }, ref) => {\n  const isMobileRaw = useIsMobile()\n  const { open, onClose } = React.useContext(PopoverOpenContext)\n\n  if (isMobileRaw) {\n    return (\n      <BottomSheet\n        open={open}\n        onOpenChange={(v) => { if (!v) onClose() }}\n        title=\"Options\"\n        className={className}\n      >\n        {children}\n      </BottomSheet>\n    )\n  }\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <PopoverPrimitive.Portal forceMount>\n          <PopoverPrimitive.Content\n            ref={ref}\n            align={align}\n            sideOffset={sideOffset}\n            forceMount\n            asChild\n            {...props}\n          >\n            <motion.div\n              initial={{ opacity: 0, scale: 0.95 }}\n              animate={{ opacity: 1, scale: 1 }}\n              exit={{ opacity: 0, scale: 0.95 }}\n              transition={{ ...springs.snappy, opacity: tweens.fade }}\n              className={cn(\n                'z-popover w-72 rounded-overlay bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-hidden',\n                className,\n              )}\n            >\n              {children}\n            </motion.div>\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      )}\n    </AnimatePresence>\n  )\n})\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n\nexport { Popover, PopoverAnchor,PopoverContent, PopoverTrigger }\n"],"mappings":"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"}

package/dist/_chunks/primitives/react-accordion.js

@@ -0,0 +1,270 @@
+"use client";
+import { Presence as e, Primitive as t, composeEventHandlers as n, createCollection as r, createContextScope as i, useComposedRefs as a, useControllableState as o, useDirection as s, useId as c, useLayoutEffect as l } from "../primitives-internal.js";
+import * as u from "react";
+import d from "react";
+import { jsx as f } from "react/jsx-runtime";
+//#region src/primitives/react-collapsible.js
+var p = "Collapsible", [m, h] = i(p), [g, _] = m(p), v = u.forwardRef((e, n) => {
+	let { __scopeCollapsible: r, open: i, defaultOpen: a, disabled: s, onOpenChange: l, ...d } = e, [m, h] = o({
+		prop: i,
+		defaultProp: a ?? !1,
+		onChange: l,
+		caller: p
+	});
+	return /* @__PURE__ */ f(g, {
+		scope: r,
+		disabled: s,
+		contentId: c(),
+		open: m,
+		onOpenToggle: u.useCallback(() => h((e) => !e), [h]),
+		children: /* @__PURE__ */ f(t.div, {
+			"data-state": w(m),
+			"data-disabled": s ? "" : void 0,
+			...d,
+			ref: n
+		})
+	});
+});
+v.displayName = p;
+var y = "CollapsibleTrigger", b = u.forwardRef((e, r) => {
+	let { __scopeCollapsible: i, ...a } = e, o = _(y, i);
+	return /* @__PURE__ */ f(t.button, {
+		type: "button",
+		"aria-controls": o.contentId,
+		"aria-expanded": o.open || !1,
+		"data-state": w(o.open),
+		"data-disabled": o.disabled ? "" : void 0,
+		disabled: o.disabled,
+		...a,
+		ref: r,
+		onClick: n(e.onClick, o.onOpenToggle)
+	});
+});
+b.displayName = y;
+var x = "CollapsibleContent", S = u.forwardRef((t, n) => {
+	let { forceMount: r, ...i } = t, a = _(x, t.__scopeCollapsible);
+	return /* @__PURE__ */ f(e, {
+		present: r || a.open,
+		children: ({ present: e }) => /* @__PURE__ */ f(C, {
+			...i,
+			ref: n,
+			present: e
+		})
+	});
+});
+S.displayName = x;
+var C = u.forwardRef((e, n) => {
+	let { __scopeCollapsible: r, present: i, children: o, ...s } = e, c = _(x, r), [d, p] = u.useState(i), m = u.useRef(null), h = a(n, m), g = u.useRef(0), v = g.current, y = u.useRef(0), b = y.current, S = c.open || d, C = u.useRef(S), T = u.useRef(void 0);
+	return u.useEffect(() => {
+		let e = requestAnimationFrame(() => C.current = !1);
+		return () => cancelAnimationFrame(e);
+	}, []), l(() => {
+		let e = m.current;
+		if (e) {
+			T.current = T.current || {
+				transitionDuration: e.style.transitionDuration,
+				animationName: e.style.animationName
+			}, e.style.transitionDuration = "0s", e.style.animationName = "none";
+			let t = e.getBoundingClientRect();
+			g.current = t.height, y.current = t.width, C.current || (e.style.transitionDuration = T.current.transitionDuration, e.style.animationName = T.current.animationName), p(i);
+		}
+	}, [c.open, i]), /* @__PURE__ */ f(t.div, {
+		"data-state": w(c.open),
+		"data-disabled": c.disabled ? "" : void 0,
+		id: c.contentId,
+		hidden: !S,
+		...s,
+		ref: h,
+		style: {
+			"--radix-collapsible-content-height": v ? `${v}px` : void 0,
+			"--radix-collapsible-content-width": b ? `${b}px` : void 0,
+			...e.style
+		},
+		children: S && o
+	});
+});
+function w(e) {
+	return e ? "open" : "closed";
+}
+var T = v, E = b, D = S, O = "Accordion", k = [
+	"Home",
+	"End",
+	"ArrowDown",
+	"ArrowUp",
+	"ArrowLeft",
+	"ArrowRight"
+], [A, j, ee] = r(O), [M, te] = i(O, [ee, h]), N = h(), P = d.forwardRef((e, t) => {
+	let { type: n, ...r } = e, i = r, a = r;
+	return /* @__PURE__ */ f(A.Provider, {
+		scope: e.__scopeAccordion,
+		children: n === "multiple" ? /* @__PURE__ */ f(B, {
+			...a,
+			ref: t
+		}) : /* @__PURE__ */ f(z, {
+			...i,
+			ref: t
+		})
+	});
+});
+P.displayName = O;
+var [F, I] = M(O), [L, R] = M(O, { collapsible: !1 }), z = d.forwardRef((e, t) => {
+	let { value: n, defaultValue: r, onValueChange: i = () => {}, collapsible: a = !1, ...s } = e, [c, l] = o({
+		prop: n,
+		defaultProp: r ?? "",
+		onChange: i,
+		caller: O
+	});
+	return /* @__PURE__ */ f(F, {
+		scope: e.__scopeAccordion,
+		value: d.useMemo(() => c ? [c] : [], [c]),
+		onItemOpen: l,
+		onItemClose: d.useCallback(() => a && l(""), [a, l]),
+		children: /* @__PURE__ */ f(L, {
+			scope: e.__scopeAccordion,
+			collapsible: a,
+			children: /* @__PURE__ */ f(U, {
+				...s,
+				ref: t
+			})
+		})
+	});
+}), B = d.forwardRef((e, t) => {
+	let { value: n, defaultValue: r, onValueChange: i = () => {}, ...a } = e, [s, c] = o({
+		prop: n,
+		defaultProp: r ?? [],
+		onChange: i,
+		caller: O
+	}), l = d.useCallback((e) => c((t = []) => [...t, e]), [c]), u = d.useCallback((e) => c((t = []) => t.filter((t) => t !== e)), [c]);
+	return /* @__PURE__ */ f(F, {
+		scope: e.__scopeAccordion,
+		value: s,
+		onItemOpen: l,
+		onItemClose: u,
+		children: /* @__PURE__ */ f(L, {
+			scope: e.__scopeAccordion,
+			collapsible: !0,
+			children: /* @__PURE__ */ f(U, {
+				...a,
+				ref: t
+			})
+		})
+	});
+}), [V, H] = M(O), U = d.forwardRef((e, r) => {
+	let { __scopeAccordion: i, disabled: o, dir: c, orientation: l = "vertical", ...u } = e, p = a(d.useRef(null), r), m = j(i), h = s(c) === "ltr", g = n(e.onKeyDown, (e) => {
+		if (!k.includes(e.key)) return;
+		let t = e.target, n = m().filter((e) => !e.ref.current?.disabled), r = n.findIndex((e) => e.ref.current === t), i = n.length;
+		if (r === -1) return;
+		e.preventDefault();
+		let a = r, o = i - 1, s = () => {
+			a = r + 1, a > o && (a = 0);
+		}, c = () => {
+			a = r - 1, a < 0 && (a = o);
+		};
+		switch (e.key) {
+			case "Home":
+				a = 0;
+				break;
+			case "End":
+				a = o;
+				break;
+			case "ArrowRight":
+				l === "horizontal" && (h ? s() : c());
+				break;
+			case "ArrowDown":
+				l === "vertical" && s();
+				break;
+			case "ArrowLeft":
+				l === "horizontal" && (h ? c() : s());
+				break;
+			case "ArrowUp":
+				l === "vertical" && c();
+				break;
+		}
+		n[a % i].ref.current?.focus();
+	});
+	return /* @__PURE__ */ f(V, {
+		scope: i,
+		disabled: o,
+		direction: c,
+		orientation: l,
+		children: /* @__PURE__ */ f(A.Slot, {
+			scope: i,
+			children: /* @__PURE__ */ f(t.div, {
+				...u,
+				"data-orientation": l,
+				ref: p,
+				onKeyDown: o ? void 0 : g
+			})
+		})
+	});
+}), W = "AccordionItem", [ne, G] = M(W), K = d.forwardRef((e, t) => {
+	let { __scopeAccordion: n, value: r, ...i } = e, a = H(W, n), o = I(W, n), s = N(n), l = c(), u = r && o.value.includes(r) || !1, d = a.disabled || e.disabled;
+	return /* @__PURE__ */ f(ne, {
+		scope: n,
+		open: u,
+		disabled: d,
+		triggerId: l,
+		children: /* @__PURE__ */ f(T, {
+			"data-orientation": a.orientation,
+			"data-state": $(u),
+			...s,
+			...i,
+			ref: t,
+			disabled: d,
+			open: u,
+			onOpenChange: (e) => {
+				e ? o.onItemOpen(r) : o.onItemClose(r);
+			}
+		})
+	});
+});
+K.displayName = W;
+var q = "AccordionHeader", J = d.forwardRef((e, n) => {
+	let { __scopeAccordion: r, ...i } = e, a = H(O, r), o = G(q, r);
+	return /* @__PURE__ */ f(t.h3, {
+		"data-orientation": a.orientation,
+		"data-state": $(o.open),
+		"data-disabled": o.disabled ? "" : void 0,
+		...i,
+		ref: n
+	});
+});
+J.displayName = q;
+var Y = "AccordionTrigger", X = d.forwardRef((e, t) => {
+	let { __scopeAccordion: n, ...r } = e, i = H(O, n), a = G(Y, n), o = R(Y, n), s = N(n);
+	return /* @__PURE__ */ f(A.ItemSlot, {
+		scope: n,
+		children: /* @__PURE__ */ f(E, {
+			"aria-disabled": a.open && !o.collapsible || void 0,
+			"data-orientation": i.orientation,
+			id: a.triggerId,
+			...s,
+			...r,
+			ref: t
+		})
+	});
+});
+X.displayName = Y;
+var Z = "AccordionContent", Q = d.forwardRef((e, t) => {
+	let { __scopeAccordion: n, ...r } = e, i = H(O, n), a = G(Z, n), o = N(n);
+	return /* @__PURE__ */ f(D, {
+		role: "region",
+		"aria-labelledby": a.triggerId,
+		"data-orientation": i.orientation,
+		...o,
+		...r,
+		ref: t,
+		style: {
+			"--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+			"--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+			...e.style
+		}
+	});
+});
+Q.displayName = Z;
+function $(e) {
+	return e ? "open" : "closed";
+}
+var re = P, ie = K, ae = J, oe = X, se = Q;
+//#endregion
+export { D as Content, se as Content2, ae as Header, ie as Item, T as Root, re as Root2, E as Trigger, oe as Trigger2 };