@dev-dga/react 0.11.0 → 0.12.0

package/dist/chunk-CVQFSXRR.cjs

@@ -1,271 +0,0 @@
-"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 _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
-
-
-var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
-
-
-var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
-
-
-var _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
-
-
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
-
-// src/components/Combobox/Combobox.tsx
-
-
-
-
-
-
-
-
-
-var _react = require('react');
-var _cmdk = require('cmdk');
-var _radixui = require('radix-ui');
-var _classvarianceauthority = require('class-variance-authority');
-var _jsxruntime = require('react/jsx-runtime');
-var comboboxTriggerVariants = _classvarianceauthority.cva.call(void 0, "ddga-combobox-trigger", {
-  variants: {
-    size: {
-      sm: "ddga-combobox-trigger--sm",
-      md: "ddga-combobox-trigger--md"
-    },
-    error: {
-      true: "ddga-combobox-trigger--error"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var comboboxVariants = comboboxTriggerVariants;
-var ComboboxContext = _react.createContext.call(void 0, null);
-function useComboboxContext(component) {
-  const ctx = _react.useContext.call(void 0, ComboboxContext);
-  if (!ctx) {
-    throw new Error(`<${component}> must be rendered inside <Combobox>.`);
-  }
-  return ctx;
-}
-function warnRichLabelNeedsAriaLabel(label, ariaLabel, ariaLabelledBy) {
-  if (process.env.NODE_ENV === "production") return;
-  if (ariaLabel || ariaLabelledBy) return;
-  if (label === void 0 || label === null || typeof label === "string") return;
-  console.warn(
-    '[dga/Combobox] `label` is a non-string node and no `aria-label`/`aria-labelledby` was given, so the options popover falls back to the untranslated name "Options". Pass a localized `aria-label` to name the popover for screen-reader users.'
-  );
-}
-function Combobox({
-  value: controlledValue,
-  defaultValue,
-  onValueChange,
-  open: controlledOpen,
-  defaultOpen,
-  onOpenChange,
-  label,
-  helperText,
-  errorMessage,
-  error,
-  required,
-  disabled,
-  size,
-  placeholder,
-  searchPlaceholder = "Search\u2026",
-  emptyMessage = "No results.",
-  getLabel,
-  id: externalId,
-  className,
-  children,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy
-}) {
-  warnRichLabelNeedsAriaLabel(label, ariaLabel, ariaLabelledBy);
-  const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : internalValue;
-  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, _nullishCoalesce(defaultOpen, () => ( false)));
-  const isOpenControlled = controlledOpen !== void 0;
-  const open = isOpenControlled ? controlledOpen : internalOpen;
-  const setOpen = _react.useCallback.call(void 0, 
-    (next) => {
-      if (!isOpenControlled) setInternalOpen(next);
-      _optionalChain([onOpenChange, 'optionalCall', _ => _(next)]);
-    },
-    [isOpenControlled, onOpenChange]
-  );
-  const select = _react.useCallback.call(void 0, 
-    (next) => {
-      if (!isControlled) setInternalValue(next);
-      _optionalChain([onValueChange, 'optionalCall', _2 => _2(next)]);
-      setOpen(false);
-    },
-    [isControlled, onValueChange, setOpen]
-  );
-  const ctx = _react.useMemo.call(void 0, () => ({ value, select }), [value, select]);
-  const itemLabels = _react.useMemo.call(void 0, () => {
-    const map = /* @__PURE__ */ new Map();
-    const visit = (nodes) => {
-      _react.Children.forEach(nodes, (child) => {
-        if (!_react.isValidElement.call(void 0, child)) return;
-        const childProps = child.props;
-        if (typeof childProps.value === "string") {
-          map.set(childProps.value, childProps.children);
-        } else if (childProps.children) {
-          visit(childProps.children);
-        }
-      });
-    };
-    visit(children);
-    return map;
-  }, [children]);
-  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
-    name: "Combobox",
-    id: externalId,
-    label,
-    error,
-    errorMessage,
-    helperText,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy
-  });
-  const providerCtx = _react.useContext.call(void 0, _chunkFQLVTLUIcjs.DgaContext);
-  const portalContainer = _nullishCoalesce(_nullishCoalesce(_optionalChain([providerCtx, 'optionalAccess', _3 => _3.portalEl]), () => ( _optionalChain([providerCtx, 'optionalAccess', _4 => _4.rootEl]))), () => ( void 0));
-  const triggerLabel = _react.useMemo.call(void 0, () => {
-    if (value === void 0) return null;
-    if (getLabel) return getLabel(value);
-    return _nullishCoalesce(itemLabels.get(value), () => ( null));
-  }, [value, getLabel, itemLabels]);
-  const searchId = _react.useId.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ComboboxContext.Provider, { value: ctx, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "combobox-field", className: "ddga-field", children: [
-    label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { htmlFor: fieldId, className: "ddga-combobox__label", children: [
-      label,
-      required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-combobox__required", children: "*" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Popover.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "button",
-        {
-          type: "button",
-          ...controlProps,
-          "aria-required": required || void 0,
-          disabled,
-          "data-slot": "combobox-trigger",
-          className: _chunkV6MXOJQ4cjs.cn.call(void 0, comboboxTriggerVariants({ size, error: hasError }), className),
-          children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-combobox__value", children: _nullishCoalesce(triggerLabel, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-combobox__placeholder", children: placeholder }))) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.ChevronDown, { "aria-hidden": "true", className: "ddga-combobox__icon" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Popover.Portal, { container: portalContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _radixui.Popover.Content,
-        {
-          "data-slot": "combobox-content",
-          className: "ddga-combobox-content",
-          sideOffset: 4,
-          align: "start",
-          "aria-label": _nullishCoalesce(ariaLabel, () => ( (typeof label === "string" ? label : "Options"))),
-          "aria-labelledby": ariaLabelledBy,
-          style: { inlineSize: "var(--radix-popover-trigger-width)" },
-          onOpenAutoFocus: (event) => {
-            event.preventDefault();
-          },
-          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _cmdk.Command,
-            {
-              id: searchId,
-              "data-slot": "combobox-command",
-              className: "ddga-combobox-command",
-              children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _cmdk.Command.Input,
-                  {
-                    autoFocus: true,
-                    placeholder: searchPlaceholder,
-                    "data-slot": "combobox-input",
-                    className: "ddga-combobox-input"
-                  }
-                ),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _cmdk.Command.List, { "data-slot": "combobox-list", className: "ddga-combobox-list", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command.Empty, { "data-slot": "combobox-empty", className: "ddga-combobox-empty", children: emptyMessage }),
-                  children
-                ] })
-              ]
-            }
-          )
-        }
-      ) })
-    ] }),
-    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 })
-  ] }) });
-}
-function ComboboxItem({
-  value,
-  keywords,
-  disabled,
-  onSelect,
-  className,
-  children,
-  ...props
-}) {
-  const { value: selectedValue, select } = useComboboxContext("ComboboxItem");
-  const isSelected = selectedValue === value;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _cmdk.Command.Item,
-    {
-      value,
-      keywords,
-      disabled,
-      onSelect: (v) => {
-        _optionalChain([onSelect, 'optionalCall', _5 => _5(v)]);
-        select(v);
-      },
-      "data-slot": "combobox-item",
-      "data-active": isSelected ? "" : void 0,
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-combobox-item", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-combobox-item__check", "aria-hidden": "true", children: isSelected ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Check, {}) : null }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-combobox-item__label", children })
-      ]
-    }
-  );
-}
-function ComboboxGroup({ className, heading, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _cmdk.Command.Group,
-    {
-      heading,
-      "data-slot": "combobox-group",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-combobox-group", className),
-      ...props
-    }
-  );
-}
-function ComboboxSeparator({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _cmdk.Command.Separator,
-    {
-      "data-slot": "combobox-separator",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-combobox-separator", className),
-      ...props
-    }
-  );
-}
-
-
-
-
-
-
-
-
-exports.comboboxTriggerVariants = comboboxTriggerVariants; exports.comboboxVariants = comboboxVariants; exports.Combobox = Combobox; exports.ComboboxItem = ComboboxItem; exports.ComboboxGroup = ComboboxGroup; exports.ComboboxSeparator = ComboboxSeparator;
-//# sourceMappingURL=chunk-CVQFSXRR.cjs.map

