@dev-dga/react 0.10.1 → 0.12.0

package/dist/{chunk-ATOT5N34.cjs.map → chunk-IM6TYL3P.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ATOT5N34.cjs","../src/components/Command/Command.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ATOT5N34.cjs","sourcesContent":[null,"'use client';\n\nimport { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Dialog as DialogPrimitive, VisuallyHidden } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Search } from '../../internal/icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Single structural class — no size/variant axes (a palette is one shape).\n// Kept as cva for barrel parity with the rest of the library + an override\n// seam if variants are ever added.\nconst commandVariants = cva('ddga-command');\n\n// ─── 2. Types ─── //\n\ntype CommandProps = React.ComponentProps<typeof CommandPrimitive> &\n  VariantProps<typeof commandVariants>;\ntype CommandInputProps = React.ComponentProps<typeof CommandPrimitive.Input>;\ntype CommandListProps = React.ComponentProps<typeof CommandPrimitive.List>;\ntype CommandEmptyProps = React.ComponentProps<typeof CommandPrimitive.Empty>;\ntype CommandGroupProps = React.ComponentProps<typeof CommandPrimitive.Group>;\ntype CommandSeparatorProps = React.ComponentProps<typeof CommandPrimitive.Separator>;\n\ninterface CommandItemProps extends Omit<\n  React.ComponentProps<typeof CommandPrimitive.Item>,\n  'onSelect' | 'value'\n> {\n  /**\n   * Stable value for filtering + the `onSelect` payload. Required: cmdk would\n   * otherwise derive it from the rendered text, so a label / translation /\n   * icon change would silently change what `onSelect` receives.\n   */\n  value: string;\n  /** Leading icon — mirrors Menubar / DropdownMenu item icons. */\n  startIcon?: React.ReactNode;\n  /** Right-aligned keyboard hint, e.g. `\"⌘P\"` — mirrors Menubar / DropdownMenu. */\n  shortcut?: React.ReactNode;\n  /**\n   * Fires when the item is chosen (click / Enter). Receives the item's\n   * `value` (cmdk defaults it to the text content when `value` is omitted).\n   *\n   * Action-oriented: items run a command and don't track selection. Inside\n   * `CommandDialog` the consumer closes the dialog here, e.g.\n   * `onSelect={() => { setOpen(false); run(); }}`.\n   */\n  onSelect?: (value: string) => void;\n}\n\ninterface CommandDialogProps extends Pick<\n  React.ComponentProps<typeof CommandPrimitive>,\n  'filter' | 'shouldFilter' | 'loop'\n> {\n  /** Controlled open state. */\n  open?: boolean;\n  /** Initial open state when uncontrolled. */\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Key for the built-in document shortcut (with Cmd on macOS / Ctrl elsewhere).\n   * Defaults to `'k'` (⌘K / Ctrl+K). Pass `false` to bind no listener and wire\n   * your own. The modifier is fixed; only the key is configurable.\n   */\n  shortcut?: string | false;\n  /** Accessible name → visually-hidden `DialogTitle`. Defaults to `\"Command palette\"`. */\n  label?: React.ReactNode;\n  /** Optional visually-hidden `DialogDescription`. */\n  description?: React.ReactNode;\n  className?: string;\n  /** `CommandInput` + `CommandList` + groups / items. */\n  children: React.ReactNode;\n}\n\n// ─── 3. Inline compound (cmdk passthroughs) ─── //\n\n/**\n * Inline command palette (cmdk root). Pass cmdk's `label` to give the search\n * input + listbox their accessible name — cmdk wires it via `aria-labelledby`,\n * which wins over any `aria-label` on `CommandInput`. `CommandDialog` sets this\n * for you from its `label`.\n */\nfunction Command({ className, ...props }: CommandProps) {\n  return (\n    <CommandPrimitive data-slot=\"command\" className={cn(commandVariants(), className)} {...props} />\n  );\n}\n\nfunction CommandInput({\n  className,\n  placeholder,\n  'aria-label': ariaLabel,\n  ...props\n}: CommandInputProps) {\n  return (\n    <div className=\"ddga-command__input-wrapper\" data-slot=\"command-input-wrapper\">\n      <Search className=\"ddga-command__search-icon\" aria-hidden=\"true\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn('ddga-command__input', className)}\n        placeholder={placeholder}\n        // role=\"combobox\" needs an accessible name. Fall back to the placeholder\n        // string so the input is named without forcing a separate label.\n        aria-label={ariaLabel ?? (typeof placeholder === 'string' ? placeholder : undefined)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({ className, ...props }: CommandListProps) {\n  // Native overflow scroll — cmdk manages scroll-into-view against this\n  // container; wrapping it in ScrollArea would fight that math.\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn('ddga-command__list', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({ className, ...props }: CommandEmptyProps) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className={cn('ddga-command__empty', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({ className, ...props }: CommandGroupProps) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn('ddga-command__group', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  'aria-hidden': ariaHidden = true,\n  ...props\n}: CommandSeparatorProps) {\n  // cmdk hardcodes role=\"separator\"; a separator is an invalid child of the\n  // list's role=\"listbox\" (aria-required-children). It's purely decorative —\n  // groups carry the semantics via their headings — so hide it from the a11y\n  // tree. cmdk spreads our props before its own attrs, so aria-hidden survives.\n  return (\n    <CommandPrimitive.Separator\n      aria-hidden={ariaHidden}\n      data-slot=\"command-separator\"\n      className={cn('ddga-command__separator', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  startIcon,\n  shortcut,\n  className,\n  children,\n  keywords,\n  ...props\n}: CommandItemProps) {\n  // Make the visible label searchable. cmdk filters against `value` + `keywords`,\n  // never the rendered text — so with a stable Latin `value` the label (e.g.\n  // Arabic) would be unmatchable. When the label is a plain string (our common\n  // case; icon/shortcut are separate props), fold it into keywords so typing the\n  // label works in any language. `value` stays the stable `onSelect` id.\n  const labelText = typeof children === 'string' ? children : undefined;\n  const mergedKeywords =\n    labelText && !keywords?.includes(labelText) ? [...(keywords ?? []), labelText] : keywords;\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn('ddga-command__item', className)}\n      keywords={mergedKeywords}\n      {...props}\n    >\n      {startIcon != null && (\n        <span className=\"ddga-command__item-icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      )}\n      <span className=\"ddga-command__item-label\">{children}</span>\n      {shortcut != null && <span className=\"ddga-command__item-shortcut\">{shortcut}</span>}\n    </CommandPrimitive.Item>\n  );\n}\n\n// ─── 4. Dialog surface (Radix Dialog + Command) ─── //\n\nfunction CommandDialog({\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  shortcut = 'k',\n  label = 'Command palette',\n  description,\n  className,\n  filter,\n  shouldFilter,\n  loop,\n  children,\n}: CommandDialogProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  // Built-in ⌘K / Ctrl+K toggle (opt-out via `shortcut={false}`). Mirrors\n  // Sidebar's Cmd/Ctrl+B. Bind the listener once (per shortcut) and read the\n  // live open state through a ref so it isn't torn down on every toggle; goes\n  // through `setOpen` so controlled + uncontrolled both work.\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  });\n  useEffect(() => {\n    if (typeof shortcut !== 'string') return;\n    const key = shortcut.toLowerCase();\n    const onKeyDown = (event: KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === key) {\n        event.preventDefault();\n        setOpen(!openRef.current);\n      }\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, [shortcut, setOpen]);\n\n  // Anchor the Portal to the DgaProvider body-level container so data-theme /\n  // dir / theme vars inherit and the fixed overlay escapes ancestor\n  // transform / overflow:hidden. Mirrors Modal; regression test asserts\n  // containment + dark data-theme.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={setOpen}>\n      <DialogPrimitive.Portal container={portalContainer}>\n        <DialogPrimitive.Overlay className=\"ddga-command__overlay\" data-slot=\"command-overlay\" />\n        <DialogPrimitive.Content\n          data-slot=\"command-dialog\"\n          className={cn('ddga-command-dialog', className)}\n          // Named by the visually-hidden title below. With no description,\n          // opt out of Radix's missing-description dev warning via its\n          // documented escape hatch (explicit aria-describedby={undefined}).\n          {...(description == null ? { 'aria-describedby': undefined } : {})}\n        >\n          <DialogPrimitive.Title asChild>\n            <VisuallyHidden.Root>{label}</VisuallyHidden.Root>\n          </DialogPrimitive.Title>\n          {description != null && (\n            <DialogPrimitive.Description asChild>\n              <VisuallyHidden.Root>{description}</VisuallyHidden.Root>\n            </DialogPrimitive.Description>\n          )}\n          <Command\n            data-slot=\"command-dialog-command\"\n            className=\"ddga-command--dialog\"\n            // Name cmdk's listbox + input with the dialog label (cmdk's `label`\n            // wins over our per-input aria-label via aria-labelledby).\n            label={typeof label === 'string' ? label : 'Command palette'}\n            filter={filter}\n            shouldFilter={shouldFilter}\n            loop={loop}\n          >\n            {children}\n          </Command>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\n// ─── 5. Exports ─── //\n\nexport {\n  Command,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandSeparator,\n  CommandDialog,\n  commandVariants,\n};\nexport type {\n  CommandProps,\n  CommandInputProps,\n  CommandListProps,\n  CommandEmptyProps,\n  CommandGroupProps,\n  CommandSeparatorProps,\n  CommandItemProps,\n  CommandDialogProps,\n};\n"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-IM6TYL3P.cjs","../src/components/Command/Command.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-IM6TYL3P.cjs","sourcesContent":[null,"'use client';\n\nimport { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Dialog as DialogPrimitive, VisuallyHidden } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Search } from '../../internal/icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Single structural class — no size/variant axes (a palette is one shape).\n// Kept as cva for barrel parity with the rest of the library + an override\n// seam if variants are ever added.\nconst commandVariants = cva('ddga-command');\n\n// ─── 2. Types ─── //\n\ntype CommandProps = React.ComponentProps<typeof CommandPrimitive> &\n  VariantProps<typeof commandVariants>;\ntype CommandInputProps = React.ComponentProps<typeof CommandPrimitive.Input>;\ntype CommandListProps = React.ComponentProps<typeof CommandPrimitive.List>;\ntype CommandEmptyProps = React.ComponentProps<typeof CommandPrimitive.Empty>;\ntype CommandGroupProps = React.ComponentProps<typeof CommandPrimitive.Group>;\ntype CommandSeparatorProps = React.ComponentProps<typeof CommandPrimitive.Separator>;\n\ninterface CommandItemProps extends Omit<\n  React.ComponentProps<typeof CommandPrimitive.Item>,\n  'onSelect' | 'value'\n> {\n  /**\n   * Stable value for filtering + the `onSelect` payload. Required: cmdk would\n   * otherwise derive it from the rendered text, so a label / translation /\n   * icon change would silently change what `onSelect` receives.\n   */\n  value: string;\n  /** Leading icon — mirrors Menubar / DropdownMenu item icons. */\n  startIcon?: React.ReactNode;\n  /** Right-aligned keyboard hint, e.g. `\"⌘P\"` — mirrors Menubar / DropdownMenu. */\n  shortcut?: React.ReactNode;\n  /**\n   * Fires when the item is chosen (click / Enter). Receives the item's\n   * `value` (cmdk defaults it to the text content when `value` is omitted).\n   *\n   * Action-oriented: items run a command and don't track selection. Inside\n   * `CommandDialog` the consumer closes the dialog here, e.g.\n   * `onSelect={() => { setOpen(false); run(); }}`.\n   */\n  onSelect?: (value: string) => void;\n}\n\ninterface CommandDialogProps extends Pick<\n  React.ComponentProps<typeof CommandPrimitive>,\n  'filter' | 'shouldFilter' | 'loop'\n> {\n  /** Controlled open state. */\n  open?: boolean;\n  /** Initial open state when uncontrolled. */\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Key for the built-in document shortcut (with Cmd on macOS / Ctrl elsewhere).\n   * Defaults to `'k'` (⌘K / Ctrl+K). Pass `false` to bind no listener and wire\n   * your own. The modifier is fixed; only the key is configurable.\n   */\n  shortcut?: string | false;\n  /** Accessible name → visually-hidden `DialogTitle`. Defaults to `\"Command palette\"`. */\n  label?: React.ReactNode;\n  /** Optional visually-hidden `DialogDescription`. */\n  description?: React.ReactNode;\n  className?: string;\n  /** `CommandInput` + `CommandList` + groups / items. */\n  children: React.ReactNode;\n}\n\n// ─── 3. Inline compound (cmdk passthroughs) ─── //\n\n/**\n * Inline command palette (cmdk root). Pass cmdk's `label` to give the search\n * input + listbox their accessible name — cmdk wires it via `aria-labelledby`,\n * which wins over any `aria-label` on `CommandInput`. `CommandDialog` sets this\n * for you from its `label`.\n */\nfunction Command({ className, ...props }: CommandProps) {\n  return (\n    <CommandPrimitive data-slot=\"command\" className={cn(commandVariants(), className)} {...props} />\n  );\n}\n\nfunction CommandInput({\n  className,\n  placeholder,\n  'aria-label': ariaLabel,\n  ...props\n}: CommandInputProps) {\n  return (\n    <div className=\"ddga-command__input-wrapper\" data-slot=\"command-input-wrapper\">\n      <Search className=\"ddga-command__search-icon\" aria-hidden=\"true\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn('ddga-command__input', className)}\n        placeholder={placeholder}\n        // role=\"combobox\" needs an accessible name. Fall back to the placeholder\n        // string so the input is named without forcing a separate label.\n        aria-label={ariaLabel ?? (typeof placeholder === 'string' ? placeholder : undefined)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({ className, ...props }: CommandListProps) {\n  // Native overflow scroll — cmdk manages scroll-into-view against this\n  // container; wrapping it in ScrollArea would fight that math.\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn('ddga-command__list', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({ className, ...props }: CommandEmptyProps) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className={cn('ddga-command__empty', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({ className, ...props }: CommandGroupProps) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn('ddga-command__group', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  'aria-hidden': ariaHidden = true,\n  ...props\n}: CommandSeparatorProps) {\n  // cmdk hardcodes role=\"separator\"; a separator is an invalid child of the\n  // list's role=\"listbox\" (aria-required-children). It's purely decorative —\n  // groups carry the semantics via their headings — so hide it from the a11y\n  // tree. cmdk spreads our props before its own attrs, so aria-hidden survives.\n  return (\n    <CommandPrimitive.Separator\n      aria-hidden={ariaHidden}\n      data-slot=\"command-separator\"\n      className={cn('ddga-command__separator', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  startIcon,\n  shortcut,\n  className,\n  children,\n  keywords,\n  ...props\n}: CommandItemProps) {\n  // Make the visible label searchable. cmdk filters against `value` + `keywords`,\n  // never the rendered text — so with a stable Latin `value` the label (e.g.\n  // Arabic) would be unmatchable. When the label is a plain string (our common\n  // case; icon/shortcut are separate props), fold it into keywords so typing the\n  // label works in any language. `value` stays the stable `onSelect` id.\n  const labelText = typeof children === 'string' ? children : undefined;\n  const mergedKeywords =\n    labelText && !keywords?.includes(labelText) ? [...(keywords ?? []), labelText] : keywords;\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn('ddga-command__item', className)}\n      keywords={mergedKeywords}\n      {...props}\n    >\n      {startIcon != null && (\n        <span className=\"ddga-command__item-icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      )}\n      <span className=\"ddga-command__item-label\">{children}</span>\n      {shortcut != null && <span className=\"ddga-command__item-shortcut\">{shortcut}</span>}\n    </CommandPrimitive.Item>\n  );\n}\n\n// ─── 4. Dialog surface (Radix Dialog + Command) ─── //\n\nfunction CommandDialog({\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  shortcut = 'k',\n  label = 'Command palette',\n  description,\n  className,\n  filter,\n  shouldFilter,\n  loop,\n  children,\n}: CommandDialogProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  // Built-in ⌘K / Ctrl+K toggle (opt-out via `shortcut={false}`). Mirrors\n  // Sidebar's Cmd/Ctrl+B. Bind the listener once (per shortcut) and read the\n  // live open state through a ref so it isn't torn down on every toggle; goes\n  // through `setOpen` so controlled + uncontrolled both work.\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  });\n  useEffect(() => {\n    if (typeof shortcut !== 'string') return;\n    const key = shortcut.toLowerCase();\n    const onKeyDown = (event: KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === key) {\n        event.preventDefault();\n        setOpen(!openRef.current);\n      }\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, [shortcut, setOpen]);\n\n  // Anchor the Portal to the DgaProvider body-level container so data-theme /\n  // dir / theme vars inherit and the fixed overlay escapes ancestor\n  // transform / overflow:hidden. Mirrors Modal; regression test asserts\n  // containment + dark data-theme.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={setOpen}>\n      <DialogPrimitive.Portal container={portalContainer}>\n        <DialogPrimitive.Overlay className=\"ddga-command__overlay\" data-slot=\"command-overlay\" />\n        <DialogPrimitive.Content\n          data-slot=\"command-dialog\"\n          className={cn('ddga-command-dialog', className)}\n          // Named by the visually-hidden title below. With no description,\n          // opt out of Radix's missing-description dev warning via its\n          // documented escape hatch (explicit aria-describedby={undefined}).\n          {...(description == null ? { 'aria-describedby': undefined } : {})}\n        >\n          <DialogPrimitive.Title asChild>\n            <VisuallyHidden.Root>{label}</VisuallyHidden.Root>\n          </DialogPrimitive.Title>\n          {description != null && (\n            <DialogPrimitive.Description asChild>\n              <VisuallyHidden.Root>{description}</VisuallyHidden.Root>\n            </DialogPrimitive.Description>\n          )}\n          <Command\n            data-slot=\"command-dialog-command\"\n            className=\"ddga-command--dialog\"\n            // Name cmdk's listbox + input with the dialog label (cmdk's `label`\n            // wins over our per-input aria-label via aria-labelledby).\n            label={typeof label === 'string' ? label : 'Command palette'}\n            filter={filter}\n            shouldFilter={shouldFilter}\n            loop={loop}\n          >\n            {children}\n          </Command>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\n// ─── 5. Exports ─── //\n\nexport {\n  Command,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandSeparator,\n  CommandDialog,\n  commandVariants,\n};\nexport type {\n  CommandProps,\n  CommandInputProps,\n  CommandListProps,\n  CommandEmptyProps,\n  CommandGroupProps,\n  CommandSeparatorProps,\n  CommandItemProps,\n  CommandDialogProps,\n};\n"]}

package/dist/chunk-IMW6TRMU.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-IMW6TRMU.cjs.map

package/dist/chunk-IMW6TRMU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-IMW6TRMU.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-IMW6TRMU.cjs"}

package/dist/{chunk-3X7ORLG5.cjs → chunk-J7XCG6SX.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
 
 
 var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
@@ -204,8 +204,8 @@ function InputOTP({
         ]
       }
     ),
-    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
+    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
   ] });
 }
 
