@alfadocs/ui-kit-debug 1.3.0 → 1.3.3

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

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible-CGL9ontS.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  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      role,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    const isLabelled = Boolean(ariaLabelledBy || ariaLabel);\n\n    return (\n      <CollapsiblePrimitive.Content\n        ref={ref}\n        // Radix renders a role-less div, and ARIA prohibits naming `generic`,\n        // so a label alone is inert. `group` exposes it without minting a\n        // landmark per panel; pass `role=\"region\"` explicitly to opt into one.\n        role={role ?? (isLabelled ? 'group' : undefined)}\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","role","ariaLabelledBy","ariaLabel","isLabelled","cx"],"mappings":"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"}