package/dist/chunk-CVQFSXRR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CVQFSXRR.cjs","../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CVQFSXRR.cjs","sourcesContent":[null,"'use client';\n\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { Command } from 'cmdk';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, ChevronDown } from '../../internal/icons';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── 1. Variants ─── //\n\n// Trigger height matches Input/Select so a Combobox lines up in a form row.\nconst comboboxTriggerVariants = cva('ddga-combobox-trigger', {\n  variants: {\n    size: {\n      sm: 'ddga-combobox-trigger--sm',\n      md: 'ddga-combobox-trigger--md',\n    },\n    error: {\n      true: 'ddga-combobox-trigger--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// Keep a no-op `comboboxVariants` for parity with the project's barrel\n// convention (every component re-exports a *Variants from its barrel).\nconst comboboxVariants = comboboxTriggerVariants;\n\n// ─── 2. Context (bridges Root state to Items + label lookup) ─── //\n//\n// Items register `value → label` on mount so the trigger can render the\n// selected option's human-readable label without consumers having to thread\n// a separate `displayValue` function in the common case. Async-loaded\n// options can still override via `<Combobox getLabel={...}>` below.\n\ninterface ComboboxContextValue {\n  value?: string;\n  select: (value: string) => void;\n}\n\nconst ComboboxContext = createContext<ComboboxContextValue | null>(null);\n\nfunction useComboboxContext(component: string): ComboboxContextValue {\n  const ctx = useContext(ComboboxContext);\n  if (!ctx) {\n    throw new Error(`<${component}> must be rendered inside <Combobox>.`);\n  }\n  return ctx;\n}\n\n// ─── 3. Types ─── //\n\ninterface ComboboxProps extends VariantProps<typeof comboboxTriggerVariants> {\n  /** Currently selected option value (controlled). */\n  value?: string;\n  /** Initial value when uncontrolled. */\n  defaultValue?: string;\n  /** Fires whenever the selection changes (controlled or uncontrolled). */\n  onValueChange?: (value: string) => void;\n  /** Controlled popover open state. */\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Visible label above the trigger. */\n  label?: ReactNode;\n  /** Hint shown below the trigger when there's no error. */\n  helperText?: ReactNode;\n  /** Message shown below the trigger when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid — sets `aria-invalid` and the error border. */\n  error?: boolean;\n  /** Marks the field required — adds the asterisk + `aria-required`. */\n  required?: boolean;\n  /** Disables the trigger entirely. */\n  disabled?: boolean;\n  /** Placeholder shown in the trigger when no value is selected. */\n  placeholder?: ReactNode;\n  /** Placeholder for the search input inside the panel. Defaults to `\"Search…\"`. */\n  searchPlaceholder?: string;\n  /** Shown when no item matches the search query. Defaults to `\"No results.\"`. */\n  emptyMessage?: ReactNode;\n  /**\n   * Override the trigger label resolver — useful when items are loaded async\n   * after the value is set, or when the trigger should show a richer label\n   * than the item's rendered children. Receives the current value, returns\n   * the node to display. Falls back to the registered item's label.\n   */\n  getLabel?: (value: string) => ReactNode;\n  /** Caller-supplied id for the trigger; falls back to a generated one. */\n  id?: string;\n  /** Forwarded to the trigger (the focusable button). */\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  /** `<ComboboxItem>` (+ optional Group / Separator) children. */\n  children: ReactNode;\n}\n\ninterface ComboboxItemProps extends Omit<\n  React.ComponentProps<typeof Command.Item>,\n  'value' | 'onSelect'\n> {\n  /** Stable value for filtering + selection. */\n  value: string;\n  /** Extra search terms cmdk should match against the input. */\n  keywords?: string[];\n  /** Disable this item from selection. */\n  disabled?: boolean;\n  /** Optional select handler — fires alongside the root's `onValueChange`. */\n  onSelect?: (value: string) => void;\n}\n\ninterface ComboboxGroupProps extends React.ComponentProps<typeof Command.Group> {\n  /** Group heading rendered above its items. */\n  heading?: ReactNode;\n}\n\ntype ComboboxSeparatorProps = React.ComponentProps<typeof Command.Separator>;\n\n// ─── 4. Root ─── //\n\n// Dev-only nudge: when `label` is a rich (non-string) node and no\n// `aria-label`/`aria-labelledby` is given, the options popover (role=\"dialog\")\n// falls back to the untranslated name \"Options\". Point i18n-conscious consumers\n// at the fix. Mirrors the ScrollArea/Popover a11y warnings.\nfunction warnRichLabelNeedsAriaLabel(\n  label: ReactNode,\n  ariaLabel?: string,\n  ariaLabelledBy?: string,\n) {\n  if (process.env.NODE_ENV === 'production') return;\n  if (ariaLabel || ariaLabelledBy) return;\n  if (label === undefined || label === null || typeof label === 'string') return;\n  console.warn(\n    '[dga/Combobox] `label` is a non-string node and no `aria-label`/`aria-labelledby` was ' +\n      'given, so the options popover falls back to the untranslated name \"Options\". Pass a ' +\n      'localized `aria-label` to name the popover for screen-reader users.',\n  );\n}\n\nfunction Combobox({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  required,\n  disabled,\n  size,\n  placeholder,\n  searchPlaceholder = 'Search…',\n  emptyMessage = 'No results.',\n  getLabel,\n  id: externalId,\n  className,\n  children,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n}: ComboboxProps) {\n  warnRichLabelNeedsAriaLabel(label, ariaLabel, ariaLabelledBy);\n\n  // Uncontrolled fallbacks.\n  const [internalValue, setInternalValue] = useState<string | undefined>(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : internalValue;\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const isOpenControlled = controlledOpen !== undefined;\n  const open = isOpenControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isOpenControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isOpenControlled, onOpenChange],\n  );\n\n  const select = useCallback(\n    (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onValueChange?.(next);\n      setOpen(false);\n    },\n    [isControlled, onValueChange, setOpen],\n  );\n\n  const ctx = useMemo<ComboboxContextValue>(() => ({ value, select }), [value, select]);\n\n  // Walk `children` once to build a value → label map. Synchronous so the\n  // trigger shows the right label on first render — registration via\n  // useEffect would only fire when items mount, and items don't mount until\n  // the popover opens (Radix Portal lazy-mounts). Recurses through\n  // `ComboboxGroup` so grouped items still resolve. Bare children only —\n  // doesn't dive into arbitrary nested DOM.\n  const itemLabels = useMemo<Map<string, ReactNode>>(() => {\n    const map = new Map<string, ReactNode>();\n    const visit = (nodes: ReactNode): void => {\n      Children.forEach(nodes, (child) => {\n        if (!isValidElement(child)) return;\n        const childProps = child.props as { value?: unknown; children?: ReactNode };\n        if (typeof childProps.value === 'string') {\n          map.set(childProps.value, childProps.children);\n        } else if (childProps.children) {\n          visit(childProps.children);\n        }\n      });\n    };\n    visit(children);\n    return map;\n  }, [children]);\n\n  // Field a11y wiring — same primitive as Select.\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Combobox',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    });\n\n  // Portal anchored to DgaProvider root (mirrors Select/Modal/DropdownMenu).\n  const providerCtx = useContext(DgaContext);\n  // Body-mounted portal target (see DgaProvider) — escapes ancestor\n  // clipping while keeping theme inheritance via mirrored data-theme/vars.\n  const portalContainer = providerCtx?.portalEl ?? providerCtx?.rootEl ?? undefined;\n\n  // Trigger label — explicit override wins; otherwise look up from the\n  // children-derived map; otherwise fall back to the placeholder.\n  const triggerLabel = useMemo<ReactNode>(() => {\n    if (value === undefined) return null;\n    if (getLabel) return getLabel(value);\n    return itemLabels.get(value) ?? null;\n  }, [value, getLabel, itemLabels]);\n\n  const searchId = useId();\n\n  return (\n    <ComboboxContext.Provider value={ctx}>\n      <div data-slot=\"combobox-field\" className=\"ddga-field\">\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-combobox__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-combobox__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n        <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n          <PopoverPrimitive.Trigger asChild>\n            <button\n              type=\"button\"\n              {...controlProps}\n              // Trigger stays a plain button — Radix Popover.Trigger sets\n              // aria-haspopup + aria-expanded + aria-controls so AT users\n              // hear \"Pick a fruit, button, has popup\". We declared role=\"combobox\"\n              // earlier but it requires aria-controls pointing to the listbox,\n              // which Radix wires for dialog semantics — axe flagged the mismatch.\n              aria-required={required || undefined}\n              disabled={disabled}\n              data-slot=\"combobox-trigger\"\n              className={cn(comboboxTriggerVariants({ size, error: hasError }), className)}\n            >\n              <span className=\"ddga-combobox__value\">\n                {triggerLabel ?? <span className=\"ddga-combobox__placeholder\">{placeholder}</span>}\n              </span>\n              <ChevronDown aria-hidden=\"true\" className=\"ddga-combobox__icon\" />\n            </button>\n          </PopoverPrimitive.Trigger>\n          <PopoverPrimitive.Portal container={portalContainer}>\n            <PopoverPrimitive.Content\n              data-slot=\"combobox-content\"\n              className=\"ddga-combobox-content\"\n              sideOffset={4}\n              align=\"start\"\n              // Popover.Content is role=\"dialog\" → axe requires an accessible\n              // name. Use the field label when it's a string; otherwise fall\n              // back to a generic \"Options\" so a11y stays valid even when the\n              // consumer composes a rich React node as the label.\n              aria-label={ariaLabel ?? (typeof label === 'string' ? label : 'Options')}\n              aria-labelledby={ariaLabelledBy}\n              // Match trigger width so the panel doesn't visually float over.\n              style={{ inlineSize: 'var(--radix-popover-trigger-width)' }}\n              onOpenAutoFocus={(event) => {\n                // cmdk handles its own focus management (Input gets focused on\n                // mount via autoFocus below). Prevent Radix from also moving\n                // focus or we lose the search input as the auto-focus target.\n                event.preventDefault();\n              }}\n            >\n              <Command\n                id={searchId}\n                data-slot=\"combobox-command\"\n                className=\"ddga-combobox-command\"\n                // cmdk's default filter matches if the input is a substring of\n                // the item value OR any keyword — fine for our v1 use case.\n              >\n                <Command.Input\n                  autoFocus\n                  placeholder={searchPlaceholder}\n                  data-slot=\"combobox-input\"\n                  className=\"ddga-combobox-input\"\n                />\n                <Command.List data-slot=\"combobox-list\" className=\"ddga-combobox-list\">\n                  <Command.Empty data-slot=\"combobox-empty\" className=\"ddga-combobox-empty\">\n                    {emptyMessage}\n                  </Command.Empty>\n                  {children}\n                </Command.List>\n              </Command>\n            </PopoverPrimitive.Content>\n          </PopoverPrimitive.Portal>\n        </PopoverPrimitive.Root>\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    </ComboboxContext.Provider>\n  );\n}\n\n// ─── 5. Item ─── //\n\nfunction ComboboxItem({\n  value,\n  keywords,\n  disabled,\n  onSelect,\n  className,\n  children,\n  ...props\n}: ComboboxItemProps) {\n  const { value: selectedValue, select } = useComboboxContext('ComboboxItem');\n\n  const isSelected = selectedValue === value;\n\n  return (\n    <Command.Item\n      value={value}\n      keywords={keywords}\n      disabled={disabled}\n      onSelect={(v) => {\n        onSelect?.(v);\n        select(v);\n      }}\n      data-slot=\"combobox-item\"\n      // cmdk owns `data-selected` for keyboard highlight — use a separate\n      // attribute for the chosen value so the two don't collide.\n      data-active={isSelected ? '' : undefined}\n      className={cn('ddga-combobox-item', className)}\n      {...props}\n    >\n      <span className=\"ddga-combobox-item__check\" aria-hidden=\"true\">\n        {isSelected ? <Check /> : null}\n      </span>\n      <span className=\"ddga-combobox-item__label\">{children}</span>\n    </Command.Item>\n  );\n}\n\n// ─── 6. Group + Separator (cmdk passthroughs) ─── //\n\nfunction ComboboxGroup({ className, heading, ...props }: ComboboxGroupProps) {\n  return (\n    <Command.Group\n      heading={heading}\n      data-slot=\"combobox-group\"\n      className={cn('ddga-combobox-group', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps) {\n  return (\n    <Command.Separator\n      data-slot=\"combobox-separator\"\n      className={cn('ddga-combobox-separator', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 7. Exports ─── //\n\nexport {\n  Combobox,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxSeparator,\n  comboboxTriggerVariants,\n  comboboxVariants,\n};\nexport type { ComboboxProps, ComboboxItemProps, ComboboxGroupProps, ComboboxSeparatorProps };\n"]}