@@ -213,4 +213,4 @@ function InputOTP({
 
 
 exports.inputOTPVariants = inputOTPVariants; exports.InputOTP = InputOTP;
-//# sourceMappingURL=chunk-3X7ORLG5.cjs.map
+//# sourceMappingURL=chunk-J7XCG6SX.cjs.map

package/dist/{chunk-3X7ORLG5.cjs.map → chunk-J7XCG6SX.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-3X7ORLG5.cjs","../src/components/InputOTP/InputOTP.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-3X7ORLG5.cjs","sourcesContent":[null,"'use client';\n\nimport { useMemo, useRef, useState, Fragment, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// Default: digits-only, allows the empty string so clearing works. Consumers\n// can pass any full-string regex (e.g. '^[a-zA-Z0-9]+$' for alphanumeric).\nconst DEFAULT_PATTERN = '^[0-9]*$';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the container that overlays the (visually-hidden) input on top of\n// the decorative slot row, mirroring NumberInput's control box.\nconst inputOTPVariants = cva('ddga-input-otp', {\n  variants: {\n    size: {\n      sm: 'ddga-input-otp--sm',\n      md: 'ddga-input-otp--md',\n      lg: 'ddga-input-otp--lg',\n    },\n    error: {\n      true: 'ddga-input-otp--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface InputOTPProps\n  extends\n    Omit<React.ComponentProps<'div'>, 'onChange' | 'defaultValue' | 'children'>,\n    VariantProps<typeof inputOTPVariants> {\n  /** Number of slots. Defaults to 6 (Saudi SMS OTP length). */\n  length?: number;\n  /** Optional visual grouping; must sum to `length`. Default: one group. */\n  groupSizes?: number[];\n  /** Controlled value (the entered characters). */\n  value?: string;\n  /** Uncontrolled initial value. */\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  /** Fires when all `length` slots are filled. */\n  onComplete?: (value: string) => void;\n  /** Full-string regex the entered value must match. Defaults to digits-only. */\n  pattern?: string;\n  /** Render dots instead of characters (PIN entry). */\n  mask?: boolean;\n  /** Override the divider rendered between groups. */\n  separator?: ReactNode;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  name?: string;\n  required?: boolean;\n  /** Visible field label, auto-associated to the input via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when invalid. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Helpers ─── //\n\n// Resolve the per-group slot counts. An absent/empty `groupSizes` is one group;\n// a mismatched sum is a caller bug, so dev-warn and fall back rather than render\n// a code whose layout doesn't match its length.\nfunction resolveGroups(length: number, groupSizes: number[] | undefined): number[] {\n  if (!groupSizes || groupSizes.length === 0) return [length];\n  const sum = groupSizes.reduce((total, n) => total + n, 0);\n  if (sum !== length) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn(\n        `[@dev-dga/react] InputOTP: groupSizes must sum to length (${length}); ` +\n          `got ${sum}. Falling back to a single group.`,\n      );\n    }\n    return [length];\n  }\n  return groupSizes;\n}\n\nfunction Slot({\n  char,\n  active,\n  caret,\n  mask,\n}: {\n  char: string | undefined;\n  active: boolean;\n  caret: boolean;\n  mask: boolean;\n}) {\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={active || undefined}\n      data-filled={char != null || undefined}\n      className=\"ddga-input-otp__slot\"\n    >\n      {char != null ? (mask ? '•' : char) : null}\n      {caret && (\n        <div aria-hidden=\"true\" data-slot=\"input-otp-caret\" className=\"ddga-input-otp__caret\" />\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Component ─── //\n\nfunction InputOTP({\n  id: externalId,\n  length = 6,\n  groupSizes,\n  value,\n  defaultValue,\n  onChange,\n  onComplete,\n  pattern = DEFAULT_PATTERN,\n  mask = false,\n  separator,\n  size,\n  disabled,\n  autoFocus,\n  name,\n  required,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...props\n}: InputOTPProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [focused, setFocused] = useState(false);\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState(defaultValue ?? '');\n  const current = isControlled ? value : internal;\n\n  // Compile the pattern once per change to `pattern`. A malformed regex is a\n  // caller bug — dev-warn and fall back to digits-only rather than throw on\n  // every keystroke (mirrors the groupSizes-mismatch handling).\n  const compiledPattern = useMemo(() => {\n    try {\n      return new RegExp(pattern);\n    } catch {\n      if (process.env.NODE_ENV === 'development') {\n        console.warn(\n          `[@dev-dga/react] InputOTP: invalid \\`pattern\\` regex \"${pattern}\". ` +\n            'Falling back to digits-only.',\n        );\n      }\n      return new RegExp(DEFAULT_PATTERN);\n    }\n  }, [pattern]);\n\n  // Guards onComplete against firing more than once for the same full value\n  // (IME / autofill can deliver the same value across repeated change events).\n  const completedRef = useRef<string | null>(null);\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'InputOTP',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n    });\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    // Strip whitespace + hyphens first, so a code pasted with display\n    // separators (\"123 456\", \"123-456\") still fills — neither is ever a valid\n    // OTP/PIN character. Then cap to `length`.\n    const next = event.target.value.replace(/[\\s-]/g, '').slice(0, length);\n    // Reject the whole (cleaned) candidate if it still doesn't match — the\n    // keystroke/paste never lands (mirrors NumberInput). The default pattern\n    // allows the empty string, so clearing always works.\n    if (!compiledPattern.test(next)) return;\n    if (!isControlled) setInternal(next);\n    onChange?.(next);\n    if (next.length === length) {\n      if (completedRef.current !== next) {\n        completedRef.current = next;\n        onComplete?.(next);\n      }\n    } else {\n      completedRef.current = null;\n    }\n  }\n\n  // Keep the caret at the end so Backspace always removes the last entered char;\n  // the visible caret is the fake one we draw on the active slot.\n  function moveCaretToEnd() {\n    const el = inputRef.current;\n    if (el) el.setSelectionRange(el.value.length, el.value.length);\n  }\n\n  const groups = resolveGroups(length, groupSizes);\n  const lastGroup = groups.length - 1;\n  // The active slot is where the next character lands (clamped to the last slot\n  // when the code is full). Only shown while focused.\n  const activeIndex = focused ? Math.min(current.length, length - 1) : -1;\n  const inputMode = pattern === DEFAULT_PATTERN ? 'numeric' : 'text';\n\n  return (\n    <div data-slot=\"input-otp-field\" className=\"ddga-field\" {...props}>\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-input-otp__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-input-otp__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        className={cn(inputOTPVariants({ size, error: hasError }), className)}\n        data-slot=\"input-otp\"\n      >\n        {/* The real control — overlays the row, visually transparent. Paste,\n            SMS autofill, typing, and Backspace all flow through its onChange. */}\n        <input\n          {...controlProps}\n          ref={inputRef}\n          type=\"text\"\n          inputMode={inputMode}\n          autoComplete=\"one-time-code\"\n          // The slots are the visible UI, but the value itself never renders\n          // here (the input is transparent), so masking is purely the slots'\n          // concern — even password managers can't read a visually-empty field.\n          value={current}\n          maxLength={length}\n          disabled={disabled}\n          autoFocus={autoFocus}\n          name={name}\n          required={required}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          onChange={handleChange}\n          onFocus={() => {\n            setFocused(true);\n            moveCaretToEnd();\n          }}\n          onBlur={() => setFocused(false)}\n          onPointerUp={moveCaretToEnd}\n          className=\"ddga-input-otp__input\"\n          data-slot=\"input-otp-input\"\n        />\n        {/* Decorative slot row. Forced LTR so the code is always read/entered\n            left-to-right even in an RTL form (DGA convention). */}\n        <div dir=\"ltr\" aria-hidden=\"true\" data-slot=\"input-otp-row\" className=\"ddga-input-otp__row\">\n          {groups.map((count, groupIndex) => {\n            const start = groups.slice(0, groupIndex).reduce((total, n) => total + n, 0);\n            return (\n              <Fragment key={groupIndex}>\n                <div data-slot=\"input-otp-group\" className=\"ddga-input-otp__group\">\n                  {Array.from({ length: count }, (_, offset) => {\n                    const index = start + offset;\n                    return (\n                      <Slot\n                        key={index}\n                        char={current[index]}\n                        active={index === activeIndex}\n                        caret={index === activeIndex && current.length < length}\n                        mask={mask}\n                      />\n                    );\n                  })}\n                </div>\n                {groupIndex < lastGroup && (\n                  <span\n                    aria-hidden=\"true\"\n                    data-slot=\"input-otp-separator\"\n                    className=\"ddga-input-otp__separator\"\n                  >\n                    {separator ?? <span className=\"ddga-input-otp__separator-dash\" />}\n                  </span>\n                )}\n              </Fragment>\n            );\n          })}\n        </div>\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 5. Exports ─── //\n\nexport { InputOTP, inputOTPVariants };\nexport type { InputOTPProps };\n"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-J7XCG6SX.cjs","../src/components/InputOTP/InputOTP.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-J7XCG6SX.cjs","sourcesContent":[null,"'use client';\n\nimport { useMemo, useRef, useState, Fragment, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// Default: digits-only, allows the empty string so clearing works. Consumers\n// can pass any full-string regex (e.g. '^[a-zA-Z0-9]+$' for alphanumeric).\nconst DEFAULT_PATTERN = '^[0-9]*$';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the container that overlays the (visually-hidden) input on top of\n// the decorative slot row, mirroring NumberInput's control box.\nconst inputOTPVariants = cva('ddga-input-otp', {\n  variants: {\n    size: {\n      sm: 'ddga-input-otp--sm',\n      md: 'ddga-input-otp--md',\n      lg: 'ddga-input-otp--lg',\n    },\n    error: {\n      true: 'ddga-input-otp--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface InputOTPProps\n  extends\n    Omit<React.ComponentProps<'div'>, 'onChange' | 'defaultValue' | 'children'>,\n    VariantProps<typeof inputOTPVariants> {\n  /** Number of slots. Defaults to 6 (Saudi SMS OTP length). */\n  length?: number;\n  /** Optional visual grouping; must sum to `length`. Default: one group. */\n  groupSizes?: number[];\n  /** Controlled value (the entered characters). */\n  value?: string;\n  /** Uncontrolled initial value. */\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  /** Fires when all `length` slots are filled. */\n  onComplete?: (value: string) => void;\n  /** Full-string regex the entered value must match. Defaults to digits-only. */\n  pattern?: string;\n  /** Render dots instead of characters (PIN entry). */\n  mask?: boolean;\n  /** Override the divider rendered between groups. */\n  separator?: ReactNode;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  name?: string;\n  required?: boolean;\n  /** Visible field label, auto-associated to the input via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when invalid. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Helpers ─── //\n\n// Resolve the per-group slot counts. An absent/empty `groupSizes` is one group;\n// a mismatched sum is a caller bug, so dev-warn and fall back rather than render\n// a code whose layout doesn't match its length.\nfunction resolveGroups(length: number, groupSizes: number[] | undefined): number[] {\n  if (!groupSizes || groupSizes.length === 0) return [length];\n  const sum = groupSizes.reduce((total, n) => total + n, 0);\n  if (sum !== length) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn(\n        `[@dev-dga/react] InputOTP: groupSizes must sum to length (${length}); ` +\n          `got ${sum}. Falling back to a single group.`,\n      );\n    }\n    return [length];\n  }\n  return groupSizes;\n}\n\nfunction Slot({\n  char,\n  active,\n  caret,\n  mask,\n}: {\n  char: string | undefined;\n  active: boolean;\n  caret: boolean;\n  mask: boolean;\n}) {\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-active={active || undefined}\n      data-filled={char != null || undefined}\n      className=\"ddga-input-otp__slot\"\n    >\n      {char != null ? (mask ? '•' : char) : null}\n      {caret && (\n        <div aria-hidden=\"true\" data-slot=\"input-otp-caret\" className=\"ddga-input-otp__caret\" />\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Component ─── //\n\nfunction InputOTP({\n  id: externalId,\n  length = 6,\n  groupSizes,\n  value,\n  defaultValue,\n  onChange,\n  onComplete,\n  pattern = DEFAULT_PATTERN,\n  mask = false,\n  separator,\n  size,\n  disabled,\n  autoFocus,\n  name,\n  required,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...props\n}: InputOTPProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [focused, setFocused] = useState(false);\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState(defaultValue ?? '');\n  const current = isControlled ? value : internal;\n\n  // Compile the pattern once per change to `pattern`. A malformed regex is a\n  // caller bug — dev-warn and fall back to digits-only rather than throw on\n  // every keystroke (mirrors the groupSizes-mismatch handling).\n  const compiledPattern = useMemo(() => {\n    try {\n      return new RegExp(pattern);\n    } catch {\n      if (process.env.NODE_ENV === 'development') {\n        console.warn(\n          `[@dev-dga/react] InputOTP: invalid \\`pattern\\` regex \"${pattern}\". ` +\n            'Falling back to digits-only.',\n        );\n      }\n      return new RegExp(DEFAULT_PATTERN);\n    }\n  }, [pattern]);\n\n  // Guards onComplete against firing more than once for the same full value\n  // (IME / autofill can deliver the same value across repeated change events).\n  const completedRef = useRef<string | null>(null);\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'InputOTP',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n    });\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    // Strip whitespace + hyphens first, so a code pasted with display\n    // separators (\"123 456\", \"123-456\") still fills — neither is ever a valid\n    // OTP/PIN character. Then cap to `length`.\n    const next = event.target.value.replace(/[\\s-]/g, '').slice(0, length);\n    // Reject the whole (cleaned) candidate if it still doesn't match — the\n    // keystroke/paste never lands (mirrors NumberInput). The default pattern\n    // allows the empty string, so clearing always works.\n    if (!compiledPattern.test(next)) return;\n    if (!isControlled) setInternal(next);\n    onChange?.(next);\n    if (next.length === length) {\n      if (completedRef.current !== next) {\n        completedRef.current = next;\n        onComplete?.(next);\n      }\n    } else {\n      completedRef.current = null;\n    }\n  }\n\n  // Keep the caret at the end so Backspace always removes the last entered char;\n  // the visible caret is the fake one we draw on the active slot.\n  function moveCaretToEnd() {\n    const el = inputRef.current;\n    if (el) el.setSelectionRange(el.value.length, el.value.length);\n  }\n\n  const groups = resolveGroups(length, groupSizes);\n  const lastGroup = groups.length - 1;\n  // The active slot is where the next character lands (clamped to the last slot\n  // when the code is full). Only shown while focused.\n  const activeIndex = focused ? Math.min(current.length, length - 1) : -1;\n  const inputMode = pattern === DEFAULT_PATTERN ? 'numeric' : 'text';\n\n  return (\n    <div data-slot=\"input-otp-field\" className=\"ddga-field\" {...props}>\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-input-otp__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-input-otp__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        className={cn(inputOTPVariants({ size, error: hasError }), className)}\n        data-slot=\"input-otp\"\n      >\n        {/* The real control — overlays the row, visually transparent. Paste,\n            SMS autofill, typing, and Backspace all flow through its onChange. */}\n        <input\n          {...controlProps}\n          ref={inputRef}\n          type=\"text\"\n          inputMode={inputMode}\n          autoComplete=\"one-time-code\"\n          // The slots are the visible UI, but the value itself never renders\n          // here (the input is transparent), so masking is purely the slots'\n          // concern — even password managers can't read a visually-empty field.\n          value={current}\n          maxLength={length}\n          disabled={disabled}\n          autoFocus={autoFocus}\n          name={name}\n          required={required}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          onChange={handleChange}\n          onFocus={() => {\n            setFocused(true);\n            moveCaretToEnd();\n          }}\n          onBlur={() => setFocused(false)}\n          onPointerUp={moveCaretToEnd}\n          className=\"ddga-input-otp__input\"\n          data-slot=\"input-otp-input\"\n        />\n        {/* Decorative slot row. Forced LTR so the code is always read/entered\n            left-to-right even in an RTL form (DGA convention). */}\n        <div dir=\"ltr\" aria-hidden=\"true\" data-slot=\"input-otp-row\" className=\"ddga-input-otp__row\">\n          {groups.map((count, groupIndex) => {\n            const start = groups.slice(0, groupIndex).reduce((total, n) => total + n, 0);\n            return (\n              <Fragment key={groupIndex}>\n                <div data-slot=\"input-otp-group\" className=\"ddga-input-otp__group\">\n                  {Array.from({ length: count }, (_, offset) => {\n                    const index = start + offset;\n                    return (\n                      <Slot\n                        key={index}\n                        char={current[index]}\n                        active={index === activeIndex}\n                        caret={index === activeIndex && current.length < length}\n                        mask={mask}\n                      />\n                    );\n                  })}\n                </div>\n                {groupIndex < lastGroup && (\n                  <span\n                    aria-hidden=\"true\"\n                    data-slot=\"input-otp-separator\"\n                    className=\"ddga-input-otp__separator\"\n                  >\n                    {separator ?? <span className=\"ddga-input-otp__separator-dash\" />}\n                  </span>\n                )}\n              </Fragment>\n            );\n          })}\n        </div>\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 5. Exports ─── //\n\nexport { InputOTP, inputOTPVariants };\nexport type { InputOTPProps };\n"]}

package/dist/chunk-JAMYRBHS.js

@@ -0,0 +1,375 @@
+import {
+  SearchBox
+} from "./chunk-WRUVDZRI.js";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-APD5WA65.js";
+import {
+  Checkbox
+} from "./chunk-TNIRKGXY.js";
+import {
+  Button
+} from "./chunk-GQAX2CH6.js";
+import {
+  Check,
+  ChevronDown,
+  Filter
+} from "./chunk-FFGALWM2.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Filtration/Filtration.tsx
+import {
+  Children,
+  Fragment,
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useId,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
+var filtrationPanelVariants = cva("ddga-filtration-panel", {
+  variants: {
+    inline: {
+      true: "ddga-filtration-panel--inline"
+    }
+  }
+});
+var FiltrationContext = createContext(null);
+function Filtration({
+  overlay = true,
+  open,
+  defaultOpen,
+  onOpenChange,
+  children
+}) {
+  const isControlled = open !== void 0;
+  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);
+  const actualOpen = isControlled ? open : internalOpen;
+  const setOpen = useCallback(
+    (next) => {
+      if (!isControlled) setInternalOpen(next);
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const ctx = useMemo(
+    () => ({ overlay, open: actualOpen, setOpen }),
+    [overlay, actualOpen, setOpen]
+  );
+  return /* @__PURE__ */ jsx(FiltrationContext.Provider, { value: ctx, children: overlay ? /* @__PURE__ */ jsx(Popover, { open: actualOpen, onOpenChange: setOpen, children }) : children });
+}
+function FiltrationTrigger({
+  size = "lg",
+  startIcon,
+  endIcon,
+  className,
+  children,
+  ...props
+}) {
+  const ctx = useContext(FiltrationContext);
+  const overlay = ctx?.overlay ?? true;
+  const warned = useRef(false);
+  useEffect(() => {
+    if (process.env.NODE_ENV !== "production" && !overlay && !warned.current) {
+      warned.current = true;
+      console.warn(
+        "[@dev-dga/react] <FiltrationTrigger> only renders in overlay mode. In an inline <Filtration overlay={false}> the panel is always visible, so the trigger is omitted."
+      );
+    }
+  }, [overlay]);
+  if (!overlay) return null;
+  const button = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "black",
+      size,
+      startIcon: startIcon ?? /* @__PURE__ */ jsx(Filter, { "aria-hidden": "true" }),
+      endIcon: endIcon ?? /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }),
+      "data-slot": "filtration-trigger",
+      className: cn("ddga-filtration__trigger", className),
+      ...props,
+      children
+    }
+  );
+  return /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: button });
+}
+function FiltrationResults({
+  className,
+  children,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  if (process.env.NODE_ENV !== "production" && !ariaLabel && !props["aria-labelledby"]) {
+    console.warn(
+      '[@dev-dga/react] <FiltrationResults> should have an `aria-label` (e.g. "Applied filters") so the chip group has an accessible name.'
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      "data-slot": "filtration-results",
+      className: cn("ddga-filtration-results", className),
+      ...props,
+      children
+    }
+  );
+}
+function interleaveDividers(children) {
+  const items = Children.toArray(children).filter(Boolean);
+  return items.map((child, i) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    i > 0 ? /* @__PURE__ */ jsx("div", { className: "ddga-filtration__divider", "aria-hidden": "true" }) : null,
+    child
+  ] }, i));
+}
+function FiltrationPanel({ className, children, ...props }) {
+  const ctx = useContext(FiltrationContext);
+  const overlay = ctx?.overlay ?? true;
+  if (overlay) {
+    return /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        "data-slot": "filtration-panel",
+        align: "start",
+        className: cn(filtrationPanelVariants(), className),
+        ...props,
+        children: interleaveDividers(children)
+      }
+    );
+  }
+  if (process.env.NODE_ENV !== "production" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      "[@dev-dga/react] An inline <FiltrationPanel> should have an `aria-label` or `aria-labelledby` so the region has an accessible name."
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      "data-slot": "filtration-panel",
+      className: cn(filtrationPanelVariants({ inline: true }), className),
+      ...props,
+      children: interleaveDividers(children)
+    }
+  );
+}
+function FiltrationSection({
+  label,
+  count,
+  formatCount = (n) => `(${n} selections)`,
+  className,
+  children,
+  ...props
+}) {
+  const labelId = useId();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-labelledby": labelId,
+      "data-slot": "filtration-section",
+      className: cn("ddga-filtration-section", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("p", { id: labelId, className: "ddga-filtration-section__label", children: [
+          label,
+          count != null ? /* @__PURE__ */ jsxs("span", { className: "ddga-filtration-section__count", children: [
+            " ",
+            formatCount(count)
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "ddga-filtration-section__body", children })
+      ]
+    }
+  );
+}
+function optionText(label, value) {
+  return typeof label === "string" ? label : value;
+}
+function FiltrationCheckboxFilter({
+  options,
+  value,
+  defaultValue,
+  onValueChange,
+  searchable = false,
+  searchPlaceholder,
+  searchLabel = "Search options",
+  collapseAfter,
+  showMoreLabel = (remaining) => `Show ${remaining} more`,
+  showLessLabel = "Show less",
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  ...rest
+}) {
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = useState(defaultValue ?? []);
+  const selected = isControlled ? value : internal;
+  const [query, setQuery] = useState("");
+  const [expanded, setExpanded] = useState(false);
+  const listId = useId();
+  const toggle = (optValue) => {
+    const next = selected.includes(optValue) ? selected.filter((v) => v !== optValue) : [...selected, optValue];
+    if (!isControlled) setInternal(next);
+    onValueChange?.(next);
+  };
+  const filtered = useMemo(() => {
+    const q = query.trim().toLowerCase();
+    if (!searchable || !q) return options;
+    return options.filter((o) => optionText(o.label, o.value).toLowerCase().includes(q));
+  }, [options, query, searchable]);
+  const collapsible = collapseAfter != null && filtered.length > collapseAfter;
+  const visible = collapsible && !expanded ? filtered.slice(0, collapseAfter) : filtered;
+  const remaining = collapsible ? filtered.length - (collapseAfter ?? 0) : 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...rest,
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledby,
+      "data-slot": "filtration-checkbox-filter",
+      className: cn("ddga-filtration-checkbox-filter", className),
+      children: [
+        searchable ? /* @__PURE__ */ jsx(
+          SearchBox,
+          {
+            "aria-label": searchLabel,
+            placeholder: searchPlaceholder,
+            voiceSearch: false,
+            value: query,
+            onChange: (event) => setQuery(event.target.value)
+          }
+        ) : null,
+        /* @__PURE__ */ jsx("div", { id: listId, className: "ddga-filtration-checkbox-filter__list", children: visible.map((opt) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            size: "sm",
+            value: opt.value,
+            checked: selected.includes(opt.value),
+            onCheckedChange: () => toggle(opt.value),
+            disabled: opt.disabled,
+            label: /* @__PURE__ */ jsxs(Fragment2, { children: [
+              opt.label,
+              opt.count != null ? /* @__PURE__ */ jsxs("span", { className: "ddga-filtration-checkbox-filter__count", "aria-hidden": "true", children: [
+                " ",
+                "(",
+                opt.count,
+                ")"
+              ] }) : null
+            ] })
+          },
+          opt.value
+        )) }),
+        collapsible ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ddga-filtration-checkbox-filter__more",
+            "aria-expanded": expanded,
+            "aria-controls": listId,
+            onClick: () => setExpanded((prev) => !prev),
+            children: [
+              expanded ? showLessLabel : showMoreLabel(remaining),
+              /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  className: cn("ddga-filtration-checkbox-filter__more-icon", expanded && "is-open"),
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function FiltrationOptionList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    {
+      "data-slot": "filtration-option-list",
+      className: cn("ddga-filtration-option-list", className),
+      ...props
+    }
+  );
+}
+function FiltrationOption({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    RadioGroupPrimitive.Item,
+    {
+      "data-slot": "filtration-option",
+      className: cn("ddga-filtration-option", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "ddga-filtration-option__label", children }),
+        /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "ddga-filtration-option__indicator", children: /* @__PURE__ */ jsx(Check, { className: "ddga-filtration-option__check", "aria-hidden": "true" }) })
+      ]
+    }
+  );
+}
+function FiltrationFooter({
+  applyLabel = "Apply Filters",
+  clearLabel = "Clear Filter",
+  appliedCount,
+  onApply,
+  onClear,
+  closeOnApply = true,
+  className,
+  ...props
+}) {
+  const ctx = useContext(FiltrationContext);
+  const handleApply = () => {
+    onApply?.();
+    if (closeOnApply && ctx?.overlay) ctx.setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "filtration-footer",
+      className: cn("ddga-filtration-footer", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "primary",
+            size: "lg",
+            className: "ddga-filtration-footer__apply",
+            onClick: handleApply,
+            children: [
+              applyLabel,
+              appliedCount != null ? ` (${appliedCount})` : ""
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "lg", onClick: onClear, children: clearLabel })
+      ]
+    }
+  );
+}
+
+export {
+  filtrationPanelVariants,
+  Filtration,
+  FiltrationTrigger,
+  FiltrationResults,
+  FiltrationPanel,
+  FiltrationSection,
+  FiltrationCheckboxFilter,
+  FiltrationOptionList,
+  FiltrationOption,
+  FiltrationFooter
+};
+//# sourceMappingURL=chunk-JAMYRBHS.js.map

