@mieweb/ui 0.10.0-dev.31 → 0.10.0-dev.33

package/dist/chunk-VOYLX32A.cjs

@@ -0,0 +1,271 @@
+'use strict';
+
+var chunkIWRBJHO3_cjs = require('./chunk-IWRBJHO3.cjs');
+var chunk7IRTD4JT_cjs = require('./chunk-7IRTD4JT.cjs');
+var chunkGKDHMNUA_cjs = require('./chunk-GKDHMNUA.cjs');
+var chunkYVL3XATO_cjs = require('./chunk-YVL3XATO.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var defaultAssociationListLabels = {
+  loading: "Loading",
+  empty: "None yet",
+  error: "Could not load these records",
+  retry: "Try again",
+  add: "Add",
+  remove: (name) => `Remove ${name}`,
+  showAll: (count) => `Show all (${count})`,
+  showLess: "Show less"
+};
+var AssociationList = React__namespace.forwardRef(
+  ({
+    title,
+    items,
+    loading = false,
+    error = null,
+    onRetry,
+    maxVisible = 5,
+    onOpen,
+    getHref,
+    onAdd,
+    onRemove,
+    renderItemMeta,
+    emptyState,
+    labels,
+    classNames,
+    headingLevel: Heading = "h3",
+    className,
+    ...rest
+  }, ref) => {
+    const text = { ...defaultAssociationListLabels, ...labels };
+    const headingId = React__namespace.useId();
+    const listId = React__namespace.useId();
+    const [expanded, setExpanded] = React__namespace.useState(false);
+    const [pending, runRemove] = chunkIWRBJHO3_cjs.usePendingOverrides();
+    const shown = expanded ? items : items.slice(0, maxVisible);
+    const linkClasses = "text-foreground block truncate rounded-sm text-sm font-medium hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+    let body;
+    if (error) {
+      body = /* @__PURE__ */ jsxRuntime.jsx(
+        chunk7IRTD4JT_cjs.RecordState,
+        {
+          kind: "error",
+          slot: "association-list-state",
+          message: text.error,
+          retryLabel: text.retry,
+          onRetry,
+          className: chunkS5RVSXDV_cjs.cn("py-6", classNames?.state)
+        }
+      );
+    } else if (loading) {
+      body = /* @__PURE__ */ jsxRuntime.jsx(
+        chunk7IRTD4JT_cjs.RecordState,
+        {
+          kind: "loading",
+          slot: "association-list-state",
+          message: text.loading,
+          rows: 2,
+          className: classNames?.state
+        }
+      );
+    } else if (items.length === 0) {
+      body = emptyState ?? /* @__PURE__ */ jsxRuntime.jsx(
+        chunk7IRTD4JT_cjs.RecordState,
+        {
+          kind: "empty",
+          slot: "association-list-state",
+          message: text.empty,
+          className: chunkS5RVSXDV_cjs.cn("py-6", classNames?.state)
+        }
+      );
+    } else {
+      body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "ul",
+          {
+            id: listId,
+            "data-slot": "association-list-list",
+            className: chunkS5RVSXDV_cjs.cn("divide-border divide-y", classNames?.list),
+            children: shown.map((item) => {
+              const isPending = pending.has(item.id);
+              const href = getHref?.(item.id, item);
+              let name = /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground block truncate text-sm font-medium", children: item.name });
+              if (href) {
+                name = /* @__PURE__ */ jsxRuntime.jsx(
+                  "a",
+                  {
+                    href,
+                    className: linkClasses,
+                    onClick: (event) => {
+                      if (!onOpen || event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
+                        return;
+                      event.preventDefault();
+                      onOpen(item.id, item);
+                    },
+                    children: item.name
+                  }
+                );
+              } else if (onOpen) {
+                name = /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: chunkS5RVSXDV_cjs.cn(linkClasses, "max-w-full text-start"),
+                    onClick: () => onOpen(item.id, item),
+                    children: item.name
+                  }
+                );
+              }
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "li",
+                {
+                  "data-slot": "association-list-item",
+                  "aria-busy": isPending || void 0,
+                  className: chunkS5RVSXDV_cjs.cn(
+                    "flex items-center gap-3 px-4 py-2.5",
+                    isPending && "opacity-60",
+                    classNames?.item
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkGKDHMNUA_cjs.Avatar,
+                      {
+                        size: "sm",
+                        name: item.name,
+                        src: item.avatarUrl,
+                        alt: "",
+                        "aria-hidden": true,
+                        className: "shrink-0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                      name,
+                      item.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground block truncate text-xs", children: item.subtitle })
+                    ] }),
+                    renderItemMeta?.(item),
+                    onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": text.remove(item.name),
+                        title: text.remove(item.name),
+                        disabled: isPending,
+                        onClick: () => void runRemove(
+                          item.id,
+                          true,
+                          () => onRemove(item.id, item)
+                        ),
+                        className: chunkS5RVSXDV_cjs.cn(
+                          "text-muted-foreground hover:bg-muted hover:text-foreground shrink-0 rounded-md p-1.5",
+                          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none"
+                        ),
+                        children: isPending ? /* @__PURE__ */ jsxRuntime.jsx(
+                          lucideReact.LoaderCircle,
+                          {
+                            className: "size-4 animate-spin motion-reduce:animate-none",
+                            "aria-hidden": true
+                          }
+                        ) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4", "aria-hidden": true })
+                      }
+                    )
+                  ]
+                },
+                item.id
+              );
+            })
+          }
+        ),
+        items.length > maxVisible && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border border-t px-2 py-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkANMX7YDL_cjs.Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            fullWidth: true,
+            "aria-expanded": expanded,
+            "aria-controls": listId,
+            "data-slot": "association-list-toggle",
+            className: classNames?.toggle,
+            onClick: () => setExpanded((e) => !e),
+            children: expanded ? text.showLess : text.showAll(items.length)
+          }
+        ) })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "section",
+      {
+        ref,
+        "aria-labelledby": headingId,
+        "data-slot": "association-list",
+        className: chunkS5RVSXDV_cjs.cn(
+          "border-border bg-card overflow-hidden rounded-lg border",
+          className
+        ),
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              "data-slot": "association-list-header",
+              className: chunkS5RVSXDV_cjs.cn(
+                "border-border flex items-center gap-2 border-b px-4 py-2.5",
+                classNames?.header
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Heading,
+                  {
+                    id: headingId,
+                    className: "text-foreground min-w-0 flex-1 truncate text-sm font-semibold",
+                    children: title
+                  }
+                ),
+                !loading && !error && /* @__PURE__ */ jsxRuntime.jsx(chunkYVL3XATO_cjs.Badge, { size: "sm", variant: "secondary", children: items.length }),
+                onAdd && /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkANMX7YDL_cjs.Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: onAdd,
+                    leftIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4", "aria-hidden": true }),
+                    children: text.add
+                  }
+                )
+              ]
+            }
+          ),
+          body
+        ]
+      }
+    );
+  }
+);
+AssociationList.displayName = "AssociationList";
+
+exports.AssociationList = AssociationList;
+exports.defaultAssociationListLabels = defaultAssociationListLabels;
+//# sourceMappingURL=chunk-VOYLX32A.cjs.map
+//# sourceMappingURL=chunk-VOYLX32A.cjs.map