package/dist/chunk-D4ZUV7FD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-D4ZUV7FD.cjs","../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACPA,mCAA0C;AAC1C,kEAAuC;AAgF7B,+CAAA;AAxEV,IAAM,eAAA,EAAiB,yCAAA,aAAI,EAAe;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAwBD,SAAS,MAAA,CAAO;AAAA,EACd,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgB;AACd,EAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,eAAA,EAAiB,SAAA,EAAW,aAAa,EAAA,EACrF,4CAAA;AAAa,IACX,IAAA,EAAM,QAAA;AAAA,IACN,EAAA,EAAI,UAAA;AAAA,IACJ,KAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA,EAAc,KAAA,CAAM,YAAY,CAAA;AAAA,IAChC,iBAAA,EAAmB,KAAA,CAAM,iBAAiB;AAAA,EAC5C,CAAC,CAAA;AAEH,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,WAAA,EAAU,cAAA,EAAe,SAAA,EAAU,YAAA,EACtC,QAAA,EAAA;AAAA,oBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,6BAAA;AAAA,QAAC,eAAA,CAAgB,IAAA;AAAA,QAAhB;AAAA,UAGE,GAAG,KAAA;AAAA,UACH,GAAG,YAAA;AAAA,UACJ,WAAA,EAAU,QAAA;AAAA,UACV,QAAA;AAAA,UACA,SAAA,EAAW,kCAAA,cAAG,CAAe,EAAE,IAAA,EAAM,KAAA,EAAO,SAAS,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,UAElE,QAAA,kBAAA,6BAAA,eAAC,CAAgB,KAAA,EAAhB,EAAsB,WAAA,EAAU,cAAA,EAAe,SAAA,EAAU,qBAAA,CAAqB;AAAA,QAAA;AAAA,MACjF,CAAA;AAAA,MACC,MAAA,mBACC,8BAAA,OAAC,EAAA,EAAM,OAAA,EAAS,OAAA,EAAS,SAAA,EAAU,oBAAA,EAChC,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,SAAA,mBACC,6BAAA,MAAC,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,IAAA,CAE3D;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,EAAA,CAEJ,CAAA;AAAA,IACC,gBAAA,mBACC,6BAAA,8BAAC,EAAA,EAAa,EAAA,EAAI,OAAA,EAAS,OAAA,EAAQ,OAAA,EAChC,QAAA,EAAA,aAAA,CACH,CAAA;AAAA,IAED,UAAA,mBACC,6BAAA,8BAAC,EAAA,EAAa,EAAA,EAAI,QAAA,EAAU,OAAA,EAAQ,QAAA,EACjC,QAAA,EAAA,WAAA,CACH;AAAA,EAAA,EAAA,CAEJ,CAAA;AAEJ;ADtCA;AACA;AACE;AACA;AACF,iEAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-D4ZUV7FD.cjs","sourcesContent":[null,"'use client';\n\nimport type { ReactNode } from 'react';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the Radix Switch.Root (role=switch). Two sizes only , a \"lg\"\n// switch is unusual; keep the surface honest. Matches Checkbox / Radio.\nconst switchVariants = cva('ddga-switch', {\n  variants: {\n    size: {\n      sm: 'ddga-switch--sm',\n      md: 'ddga-switch--md',\n    },\n    error: {\n      true: 'ddga-switch--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the state model (checked / defaultChecked / onCheckedChange /\n// disabled / required / name / value). We add the composed label +\n// helper/error + a11y wiring. `children` is omitted , the thumb is rendered\n// internally.\ninterface SwitchProps\n  extends\n    Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'children'>,\n    VariantProps<typeof switchVariants> {\n  /** Visible label, sits beside the track, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the row. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the row when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Switch({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  className,\n  ...props\n}: SwitchProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Switch',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  return (\n    <div data-slot=\"switch-field\" className=\"ddga-field\">\n      <div className=\"ddga-switch-row\">\n        <SwitchPrimitive.Root\n          // Spread props first, then the a11y contract (controlProps) so a\n          // consumer cannot accidentally clobber the wiring.\n          {...props}\n          {...controlProps}\n          data-slot=\"switch\"\n          required={required}\n          className={cn(switchVariants({ size, error: hasError }), className)}\n        >\n          <SwitchPrimitive.Thumb data-slot=\"switch-thumb\" className=\"ddga-switch__thumb\" />\n        </SwitchPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-switch__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-switch__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\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// ─── 4. Exports ─── //\n\nexport { Switch, switchVariants };\nexport type { SwitchProps };\n"]}