package/dist/chunk-JAMYRBHS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Filtration/Filtration.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Children,\n  Fragment,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Button, type ButtonProps } from '../Button';\nimport { Popover, PopoverTrigger, PopoverContent } from '../Popover';\nimport { Checkbox } from '../Checkbox';\nimport { SearchBox } from '../SearchBox';\nimport { Check, Filter, ChevronDown } from '../../internal/icons';\n\nconst filtrationPanelVariants = cva('ddga-filtration-panel', {\n  variants: {\n    inline: {\n      true: 'ddga-filtration-panel--inline',\n    },\n  },\n});\n\ninterface FiltrationContextValue {\n  /** `true` = floating overlay (Popover); `false` = embedded inline panel. */\n  overlay: boolean;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nconst FiltrationContext = createContext<FiltrationContextValue | null>(null);\n\ninterface FiltrationProps {\n  /** Floating overlay anchored to the trigger (default) vs an embedded inline panel. */\n  overlay?: boolean;\n  /** Controlled open state (overlay only). */\n  open?: boolean;\n  /** Uncontrolled initial open state (overlay only). */\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\ntype FiltrationTriggerProps = Omit<ButtonProps, 'variant' | 'asChild'>;\n\ninterface FiltrationResultsProps extends React.ComponentProps<'div'> {\n  /** Names the applied-filters chip group for assistive tech, e.g. \"Applied filters\". */\n  'aria-label'?: string;\n}\n\ntype FiltrationPanelProps = Omit<React.ComponentProps<typeof PopoverContent>, 'size' | 'arrow'>;\n\ninterface FiltrationSectionProps extends React.ComponentProps<'div'> {\n  /** Section heading (Text sm/Semibold). */\n  label: ReactNode;\n  /** Selected-count badge; rendered via `formatCount`. */\n  count?: number;\n  /** Maps `count` → the suffix text. Defaults to `(n selections)`. Override for i18n. */\n  formatCount?: (count: number) => ReactNode;\n}\n\ninterface FiltrationCheckboxOption {\n  value: string;\n  label: ReactNode;\n  /** Optional trailing count, e.g. number of matching results. */\n  count?: number;\n  disabled?: boolean;\n}\n\ninterface FiltrationCheckboxFilterProps extends Omit<React.ComponentProps<'div'>, 'defaultValue'> {\n  options: FiltrationCheckboxOption[];\n  /** Controlled selected values. */\n  value?: string[];\n  /** Uncontrolled initial selected values. */\n  defaultValue?: string[];\n  onValueChange?: (next: string[]) => void;\n  /** Show a search field that filters options by label. */\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  /** Accessible label for the search field (it has no visible label). */\n  searchLabel?: string;\n  /** Collapse to the first N options behind a \"Show more\" toggle. */\n  collapseAfter?: number;\n  /** Maps the hidden-count → the expand button label. Default `Show {n} more`. */\n  showMoreLabel?: (remaining: number) => ReactNode;\n  showLessLabel?: ReactNode;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  className?: string;\n}\n\ntype FiltrationOptionListProps = Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Root>,\n  'asChild'\n>;\n\ninterface FiltrationOptionProps extends Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n  'children'\n> {\n  children: ReactNode;\n}\n\ninterface FiltrationFooterProps extends React.ComponentProps<'div'> {\n  applyLabel?: ReactNode;\n  clearLabel?: ReactNode;\n  /** Appended to the apply label as `(n)`. */\n  appliedCount?: number;\n  onApply?: () => void;\n  onClear?: () => void;\n  /** Close the overlay when Apply is pressed (overlay only). Default `true`. */\n  closeOnApply?: boolean;\n}\n\nfunction Filtration({\n  overlay = true,\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}: FiltrationProps) {\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const actualOpen = isControlled ? open : internalOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const ctx = useMemo<FiltrationContextValue>(\n    () => ({ overlay, open: actualOpen, setOpen }),\n    [overlay, actualOpen, setOpen],\n  );\n\n  return (\n    <FiltrationContext.Provider value={ctx}>\n      {overlay ? (\n        <Popover open={actualOpen} onOpenChange={setOpen}>\n          {children}\n        </Popover>\n      ) : (\n        children\n      )}\n    </FiltrationContext.Provider>\n  );\n}\n\nfunction FiltrationTrigger({\n  size = 'lg',\n  startIcon,\n  endIcon,\n  className,\n  children,\n  ...props\n}: FiltrationTriggerProps) {\n  const ctx = useContext(FiltrationContext);\n  const overlay = ctx?.overlay ?? true;\n\n  const warned = useRef(false);\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && !overlay && !warned.current) {\n      warned.current = true;\n      console.warn(\n        '[@dev-dga/react] <FiltrationTrigger> only renders in overlay mode. In an inline ' +\n          '<Filtration overlay={false}> the panel is always visible, so the trigger is omitted.',\n      );\n    }\n  }, [overlay]);\n\n  if (!overlay) return null;\n\n  const button = (\n    <Button\n      variant=\"black\"\n      size={size}\n      startIcon={startIcon ?? <Filter aria-hidden=\"true\" />}\n      endIcon={endIcon ?? <ChevronDown aria-hidden=\"true\" />}\n      data-slot=\"filtration-trigger\"\n      className={cn('ddga-filtration__trigger', className)}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n\n  return <PopoverTrigger asChild>{button}</PopoverTrigger>;\n}\n\nfunction FiltrationResults({\n  className,\n  children,\n  'aria-label': ariaLabel,\n  ...props\n}: FiltrationResultsProps) {\n  if (process.env.NODE_ENV !== 'production' && !ariaLabel && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] <FiltrationResults> should have an `aria-label` (e.g. \"Applied filters\") so the chip group has an accessible name.',\n    );\n  }\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      data-slot=\"filtration-results\"\n      className={cn('ddga-filtration-results', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// SDGA draws an explicit hairline between every panel child (sections + footer),\n// inset 8px each side and floating in the 8px inter-child gap — not an edge border.\nfunction interleaveDividers(children: ReactNode): ReactNode {\n  const items = Children.toArray(children).filter(Boolean);\n  return items.map((child, i) => (\n    <Fragment key={i}>\n      {i > 0 ? <div className=\"ddga-filtration__divider\" aria-hidden=\"true\" /> : null}\n      {child}\n    </Fragment>\n  ));\n}\n\nfunction FiltrationPanel({ className, children, ...props }: FiltrationPanelProps) {\n  const ctx = useContext(FiltrationContext);\n  const overlay = ctx?.overlay ?? true;\n\n  if (overlay) {\n    return (\n      <PopoverContent\n        data-slot=\"filtration-panel\"\n        align=\"start\"\n        className={cn(filtrationPanelVariants(), className)}\n        {...props}\n      >\n        {interleaveDividers(children)}\n      </PopoverContent>\n    );\n  }\n\n  if (process.env.NODE_ENV !== 'production' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] An inline <FiltrationPanel> should have an `aria-label` or `aria-labelledby` so the region has an accessible name.',\n    );\n  }\n\n  return (\n    <section\n      data-slot=\"filtration-panel\"\n      className={cn(filtrationPanelVariants({ inline: true }), className)}\n      {...props}\n    >\n      {interleaveDividers(children)}\n    </section>\n  );\n}\n\nfunction FiltrationSection({\n  label,\n  count,\n  formatCount = (n) => `(${n} selections)`,\n  className,\n  children,\n  ...props\n}: FiltrationSectionProps) {\n  const labelId = useId();\n  return (\n    <div\n      role=\"group\"\n      aria-labelledby={labelId}\n      data-slot=\"filtration-section\"\n      className={cn('ddga-filtration-section', className)}\n      {...props}\n    >\n      <p id={labelId} className=\"ddga-filtration-section__label\">\n        {label}\n        {count != null ? (\n          <span className=\"ddga-filtration-section__count\"> {formatCount(count)}</span>\n        ) : null}\n      </p>\n      <div className=\"ddga-filtration-section__body\">{children}</div>\n    </div>\n  );\n}\n\nfunction optionText(label: ReactNode, value: string): string {\n  return typeof label === 'string' ? label : value;\n}\n\nfunction FiltrationCheckboxFilter({\n  options,\n  value,\n  defaultValue,\n  onValueChange,\n  searchable = false,\n  searchPlaceholder,\n  searchLabel = 'Search options',\n  collapseAfter,\n  showMoreLabel = (remaining) => `Show ${remaining} more`,\n  showLessLabel = 'Show less',\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...rest\n}: FiltrationCheckboxFilterProps) {\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? []);\n  const selected = isControlled ? value : internal;\n\n  const [query, setQuery] = useState('');\n  const [expanded, setExpanded] = useState(false);\n  const listId = useId();\n\n  const toggle = (optValue: string) => {\n    const next = selected.includes(optValue)\n      ? selected.filter((v) => v !== optValue)\n      : [...selected, optValue];\n    if (!isControlled) setInternal(next);\n    onValueChange?.(next);\n  };\n\n  const filtered = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    if (!searchable || !q) return options;\n    return options.filter((o) => optionText(o.label, o.value).toLowerCase().includes(q));\n  }, [options, query, searchable]);\n\n  const collapsible = collapseAfter != null && filtered.length > collapseAfter;\n  const visible = collapsible && !expanded ? filtered.slice(0, collapseAfter) : filtered;\n  const remaining = collapsible ? filtered.length - (collapseAfter ?? 0) : 0;\n\n  return (\n    <div\n      {...rest}\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      data-slot=\"filtration-checkbox-filter\"\n      className={cn('ddga-filtration-checkbox-filter', className)}\n    >\n      {searchable ? (\n        <SearchBox\n          aria-label={searchLabel}\n          placeholder={searchPlaceholder}\n          voiceSearch={false}\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n        />\n      ) : null}\n      <div id={listId} className=\"ddga-filtration-checkbox-filter__list\">\n        {visible.map((opt) => (\n          <Checkbox\n            key={opt.value}\n            size=\"sm\"\n            value={opt.value}\n            checked={selected.includes(opt.value)}\n            onCheckedChange={() => toggle(opt.value)}\n            disabled={opt.disabled}\n            label={\n              <>\n                {opt.label}\n                {opt.count != null ? (\n                  <span className=\"ddga-filtration-checkbox-filter__count\" aria-hidden=\"true\">\n                    {' '}\n                    ({opt.count})\n                  </span>\n                ) : null}\n              </>\n            }\n          />\n        ))}\n      </div>\n      {collapsible ? (\n        <button\n          type=\"button\"\n          className=\"ddga-filtration-checkbox-filter__more\"\n          aria-expanded={expanded}\n          aria-controls={listId}\n          onClick={() => setExpanded((prev) => !prev)}\n        >\n          {expanded ? showLessLabel : showMoreLabel(remaining)}\n          <ChevronDown\n            className={cn('ddga-filtration-checkbox-filter__more-icon', expanded && 'is-open')}\n            aria-hidden=\"true\"\n          />\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\nfunction FiltrationOptionList({ className, ...props }: FiltrationOptionListProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"filtration-option-list\"\n      className={cn('ddga-filtration-option-list', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FiltrationOption({ className, children, ...props }: FiltrationOptionProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"filtration-option\"\n      className={cn('ddga-filtration-option', className)}\n      {...props}\n    >\n      <span className=\"ddga-filtration-option__label\">{children}</span>\n      <RadioGroupPrimitive.Indicator className=\"ddga-filtration-option__indicator\">\n        <Check className=\"ddga-filtration-option__check\" aria-hidden=\"true\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nfunction FiltrationFooter({\n  applyLabel = 'Apply Filters',\n  clearLabel = 'Clear Filter',\n  appliedCount,\n  onApply,\n  onClear,\n  closeOnApply = true,\n  className,\n  ...props\n}: FiltrationFooterProps) {\n  const ctx = useContext(FiltrationContext);\n\n  const handleApply = () => {\n    onApply?.();\n    if (closeOnApply && ctx?.overlay) ctx.setOpen(false);\n  };\n\n  return (\n    <div\n      data-slot=\"filtration-footer\"\n      className={cn('ddga-filtration-footer', className)}\n      {...props}\n    >\n      <Button\n        variant=\"primary\"\n        size=\"lg\"\n        className=\"ddga-filtration-footer__apply\"\n        onClick={handleApply}\n      >\n        {applyLabel}\n        {appliedCount != null ? ` (${appliedCount})` : ''}\n      </Button>\n      <Button variant=\"ghost\" size=\"lg\" onClick={onClear}>\n        {clearLabel}\n      </Button>\n    </div>\n  );\n}\n\nexport {\n  Filtration,\n  FiltrationTrigger,\n  FiltrationResults,\n  FiltrationPanel,\n  FiltrationSection,\n  FiltrationCheckboxFilter,\n  FiltrationOptionList,\n  FiltrationOption,\n  FiltrationFooter,\n  filtrationPanelVariants,\n};\nexport type {\n  FiltrationProps,\n  FiltrationTriggerProps,\n  FiltrationResultsProps,\n  FiltrationPanelProps,\n  FiltrationSectionProps,\n  FiltrationCheckboxFilterProps,\n  FiltrationCheckboxOption,\n  FiltrationOptionListProps,\n  FiltrationOptionProps,\n  FiltrationFooterProps,\n};\n"],"mappings":"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","names":["Fragment"]}