@alfadocs/ui-kit-debug 0.68.0 → 0.70.0

package/dist/_chunks/{collapsible-X3oaLPU3.js → collapsible-BrnRiCC6.js}

@@ -3,8 +3,8 @@ import { forwardRef as p, useRef as f, useMemo as C, useEffect as v } from "reac
 import * as b from "@radix-ui/react-collapsible";
 import { a as h, c as y } from "./index-D2ZczOXr.js";
 import { u as k } from "./use-controllable-state-BiY4xTzM.js";
-import { u as w } from "./registry-nPAVE19X.js";
-const x = {
+import { u as x } from "./registry-DvAUVLHh.js";
+const O = {
   id: "collapsible",
   capabilities: ["expand"],
   state: {
@@ -17,7 +17,8 @@ const x = {
   },
   actions: {
     toggle: {
-      safety: "write",
+      // Ephemeral expand/collapse of a presentational panel — no data loss.
+      safety: "read",
       descriptionKey: "ui.agent.collapsible.actions.toggle",
       description: "Toggle between open and closed.",
       invoke: (e) => {
@@ -25,7 +26,8 @@ const x = {
       }
     },
     open: {
-      safety: "write",
+      safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.collapsible.actions.open",
       description: "Expand the content panel.",
       invoke: (e) => {
@@ -33,7 +35,8 @@ const x = {
       }
     },
     close: {
-      safety: "write",
+      safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.collapsible.actions.close",
       description: "Collapse the content panel.",
       invoke: (e) => {
@@ -53,7 +56,7 @@ const x = {
       description: "Sourced from the id prop."
     }
   }
-}, O = y("", {
+}, R = y("", {
   variants: {
     variant: {
       default: "",
@@ -64,7 +67,7 @@ const x = {
   defaultVariants: {
     variant: "default"
   }
-}), R = [
+}), w = [
   "ds:overflow-hidden",
   "ds:transition-[block-size]",
   "ds:duration-[var(--animation-duration)]",
@@ -75,20 +78,20 @@ const x = {
 ].join(" "), N = p(
   ({
     variant: e,
-    className: o,
-    children: a,
+    className: a,
+    children: o,
     open: t,
     defaultOpen: s,
     onOpenChange: l,
     ...i
   }, u) => {
-    const [g, n] = k({
+    const [m, n] = k({
       value: t,
       defaultValue: !!s,
       onChange: l
-    }), r = g ?? !1, d = f(r);
+    }), r = m ?? !1, d = f(r);
     d.current = r;
-    const m = C(
+    const g = C(
       () => ({
         isOpen: () => d.current,
         toggle: () => n(!d.current),
@@ -97,29 +100,29 @@ const x = {
       }),
       [n]
     );
-    return w(x, m, i.id), /* @__PURE__ */ c(
+    return x(O, g, i.id), /* @__PURE__ */ c(
       b.Root,
       {
         ref: u,
         open: r,
         onOpenChange: n,
-        className: O({ variant: e, className: o }),
+        className: R({ variant: e, className: a }),
         "data-component": "collapsible",
         "data-component-id": i.id,
         ...i,
-        children: a
+        children: o
       }
     );
   }
 );
 N.displayName = "Collapsible";
-const T = p(({ asChild: e = !1, children: o, ...a }, t) => /* @__PURE__ */ c(b.Trigger, { ref: t, asChild: e, ...a, children: o }));
+const T = p(({ asChild: e = !1, children: a, ...o }, t) => /* @__PURE__ */ c(b.Trigger, { ref: t, asChild: e, ...o, children: a }));
 T.displayName = "CollapsibleTrigger";
 const K = p(
   ({
     className: e,
-    children: o,
-    "aria-labelledby": a,
+    children: a,
+    "aria-labelledby": o,
     "aria-label": t,
     ...s
   }, l) => (v(() => {
@@ -127,11 +130,11 @@ const K = p(
     b.Content,
     {
       ref: l,
-      "aria-labelledby": a,
+      "aria-labelledby": o,
       "aria-label": t,
-      className: h(R, e),
+      className: h(w, e),
       ...s,
-      children: o
+      children: a
     }
   ))
 );
@@ -140,6 +143,6 @@ export {
   N as C,
   K as a,
   T as b,
-  x as c
+  O as c
 };
-//# sourceMappingURL=collapsible-X3oaLPU3.js.map
+//# sourceMappingURL=collapsible-BrnRiCC6.js.map

package/dist/_chunks/collapsible-BrnRiCC6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-BrnRiCC6.js","sources":["../../src/components/collapsible/collapsible.agent.ts","../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Collapsible.                                           */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { CollapsibleHandle } from './collapsible';\n\nexport const collapsibleAgent: AgentAdapter<CollapsibleHandle> = {\n  id: 'collapsible',\n  capabilities: ['expand'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.collapsible.state.isOpen',\n      description: 'True when the content panel is expanded.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    toggle: {\n      // Ephemeral expand/collapse of a presentational panel — no data loss.\n      safety: 'read',\n      descriptionKey: 'ui.agent.collapsible.actions.toggle',\n      description: 'Toggle between open and closed.',\n      invoke: (handle) => {\n        handle.toggle();\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.collapsible.actions.open',\n      description: 'Expand the content panel.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.collapsible.actions.close',\n      description: 'Collapse the content panel.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'collapsible',\n      description: 'Marks the Collapsible root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n} from 'react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { collapsibleAgent } from './collapsible.agent';\n\nconst collapsibleVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      card: 'ds:bg-[var(--card)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:rounded-[var(--radius-lg)] ds:overflow-hidden',\n      minimal: 'ds:forced-colors:[border-block-end:1px_solid]',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst contentCls = [\n  'ds:overflow-hidden',\n  'ds:transition-[block-size]',\n  'ds:duration-[var(--animation-duration)]',\n  'ds:ease-out',\n  'ds:motion-reduce:transition-none',\n  'ds:data-[state=open]:[block-size:var(--radix-collapsible-content-height)]',\n  'ds:data-[state=closed]:[block-size:0]',\n].join(' ');\n\ntype RootProps = ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;\ntype TriggerProps = ComponentPropsWithoutRef<\n  typeof CollapsiblePrimitive.Trigger\n>;\ntype PrimitiveContentProps = ComponentPropsWithoutRef<\n  typeof CollapsiblePrimitive.Content\n>;\n\nexport interface CollapsibleProps\n  extends\n    Omit<RootProps, 'asChild'>,\n    VariantProps<typeof collapsibleVariants> {}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface CollapsibleHandle {\n  isOpen: () => boolean;\n  toggle: () => void;\n  open: () => void;\n  close: () => void;\n}\n\nexport type CollapsibleTriggerProps = TriggerProps;\n\nexport type CollapsibleContentProps = PrimitiveContentProps;\n\ntype CollapsibleRootElement = ElementRef<typeof CollapsiblePrimitive.Root>;\n\nexport const Collapsible = forwardRef<CollapsibleRootElement, CollapsibleProps>(\n  (\n    {\n      variant,\n      className,\n      children,\n      open: openProp,\n      defaultOpen,\n      onOpenChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [currentOpenRaw, setOpen] = useControllableState<boolean>({\n      value: openProp,\n      defaultValue: Boolean(defaultOpen),\n      onChange: onOpenChange,\n    });\n    const currentOpen = currentOpenRaw ?? false;\n    // Latest snapshot for the imperative handle — keeps invoke callers from\n    // reading stale state when they fire `toggle()` then `isOpen()` in rapid\n    // succession (the latest setState batch may not have flushed yet).\n    const latestRef = useRef(currentOpen);\n    latestRef.current = currentOpen;\n\n    const agentHandle = useMemo<CollapsibleHandle>(\n      () => ({\n        isOpen: () => latestRef.current,\n        toggle: () => setOpen(!latestRef.current),\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [setOpen],\n    );\n    useAgentRegistration(collapsibleAgent, agentHandle, props.id);\n\n    return (\n      <CollapsiblePrimitive.Root\n        ref={ref}\n        open={currentOpen}\n        onOpenChange={setOpen}\n        className={collapsibleVariants({ variant, className })}\n        data-component=\"collapsible\"\n        data-component-id={props.id}\n        {...props}\n      >\n        {children}\n      </CollapsiblePrimitive.Root>\n    );\n  },\n);\nCollapsible.displayName = 'Collapsible';\n\nexport const CollapsibleTrigger = forwardRef<\n  HTMLButtonElement,\n  CollapsibleTriggerProps\n>(({ asChild = false, children, ...props }, ref) => (\n  <CollapsiblePrimitive.Trigger ref={ref} asChild={asChild} {...props}>\n    {children}\n  </CollapsiblePrimitive.Trigger>\n));\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\n\nexport const CollapsibleContent = forwardRef<\n  HTMLDivElement,\n  CollapsibleContentProps\n>(\n  (\n    {\n      className,\n      children,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    useEffect(() => {\n      if (import.meta.env.DEV && !ariaLabelledBy && !ariaLabel) {\n        console.warn(\n          'CollapsibleContent: Provide `aria-labelledby` pointing at the trigger id, or `aria-label`, so screen readers can identify this region.',\n        );\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n      <CollapsiblePrimitive.Content\n        ref={ref}\n        aria-labelledby={ariaLabelledBy}\n        aria-label={ariaLabel}\n        className={cx(contentCls, className)}\n        {...props}\n      >\n        {children}\n      </CollapsiblePrimitive.Content>\n    );\n  },\n);\nCollapsibleContent.displayName = 'CollapsibleContent';\n"],"names":["collapsibleAgent","handle","collapsibleVariants","cva","contentCls","Collapsible","forwardRef","variant","className","children","openProp","defaultOpen","onOpenChange","props","ref","currentOpenRaw","setOpen","useControllableState","currentOpen","latestRef","useRef","agentHandle","useMemo","useAgentRegistration","jsx","CollapsiblePrimitive","CollapsibleTrigger","asChild","CollapsibleContent","ariaLabelledBy","ariaLabel","useEffect","cx"],"mappings":"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"}