package/dist/chunk-DEC2WM3G.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport { useId, type ReactNode } from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the Radix RadioGroup.Root (role=radiogroup). Owns size,\n// orientation, and the error class , child <Radio>s pick up size + error\n// via CSS cascade from `.ddga-radio-group--sm` / `.ddga-radio-group--error`\n// (one source of truth on the group, not threaded through items).\nconst radioGroupVariants = cva('ddga-radio-group', {\n  variants: {\n    size: {\n      sm: 'ddga-radio-group--sm',\n      md: 'ddga-radio-group--md',\n    },\n    orientation: {\n      vertical: 'ddga-radio-group--vertical',\n      horizontal: 'ddga-radio-group--horizontal',\n    },\n    error: {\n      true: 'ddga-radio-group--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    orientation: 'vertical',\n  },\n});\n\n// Applied to the Radix RadioGroup.Item (role=radio). No variants here ,\n// size / error cascade from the group; per-item disabled is native.\nconst radioVariants = cva('ddga-radio');\n\n// ─── 2. Types ─── //\n\n// Group: omit Radix's `orientation` so we can re-narrow it to our two\n// supported values (Radix accepts a wider set we don't need exposed).\ninterface RadioGroupProps\n  extends\n    Omit<React.ComponentProps<typeof RadioGroupPrimitive.Root>, 'children' | 'orientation'>,\n    Pick<VariantProps<typeof radioGroupVariants>, 'size' | 'orientation'> {\n  /** Group label, sits above the rows. Associated to the group via aria-labelledby. */\n  label?: ReactNode;\n  /** Hint shown below the group. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the group when `error` is true (or when only `errorMessage` is set). */\n  errorMessage?: ReactNode;\n  /** Marks the group invalid: sets aria-invalid and applies error styling. */\n  error?: boolean;\n  /** `<Radio>` children. */\n  children: ReactNode;\n}\n\n// Item: omit children (the indicator is internal).\ninterface RadioProps extends Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n  'children'\n> {\n  /** Visible label for this radio, sits beside the circle, associated via htmlFor/id. */\n  label?: ReactNode;\n}\n\n// ─── 3. Components ─── //\n\nfunction RadioGroup({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  orientation,\n  required,\n  className,\n  children,\n  ...props\n}: RadioGroupProps) {\n  const { errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps, fieldId } =\n    useFieldA11y({\n      name: 'RadioGroup',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n    });\n  // The group itself isn't a focusable form control , consumers don't need\n  // `id` on the role=radiogroup, and `htmlFor`/`<label>` doesn't apply.\n  // Associate the visible label via aria-labelledby instead.\n  const labelId = `${fieldId}-label`;\n\n  return (\n    <div data-slot=\"radio-group-field\" className=\"ddga-field\">\n      {label && (\n        <span id={labelId} className=\"ddga-radio-group__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-radio-group__required\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n      <RadioGroupPrimitive.Root\n        {...props}\n        aria-invalid={controlProps['aria-invalid']}\n        aria-describedby={controlProps['aria-describedby']}\n        aria-labelledby={label ? labelId : props['aria-labelledby']}\n        orientation={orientation === 'horizontal' ? 'horizontal' : 'vertical'}\n        required={required}\n        data-slot=\"radio-group\"\n        className={cn(radioGroupVariants({ size, orientation, error: hasError }), className)}\n      >\n        {children}\n      </RadioGroupPrimitive.Root>\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\nfunction Radio({ id: externalId, label, className, ...props }: RadioProps) {\n  // useId() is SSR-safe; pair the Item id with its <label htmlFor>.\n  const generatedId = useId();\n  const itemId = externalId ?? generatedId;\n  return (\n    <div className=\"ddga-radio-row\">\n      <RadioGroupPrimitive.Item\n        // Spread props first, then our id last so a consumer can't clobber\n        // the label/control association by accident.\n        {...props}\n        id={itemId}\n        data-slot=\"radio\"\n        className={cn(radioVariants(), className)}\n      >\n        <RadioGroupPrimitive.Indicator\n          data-slot=\"radio-indicator\"\n          className=\"ddga-radio__indicator\"\n        >\n          <span className=\"ddga-radio__dot\" aria-hidden=\"true\" />\n        </RadioGroupPrimitive.Indicator>\n      </RadioGroupPrimitive.Item>\n      {label && (\n        <label htmlFor={itemId} className=\"ddga-radio__label\">\n          {label}\n        </label>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { RadioGroup, Radio, radioGroupVariants, radioVariants };\nexport type { RadioGroupProps, RadioProps };\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,aAA6B;AACtC,SAAS,cAAc,2BAA2B;AAClD,SAAS,WAA8B;AAiG/B,SAGI,KAHJ;AAvFR,IAAM,qBAAqB,IAAI,oBAAoB;AAAA,EACjD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,aAAa;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,aAAa;AAAA,EACf;AACF,CAAC;AAID,IAAM,gBAAgB,IAAI,YAAY;AAiCtC,SAAS,WAAW;AAAA,EAClB,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,EAAE,SAAS,UAAU,UAAU,iBAAiB,WAAW,cAAc,QAAQ,IACrF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAIH,QAAM,UAAU,GAAG,OAAO;AAE1B,SACE,qBAAC,SAAI,aAAU,qBAAoB,WAAU,cAC1C;AAAA,aACC,qBAAC,UAAK,IAAI,SAAS,WAAU,2BAC1B;AAAA;AAAA,MACA,YACC,oBAAC,UAAK,eAAY,QAAO,WAAU,8BAA6B,eAEhE;AAAA,OAEJ;AAAA,IAEF;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QACE,GAAG;AAAA,QACJ,gBAAc,aAAa,cAAc;AAAA,QACzC,oBAAkB,aAAa,kBAAkB;AAAA,QACjD,mBAAiB,QAAQ,UAAU,MAAM,iBAAiB;AAAA,QAC1D,aAAa,gBAAgB,eAAe,eAAe;AAAA,QAC3D;AAAA,QACA,aAAU;AAAA,QACV,WAAW,GAAG,mBAAmB,EAAE,MAAM,aAAa,OAAO,SAAS,CAAC,GAAG,SAAS;AAAA,QAElF;AAAA;AAAA,IACH;AAAA,IACC,mBACC,oBAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,IAED,aACC,oBAAC,gBAAa,IAAI,UAAU,SAAQ,UACjC,sBACH;AAAA,KAEJ;AAEJ;AAEA,SAAS,MAAM,EAAE,IAAI,YAAY,OAAO,WAAW,GAAG,MAAM,GAAe;AAEzE,QAAM,cAAc,MAAM;AAC1B,QAAM,SAAS,cAAc;AAC7B,SACE,qBAAC,SAAI,WAAU,kBACb;AAAA;AAAA,MAAC,oBAAoB;AAAA,MAApB;AAAA,QAGE,GAAG;AAAA,QACJ,IAAI;AAAA,QACJ,aAAU;AAAA,QACV,WAAW,GAAG,cAAc,GAAG,SAAS;AAAA,QAExC;AAAA,UAAC,oBAAoB;AAAA,UAApB;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAEV,8BAAC,UAAK,WAAU,mBAAkB,eAAY,QAAO;AAAA;AAAA,QACvD;AAAA;AAAA,IACF;AAAA,IACC,SACC,oBAAC,WAAM,SAAS,QAAQ,WAAU,qBAC/B,iBACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-DKRLAJZE.js