package/dist/chunk-VOYLX32A.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AssociationList/AssociationList.tsx"],"names":["React","usePendingOverrides","jsx","RecordState","cn","jsxs","Fragment","Avatar","LoaderCircle","X","Button","Badge","Plus"],"mappings":"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","file":"chunk-VOYLX32A.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { LoaderCircle, Plus, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar';\nimport { Badge } from '../Badge';\nimport { Button } from '../Button';\nimport { RecordState } from '../ActivityFeed/RecordState';\nimport { usePendingOverrides } from '../ActivityFeed/usePendingOverrides';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface AssociationListItem {\n  id: string;\n  name: string;\n  subtitle?: string;\n  avatarUrl?: string;\n}\n\nexport interface AssociationListLabels {\n  loading: string;\n  empty: string;\n  error: string;\n  retry: string;\n  add: string;\n  /** Accessible name of an item's remove button. */\n  remove: (name: string) => string;\n  showAll: (count: number) => string;\n  showLess: string;\n}\n\nexport const defaultAssociationListLabels: AssociationListLabels = {\n  loading: 'Loading',\n  empty: 'None yet',\n  error: 'Could not load these records',\n  retry: 'Try again',\n  add: 'Add',\n  remove: (name) => `Remove ${name}`,\n  showAll: (count) => `Show all (${count})`,\n  showLess: 'Show less',\n};\n\nexport type AssociationListSlot =\n  | 'header'\n  | 'list'\n  | 'item'\n  | 'toggle'\n  | 'state';\n\nexport interface AssociationListProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'children' | 'title'\n> {\n  /** Card heading, e.g. \"Contacts\". */\n  title: string;\n  items: AssociationListItem[];\n  loading?: boolean;\n  error?: Error | null;\n  onRetry?: () => void;\n  /** Items shown before \"Show all\". Defaults to 5. */\n  maxVisible?: number;\n  onOpen?: (id: string, item: AssociationListItem) => void;\n  getHref?: (id: string, item: AssociationListItem) => string;\n  /** Renders the header's add button. */\n  onAdd?: () => void;\n  /** Confirmation is the caller's; the row shows pending until the promise settles. */\n  onRemove?: (id: string, item: AssociationListItem) => void | Promise<void>;\n  /** Trailing content per row, e.g. a role badge. */\n  renderItemMeta?: (item: AssociationListItem) => React.ReactNode;\n  emptyState?: React.ReactNode;\n  labels?: Partial<AssociationListLabels>;\n  classNames?: Partial<Record<AssociationListSlot, string>>;\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * A card of records related to the current one. Declared\n * `parameters.catalog.collection` — its load states are part of the API.\n */\nexport const AssociationList = React.forwardRef<\n  HTMLElement,\n  AssociationListProps\n>(\n  (\n    {\n      title,\n      items,\n      loading = false,\n      error = null,\n      onRetry,\n      maxVisible = 5,\n      onOpen,\n      getHref,\n      onAdd,\n      onRemove,\n      renderItemMeta,\n      emptyState,\n      labels,\n      classNames,\n      headingLevel: Heading = 'h3',\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const text = { ...defaultAssociationListLabels, ...labels };\n    const headingId = React.useId();\n    const listId = React.useId();\n    const [expanded, setExpanded] = React.useState(false);\n    const [pending, runRemove] = usePendingOverrides<true>();\n\n    const shown = expanded ? items : items.slice(0, maxVisible);\n    const linkClasses =\n      'text-foreground block truncate rounded-sm text-sm font-medium hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring';\n\n    let body: React.ReactNode;\n    if (error) {\n      body = (\n        <RecordState\n          kind=\"error\"\n          slot=\"association-list-state\"\n          message={text.error}\n          retryLabel={text.retry}\n          onRetry={onRetry}\n          className={cn('py-6', classNames?.state)}\n        />\n      );\n    } else if (loading) {\n      body = (\n        <RecordState\n          kind=\"loading\"\n          slot=\"association-list-state\"\n          message={text.loading}\n          rows={2}\n          className={classNames?.state}\n        />\n      );\n    } else if (items.length === 0) {\n      body = emptyState ?? (\n        <RecordState\n          kind=\"empty\"\n          slot=\"association-list-state\"\n          message={text.empty}\n          className={cn('py-6', classNames?.state)}\n        />\n      );\n    } else {\n      body = (\n        <>\n          <ul\n            id={listId}\n            data-slot=\"association-list-list\"\n            className={cn('divide-border divide-y', classNames?.list)}\n          >\n            {shown.map((item) => {\n              const isPending = pending.has(item.id);\n              const href = getHref?.(item.id, item);\n              let name: React.ReactNode = (\n                <span className=\"text-foreground block truncate text-sm font-medium\">\n                  {item.name}\n                </span>\n              );\n              if (href) {\n                name = (\n                  <a\n                    href={href}\n                    className={linkClasses}\n                    onClick={(event) => {\n                      if (\n                        !onOpen ||\n                        event.metaKey ||\n                        event.ctrlKey ||\n                        event.shiftKey ||\n                        event.button !== 0\n                      )\n                        return;\n                      event.preventDefault();\n                      onOpen(item.id, item);\n                    }}\n                  >\n                    {item.name}\n                  </a>\n                );\n              } else if (onOpen) {\n                name = (\n                  <button\n                    type=\"button\"\n                    className={cn(linkClasses, 'max-w-full text-start')}\n                    onClick={() => onOpen(item.id, item)}\n                  >\n                    {item.name}\n                  </button>\n                );\n              }\n              return (\n                <li\n                  key={item.id}\n                  data-slot=\"association-list-item\"\n                  aria-busy={isPending || undefined}\n                  className={cn(\n                    'flex items-center gap-3 px-4 py-2.5',\n                    isPending && 'opacity-60',\n                    classNames?.item\n                  )}\n                >\n                  <Avatar\n                    size=\"sm\"\n                    name={item.name}\n                    src={item.avatarUrl}\n                    alt=\"\"\n                    aria-hidden\n                    className=\"shrink-0\"\n                  />\n                  <div className=\"min-w-0 flex-1\">\n                    {name}\n                    {item.subtitle && (\n                      <span className=\"text-muted-foreground block truncate text-xs\">\n                        {item.subtitle}\n                      </span>\n                    )}\n                  </div>\n                  {renderItemMeta?.(item)}\n                  {onRemove && (\n                    <button\n                      type=\"button\"\n                      aria-label={text.remove(item.name)}\n                      title={text.remove(item.name)}\n                      disabled={isPending}\n                      onClick={() =>\n                        void runRemove(item.id, true, () =>\n                          onRemove(item.id, item)\n                        )\n                      }\n                      className={cn(\n                        'text-muted-foreground hover:bg-muted hover:text-foreground shrink-0 rounded-md p-1.5',\n                        'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none'\n                      )}\n                    >\n                      {isPending ? (\n                        <LoaderCircle\n                          className=\"size-4 animate-spin motion-reduce:animate-none\"\n                          aria-hidden\n                        />\n                      ) : (\n                        <X className=\"size-4\" aria-hidden />\n                      )}\n                    </button>\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n          {items.length > maxVisible && (\n            <div className=\"border-border border-t px-2 py-1.5\">\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                fullWidth\n                aria-expanded={expanded}\n                aria-controls={listId}\n                data-slot=\"association-list-toggle\"\n                className={classNames?.toggle}\n                onClick={() => setExpanded((e) => !e)}\n              >\n                {expanded ? text.showLess : text.showAll(items.length)}\n              </Button>\n            </div>\n          )}\n        </>\n      );\n    }\n\n    return (\n      <section\n        ref={ref}\n        aria-labelledby={headingId}\n        data-slot=\"association-list\"\n        className={cn(\n          'border-border bg-card overflow-hidden rounded-lg border',\n          className\n        )}\n        {...rest}\n      >\n        <div\n          data-slot=\"association-list-header\"\n          className={cn(\n            'border-border flex items-center gap-2 border-b px-4 py-2.5',\n            classNames?.header\n          )}\n        >\n          <Heading\n            id={headingId}\n            className=\"text-foreground min-w-0 flex-1 truncate text-sm font-semibold\"\n          >\n            {title}\n          </Heading>\n          {!loading && !error && (\n            <Badge size=\"sm\" variant=\"secondary\">\n              {items.length}\n            </Badge>\n          )}\n          {onAdd && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onAdd}\n              leftIcon={<Plus className=\"size-4\" aria-hidden />}\n            >\n              {text.add}\n            </Button>\n          )}\n        </div>\n        {body}\n      </section>\n    );\n  }\n);\n\nAssociationList.displayName = 'AssociationList';\n"]}

package/dist/{chunk-7ZV67VZE.js → chunk-VSRO4PAI.js}

@@ -21,6 +21,7 @@ var Collapsible = React.forwardRef(
     defaultOpen = false,
     onOpenChange,
     disabled,
+    storageKey,
     children,
     ...props
   }, ref) => {
@@ -28,12 +29,29 @@ var Collapsible = React.forwardRef(
     const generatedId = React.useId();
     const isControlled = controlledOpen !== void 0;
     const open = isControlled ? controlledOpen : uncontrolledOpen;
+    const persists = Boolean(storageKey) && !isControlled;
+    React.useEffect(() => {
+      if (!persists || !storageKey) return;
+      try {
+        const stored = window.localStorage.getItem(storageKey);
+        if (stored === "true" || stored === "false") {
+          setUncontrolledOpen(stored === "true");
+        }
+      } catch {
+      }
+    }, [persists, storageKey]);
     const toggle = React.useCallback(() => {
       if (disabled) return;
       const next = !open;
       if (!isControlled) setUncontrolledOpen(next);
+      if (persists && storageKey) {
+        try {
+          window.localStorage.setItem(storageKey, String(next));
+        } catch {
+        }
+      }
       onOpenChange?.(next);
-    }, [disabled, open, isControlled, onOpenChange]);
+    }, [disabled, open, isControlled, persists, storageKey, onOpenChange]);
     const value = React.useMemo(
       () => ({
         open,
@@ -123,5 +141,5 @@ var CollapsibleContent = React.forwardRef(({ className, forceMount, children, ..
 CollapsibleContent.displayName = "CollapsibleContent";
 
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };
-//# sourceMappingURL=chunk-7ZV67VZE.js.map
-//# sourceMappingURL=chunk-7ZV67VZE.js.map
+//# sourceMappingURL=chunk-VSRO4PAI.js.map
+//# sourceMappingURL=chunk-VSRO4PAI.js.map

package/dist/chunk-VSRO4PAI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"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","file":"chunk-VSRO4PAI.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Animated, AnimatedPresence } from '../../motion';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\ninterface CollapsibleContextValue {\n  open: boolean;\n  toggle: () => void;\n  disabled?: boolean;\n  contentId: string;\n  triggerId: string;\n}\n\nconst CollapsibleContext = React.createContext<CollapsibleContextValue | null>(\n  null\n);\n\nfunction useCollapsibleContext(component: string): CollapsibleContextValue {\n  const ctx = React.useContext(CollapsibleContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within a <Collapsible>`);\n  }\n  return ctx;\n}\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Controlled open state */\n  open?: boolean;\n  /** Default open state (uncontrolled) */\n  defaultOpen?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Disables toggling */\n  disabled?: boolean;\n  /**\n   * Persists the open state in `localStorage` under this key (uncontrolled\n   * only). Restored after mount, so server and hydration renders use\n   * `defaultOpen`.\n   */\n  storageKey?: string;\n}\n\n/**\n * An interactive component that expands and collapses its content.\n *\n * @example\n * ```tsx\n * <Collapsible>\n *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n *   <CollapsibleContent>Hidden content</CollapsibleContent>\n * </Collapsible>\n * ```\n */\nconst Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(\n  (\n    {\n      className,\n      open: controlledOpen,\n      defaultOpen = false,\n      onOpenChange,\n      disabled,\n      storageKey,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n    const generatedId = React.useId();\n\n    const isControlled = controlledOpen !== undefined;\n    const open = isControlled ? controlledOpen : uncontrolledOpen;\n    const persists = Boolean(storageKey) && !isControlled;\n\n    React.useEffect(() => {\n      if (!persists || !storageKey) return;\n      try {\n        const stored = window.localStorage.getItem(storageKey);\n        if (stored === 'true' || stored === 'false') {\n          setUncontrolledOpen(stored === 'true');\n        }\n      } catch {\n        // Storage can be blocked (privacy mode, sandboxed iframe).\n      }\n    }, [persists, storageKey]);\n\n    const toggle = React.useCallback(() => {\n      if (disabled) return;\n      const next = !open;\n      if (!isControlled) setUncontrolledOpen(next);\n      if (persists && storageKey) {\n        try {\n          window.localStorage.setItem(storageKey, String(next));\n        } catch {\n          // Storage can be blocked or full; state still updates in memory.\n        }\n      }\n      onOpenChange?.(next);\n    }, [disabled, open, isControlled, persists, storageKey, onOpenChange]);\n\n    const value = React.useMemo<CollapsibleContextValue>(\n      () => ({\n        open,\n        toggle,\n        disabled,\n        contentId: `${generatedId}-content`,\n        triggerId: `${generatedId}-trigger`,\n      }),\n      [open, toggle, disabled, generatedId]\n    );\n\n    return (\n      <CollapsibleContext.Provider value={value}>\n        <div\n          ref={ref}\n          data-slot=\"collapsible\"\n          data-state={open ? 'open' : 'closed'}\n          className={cn(className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </CollapsibleContext.Provider>\n    );\n  }\n);\n\nCollapsible.displayName = 'Collapsible';\n\nexport type CollapsibleTriggerProps =\n  React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst CollapsibleTrigger = React.forwardRef<\n  HTMLButtonElement,\n  CollapsibleTriggerProps\n>(({ className, onClick, children, ...props }, ref) => {\n  const { open, toggle, disabled, contentId, triggerId } =\n    useCollapsibleContext('CollapsibleTrigger');\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      id={triggerId}\n      data-slot=\"collapsible-trigger\"\n      aria-expanded={open}\n      aria-controls={contentId}\n      data-state={open ? 'open' : 'closed'}\n      disabled={disabled}\n      onClick={(e) => {\n        toggle();\n        onClick?.(e);\n      }}\n      className={cn(className)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n});\n\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\n\nexport interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Keep content mounted when collapsed (hidden via CSS) */\n  forceMount?: boolean;\n}\n\nconst CollapsibleContent = React.forwardRef<\n  HTMLDivElement,\n  CollapsibleContentProps\n>(({ className, forceMount, children, ...props }, ref) => {\n  const { open, contentId, triggerId } =\n    useCollapsibleContext('CollapsibleContent');\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const sharedProps = {\n    id: contentId,\n    role: 'region' as const,\n    'aria-labelledby': triggerId,\n    'data-slot': 'collapsible-content',\n    'data-state': open ? ('open' as const) : ('closed' as const),\n  };\n\n  /*\n   * `forceMount` keeps the old instant behaviour, deliberately.\n   *\n   * It exists so consumers can keep collapsed content in the DOM, and it relies\n   * on `hidden` to keep that content out of the tab order and the accessibility\n   * tree. `hidden` is `display: none`, which an animated height cannot run\n   * through — and dropping it for the duration would leave keyboard users able\n   * to tab into content that is visually collapsed. Sequencing `hidden` around\n   * the animation is the real fix; until then, not animating is the safe\n   * answer, and the default (unmounting) path below covers the common case.\n   */\n  if (forceMount) {\n    return (\n      <div\n        ref={ref}\n        {...sharedProps}\n        hidden={!open}\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <AnimatedPresence initial={false}>\n      {open && (\n        <Animated\n          key=\"collapsible-content\"\n          ref={ref as React.Ref<HTMLElement>}\n          preset=\"collapse\"\n          mode=\"presence\"\n          // `collapse` animates height, which `MotionConfig reducedMotion=\"user\"`\n          // does not treat as a transform or layout animation and so leaves\n          // running. Honouring the preference is the component's job here.\n          enabled={!prefersReducedMotion}\n          {...sharedProps}\n          // Content must be clipped or it spills past the box while the height\n          // is still travelling.\n          className={cn('overflow-hidden', className)}\n          {...props}\n        >\n          {children}\n        </Animated>\n      )}\n    </AnimatedPresence>\n  );\n});\n\nCollapsibleContent.displayName = 'CollapsibleContent';\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"]}

package/dist/{chunk-L6MDULYB.js → chunk-VU3ZMJBN.js}

@@ -83,5 +83,5 @@ var ClampedText = React.forwardRef(
 );
 
 export { ClampedText };
-//# sourceMappingURL=chunk-L6MDULYB.js.map
-//# sourceMappingURL=chunk-L6MDULYB.js.map
+//# sourceMappingURL=chunk-VU3ZMJBN.js.map
+//# sourceMappingURL=chunk-VU3ZMJBN.js.map

package/dist/{chunk-L6MDULYB.js.map → chunk-VU3ZMJBN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ClampedText/ClampedText.tsx"],"names":["ClampedText"],"mappings":";;;;AA0BA,IAAM,UAAA,GAAqC;AAAA,EACzC,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAcO,IAAM,WAAA,GAAoB,KAAA,CAAA,UAAA;AAAA,EAC/B,SAASA,YAAAA,CACP;AAAA,IACE,IAAA;AAAA,IACA,KAAA,GAAQ,CAAA;AAAA,IACR,SAAA,GAAY,GAAA;AAAA,IACZ,aAAA,GAAgB,WAAA;AAAA,IAChB,aAAA,GAAgB,WAAA;AAAA,IAChB,aAAA,GAAgB,WAAA;AAAA,IAChB,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAAS,KAAK,CAAA;AAE5C,IAAA,IAAI,IAAA,CAAK,UAAU,SAAA,EAAW;AAC5B,MAAA,uBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAW,EAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA;AAAA,UACzD,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,0CAAA;AAAA,gBACA,CAAC,IAAA,KAAS,UAAA,CAAW,KAAK,CAAA,IAAK,cAAA;AAAA,eACjC;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,IAAA;AAAA,gBACA,CAAC,IAAA,oBACA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,aAAA,EAAY,MAAA;AAAA,oBACZ,SAAA,EAAW,EAAA;AAAA,sBACT,qFAAA;AAAA,sBACA;AAAA;AACF;AAAA;AACF;AAAA;AAAA,WAEJ;AAAA,0BACA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,eAAA,EAAe,IAAA;AAAA,cACf,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,cACnB,CAAA;AAAA,cACA,SAAA,EAAU,wIAAA;AAAA,cAET,iBAAO,aAAA,GAAgB;AAAA;AAAA;AAC1B;AAAA;AAAA,KACF;AAAA,EAEJ;AACF","file":"chunk-L6MDULYB.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface ClampedTextProps extends React.HTMLAttributes<HTMLElement> {\n  /** The long text to clamp. */\n  text: string;\n  /** Lines visible while collapsed (2–8, default 6). */\n  lines?: 2 | 3 | 4 | 5 | 6 | 7 | 8;\n  /** Skip the clamp entirely below this character count (default 280). */\n  threshold?: number;\n  /** Toggle labels, overridable for i18n. */\n  showMoreLabel?: string;\n  showLessLabel?: string;\n  /**\n   * Gradient start for the fade at the clamp edge — match it to the\n   * surface behind the text (default `from-card`).\n   */\n  fadeClassName?: string;\n}\n\n// Static map so Tailwind sees every clamp utility it must generate.\n// 7/8 are beyond Tailwind 3's core 1–6 scale — the preset extends\n// theme.lineClamp so TW3 consumers generate them too (TW4 accepts any\n// integer as a bare value).\nconst LINE_CLAMP: Record<number, string> = {\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n  7: 'line-clamp-7',\n  8: 'line-clamp-8',\n};\n\n/**\n * Clamps long text to N lines with a fade-out gradient and a\n * Show more / Show less toggle. Short text renders inline with no\n * toggle, so brief values stay flat. Pure presentation — ideal for\n * free-text fields (messages, notes, descriptions) inside detail\n * panels and modals.\n *\n * @example\n * ```tsx\n * <ClampedText text={note.body} lines={4} />\n * ```\n */\nexport const ClampedText = React.forwardRef<HTMLElement, ClampedTextProps>(\n  function ClampedText(\n    {\n      text,\n      lines = 6,\n      threshold = 280,\n      showMoreLabel = 'Show more',\n      showLessLabel = 'Show less',\n      fadeClassName = 'from-card',\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const [open, setOpen] = React.useState(false);\n\n    if (text.length <= threshold) {\n      return (\n        <span\n          ref={ref as React.ForwardedRef<HTMLSpanElement>}\n          className={cn('break-words whitespace-pre-wrap', className)}\n          {...props}\n        >\n          {text}\n        </span>\n      );\n    }\n\n    return (\n      <div\n        ref={ref as React.ForwardedRef<HTMLDivElement>}\n        className={className}\n        {...props}\n      >\n        <div\n          className={cn(\n            'relative break-words whitespace-pre-wrap',\n            !open && (LINE_CLAMP[lines] ?? 'line-clamp-6')\n          )}\n        >\n          {text}\n          {!open && (\n            <span\n              aria-hidden=\"true\"\n              className={cn(\n                'pointer-events-none absolute inset-x-0 bottom-0 h-6 bg-gradient-to-t to-transparent',\n                fadeClassName\n              )}\n            />\n          )}\n        </div>\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          onClick={(e) => {\n            e.stopPropagation();\n            setOpen((v) => !v);\n          }}\n          className=\"text-primary-800 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300 mt-1 text-[11px] font-medium hover:underline\"\n        >\n          {open ? showLessLabel : showMoreLabel}\n        </button>\n      </div>\n    );\n  }\n);\n"]}
+{"version":3,"sources":["../src/components/ClampedText/ClampedText.tsx"],"names":["ClampedText"],"mappings":";;;;AA0BA,IAAM,UAAA,GAAqC;AAAA,EACzC,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAcO,IAAM,WAAA,GAAoB,KAAA,CAAA,UAAA;AAAA,EAC/B,SAASA,YAAAA,CACP;AAAA,IACE,IAAA;AAAA,IACA,KAAA,GAAQ,CAAA;AAAA,IACR,SAAA,GAAY,GAAA;AAAA,IACZ,aAAA,GAAgB,WAAA;AAAA,IAChB,aAAA,GAAgB,WAAA;AAAA,IAChB,aAAA,GAAgB,WAAA;AAAA,IAChB,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAAS,KAAK,CAAA;AAE5C,IAAA,IAAI,IAAA,CAAK,UAAU,SAAA,EAAW;AAC5B,MAAA,uBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAW,EAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA;AAAA,UACzD,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,0CAAA;AAAA,gBACA,CAAC,IAAA,KAAS,UAAA,CAAW,KAAK,CAAA,IAAK,cAAA;AAAA,eACjC;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,IAAA;AAAA,gBACA,CAAC,IAAA,oBACA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,aAAA,EAAY,MAAA;AAAA,oBACZ,SAAA,EAAW,EAAA;AAAA,sBACT,qFAAA;AAAA,sBACA;AAAA;AACF;AAAA;AACF;AAAA;AAAA,WAEJ;AAAA,0BACA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,eAAA,EAAe,IAAA;AAAA,cACf,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,cACnB,CAAA;AAAA,cACA,SAAA,EAAU,wIAAA;AAAA,cAET,iBAAO,aAAA,GAAgB;AAAA;AAAA;AAC1B;AAAA;AAAA,KACF;AAAA,EAEJ;AACF","file":"chunk-VU3ZMJBN.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface ClampedTextProps extends React.HTMLAttributes<HTMLElement> {\n  /** The long text to clamp. */\n  text: string;\n  /** Lines visible while collapsed (2–8, default 6). */\n  lines?: 2 | 3 | 4 | 5 | 6 | 7 | 8;\n  /** Skip the clamp entirely below this character count (default 280). */\n  threshold?: number;\n  /** Toggle labels, overridable for i18n. */\n  showMoreLabel?: string;\n  showLessLabel?: string;\n  /**\n   * Gradient start for the fade at the clamp edge — match it to the\n   * surface behind the text (default `from-card`).\n   */\n  fadeClassName?: string;\n}\n\n// Static map so Tailwind sees every clamp utility it must generate.\n// 7/8 are beyond Tailwind 3's core 1–6 scale — the preset extends\n// theme.lineClamp so TW3 consumers generate them too (TW4 accepts any\n// integer as a bare value).\nconst LINE_CLAMP: Record<number, string> = {\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n  7: 'line-clamp-7',\n  8: 'line-clamp-8',\n};\n\n/**\n * Clamps long text to N lines with a fade-out gradient and a\n * Show more / Show less toggle. Short text renders inline with no\n * toggle, so brief values stay flat. Pure presentation — ideal for\n * free-text fields (messages, notes, descriptions) inside detail\n * panels and modals.\n *\n * @example\n * ```tsx\n * <ClampedText text={note.body} lines={4} />\n * ```\n */\nexport const ClampedText = React.forwardRef<HTMLElement, ClampedTextProps>(\n  function ClampedText(\n    {\n      text,\n      lines = 6,\n      threshold = 280,\n      showMoreLabel = 'Show more',\n      showLessLabel = 'Show less',\n      fadeClassName = 'from-card',\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const [open, setOpen] = React.useState(false);\n\n    if (text.length <= threshold) {\n      return (\n        <span\n          ref={ref as React.ForwardedRef<HTMLSpanElement>}\n          className={cn('break-words whitespace-pre-wrap', className)}\n          {...props}\n        >\n          {text}\n        </span>\n      );\n    }\n\n    return (\n      <div\n        ref={ref as React.ForwardedRef<HTMLDivElement>}\n        className={className}\n        {...props}\n      >\n        <div\n          className={cn(\n            'relative break-words whitespace-pre-wrap',\n            !open && (LINE_CLAMP[lines] ?? 'line-clamp-6')\n          )}\n        >\n          {text}\n          {!open && (\n            <span\n              aria-hidden=\"true\"\n              className={cn(\n                'pointer-events-none absolute inset-x-0 bottom-0 h-6 bg-gradient-to-t to-transparent',\n                fadeClassName\n              )}\n            />\n          )}\n        </div>\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          onClick={(e) => {\n            e.stopPropagation();\n            setOpen((v) => !v);\n          }}\n          className=\"text-primary-800 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300 mt-1 text-[11px] font-medium hover:underline\"\n        >\n          {open ? showLessLabel : showMoreLabel}\n        </button>\n      </div>\n    );\n  }\n);\n"]}

package/dist/{chunk-CPPUT74P.cjs → chunk-VV2U36T6.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkT4L7Q5FA_cjs = require('./chunk-T4L7Q5FA.cjs');
+var chunkLC3JL2HB_cjs = require('./chunk-LC3JL2HB.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var lucideReact = require('lucide-react');
@@ -81,7 +81,7 @@ function KeyboardShortcutsOverlay({
   ] });
   const footer = hint === null ? null : hint ?? defaultHint;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkT4L7Q5FA_cjs.Modal,
+    chunkLC3JL2HB_cjs.Modal,
     {
       open,
       onOpenChange: (o) => {
@@ -90,14 +90,14 @@ function KeyboardShortcutsOverlay({
       size: "sm",
       "aria-label": title,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkT4L7Q5FA_cjs.ModalHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkT4L7Q5FA_cjs.ModalTitle, { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkLC3JL2HB_cjs.ModalHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkLC3JL2HB_cjs.ModalTitle, { className: "flex items-center gap-2 text-sm", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Keyboard, { "aria-hidden": "true", className: "text-primary-500 h-4 w-4" }),
             title
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkT4L7Q5FA_cjs.ModalClose, {})
+          /* @__PURE__ */ jsxRuntime.jsx(chunkLC3JL2HB_cjs.ModalClose, {})
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkT4L7Q5FA_cjs.ModalBody, { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkLC3JL2HB_cjs.ModalBody, { className: "flex flex-col gap-4", children: [
           shortcuts && /* @__PURE__ */ jsxRuntime.jsx(
             ShortcutList,
             {
@@ -116,7 +116,7 @@ function KeyboardShortcutsOverlay({
             )
           ] }, group.title))
         ] }),
-        footer && /* @__PURE__ */ jsxRuntime.jsx(chunkT4L7Q5FA_cjs.ModalFooter, { className: "text-muted-foreground justify-center text-[11px]", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: footer }) })
+        footer && /* @__PURE__ */ jsxRuntime.jsx(chunkLC3JL2HB_cjs.ModalFooter, { className: "text-muted-foreground justify-center text-[11px]", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: footer }) })
       ]
     }
   );
@@ -124,5 +124,5 @@ function KeyboardShortcutsOverlay({
 
 exports.Kbd = Kbd;
 exports.KeyboardShortcutsOverlay = KeyboardShortcutsOverlay;
-//# sourceMappingURL=chunk-CPPUT74P.cjs.map
-//# sourceMappingURL=chunk-CPPUT74P.cjs.map
+//# sourceMappingURL=chunk-VV2U36T6.cjs.map
+//# sourceMappingURL=chunk-VV2U36T6.cjs.map

package/dist/{chunk-CPPUT74P.cjs.map → chunk-VV2U36T6.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/KeyboardShortcutsOverlay/KeyboardShortcutsOverlay.tsx"],"names":["React","Kbd","jsx","cn","jsxs","Fragment","Modal","ModalHeader","ModalTitle","Keyboard","ModalClose","ModalBody","ModalFooter"],"mappings":"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","file":"chunk-CPPUT74P.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Keyboard } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n} from '../Modal';\n\n// =============================================================================\n// Kbd\n// =============================================================================\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>;\n\n/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        'border-border bg-muted text-foreground rounded border px-1.5 py-0.5 font-mono text-[11px]',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\n// =============================================================================\n// KeyboardShortcutsOverlay\n// =============================================================================\n\nexport interface ShortcutDef {\n  /** Key or alternatives — `\"j\"`, `[\"j\", \"↓\"]`, `\"⌘K\"`. */\n  keys: string | string[];\n  description: string;\n}\n\nexport interface ShortcutGroup {\n  title: string;\n  shortcuts: ShortcutDef[];\n}\n\nexport interface KeyboardShortcutsOverlayProps {\n  open: boolean;\n  onClose: () => void;\n  /** Flat list of shortcuts, or use `groups` for sectioned help. */\n  shortcuts?: ShortcutDef[];\n  /** Sectioned shortcuts with group headings. */\n  groups?: ShortcutGroup[];\n  title?: string;\n  /** Footer hint. Pass `null` to hide it. */\n  hint?: React.ReactNode | null;\n  /** Joins key alternatives (default \"or\"), overridable for i18n. */\n  alternativesLabel?: string;\n}\n\nfunction Keys({\n  keys,\n  alternativesLabel,\n}: {\n  keys: string | string[];\n  alternativesLabel: string;\n}) {\n  const list = Array.isArray(keys) ? keys : keys.split(' / ');\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {list.map((k, i) => (\n        <React.Fragment key={`${k}-${i}`}>\n          <Kbd>{k}</Kbd>\n          {i < list.length - 1 && (\n            <span className=\"text-muted-foreground mx-0.5 text-xs\">\n              {alternativesLabel}\n            </span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n\nfunction ShortcutList({\n  shortcuts,\n  alternativesLabel,\n}: {\n  shortcuts: ShortcutDef[];\n  alternativesLabel: string;\n}) {\n  return (\n    <ul className=\"flex list-none flex-col gap-2 p-0\">\n      {shortcuts.map((s) => (\n        <li\n          key={`${s.description}-${String(s.keys)}`}\n          className=\"text-foreground flex items-center justify-between gap-4 text-sm\"\n        >\n          <span className=\"min-w-0\">{s.description}</span>\n          <Keys keys={s.keys} alternativesLabel={alternativesLabel} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * The `?` keyboard-shortcuts help dialog: a list of shortcut rows\n * (optionally grouped) with `Kbd` chips for each key. Pairs with the\n * `useKeyboardShortcut` hook, which handles the binding — this component\n * only renders the help.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * useKeyboardShortcut('?', () => setOpen((v) => !v), {\n *   modifiers: { shift: true },\n * });\n *\n * <KeyboardShortcutsOverlay\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   shortcuts={[\n *     { keys: ['j', '↓'], description: 'Next record' },\n *     { keys: '⌘K', description: 'Command palette' },\n *   ]}\n * />\n * ```\n */\nexport function KeyboardShortcutsOverlay({\n  open,\n  onClose,\n  shortcuts,\n  groups,\n  title = 'Keyboard shortcuts',\n  hint,\n  alternativesLabel = 'or',\n}: KeyboardShortcutsOverlayProps) {\n  const defaultHint = (\n    <>\n      Press <Kbd>?</Kbd> anytime to toggle this help\n    </>\n  );\n  const footer = hint === null ? null : (hint ?? defaultHint);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n      size=\"sm\"\n      aria-label={title}\n    >\n      <ModalHeader>\n        <ModalTitle className=\"flex items-center gap-2 text-sm\">\n          <Keyboard aria-hidden=\"true\" className=\"text-primary-500 h-4 w-4\" />\n          {title}\n        </ModalTitle>\n        <ModalClose />\n      </ModalHeader>\n      <ModalBody className=\"flex flex-col gap-4\">\n        {shortcuts && (\n          <ShortcutList\n            shortcuts={shortcuts}\n            alternativesLabel={alternativesLabel}\n          />\n        )}\n        {groups?.map((group) => (\n          <div key={group.title} className=\"flex flex-col gap-2\">\n            <h3 className=\"text-muted-foreground text-xs font-semibold tracking-wide uppercase\">\n              {group.title}\n            </h3>\n            <ShortcutList\n              shortcuts={group.shortcuts}\n              alternativesLabel={alternativesLabel}\n            />\n          </div>\n        ))}\n      </ModalBody>\n      {footer && (\n        <ModalFooter className=\"text-muted-foreground justify-center text-[11px]\">\n          <span>{footer}</span>\n        </ModalFooter>\n      )}\n    </Modal>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/KeyboardShortcutsOverlay/KeyboardShortcutsOverlay.tsx"],"names":["React","Kbd","jsx","cn","jsxs","Fragment","Modal","ModalHeader","ModalTitle","Keyboard","ModalClose","ModalBody","ModalFooter"],"mappings":"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","file":"chunk-VV2U36T6.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Keyboard } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport {\n  Modal,\n  ModalHeader,\n  ModalTitle,\n  ModalClose,\n  ModalBody,\n  ModalFooter,\n} from '../Modal';\n\n// =============================================================================\n// Kbd\n// =============================================================================\n\nexport type KbdProps = React.HTMLAttributes<HTMLElement>;\n\n/** A keyboard-key chip: `<Kbd>⌘K</Kbd>`. */\nexport const Kbd = React.forwardRef<HTMLElement, KbdProps>(function Kbd(\n  { className, ...props },\n  ref\n) {\n  return (\n    <kbd\n      ref={ref}\n      className={cn(\n        'border-border bg-muted text-foreground rounded border px-1.5 py-0.5 font-mono text-[11px]',\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\n// =============================================================================\n// KeyboardShortcutsOverlay\n// =============================================================================\n\nexport interface ShortcutDef {\n  /** Key or alternatives — `\"j\"`, `[\"j\", \"↓\"]`, `\"⌘K\"`. */\n  keys: string | string[];\n  description: string;\n}\n\nexport interface ShortcutGroup {\n  title: string;\n  shortcuts: ShortcutDef[];\n}\n\nexport interface KeyboardShortcutsOverlayProps {\n  open: boolean;\n  onClose: () => void;\n  /** Flat list of shortcuts, or use `groups` for sectioned help. */\n  shortcuts?: ShortcutDef[];\n  /** Sectioned shortcuts with group headings. */\n  groups?: ShortcutGroup[];\n  title?: string;\n  /** Footer hint. Pass `null` to hide it. */\n  hint?: React.ReactNode | null;\n  /** Joins key alternatives (default \"or\"), overridable for i18n. */\n  alternativesLabel?: string;\n}\n\nfunction Keys({\n  keys,\n  alternativesLabel,\n}: {\n  keys: string | string[];\n  alternativesLabel: string;\n}) {\n  const list = Array.isArray(keys) ? keys : keys.split(' / ');\n  return (\n    <span className=\"flex shrink-0 items-center gap-1\">\n      {list.map((k, i) => (\n        <React.Fragment key={`${k}-${i}`}>\n          <Kbd>{k}</Kbd>\n          {i < list.length - 1 && (\n            <span className=\"text-muted-foreground mx-0.5 text-xs\">\n              {alternativesLabel}\n            </span>\n          )}\n        </React.Fragment>\n      ))}\n    </span>\n  );\n}\n\nfunction ShortcutList({\n  shortcuts,\n  alternativesLabel,\n}: {\n  shortcuts: ShortcutDef[];\n  alternativesLabel: string;\n}) {\n  return (\n    <ul className=\"flex list-none flex-col gap-2 p-0\">\n      {shortcuts.map((s) => (\n        <li\n          key={`${s.description}-${String(s.keys)}`}\n          className=\"text-foreground flex items-center justify-between gap-4 text-sm\"\n        >\n          <span className=\"min-w-0\">{s.description}</span>\n          <Keys keys={s.keys} alternativesLabel={alternativesLabel} />\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * The `?` keyboard-shortcuts help dialog: a list of shortcut rows\n * (optionally grouped) with `Kbd` chips for each key. Pairs with the\n * `useKeyboardShortcut` hook, which handles the binding — this component\n * only renders the help.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n * useKeyboardShortcut('?', () => setOpen((v) => !v), {\n *   modifiers: { shift: true },\n * });\n *\n * <KeyboardShortcutsOverlay\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   shortcuts={[\n *     { keys: ['j', '↓'], description: 'Next record' },\n *     { keys: '⌘K', description: 'Command palette' },\n *   ]}\n * />\n * ```\n */\nexport function KeyboardShortcutsOverlay({\n  open,\n  onClose,\n  shortcuts,\n  groups,\n  title = 'Keyboard shortcuts',\n  hint,\n  alternativesLabel = 'or',\n}: KeyboardShortcutsOverlayProps) {\n  const defaultHint = (\n    <>\n      Press <Kbd>?</Kbd> anytime to toggle this help\n    </>\n  );\n  const footer = hint === null ? null : (hint ?? defaultHint);\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(o) => {\n        if (!o) onClose();\n      }}\n      size=\"sm\"\n      aria-label={title}\n    >\n      <ModalHeader>\n        <ModalTitle className=\"flex items-center gap-2 text-sm\">\n          <Keyboard aria-hidden=\"true\" className=\"text-primary-500 h-4 w-4\" />\n          {title}\n        </ModalTitle>\n        <ModalClose />\n      </ModalHeader>\n      <ModalBody className=\"flex flex-col gap-4\">\n        {shortcuts && (\n          <ShortcutList\n            shortcuts={shortcuts}\n            alternativesLabel={alternativesLabel}\n          />\n        )}\n        {groups?.map((group) => (\n          <div key={group.title} className=\"flex flex-col gap-2\">\n            <h3 className=\"text-muted-foreground text-xs font-semibold tracking-wide uppercase\">\n              {group.title}\n            </h3>\n            <ShortcutList\n              shortcuts={group.shortcuts}\n              alternativesLabel={alternativesLabel}\n            />\n          </div>\n        ))}\n      </ModalBody>\n      {footer && (\n        <ModalFooter className=\"text-muted-foreground justify-center text-[11px]\">\n          <span>{footer}</span>\n        </ModalFooter>\n      )}\n    </Modal>\n  );\n}\n"]}

package/dist/{chunk-35Y4ILCU.cjs → chunk-VXW7D5LR.cjs}

@@ -43,6 +43,7 @@ var Collapsible = React__namespace.forwardRef(
     defaultOpen = false,
     onOpenChange,
     disabled,
+    storageKey,
     children,
     ...props
   }, ref) => {
@@ -50,12 +51,29 @@ var Collapsible = React__namespace.forwardRef(
     const generatedId = React__namespace.useId();
     const isControlled = controlledOpen !== void 0;
     const open = isControlled ? controlledOpen : uncontrolledOpen;
+    const persists = Boolean(storageKey) && !isControlled;
+    React__namespace.useEffect(() => {
+      if (!persists || !storageKey) return;
+      try {
+        const stored = window.localStorage.getItem(storageKey);
+        if (stored === "true" || stored === "false") {
+          setUncontrolledOpen(stored === "true");
+        }
+      } catch {
+      }
+    }, [persists, storageKey]);
     const toggle = React__namespace.useCallback(() => {
       if (disabled) return;
       const next = !open;
       if (!isControlled) setUncontrolledOpen(next);
+      if (persists && storageKey) {
+        try {
+          window.localStorage.setItem(storageKey, String(next));
+        } catch {
+        }
+      }
       onOpenChange?.(next);
-    }, [disabled, open, isControlled, onOpenChange]);
+    }, [disabled, open, isControlled, persists, storageKey, onOpenChange]);
     const value = React__namespace.useMemo(
       () => ({
         open,
@@ -147,5 +165,5 @@ CollapsibleContent.displayName = "CollapsibleContent";
 exports.Collapsible = Collapsible;
 exports.CollapsibleContent = CollapsibleContent;
 exports.CollapsibleTrigger = CollapsibleTrigger;
-//# sourceMappingURL=chunk-35Y4ILCU.cjs.map
-//# sourceMappingURL=chunk-35Y4ILCU.cjs.map
+//# sourceMappingURL=chunk-VXW7D5LR.cjs.map
+//# sourceMappingURL=chunk-VXW7D5LR.cjs.map

package/dist/chunk-VXW7D5LR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Collapsible/Collapsible.tsx"],"names":["React","jsx","cn","usePrefersReducedMotion","AnimatedPresence","Animated"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAM,kBAAA,GAA2BA,gBAAA,CAAA,aAAA;AAAA,EAC/B;AACF,CAAA;AAEA,SAAS,sBAAsB,SAAA,EAA4C;AACzE,EAAA,MAAM,GAAA,GAAYA,4BAAW,kBAAkB,CAAA;AAC/C,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,oCAAA,CAAsC,CAAA;AAAA,EACpE;AACA,EAAA,OAAO,GAAA;AACT;AA8BA,IAAM,WAAA,GAAoBA,gBAAA,CAAA,UAAA;AAAA,EACxB,CACE;AAAA,IACE,SAAA;AAAA,IACA,IAAA,EAAM,cAAA;AAAA,IACN,WAAA,GAAc,KAAA;AAAA,IACd,YAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAUA,0BAAS,WAAW,CAAA;AAC1E,IAAA,MAAM,cAAoBA,gBAAA,CAAA,KAAA,EAAM;AAEhC,IAAA,MAAM,eAAe,cAAA,KAAmB,MAAA;AACxC,IAAA,MAAM,IAAA,GAAO,eAAe,cAAA,GAAiB,gBAAA;AAC7C,IAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,UAAU,CAAA,IAAK,CAAC,YAAA;AAEzC,IAAMA,2BAAU,MAAM;AACpB,MAAA,IAAI,CAAC,QAAA,IAAY,CAAC,UAAA,EAAY;AAC9B,MAAA,IAAI;AACF,QAAA,MAAM,MAAA,GAAS,MAAA,CAAO,YAAA,CAAa,OAAA,CAAQ,UAAU,CAAA;AACrD,QAAA,IAAI,MAAA,KAAW,MAAA,IAAU,MAAA,KAAW,OAAA,EAAS;AAC3C,UAAA,mBAAA,CAAoB,WAAW,MAAM,CAAA;AAAA,QACvC;AAAA,MACF,CAAA,CAAA,MAAQ;AAAA,MAER;AAAA,IACF,CAAA,EAAG,CAAC,QAAA,EAAU,UAAU,CAAC,CAAA;AAEzB,IAAA,MAAM,MAAA,GAAeA,6BAAY,MAAM;AACrC,MAAA,IAAI,QAAA,EAAU;AACd,MAAA,MAAM,OAAO,CAAC,IAAA;AACd,MAAA,IAAI,CAAC,YAAA,EAAc,mBAAA,CAAoB,IAAI,CAAA;AAC3C,MAAA,IAAI,YAAY,UAAA,EAAY;AAC1B,QAAA,IAAI;AACF,UAAA,MAAA,CAAO,YAAA,CAAa,OAAA,CAAQ,UAAA,EAAY,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,QACtD,CAAA,CAAA,MAAQ;AAAA,QAER;AAAA,MACF;AACA,MAAA,YAAA,GAAe,IAAI,CAAA;AAAA,IACrB,CAAA,EAAG,CAAC,QAAA,EAAU,IAAA,EAAM,cAAc,QAAA,EAAU,UAAA,EAAY,YAAY,CAAC,CAAA;AAErE,IAAA,MAAM,KAAA,GAAcA,gBAAA,CAAA,OAAA;AAAA,MAClB,OAAO;AAAA,QACL,IAAA;AAAA,QACA,MAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA,EAAW,GAAG,WAAW,CAAA,QAAA,CAAA;AAAA,QACzB,SAAA,EAAW,GAAG,WAAW,CAAA,QAAA;AAAA,OAC3B,CAAA;AAAA,MACA,CAAC,IAAA,EAAM,MAAA,EAAQ,QAAA,EAAU,WAAW;AAAA,KACtC;AAEA,IAAA,uBACEC,cAAA,CAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,KAAA,EAC3B,QAAA,kBAAAA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,aAAA;AAAA,QACV,YAAA,EAAY,OAAO,MAAA,GAAS,QAAA;AAAA,QAC5B,SAAA,EAAWC,qBAAG,SAAS,CAAA;AAAA,QACtB,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAK1B,IAAM,kBAAA,GAA2BF,gBAAA,CAAA,UAAA,CAG/B,CAAC,EAAE,SAAA,EAAW,SAAS,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrD,EAAA,MAAM,EAAE,MAAM,MAAA,EAAQ,QAAA,EAAU,WAAW,SAAA,EAAU,GACnD,sBAAsB,oBAAoB,CAAA;AAE5C,EAAA,uBACEC,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,EAAA,EAAI,SAAA;AAAA,MACJ,WAAA,EAAU,qBAAA;AAAA,MACV,eAAA,EAAe,IAAA;AAAA,MACf,eAAA,EAAe,SAAA;AAAA,MACf,YAAA,EAAY,OAAO,MAAA,GAAS,QAAA;AAAA,MAC5B,QAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,QAAA,MAAA,EAAO;AACP,QAAA,OAAA,GAAU,CAAC,CAAA;AAAA,MACb,CAAA;AAAA,MACA,SAAA,EAAWC,qBAAG,SAAS,CAAA;AAAA,MACtB,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAOjC,IAAM,kBAAA,GAA2BF,gBAAA,CAAA,UAAA,CAG/B,CAAC,EAAE,SAAA,EAAW,YAAY,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,SAAA,EAAW,SAAA,EAAU,GACjC,sBAAsB,oBAAoB,CAAA;AAC5C,EAAA,MAAM,uBAAuBG,yCAAA,EAAwB;AAErD,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,EAAA,EAAI,SAAA;AAAA,IACJ,IAAA,EAAM,QAAA;AAAA,IACN,iBAAA,EAAmB,SAAA;AAAA,IACnB,WAAA,EAAa,qBAAA;AAAA,IACb,YAAA,EAAc,OAAQ,MAAA,GAAoB;AAAA,GAC5C;AAaA,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,uBACEF,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,WAAA;AAAA,QACJ,QAAQ,CAAC,IAAA;AAAA,QACT,SAAA,EAAWC,qBAAG,SAAS,CAAA;AAAA,QACtB,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACED,cAAA,CAACG,kCAAA,EAAA,EAAiB,OAAA,EAAS,KAAA,EACxB,QAAA,EAAA,IAAA,oBACCH,cAAA;AAAA,IAACI,0BAAA;AAAA,IAAA;AAAA,MAEC,GAAA;AAAA,MACA,MAAA,EAAO,UAAA;AAAA,MACP,IAAA,EAAK,UAAA;AAAA,MAIL,SAAS,CAAC,oBAAA;AAAA,MACT,GAAG,WAAA;AAAA,MAGJ,SAAA,EAAWH,oBAAA,CAAG,iBAAA,EAAmB,SAAS,CAAA;AAAA,MACzC,GAAG,KAAA;AAAA,MAEH;AAAA,KAAA;AAAA,IAdG;AAAA,GAeN,EAEJ,CAAA;AAEJ,CAAC;AAED,kBAAA,CAAmB,WAAA,GAAc,oBAAA","file":"chunk-VXW7D5LR.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Animated, AnimatedPresence } from '../../motion';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\ninterface CollapsibleContextValue {\n  open: boolean;\n  toggle: () => void;\n  disabled?: boolean;\n  contentId: string;\n  triggerId: string;\n}\n\nconst CollapsibleContext = React.createContext<CollapsibleContextValue | null>(\n  null\n);\n\nfunction useCollapsibleContext(component: string): CollapsibleContextValue {\n  const ctx = React.useContext(CollapsibleContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within a <Collapsible>`);\n  }\n  return ctx;\n}\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Controlled open state */\n  open?: boolean;\n  /** Default open state (uncontrolled) */\n  defaultOpen?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Disables toggling */\n  disabled?: boolean;\n  /**\n   * Persists the open state in `localStorage` under this key (uncontrolled\n   * only). Restored after mount, so server and hydration renders use\n   * `defaultOpen`.\n   */\n  storageKey?: string;\n}\n\n/**\n * An interactive component that expands and collapses its content.\n *\n * @example\n * ```tsx\n * <Collapsible>\n *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n *   <CollapsibleContent>Hidden content</CollapsibleContent>\n * </Collapsible>\n * ```\n */\nconst Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(\n  (\n    {\n      className,\n      open: controlledOpen,\n      defaultOpen = false,\n      onOpenChange,\n      disabled,\n      storageKey,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n    const generatedId = React.useId();\n\n    const isControlled = controlledOpen !== undefined;\n    const open = isControlled ? controlledOpen : uncontrolledOpen;\n    const persists = Boolean(storageKey) && !isControlled;\n\n    React.useEffect(() => {\n      if (!persists || !storageKey) return;\n      try {\n        const stored = window.localStorage.getItem(storageKey);\n        if (stored === 'true' || stored === 'false') {\n          setUncontrolledOpen(stored === 'true');\n        }\n      } catch {\n        // Storage can be blocked (privacy mode, sandboxed iframe).\n      }\n    }, [persists, storageKey]);\n\n    const toggle = React.useCallback(() => {\n      if (disabled) return;\n      const next = !open;\n      if (!isControlled) setUncontrolledOpen(next);\n      if (persists && storageKey) {\n        try {\n          window.localStorage.setItem(storageKey, String(next));\n        } catch {\n          // Storage can be blocked or full; state still updates in memory.\n        }\n      }\n      onOpenChange?.(next);\n    }, [disabled, open, isControlled, persists, storageKey, onOpenChange]);\n\n    const value = React.useMemo<CollapsibleContextValue>(\n      () => ({\n        open,\n        toggle,\n        disabled,\n        contentId: `${generatedId}-content`,\n        triggerId: `${generatedId}-trigger`,\n      }),\n      [open, toggle, disabled, generatedId]\n    );\n\n    return (\n      <CollapsibleContext.Provider value={value}>\n        <div\n          ref={ref}\n          data-slot=\"collapsible\"\n          data-state={open ? 'open' : 'closed'}\n          className={cn(className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </CollapsibleContext.Provider>\n    );\n  }\n);\n\nCollapsible.displayName = 'Collapsible';\n\nexport type CollapsibleTriggerProps =\n  React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst CollapsibleTrigger = React.forwardRef<\n  HTMLButtonElement,\n  CollapsibleTriggerProps\n>(({ className, onClick, children, ...props }, ref) => {\n  const { open, toggle, disabled, contentId, triggerId } =\n    useCollapsibleContext('CollapsibleTrigger');\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      id={triggerId}\n      data-slot=\"collapsible-trigger\"\n      aria-expanded={open}\n      aria-controls={contentId}\n      data-state={open ? 'open' : 'closed'}\n      disabled={disabled}\n      onClick={(e) => {\n        toggle();\n        onClick?.(e);\n      }}\n      className={cn(className)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n});\n\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\n\nexport interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Keep content mounted when collapsed (hidden via CSS) */\n  forceMount?: boolean;\n}\n\nconst CollapsibleContent = React.forwardRef<\n  HTMLDivElement,\n  CollapsibleContentProps\n>(({ className, forceMount, children, ...props }, ref) => {\n  const { open, contentId, triggerId } =\n    useCollapsibleContext('CollapsibleContent');\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const sharedProps = {\n    id: contentId,\n    role: 'region' as const,\n    'aria-labelledby': triggerId,\n    'data-slot': 'collapsible-content',\n    'data-state': open ? ('open' as const) : ('closed' as const),\n  };\n\n  /*\n   * `forceMount` keeps the old instant behaviour, deliberately.\n   *\n   * It exists so consumers can keep collapsed content in the DOM, and it relies\n   * on `hidden` to keep that content out of the tab order and the accessibility\n   * tree. `hidden` is `display: none`, which an animated height cannot run\n   * through — and dropping it for the duration would leave keyboard users able\n   * to tab into content that is visually collapsed. Sequencing `hidden` around\n   * the animation is the real fix; until then, not animating is the safe\n   * answer, and the default (unmounting) path below covers the common case.\n   */\n  if (forceMount) {\n    return (\n      <div\n        ref={ref}\n        {...sharedProps}\n        hidden={!open}\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <AnimatedPresence initial={false}>\n      {open && (\n        <Animated\n          key=\"collapsible-content\"\n          ref={ref as React.Ref<HTMLElement>}\n          preset=\"collapse\"\n          mode=\"presence\"\n          // `collapse` animates height, which `MotionConfig reducedMotion=\"user\"`\n          // does not treat as a transform or layout animation and so leaves\n          // running. Honouring the preference is the component's job here.\n          enabled={!prefersReducedMotion}\n          {...sharedProps}\n          // Content must be clipped or it spills past the box while the height\n          // is still travelling.\n          className={cn('overflow-hidden', className)}\n          {...props}\n        >\n          {children}\n        </Animated>\n      )}\n    </AnimatedPresence>\n  );\n});\n\nCollapsibleContent.displayName = 'CollapsibleContent';\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"]}

package/dist/{chunk-7YO7DNUV.js → chunk-WFBUBT54.js}

@@ -155,5 +155,5 @@ function LoadingSpinner() {
 }
 
 export { Button };
-//# sourceMappingURL=chunk-7YO7DNUV.js.map
-//# sourceMappingURL=chunk-7YO7DNUV.js.map
+//# sourceMappingURL=chunk-WFBUBT54.js.map
+//# sourceMappingURL=chunk-WFBUBT54.js.map