@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-4ZCLTLVC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-4ZCLTLVC.cjs","../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-4ZCLTLVC.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\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  // 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-54GIEP6E.cjs

@@ -0,0 +1,115 @@
+"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 _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Modal/Modal.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var modalContentVariants = _classvarianceauthority.cva.call(void 0, "ddga-modal", {
+  variants: {
+    size: {
+      sm: "ddga-modal--sm",
+      md: "ddga-modal--md",
+      lg: "ddga-modal--lg",
+      xl: "ddga-modal--xl",
+      full: "ddga-modal--full"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Modal(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Root, { ...props });
+}
+function ModalTrigger({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Trigger, { "data-slot": "modal-trigger", className, ...props });
+}
+function ModalContent({
+  size,
+  showCloseButton = true,
+  closeLabel = "Close",
+  className,
+  children,
+  ...props
+}) {
+  const ctx = _react.useContext.call(void 0, _chunkFQLVTLUIcjs.DgaContext);
+  const portalContainer = _nullishCoalesce(_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _ => _.portalEl]), () => ( _optionalChain([ctx, 'optionalAccess', _2 => _2.rootEl]))), () => ( void 0));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Dialog.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Overlay, { className: "ddga-modal__overlay", "data-slot": "modal-overlay" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _radixui.Dialog.Content,
+      {
+        "data-slot": "modal-content",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, modalContentVariants({ size }), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _radixui.Dialog.Close,
+            {
+              className: "ddga-modal__close",
+              "aria-label": closeLabel,
+              "data-slot": "modal-close-x",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Close, { "aria-hidden": "true" })
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+}
+function ModalHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "modal-header", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-modal__header", className), ...props });
+}
+function ModalTitle({ asChild, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Dialog.Title,
+    {
+      asChild,
+      "data-slot": "modal-title",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-modal__title", className),
+      ...props
+    }
+  );
+}
+function ModalDescription({ asChild, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Dialog.Description,
+    {
+      asChild,
+      "data-slot": "modal-description",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-modal__description", className),
+      ...props
+    }
+  );
+}
+function ModalFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "modal-footer", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-modal__footer", className), ...props });
+}
+function ModalClose({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Close, { "data-slot": "modal-close", className, ...props });
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.modalContentVariants = modalContentVariants; exports.Modal = Modal; exports.ModalTrigger = ModalTrigger; exports.ModalContent = ModalContent; exports.ModalHeader = ModalHeader; exports.ModalTitle = ModalTitle; exports.ModalDescription = ModalDescription; exports.ModalFooter = ModalFooter; exports.ModalClose = ModalClose;
+//# sourceMappingURL=chunk-54GIEP6E.cjs.map

package/dist/chunk-54GIEP6E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-54GIEP6E.cjs","../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-54GIEP6E.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext } from 'react';\nimport { Dialog as DialogPrimitive, Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\nimport { Close } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst modalContentVariants = cva('ddga-modal', {\n  variants: {\n    size: {\n      sm: 'ddga-modal--sm',\n      md: 'ddga-modal--md',\n      lg: 'ddga-modal--lg',\n      xl: 'ddga-modal--xl',\n      full: 'ddga-modal--full',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n//\n// Closed compound shape that hides Radix's Portal/Overlay plumbing. The Portal\n// is anchored to `DgaContext.rootEl` so `data-theme` + custom theme classes\n// set on the provider inherit into the modal — without it, the modal would\n// silently mount under <body> and miss dark mode / palette switches.\n\ntype ModalProps = React.ComponentProps<typeof DialogPrimitive.Root>;\ntype ModalTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\ntype ModalCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\n\ninterface ModalContentProps\n  extends\n    React.ComponentProps<typeof DialogPrimitive.Content>,\n    VariantProps<typeof modalContentVariants> {\n  /**\n   * Render a corner X close button. Defaults to `true`. Set `false` for\n   * action-forcing dialogs (e.g. \"Are you sure?\") where the user must pick\n   * one of the explicit footer buttons.\n   */\n  showCloseButton?: boolean;\n  /** Localized label for the close button. Defaults to `\"Close\"`. */\n  closeLabel?: string;\n}\n\ntype ModalSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface ModalTitleProps extends React.ComponentProps<typeof DialogPrimitive.Title> {\n  /** Override the heading element (e.g. render an `<h3>` instead of the default `<h2>`). */\n  asChild?: boolean;\n}\n\ninterface ModalDescriptionProps extends React.ComponentProps<typeof DialogPrimitive.Description> {\n  /** Override the element (e.g. render a `<div>` for richer markup). */\n  asChild?: boolean;\n}\n\n// ─── 3. Components ─── //\n\nfunction Modal(props: ModalProps) {\n  return <DialogPrimitive.Root {...props} />;\n}\n\nfunction ModalTrigger({ className, ...props }: ModalTriggerProps) {\n  // Radix Trigger supports asChild natively — pass through.\n  return <DialogPrimitive.Trigger data-slot=\"modal-trigger\" className={className} {...props} />;\n}\n\nfunction ModalContent({\n  size,\n  showCloseButton = true,\n  closeLabel = 'Close',\n  className,\n  children,\n  ...props\n}: ModalContentProps) {\n  // Anchor the Portal to the DgaProvider's body-level portal container.\n  // Pattern documented in DgaContext.ts; regression test in Modal.test.tsx\n  // mirrors Select/Tooltip. The portal container mirrors data-theme + dir +\n  // CSS vars from the provider so theming still flows; using it (rather\n  // than the in-tree `rootEl`) keeps the modal's `position: fixed` overlay\n  // from being trapped by an ancestor `transform` or `overflow: hidden`\n  // (Storybook autodocs is the motivating case).\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DialogPrimitive.Portal container={portalContainer}>\n      <DialogPrimitive.Overlay className=\"ddga-modal__overlay\" data-slot=\"modal-overlay\" />\n      <DialogPrimitive.Content\n        data-slot=\"modal-content\"\n        className={cn(modalContentVariants({ size }), className)}\n        {...props}\n      >\n        {children}\n        {showCloseButton ? (\n          <DialogPrimitive.Close\n            className=\"ddga-modal__close\"\n            aria-label={closeLabel}\n            data-slot=\"modal-close-x\"\n          >\n            <Close aria-hidden=\"true\" />\n          </DialogPrimitive.Close>\n        ) : null}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n}\n\nfunction ModalHeader({ asChild, className, ...props }: ModalSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"modal-header\" className={cn('ddga-modal__header', className)} {...props} />\n  );\n}\n\nfunction ModalTitle({ asChild, className, ...props }: ModalTitleProps) {\n  // Dialog.Title wires aria-labelledby on the parent Content. We pass asChild\n  // through so consumers can swap heading level (h2 → h1/h3) without losing\n  // the labelling link.\n  return (\n    <DialogPrimitive.Title\n      asChild={asChild}\n      data-slot=\"modal-title\"\n      className={cn('ddga-modal__title', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ModalDescription({ asChild, className, ...props }: ModalDescriptionProps) {\n  // Dialog.Description wires aria-describedby on the parent Content. asChild\n  // lets consumers swap the element if they need richer markup.\n  return (\n    <DialogPrimitive.Description\n      asChild={asChild}\n      data-slot=\"modal-description\"\n      className={cn('ddga-modal__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ModalFooter({ asChild, className, ...props }: ModalSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"modal-footer\" className={cn('ddga-modal__footer', className)} {...props} />\n  );\n}\n\nfunction ModalClose({ className, ...props }: ModalCloseProps) {\n  // Consumer-level close trigger for footer buttons etc. Radix Close supports\n  // asChild natively — pass through so consumers can wrap a <Button>.\n  return <DialogPrimitive.Close data-slot=\"modal-close\" className={className} {...props} />;\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Modal,\n  ModalTrigger,\n  ModalContent,\n  ModalHeader,\n  ModalTitle,\n  ModalDescription,\n  ModalFooter,\n  ModalClose,\n  modalContentVariants,\n};\nexport type {\n  ModalProps,\n  ModalTriggerProps,\n  ModalContentProps,\n  ModalSectionProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n};\n"]}

package/dist/chunk-5EUEJU47.js

@@ -0,0 +1,101 @@
+import {
+  ChevronRight,
+  MoreHorizontal
+} from "./chunk-CDS4SYEQ.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+import { Slot as SlotPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var breadcrumbVariants = cva("ddga-breadcrumb", {
+  variants: {
+    size: {
+      sm: "ddga-breadcrumb--sm",
+      md: "ddga-breadcrumb--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Breadcrumb({ size, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "Breadcrumb",
+      "data-slot": "breadcrumb",
+      className: cn(breadcrumbVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx("ol", { "data-slot": "breadcrumb-list", className: cn("ddga-breadcrumb__list", className), ...props });
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx("li", { "data-slot": "breadcrumb-item", className: cn("ddga-breadcrumb__item", className), ...props });
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("ddga-breadcrumb__link", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "aria-current": "page",
+      "data-slot": "breadcrumb-page",
+      className: cn("ddga-breadcrumb__page", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-slot": "breadcrumb-separator",
+      className: cn("ddga-breadcrumb__separator", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-slot": "breadcrumb-ellipsis",
+      className: cn("ddga-breadcrumb__ellipsis", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(MoreHorizontal, {})
+    }
+  );
+}
+
+export {
+  breadcrumbVariants,
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis
+};
+//# sourceMappingURL=chunk-5EUEJU47.js.map

package/dist/chunk-5EUEJU47.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ChevronRight, MoreHorizontal } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Size lives on the root; per-part visuals cascade through descendant\n// selectors (`.ddga-breadcrumb--sm .ddga-breadcrumb__link`). Same pattern\n// as Tabs/RadioGroup — one source of truth on the nav element.\n\nconst breadcrumbVariants = cva('ddga-breadcrumb', {\n  variants: {\n    size: {\n      sm: 'ddga-breadcrumb--sm',\n      md: 'ddga-breadcrumb--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface BreadcrumbProps\n  extends React.ComponentProps<'nav'>, VariantProps<typeof breadcrumbVariants> {}\n\ntype BreadcrumbListProps = React.ComponentProps<'ol'>;\ntype BreadcrumbItemProps = React.ComponentProps<'li'>;\n\ninterface BreadcrumbLinkProps extends React.ComponentProps<'a'> {\n  /** Render as the consumer element (e.g., a router Link) via Radix Slot. */\n  asChild?: boolean;\n}\n\ninterface BreadcrumbPageProps extends React.ComponentProps<'span'> {\n  /** Render as the consumer element (e.g., a heading) via Radix Slot. */\n  asChild?: boolean;\n}\n\ninterface BreadcrumbSeparatorProps extends React.ComponentProps<'li'> {\n  /**\n   * Override the default ChevronRight icon with custom content (e.g., `/`, `·`,\n   * or your own SVG). The wrapper itself stays `aria-hidden` since separators\n   * are decorative — the visited-state structure is conveyed via the `<ol>`\n   * + `aria-current` semantics, not the separator glyph.\n   */\n  children?: React.ReactNode;\n}\n\ntype BreadcrumbEllipsisProps = React.ComponentProps<'span'>;\n\n// ─── 3. Components ─── //\n\nfunction Breadcrumb({ size, className, ...props }: BreadcrumbProps) {\n  // Default the accessible name to \"Breadcrumb\" so consumers don't have to\n  // wire it themselves; spread `aria-label` after so they can override it\n  // (e.g., for non-English UIs the consumer passes their own translation).\n  return (\n    <nav\n      aria-label=\"Breadcrumb\"\n      data-slot=\"breadcrumb\"\n      className={cn(breadcrumbVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbList({ className, ...props }: BreadcrumbListProps) {\n  return (\n    <ol data-slot=\"breadcrumb-list\" className={cn('ddga-breadcrumb__list', className)} {...props} />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: BreadcrumbItemProps) {\n  return (\n    <li data-slot=\"breadcrumb-item\" className={cn('ddga-breadcrumb__item', className)} {...props} />\n  );\n}\n\nfunction BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLinkProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn('ddga-breadcrumb__link', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ asChild, className, ...props }: BreadcrumbPageProps) {\n  // `aria-current=\"page\"` marks the current location for assistive tech.\n  // The element is not focusable (consumers shouldn't link to the current\n  // page); spread props last so consumers can swap if a different\n  // aria-current value is needed (e.g., `step` in a wizard).\n  const Comp = asChild ? SlotPrimitive.Slot : 'span';\n  return (\n    <Comp\n      aria-current=\"page\"\n      data-slot=\"breadcrumb-page\"\n      className={cn('ddga-breadcrumb__page', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps) {\n  // Decorative — the `<ol>` + `aria-current` semantics already convey order\n  // and current page. `aria-hidden` keeps screen readers from announcing\n  // the glyph between every item.\n  return (\n    <li\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-slot=\"breadcrumb-separator\"\n      className={cn('ddga-breadcrumb__separator', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps) {\n  // Visual truncation marker. Decorative by itself — if the consumer wants\n  // an interactive \"show collapsed items\" affordance, they should compose\n  // a real button (e.g., a DropdownMenu trigger) inside a BreadcrumbItem\n  // instead of this component.\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-slot=\"breadcrumb-ellipsis\"\n      className={cn('ddga-breadcrumb__ellipsis', className)}\n      {...props}\n    >\n      <MoreHorizontal />\n    </span>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n  breadcrumbVariants,\n};\nexport type {\n  BreadcrumbProps,\n  BreadcrumbListProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbPageProps,\n  BreadcrumbSeparatorProps,\n  BreadcrumbEllipsisProps,\n};\n"],"mappings":";;;;;;;;;AAEA,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AA2DnC;AAjDJ,IAAM,qBAAqB,IAAI,mBAAmB;AAAA,EAChD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAkCD,SAAS,WAAW,EAAE,MAAM,WAAW,GAAG,MAAM,GAAoB;AAIlE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAW,GAAG,mBAAmB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAwB;AACpE,SACE,oBAAC,QAAG,aAAU,mBAAkB,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OAAO;AAElG;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAwB;AACpE,SACE,oBAAC,QAAG,aAAU,mBAAkB,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OAAO;AAElG;AAEA,SAAS,eAAe,EAAE,SAAS,WAAW,GAAG,MAAM,GAAwB;AAC7E,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,yBAAyB,SAAS;AAAA,MAC/C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,SAAS,WAAW,GAAG,MAAM,GAAwB;AAK7E,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAa;AAAA,MACb,aAAU;AAAA,MACV,WAAW,GAAG,yBAAyB,SAAS;AAAA,MAC/C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,MAAM,GAA6B;AAIxF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA,MAEH,sBAAY,oBAAC,gBAAa;AAAA;AAAA,EAC7B;AAEJ;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAA4B;AAK5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,6BAA6B,SAAS;AAAA,MACnD,GAAG;AAAA,MAEJ,8BAAC,kBAAe;AAAA;AAAA,EAClB;AAEJ;","names":[]}

package/dist/chunk-5MQV6PLC.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-5MQV6PLC.js.map

package/dist/chunk-5MQV6PLC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-5QC5N3OO.js

@@ -0,0 +1,77 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/List/List.tsx
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var listVariants = cva("ddga-list", {
+  variants: {
+    variant: {
+      plain: "ddga-list--plain",
+      bulleted: "ddga-list--bulleted",
+      numbered: "ddga-list--numbered",
+      lettered: "ddga-list--lettered"
+    },
+    divided: {
+      true: "ddga-list--divided"
+    }
+  },
+  defaultVariants: {
+    variant: "plain"
+  }
+});
+function List({ variant, divided, className, start, reversed, ...props }) {
+  const classes = cn(listVariants({ variant, divided }), className);
+  const ordered = variant === "numbered" || variant === "lettered";
+  if (ordered) {
+    return /* @__PURE__ */ jsx(
+      "ol",
+      {
+        "data-slot": "list",
+        "data-variant": variant,
+        className: classes,
+        start,
+        reversed,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("ul", { "data-slot": "list", "data-variant": variant ?? "plain", className: classes, ...props });
+}
+function ListItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx("li", { "data-slot": "list-item", className: cn("ddga-list__item", className), ...props });
+}
+function ListItemIcon({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { "data-slot": "list-item-icon", className: cn("ddga-list__icon", className), ...props });
+}
+function ListItemContent({
+  primary,
+  secondary,
+  className,
+  children,
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && children != null && (primary != null || secondary != null)) {
+    console.warn(
+      "[@dev-dga/react] ListItemContent: `children` overrides `primary`/`secondary`. Pass one or the other, not both."
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { "data-slot": "list-item-content", className: cn("ddga-list__content", className), ...props, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+    primary != null && primary !== "" && /* @__PURE__ */ jsx("span", { "data-slot": "list-item-primary", className: "ddga-list__primary", children: primary }),
+    secondary != null && secondary !== "" && /* @__PURE__ */ jsx("span", { "data-slot": "list-item-secondary", className: "ddga-list__secondary", children: secondary })
+  ] }) });
+}
+function ListItemAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "list-item-action", className: cn("ddga-list__action", className), ...props });
+}
+
+export {
+  listVariants,
+  List,
+  ListItem,
+  ListItemIcon,
+  ListItemContent,
+  ListItemAction
+};
+//# sourceMappingURL=chunk-5QC5N3OO.js.map

package/dist/chunk-5QC5N3OO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/List.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Presentational content-list compound (sibling to Timeline / DescriptionList):\n// semantic <ul>/<ol> + <li>, layout cascading from the root variant via\n// descendant selectors. No `asChild` — a <ul>/<ol>/<li> structure can't be\n// Slot-substituted without breaking list semantics; for interactive rows\n// compose `Link` / `Button` inside an item (both already do `asChild`).\n//\n// `plain` = no markers, flex rows (icon / content / action). The marker\n// variants show the native ::marker and are **direction-localized** (the CSS\n// swaps the counter style under `[dir='rtl']`, the way the rest of the system\n// themes by `dir`):\n//   • `bulleted` → disc (direction-neutral)\n//   • `numbered` → decimal (LTR) / arabic-indic ١٢٣ (RTL)\n//   • `lettered` → lower-alpha (LTR) / arabic-abjad أ‑ب‑ج (RTL)\n// `numbered` / `lettered` are ordered, so the root renders as <ol> and the\n// ordinals are real (and `start` / `reversed` are honored).\n\nconst listVariants = cva('ddga-list', {\n  variants: {\n    variant: {\n      plain: 'ddga-list--plain',\n      bulleted: 'ddga-list--bulleted',\n      numbered: 'ddga-list--numbered',\n      lettered: 'ddga-list--lettered',\n    },\n    divided: {\n      true: 'ddga-list--divided',\n    },\n  },\n  defaultVariants: {\n    variant: 'plain',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Drop the (deprecated, marker-shape) <ul> `type` attribute — markers are\n// driven by the variant + CSS, not this prop. The ordered-list `start` /\n// `reversed` attributes are surfaced explicitly for the `numbered` variant.\ninterface ListProps\n  extends Omit<React.ComponentProps<'ul'>, 'type'>, VariantProps<typeof listVariants> {\n  /** Ordered variants (`numbered` / `lettered`) only — the ordinal to start from. */\n  start?: number;\n  /** Ordered variants only — count the ordinals down instead of up. */\n  reversed?: boolean;\n}\n\ntype ListItemProps = React.ComponentProps<'li'>;\ntype ListItemIconProps = React.ComponentProps<'span'>;\ntype ListItemActionProps = React.ComponentProps<'div'>;\n\ninterface ListItemContentProps extends React.ComponentProps<'div'> {\n  /**\n   * Primary line. Ignored if `children` is provided — `children` fully\n   * replaces the primary/secondary rendering (use one or the other).\n   */\n  primary?: ReactNode;\n  /** Secondary, de-emphasized line below the primary. Ignored if `children` is set. */\n  secondary?: ReactNode;\n}\n\n// ─── 3. Components ─── //\n\nfunction List({ variant, divided, className, start, reversed, ...props }: ListProps) {\n  const classes = cn(listVariants({ variant, divided }), className);\n  // Ordered variants need a real <ol> so the ordinals are semantic and `start` /\n  // `reversed` are honored; `plain` / `bulleted` are <ul>. Two branches keep\n  // each element's prop+ref types correct (a single dynamic tag can't).\n  const ordered = variant === 'numbered' || variant === 'lettered';\n  if (ordered) {\n    return (\n      <ol\n        data-slot=\"list\"\n        data-variant={variant}\n        className={classes}\n        start={start}\n        reversed={reversed}\n        {...(props as React.ComponentProps<'ol'>)}\n      />\n    );\n  }\n  return <ul data-slot=\"list\" data-variant={variant ?? 'plain'} className={classes} {...props} />;\n}\n\nfunction ListItem({ className, ...props }: ListItemProps) {\n  return <li data-slot=\"list-item\" className={cn('ddga-list__item', className)} {...props} />;\n}\n\n// Leading slot — an icon or Avatar container. Decorative by default; the\n// consumer marks the actual glyph `aria-hidden`. Note: the icon / content /\n// action slots only lay out as a row under `variant=\"plain\"`; bulleted /\n// numbered items are `display: list-item` (for the native marker) and stack.\nfunction ListItemIcon({ className, ...props }: ListItemIconProps) {\n  return (\n    <span data-slot=\"list-item-icon\" className={cn('ddga-list__icon', className)} {...props} />\n  );\n}\n\nfunction ListItemContent({\n  primary,\n  secondary,\n  className,\n  children,\n  ...props\n}: ListItemContentProps) {\n  // Dev-only: `children` fully replaces the primary/secondary rendering, so\n  // passing both silently drops `primary`/`secondary` — warn the consumer.\n  if (\n    process.env.NODE_ENV === 'development' &&\n    children != null &&\n    (primary != null || secondary != null)\n  ) {\n    console.warn(\n      '[@dev-dga/react] ListItemContent: `children` overrides `primary`/' +\n        '`secondary`. Pass one or the other, not both.',\n    );\n  }\n  return (\n    <div data-slot=\"list-item-content\" className={cn('ddga-list__content', className)} {...props}>\n      {children ?? (\n        <>\n          {primary != null && primary !== '' && (\n            <span data-slot=\"list-item-primary\" className=\"ddga-list__primary\">\n              {primary}\n            </span>\n          )}\n          {secondary != null && secondary !== '' && (\n            <span data-slot=\"list-item-secondary\" className=\"ddga-list__secondary\">\n              {secondary}\n            </span>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\n// Trailing slot — meta text or an action control, pushed to the inline-end edge.\nfunction ListItemAction({ className, ...props }: ListItemActionProps) {\n  return (\n    <div data-slot=\"list-item-action\" className={cn('ddga-list__action', className)} {...props} />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { List, ListItem, ListItemIcon, ListItemContent, ListItemAction, listVariants };\nexport type {\n  ListProps,\n  ListItemProps,\n  ListItemIconProps,\n  ListItemContentProps,\n  ListItemActionProps,\n};\n"],"mappings":";;;;;AAGA,SAAS,WAA8B;AA2EjC,SAiDE,UAjDF,KAiDE,YAjDF;AAtDN,IAAM,eAAe,IAAI,aAAa;AAAA,EACpC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AA+BD,SAAS,KAAK,EAAE,SAAS,SAAS,WAAW,OAAO,UAAU,GAAG,MAAM,GAAc;AACnF,QAAM,UAAU,GAAG,aAAa,EAAE,SAAS,QAAQ,CAAC,GAAG,SAAS;AAIhE,QAAM,UAAU,YAAY,cAAc,YAAY;AACtD,MAAI,SAAS;AACX,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,gBAAc;AAAA,QACd,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACC,GAAI;AAAA;AAAA,IACP;AAAA,EAEJ;AACA,SAAO,oBAAC,QAAG,aAAU,QAAO,gBAAc,WAAW,SAAS,WAAW,SAAU,GAAG,OAAO;AAC/F;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAkB;AACxD,SAAO,oBAAC,QAAG,aAAU,aAAY,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO;AAC3F;AAMA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAsB;AAChE,SACE,oBAAC,UAAK,aAAU,kBAAiB,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO;AAE7F;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AAGvB,MACE,QAAQ,IAAI,aAAa,iBACzB,YAAY,SACX,WAAW,QAAQ,aAAa,OACjC;AACA,YAAQ;AAAA,MACN;AAAA,IAEF;AAAA,EACF;AACA,SACE,oBAAC,SAAI,aAAU,qBAAoB,WAAW,GAAG,sBAAsB,SAAS,GAAI,GAAG,OACpF,sBACC,iCACG;AAAA,eAAW,QAAQ,YAAY,MAC9B,oBAAC,UAAK,aAAU,qBAAoB,WAAU,sBAC3C,mBACH;AAAA,IAED,aAAa,QAAQ,cAAc,MAClC,oBAAC,UAAK,aAAU,uBAAsB,WAAU,wBAC7C,qBACH;AAAA,KAEJ,GAEJ;AAEJ;AAGA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAwB;AACpE,SACE,oBAAC,SAAI,aAAU,oBAAmB,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO;AAEhG;","names":[]}

package/dist/chunk-5QWBRWSN.cjs

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

package/dist/chunk-5QWBRWSN.cjs.map

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

package/dist/chunk-66R54X6R.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-66R54X6R.js.map

package/dist/chunk-66R54X6R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-6A73DWVA.js

@@ -0,0 +1,114 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/ScrollArea/ScrollArea.tsx
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var scrollAreaVariants = cva("ddga-scroll-area", {
+  variants: {
+    orientation: {
+      vertical: "ddga-scroll-area--vertical",
+      horizontal: "ddga-scroll-area--horizontal",
+      both: "ddga-scroll-area--both"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+function warnMissingLabel(ariaLabel, ariaLabelledby) {
+  if (process.env.NODE_ENV === "production") return;
+  if (ariaLabel || ariaLabelledby) return;
+  console.warn(
+    "[dga/ScrollArea] <ScrollArea> has no accessible name. The scroll viewport is keyboard-focusable; pass `aria-label` or `aria-labelledby` so screen-reader users know what region they are scrolling. If the content is itself focusable (e.g. a list of links) and you do not want a labelled region, pass `viewportProps={{ tabIndex: -1 }}`."
+  );
+}
+function ScrollArea({
+  className,
+  orientation = "vertical",
+  type = "hover",
+  scrollHideDelay = 600,
+  viewportRef,
+  viewportProps,
+  children,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  ...props
+}) {
+  warnMissingLabel(ariaLabel, ariaLabelledby);
+  const hasLabel = Boolean(ariaLabel || ariaLabelledby);
+  const showVertical = orientation === "vertical" || orientation === "both";
+  const showHorizontal = orientation === "horizontal" || orientation === "both";
+  const { className: viewportClassName, ...restViewportProps } = viewportProps ?? {};
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      type,
+      scrollHideDelay,
+      className: cn(scrollAreaVariants({ orientation }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: cn("ddga-scroll-area__viewport", viewportClassName),
+            ref: viewportRef,
+            tabIndex: 0,
+            role: hasLabel ? "region" : void 0,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            ...restViewportProps,
+            children
+          }
+        ),
+        showVertical ? /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Scrollbar,
+          {
+            "data-slot": "scroll-area-scrollbar",
+            orientation: "vertical",
+            className: "ddga-scroll-area__scrollbar",
+            children: /* @__PURE__ */ jsx(
+              ScrollAreaPrimitive.Thumb,
+              {
+                "data-slot": "scroll-area-thumb",
+                className: "ddga-scroll-area__thumb"
+              }
+            )
+          }
+        ) : null,
+        showHorizontal ? /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Scrollbar,
+          {
+            "data-slot": "scroll-area-scrollbar",
+            orientation: "horizontal",
+            className: "ddga-scroll-area__scrollbar",
+            children: /* @__PURE__ */ jsx(
+              ScrollAreaPrimitive.Thumb,
+              {
+                "data-slot": "scroll-area-thumb",
+                className: "ddga-scroll-area__thumb"
+              }
+            )
+          }
+        ) : null,
+        orientation === "both" ? /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Corner,
+          {
+            "data-slot": "scroll-area-corner",
+            className: "ddga-scroll-area__corner"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+export {
+  scrollAreaVariants,
+  ScrollArea
+};
+//# sourceMappingURL=chunk-6A73DWVA.js.map

package/dist/chunk-6A73DWVA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst scrollAreaVariants = cva('ddga-scroll-area', {\n  variants: {\n    orientation: {\n      vertical: 'ddga-scroll-area--vertical',\n      horizontal: 'ddga-scroll-area--horizontal',\n      both: 'ddga-scroll-area--both',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n});\n\nfunction warnMissingLabel(ariaLabel?: string, ariaLabelledby?: string) {\n  if (process.env.NODE_ENV === 'production') return;\n  if (ariaLabel || ariaLabelledby) return;\n  // Warn on every render (dev only) — mirrors the Popover sibling's a11y warning.\n  console.warn(\n    '[dga/ScrollArea] <ScrollArea> has no accessible name. The scroll viewport is ' +\n      'keyboard-focusable; pass `aria-label` or `aria-labelledby` so screen-reader users ' +\n      'know what region they are scrolling. If the content is itself focusable (e.g. a list ' +\n      'of links) and you do not want a labelled region, pass `viewportProps={{ tabIndex: -1 }}`.',\n  );\n}\n\ntype ScrollAreaOrientation = 'vertical' | 'horizontal' | 'both';\n\nexport interface ScrollAreaProps\n  extends\n    Omit<React.ComponentProps<typeof ScrollAreaPrimitive.Root>, 'asChild' | 'orientation'>,\n    Omit<VariantProps<typeof scrollAreaVariants>, 'orientation'> {\n  /** Which scrollbar(s) to render. Default `'vertical'`. */\n  orientation?: ScrollAreaOrientation;\n  /** Ref to the scrollable viewport — use for programmatic scrolling. */\n  viewportRef?: React.Ref<HTMLDivElement>;\n  /**\n   * Extra props forwarded to the viewport element (use `viewportRef` for the ref).\n   * To drop the extra tab stop when the scrolled content is itself fully focusable\n   * (e.g. a list of links), pass `viewportProps={{ tabIndex: -1 }}`.\n   */\n  viewportProps?: Omit<React.ComponentProps<'div'>, 'ref'>;\n  /** Names the scroll region. Warns (dev only) if neither this nor `aria-labelledby` is set. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\n/**\n * Cross-browser, design-system-styled scroll container (wraps Radix ScrollArea).\n *\n * Set the bounding size (height / max-height) on the element via `className` /\n * `style` — without a bounded size nothing scrolls, exactly like native overflow.\n * The viewport is keyboard-focusable (`tabIndex={0}`) so keyboard users can scroll\n * with the arrow / Page keys; pass `aria-label` to name the region.\n *\n * Does not support `asChild`: it is a structural wrapper composing several Radix\n * parts, and the meaningful node — the viewport — is exposed via `viewportRef`.\n */\nexport function ScrollArea({\n  className,\n  orientation = 'vertical',\n  type = 'hover',\n  scrollHideDelay = 600,\n  viewportRef,\n  viewportProps,\n  children,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...props\n}: ScrollAreaProps) {\n  warnMissingLabel(ariaLabel, ariaLabelledby);\n\n  const hasLabel = Boolean(ariaLabel || ariaLabelledby);\n  const showVertical = orientation === 'vertical' || orientation === 'both';\n  const showHorizontal = orientation === 'horizontal' || orientation === 'both';\n\n  const { className: viewportClassName, ...restViewportProps } = viewportProps ?? {};\n\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      type={type}\n      scrollHideDelay={scrollHideDelay}\n      className={cn(scrollAreaVariants({ orientation }), className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className={cn('ddga-scroll-area__viewport', viewportClassName)}\n        ref={viewportRef}\n        tabIndex={0}\n        role={hasLabel ? 'region' : undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        {...restViewportProps}\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      {showVertical ? (\n        <ScrollAreaPrimitive.Scrollbar\n          data-slot=\"scroll-area-scrollbar\"\n          orientation=\"vertical\"\n          className=\"ddga-scroll-area__scrollbar\"\n        >\n          <ScrollAreaPrimitive.Thumb\n            data-slot=\"scroll-area-thumb\"\n            className=\"ddga-scroll-area__thumb\"\n          />\n        </ScrollAreaPrimitive.Scrollbar>\n      ) : null}\n      {showHorizontal ? (\n        <ScrollAreaPrimitive.Scrollbar\n          data-slot=\"scroll-area-scrollbar\"\n          orientation=\"horizontal\"\n          className=\"ddga-scroll-area__scrollbar\"\n        >\n          <ScrollAreaPrimitive.Thumb\n            data-slot=\"scroll-area-thumb\"\n            className=\"ddga-scroll-area__thumb\"\n          />\n        </ScrollAreaPrimitive.Scrollbar>\n      ) : null}\n      {orientation === 'both' ? (\n        <ScrollAreaPrimitive.Corner\n          data-slot=\"scroll-area-corner\"\n          className=\"ddga-scroll-area__corner\"\n        />\n      ) : null}\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nexport { scrollAreaVariants };\nexport type { ScrollAreaOrientation };\n"],"mappings":";;;;;AAEA,SAAS,cAAc,2BAA2B;AAClD,SAAS,WAA8B;AAiFnC,SAOE,KAPF;AA9EJ,IAAM,qBAAqB,IAAI,oBAAoB;AAAA,EACjD,UAAU;AAAA,IACR,aAAa;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,aAAa;AAAA,EACf;AACF,CAAC;AAED,SAAS,iBAAiB,WAAoB,gBAAyB;AACrE,MAAI,QAAQ,IAAI,aAAa,aAAc;AAC3C,MAAI,aAAa,eAAgB;AAEjC,UAAQ;AAAA,IACN;AAAA,EAIF;AACF;AAkCO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,GAAG;AACL,GAAoB;AAClB,mBAAiB,WAAW,cAAc;AAE1C,QAAM,WAAW,QAAQ,aAAa,cAAc;AACpD,QAAM,eAAe,gBAAgB,cAAc,gBAAgB;AACnE,QAAM,iBAAiB,gBAAgB,gBAAgB,gBAAgB;AAEvE,QAAM,EAAE,WAAW,mBAAmB,GAAG,kBAAkB,IAAI,iBAAiB,CAAC;AAEjF,SACE;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW,GAAG,mBAAmB,EAAE,YAAY,CAAC,GAAG,SAAS;AAAA,MAC3D,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC,oBAAoB;AAAA,UAApB;AAAA,YACC,aAAU;AAAA,YACV,WAAW,GAAG,8BAA8B,iBAAiB;AAAA,YAC7D,KAAK;AAAA,YACL,UAAU;AAAA,YACV,MAAM,WAAW,WAAW;AAAA,YAC5B,cAAY;AAAA,YACZ,mBAAiB;AAAA,YAChB,GAAG;AAAA,YAEH;AAAA;AAAA,QACH;AAAA,QACC,eACC;AAAA,UAAC,oBAAoB;AAAA,UAApB;AAAA,YACC,aAAU;AAAA,YACV,aAAY;AAAA,YACZ,WAAU;AAAA,YAEV;AAAA,cAAC,oBAAoB;AAAA,cAApB;AAAA,gBACC,aAAU;AAAA,gBACV,WAAU;AAAA;AAAA,YACZ;AAAA;AAAA,QACF,IACE;AAAA,QACH,iBACC;AAAA,UAAC,oBAAoB;AAAA,UAApB;AAAA,YACC,aAAU;AAAA,YACV,aAAY;AAAA,YACZ,WAAU;AAAA,YAEV;AAAA,cAAC,oBAAoB;AAAA,cAApB;AAAA,gBACC,aAAU;AAAA,gBACV,WAAU;AAAA;AAAA,YACZ;AAAA;AAAA,QACF,IACE;AAAA,QACH,gBAAgB,SACf;AAAA,UAAC,oBAAoB;AAAA,UAApB;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA;AAAA,QACZ,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;","names":[]}