@@ -1,45 +0,0 @@
-import {
-  cn
-} from "./chunk-7NTT2UXP.js";
-
-// src/components/Stat/StatGroup.tsx
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var statGroupVariants = cva("ddga-stat-group", {
-  variants: {
-    orientation: {
-      horizontal: "ddga-stat-group--horizontal",
-      vertical: "ddga-stat-group--vertical"
-    },
-    gap: {
-      sm: "ddga-stat-group--gap-sm",
-      md: "ddga-stat-group--gap-md",
-      lg: "ddga-stat-group--gap-lg"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal",
-    gap: "md"
-  }
-});
-function StatGroup({ orientation, gap, columns, className, style, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "stat-group",
-      className: cn(
-        statGroupVariants({ orientation, gap }),
-        columns != null && "ddga-stat-group--cols",
-        className
-      ),
-      style: columns != null ? { "--ddga-stat-group-columns": columns, ...style } : style,
-      ...props
-    }
-  );
-}
-
-export {
-  statGroupVariants,
-  StatGroup
-};
-//# sourceMappingURL=chunk-DKRLAJZE.js.map

package/dist/chunk-DKRLAJZE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Stat/StatGroup.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n\nconst statGroupVariants = cva('ddga-stat-group', {\n  variants: {\n    orientation: {\n      horizontal: 'ddga-stat-group--horizontal',\n      vertical: 'ddga-stat-group--vertical',\n    },\n    gap: {\n      sm: 'ddga-stat-group--gap-sm',\n      md: 'ddga-stat-group--gap-md',\n      lg: 'ddga-stat-group--gap-lg',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    gap: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface StatGroupProps\n  extends React.ComponentProps<'div'>, VariantProps<typeof statGroupVariants> {\n  /**\n   * Fixed column count for the horizontal grid (collapses to one column on\n   * narrow screens). Omit for an auto-fit responsive grid.\n   */\n  columns?: number;\n}\n\n// ─── 3. Component ─── //\n\n// Pure layout container for Stat tiles. Each Stat keeps its own surface; inside\n// a group the tile's max-inline-size is released so it fills its grid/flex slot\n// (see stat.css). `columns` is passed as a CSS custom property and consumed by\n// the `--cols` rule, so a media query can still collapse it without !important.\nfunction StatGroup({ orientation, gap, columns, className, style, ...props }: StatGroupProps) {\n  return (\n    <div\n      data-slot=\"stat-group\"\n      className={cn(\n        statGroupVariants({ orientation, gap }),\n        columns != null && 'ddga-stat-group--cols',\n        className,\n      )}\n      style={\n        columns != null\n          ? ({ '--ddga-stat-group-columns': columns, ...style } as React.CSSProperties)\n          : style\n      }\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { StatGroup, statGroupVariants };\nexport type { StatGroupProps };\n"],"mappings":";;;;;AAEA,SAAS,WAA8B;AA0CnC;AArCJ,IAAM,oBAAoB,IAAI,mBAAmB;AAAA,EAC/C,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ;AAAA,IACA,KAAK;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,aAAa;AAAA,IACb,KAAK;AAAA,EACP;AACF,CAAC;AAmBD,SAAS,UAAU,EAAE,aAAa,KAAK,SAAS,WAAW,OAAO,GAAG,MAAM,GAAmB;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT,kBAAkB,EAAE,aAAa,IAAI,CAAC;AAAA,QACtC,WAAW,QAAQ;AAAA,QACnB;AAAA,MACF;AAAA,MACA,OACE,WAAW,OACN,EAAE,6BAA6B,SAAS,GAAG,MAAM,IAClD;AAAA,MAEL,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-DMWYQSO4.cjs

@@ -1,100 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
-
-var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
-
-
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
-
-// src/components/Steps/Steps.tsx
-var _classvarianceauthority = require('class-variance-authority');
-var _jsxruntime = require('react/jsx-runtime');
-var stepsVariants = _classvarianceauthority.cva.call(void 0, "ddga-steps", {
-  variants: {
-    size: {
-      sm: "ddga-steps--sm",
-      md: "ddga-steps--md"
-    },
-    orientation: {
-      horizontal: "ddga-steps--horizontal",
-      vertical: "ddga-steps--vertical"
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    orientation: "horizontal"
-  }
-});
-var stepVariants = _classvarianceauthority.cva.call(void 0, "ddga-steps__step", {
-  variants: {
-    state: {
-      completed: "ddga-steps__step--completed",
-      current: "ddga-steps__step--current",
-      upcoming: "ddga-steps__step--upcoming"
-    }
-  },
-  defaultVariants: {
-    state: "upcoming"
-  }
-});
-function Steps({ size, orientation, className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "ol",
-    {
-      "data-slot": "steps",
-      "data-orientation": _nullishCoalesce(orientation, () => ( "horizontal")),
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, stepsVariants({ size, orientation }), className),
-      ...props
-    }
-  );
-}
-function Step({ state, className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "li",
-    {
-      "aria-current": state === "current" ? "step" : void 0,
-      "data-slot": "step",
-      "data-state": _nullishCoalesce(state, () => ( "upcoming")),
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, stepVariants({ state }), className),
-      ...props
-    }
-  );
-}
-function StepIndicator({ step, className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "span",
-    {
-      "aria-hidden": "true",
-      "data-slot": "step-indicator",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-steps__indicator", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Check, { className: "ddga-steps__indicator-check" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-steps__indicator-number", children: step })
-      ]
-    }
-  );
-}
-function StepTitle({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "step-title", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-steps__title", className), ...props });
-}
-function StepDescription({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "span",
-    {
-      "data-slot": "step-description",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-steps__description", className),
-      ...props
-    }
-  );
-}
-
-
-
-
-
-
-
-
-
-exports.stepsVariants = stepsVariants; exports.stepVariants = stepVariants; exports.Steps = Steps; exports.Step = Step; exports.StepIndicator = StepIndicator; exports.StepTitle = StepTitle; exports.StepDescription = StepDescription;
-//# sourceMappingURL=chunk-DMWYQSO4.cjs.map

package/dist/chunk-DMWYQSO4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DMWYQSO4.cjs","../src/components/Steps/Steps.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DMWYQSO4.cjs","sourcesContent":[null,"'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Visual-only stepper. Each `Step` carries a `state` (completed / current /\n// upcoming) which drives the indicator color + ARIA marks. Separators are\n// CSS-drawn via pseudo-elements between siblings — no `StepSeparator`\n// component needed (and one fewer thing for consumers to get wrong).\n\nconst stepsVariants = cva('ddga-steps', {\n  variants: {\n    size: {\n      sm: 'ddga-steps--sm',\n      md: 'ddga-steps--md',\n    },\n    orientation: {\n      horizontal: 'ddga-steps--horizontal',\n      vertical: 'ddga-steps--vertical',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    orientation: 'horizontal',\n  },\n});\n\ntype StepState = 'completed' | 'current' | 'upcoming';\n\nconst stepVariants = cva('ddga-steps__step', {\n  variants: {\n    state: {\n      completed: 'ddga-steps__step--completed',\n      current: 'ddga-steps__step--current',\n      upcoming: 'ddga-steps__step--upcoming',\n    },\n  },\n  defaultVariants: {\n    state: 'upcoming',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface StepsProps extends React.ComponentProps<'ol'>, VariantProps<typeof stepsVariants> {}\n\ninterface StepProps\n  extends Omit<React.ComponentProps<'li'>, 'aria-current'>, VariantProps<typeof stepVariants> {}\n\ninterface StepIndicatorProps extends React.ComponentProps<'span'> {\n  /**\n   * The 1-based step number to render when the step is `current` or\n   * `upcoming`. Ignored when the step is `completed` — the indicator shows\n   * a check icon instead.\n   */\n  step?: number | string;\n}\n\ntype StepTitleProps = React.ComponentProps<'span'>;\ntype StepDescriptionProps = React.ComponentProps<'span'>;\n\n// ─── 3. Components ─── //\n\nfunction Steps({ size, orientation, className, ...props }: StepsProps) {\n  // `<ol>` is the right semantic for an ordered list of steps; the implicit\n  // listitem role on children makes the count assistive-tech-readable.\n  return (\n    <ol\n      data-slot=\"steps\"\n      data-orientation={orientation ?? 'horizontal'}\n      className={cn(stepsVariants({ size, orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction Step({ state, className, ...props }: StepProps) {\n  // `aria-current=\"step\"` on the current step. State drives both the ARIA\n  // mark and the visual class so they can't drift apart. Step always\n  // renders an `<li>` because the parent `<ol>` is only allowed to contain\n  // `<li>` children — consumers who need clickable steps put an `<a>` (or\n  // a router primitive) inside Step's children, not as the step element\n  // itself.\n  return (\n    <li\n      aria-current={state === 'current' ? 'step' : undefined}\n      data-slot=\"step\"\n      data-state={state ?? 'upcoming'}\n      className={cn(stepVariants({ state }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction StepIndicator({ step, className, ...props }: StepIndicatorProps) {\n  // Decorative — assistive tech reads the step title/description, not the\n  // number-in-a-circle. The check icon for completed steps is purely\n  // visual; the parent's `data-state=\"completed\"` is what conveys meaning.\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"step-indicator\"\n      className={cn('ddga-steps__indicator', className)}\n      {...props}\n    >\n      <Check className=\"ddga-steps__indicator-check\" />\n      <span className=\"ddga-steps__indicator-number\">{step}</span>\n    </span>\n  );\n}\n\nfunction StepTitle({ className, ...props }: StepTitleProps) {\n  return <span data-slot=\"step-title\" className={cn('ddga-steps__title', className)} {...props} />;\n}\n\nfunction StepDescription({ className, ...props }: StepDescriptionProps) {\n  return (\n    <span\n      data-slot=\"step-description\"\n      className={cn('ddga-steps__description', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Steps, Step, StepIndicator, StepTitle, StepDescription, stepsVariants, stepVariants };\nexport type {\n  StepsProps,\n  StepProps,\n  StepIndicatorProps,\n  StepTitleProps,\n  StepDescriptionProps,\n  StepState,\n};\n"]}