@dev-dga/react 0.11.0 → 0.12.0

package/dist/chunk-WGCK6KKL.js.map

@@ -0,0 +1 @@
+{"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\nconst radioGroupVariants = cva('ddga-radio-group', {\n  variants: {\n    variant: {\n      primary: '',\n      neutral: 'ddga-radio-group--neutral',\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    readOnly: {\n      true: 'ddga-radio-group--readonly',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n    orientation: 'vertical',\n  },\n});\n\nconst radioVariants = cva('ddga-radio');\n\n// Selection-changing keys blocked when the group is read-only (Radix auto-selects on arrow nav).\nconst READONLY_BLOCKED_KEYS = new Set([\n  ' ',\n  'Enter',\n  'ArrowUp',\n  'ArrowDown',\n  'ArrowLeft',\n  'ArrowRight',\n]);\n\ninterface RadioGroupProps\n  extends\n    Omit<React.ComponentProps<typeof RadioGroupPrimitive.Root>, 'children' | 'orientation'>,\n    Pick<VariantProps<typeof radioGroupVariants>, 'variant' | '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  /** Locks the group: shows the value but can't be changed; stays focusable, sets aria-readonly. */\n  readOnly?: boolean;\n  /** `<Radio>` children. */\n  children: ReactNode;\n}\n\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\nfunction RadioGroup({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  variant,\n  orientation,\n  readOnly,\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 role=radiogroup isn't a focusable control, so associate the visible label via aria-labelledby.\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        aria-readonly={readOnly || undefined}\n        orientation={orientation === 'horizontal' ? 'horizontal' : 'vertical'}\n        required={required}\n        // Read-only blocks every selection path before Radix's handlers run (pointer + keyboard nav).\n        onClickCapture={\n          readOnly\n            ? (event) => {\n                event.preventDefault();\n                event.stopPropagation();\n              }\n            : undefined\n        }\n        onKeyDownCapture={\n          readOnly\n            ? (event) => {\n                if (READONLY_BLOCKED_KEYS.has(event.key)) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n              }\n            : undefined\n        }\n        data-slot=\"radio-group\"\n        className={cn(\n          radioGroupVariants({ variant, orientation, error: hasError, readOnly }),\n          className,\n        )}\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  const generatedId = useId();\n  const itemId = externalId ?? generatedId;\n  return (\n    <div className=\"ddga-radio-row\">\n      <RadioGroupPrimitive.Item\n        {...props}\n        id={itemId}\n        data-slot=\"radio\"\n        className={cn(radioVariants(), className)}\n      >\n        {/* 32px Item = SDGA touch frame; the 24px ring is the visible control. */}\n        <span className=\"ddga-radio__circle\">\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        </span>\n      </RadioGroupPrimitive.Item>\n      {label && (\n        <label htmlFor={itemId} className=\"ddga-radio__label\">\n          {label}\n        </label>\n      )}\n    </div>\n  );\n}\n\nexport { RadioGroup, Radio, radioGroupVariants, radioVariants };\nexport type { RadioGroupProps, RadioProps };\n"],"mappings":"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","names":[]}

package/dist/{chunk-66EVFQVL.js → chunk-WHKNCDTX.js}

@@ -2,13 +2,13 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger
-} from "./chunk-IFB53HNO.js";
+} from "./chunk-FF4QNJOQ.js";
 import {
   useSidebar
 } from "./chunk-F7NPGAKU.js";
 import {
   Skeleton
-} from "./chunk-RZEJPDIW.js";
+} from "./chunk-6LV62GNU.js";
 import {
   useDir
 } from "./chunk-XFVRBYPC.js";
@@ -174,4 +174,4 @@ export {
   sidebarMenuSubButtonVariants,
   SidebarMenuSubButton
 };
-//# sourceMappingURL=chunk-66EVFQVL.js.map
+//# sourceMappingURL=chunk-WHKNCDTX.js.map

package/dist/{chunk-MGZO7MBN.cjs → chunk-WOTSK33U.cjs}

@@ -1,7 +1,7 @@
 "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 _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
 var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
@@ -70,7 +70,7 @@ function BreadcrumbSeparator({ children, className, ...props }) {
       "data-slot": "breadcrumb-separator",
       className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-breadcrumb__separator", className),
       ...props,
-      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.ChevronRight, {})))
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.ChevronRight, {})))
     }
   );
 }
@@ -83,10 +83,28 @@ function BreadcrumbEllipsis({ className, ...props }) {
       "data-slot": "breadcrumb-ellipsis",
       className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-breadcrumb__ellipsis", className),
       ...props,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.MoreHorizontal, {})
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.MoreHorizontal, {})
     }
   );
 }
+function BreadcrumbEllipsisTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      "aria-label": "More breadcrumbs",
+      "data-slot": "breadcrumb-ellipsis-trigger",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-breadcrumb__ellipsis", "ddga-breadcrumb__ellipsis-trigger", className),
+      ...props,
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.MoreHorizontal, {})))
+    }
+  );
+}
+
 
 
 
@@ -97,5 +115,5 @@ function BreadcrumbEllipsis({ className, ...props }) {
 
 
 
-exports.breadcrumbVariants = breadcrumbVariants; exports.Breadcrumb = Breadcrumb; exports.BreadcrumbList = BreadcrumbList; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbLink = BreadcrumbLink; exports.BreadcrumbPage = BreadcrumbPage; exports.BreadcrumbSeparator = BreadcrumbSeparator; exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
-//# sourceMappingURL=chunk-MGZO7MBN.cjs.map
+exports.breadcrumbVariants = breadcrumbVariants; exports.Breadcrumb = Breadcrumb; exports.BreadcrumbList = BreadcrumbList; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbLink = BreadcrumbLink; exports.BreadcrumbPage = BreadcrumbPage; exports.BreadcrumbSeparator = BreadcrumbSeparator; exports.BreadcrumbEllipsis = BreadcrumbEllipsis; exports.BreadcrumbEllipsisTrigger = BreadcrumbEllipsisTrigger;
+//# sourceMappingURL=chunk-WOTSK33U.cjs.map

package/dist/chunk-WOTSK33U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-WOTSK33U.cjs","../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-WOTSK33U.cjs","sourcesContent":[null,"'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'>;\ntype BreadcrumbEllipsisTriggerProps = React.ComponentProps<'button'>;\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  // Decorative truncation marker. For an interactive overflow menu, use\n  // BreadcrumbEllipsisTrigger in a DropdownMenuTrigger instead.\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\nfunction BreadcrumbEllipsisTrigger({\n  className,\n  children,\n  ...props\n}: BreadcrumbEllipsisTriggerProps) {\n  // Chromeless, self-labeled icon button for the overflow menu — drop it into a\n  // `DropdownMenuTrigger asChild` so consumers never hand-roll button chrome.\n  return (\n    <button\n      type=\"button\"\n      aria-label=\"More breadcrumbs\"\n      data-slot=\"breadcrumb-ellipsis-trigger\"\n      className={cn('ddga-breadcrumb__ellipsis', 'ddga-breadcrumb__ellipsis-trigger', className)}\n      {...props}\n    >\n      {children ?? <MoreHorizontal />}\n    </button>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n  BreadcrumbEllipsisTrigger,\n  breadcrumbVariants,\n};\nexport type {\n  BreadcrumbProps,\n  BreadcrumbListProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbPageProps,\n  BreadcrumbSeparatorProps,\n  BreadcrumbEllipsisProps,\n  BreadcrumbEllipsisTriggerProps,\n};\n"]}

package/dist/{chunk-BTP7G7WR.js → chunk-WRCHASO2.js}

@@ -1,9 +1,9 @@
 import {
-  Badge
-} from "./chunk-BS4PX23P.js";
+  Tag
+} from "./chunk-JWOG4I4P.js";
 import {
   FieldMessage
-} from "./chunk-E7WQI7PE.js";
+} from "./chunk-E5ZIKIGB.js";
 import {
   useFieldA11y
 } from "./chunk-HN5AFDQA.js";
@@ -164,7 +164,7 @@ function TagInput({
               className: "ddga-tag-input__item",
               role: "listitem",
               children: /* @__PURE__ */ jsx(
-                Badge,
+                Tag,
                 {
                   variant: chipVariant,
                   size: chipSize,
@@ -209,4 +209,4 @@ export {
   tagInputVariants,
   TagInput
 };
-//# sourceMappingURL=chunk-BTP7G7WR.js.map
+//# sourceMappingURL=chunk-WRCHASO2.js.map

package/dist/chunk-WRCHASO2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TagInput/TagInput.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Tag, type TagProps } from '../Tag';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the *control* (the bordered box), not the raw <input> — the box\n// owns the border, sizing, focus ring and disabled/error styling so the chips\n// and the text input wrap inside the field. Mirrors Input's box, but the box\n// grows vertically as chips wrap (min-block-size, not a fixed height).\nconst tagInputVariants = cva('ddga-tag-input', {\n  variants: {\n    size: {\n      sm: 'ddga-tag-input--sm',\n      md: 'ddga-tag-input--md',\n      lg: 'ddga-tag-input--lg',\n    },\n    error: {\n      true: 'ddga-tag-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// We own `value` / `defaultValue` (string[] tags, not strings), `onChange`\n// (fires with the tag array), and the design-system `size` variant — so they\n// are stripped from the native input props the rest are spread onto.\ntype NativeInputProps = Omit<\n  React.ComponentProps<'input'>,\n  'value' | 'defaultValue' | 'onChange' | 'size'\n>;\n\ninterface TagInputProps\n  extends NativeInputProps, Omit<VariantProps<typeof tagInputVariants>, 'error'> {\n  /** Controlled tag list. */\n  value?: string[];\n  /** Uncontrolled initial tag list. */\n  defaultValue?: string[];\n  /** Fires with the full accepted tag set after every add/remove. */\n  onChange?: (tags: string[]) => void;\n  /** Visible field label, associated to the text input. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when invalid. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n  /** Caps the number of tags. Adds beyond the cap are no-ops. */\n  max?: number;\n  /** Allow the same tag more than once. Off → duplicates are rejected. */\n  allowDuplicates?: boolean;\n  /** Make duplicate detection case-sensitive. Default: case-insensitive. */\n  caseSensitive?: boolean;\n  /** Consumer gate run on each candidate tag. Return false to reject (draft kept). */\n  validate?: (tag: string, tags: string[]) => boolean;\n  /** Characters that commit the draft and split a paste. Newline always splits a paste. */\n  delimiters?: string[];\n  /** Tag variant used for the chips. */\n  chipVariant?: TagProps['variant'];\n  /** Accessible name for each chip's remove button. */\n  removeLabel?: (tag: string) => string;\n  /** Live-region text announced on add/remove (screen readers). */\n  formatAnnouncement?: (tag: string, action: 'add' | 'remove') => string;\n}\n\n// ─── 3. Component ─── //\n\nfunction TagInput({\n  id: externalId,\n  value,\n  defaultValue,\n  onChange,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  disabled,\n  required,\n  placeholder,\n  max,\n  allowDuplicates = false,\n  caseSensitive = false,\n  validate,\n  delimiters = [','],\n  chipVariant = 'secondary',\n  removeLabel = (tag) => `Remove ${tag}`,\n  formatAnnouncement = (tag, action) => `${tag} ${action === 'add' ? 'added' : 'removed'}`,\n  className,\n  ...props\n}: TagInputProps) {\n  const isControlled = value !== undefined;\n  const [uncontrolledTags, setUncontrolledTags] = useState<string[]>(defaultValue ?? []);\n  const tags = isControlled ? value : uncontrolledTags;\n\n  const [draft, setDraft] = useState('');\n  const [announcement, setAnnouncement] = useState('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'TagInput',\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  const commit = (next: string[]) => {\n    if (!isControlled) setUncontrolledTags(next);\n    onChange?.(next);\n  };\n\n  const norm = (t: string) => (caseSensitive ? t : t.toLowerCase());\n\n  // Run raw fragments through the full accept pipeline (trim → drop-empty →\n  // max cap → dedup → validate), appending the survivors. Only ever appends,\n  // so the accepted set is `next.slice(current.length)`.\n  const accept = (raw: string[], current: string[]): string[] => {\n    let next = current;\n    for (const fragment of raw) {\n      const trimmed = fragment.trim();\n      if (!trimmed) continue;\n      if (max !== undefined && next.length >= max) break;\n      if (!allowDuplicates && next.some((t) => norm(t) === norm(trimmed))) continue;\n      if (validate && !validate(trimmed, next)) continue;\n      next = [...next, trimmed];\n    }\n    return next;\n  };\n\n  const announceAdded = (added: string[]) => {\n    if (added.length > 0) {\n      setAnnouncement(added.map((t) => formatAnnouncement(t, 'add')).join(', '));\n    }\n  };\n\n  const commitDraft = () => {\n    const next = accept([draft], tags);\n    if (next.length > tags.length) {\n      commit(next);\n      announceAdded(next.slice(tags.length));\n      setDraft('');\n    }\n    // Rejected (dup / max / validate / empty): keep the draft so it can be fixed.\n  };\n\n  // Build a paste splitter from the delimiter chars + newlines. `-` is escaped\n  // too (trailing in the class) so a delimiter like `-` can't form an invalid\n  // character-class range (e.g. `['|','-']` → `[|-…]` would throw).\n  const splitPaste = (text: string): string[] => {\n    const escaped = delimiters.map((d) => d.replace(/[.*+?^${}()|[\\]\\\\-]/g, '\\\\$&'));\n    const pattern = new RegExp(`[${escaped.join('')}\\\\n\\\\r]`);\n    return text.split(pattern);\n  };\n\n  const removeTag = (index: number) => {\n    const removed = tags[index];\n    commit(tags.filter((_, i) => i !== index));\n    setAnnouncement(formatAnnouncement(removed, 'remove'));\n    inputRef.current?.focus();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n    if (event.key === 'Enter') {\n      // Always swallow Enter so it adds a tag instead of submitting the form.\n      event.preventDefault();\n      if (draft.trim()) commitDraft();\n    } else if (delimiters.includes(event.key)) {\n      event.preventDefault();\n      if (draft.trim()) commitDraft();\n    } else if (event.key === 'Backspace' && draft === '' && tags.length > 0) {\n      event.preventDefault();\n      removeTag(tags.length - 1);\n    }\n  };\n\n  const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n    const text = event.clipboardData.getData('text');\n    const fragments = splitPaste(text);\n    // No delimiter in the pasted text → let it type normally into the draft.\n    if (fragments.length <= 1) return;\n    event.preventDefault();\n    const next = accept(fragments, tags);\n    if (next.length > tags.length) {\n      commit(next);\n      announceAdded(next.slice(tags.length));\n      // Clear any in-progress draft so it isn't left stranded after the paste.\n      setDraft('');\n    }\n  };\n\n  // Clicking the box chrome (not a chip button or the input) focuses the input.\n  const handleBoxMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    const target = event.target as HTMLElement;\n    if (target === inputRef.current || target.closest('button')) return;\n    event.preventDefault();\n    inputRef.current?.focus();\n  };\n\n  const chipSize: TagProps['size'] = size === 'lg' ? 'md' : 'sm';\n\n  return (\n    <div data-slot=\"tag-input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-tag-input__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-tag-input__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        data-slot=\"tag-input-control\"\n        className={cn(tagInputVariants({ size, error: hasError }), className)}\n        data-disabled={disabled || undefined}\n        onMouseDown={disabled ? undefined : handleBoxMouseDown}\n      >\n        {tags.length > 0 && (\n          <ul data-slot=\"tag-input-list\" className=\"ddga-tag-input__list\" role=\"list\">\n            {tags.map((tag, index) => (\n              <li\n                // Tags can repeat (allowDuplicates) so the value alone is not a\n                // stable key; pair it with the index.\n                key={`${tag}-${index}`}\n                data-slot=\"tag-input-item\"\n                className=\"ddga-tag-input__item\"\n                // `display:contents` on the list/item can drop the implicit\n                // list semantics in some engines; re-assert them explicitly.\n                role=\"listitem\"\n              >\n                <Tag\n                  variant={chipVariant}\n                  size={chipSize}\n                  // Controlled-open: the chip never self-hides — removal flows\n                  // through onChange so controlled consumers stay the source of truth.\n                  open\n                  dismissible={!disabled}\n                  onDismiss={() => removeTag(index)}\n                  closeLabel={removeLabel(tag)}\n                >\n                  {tag}\n                </Tag>\n              </li>\n            ))}\n          </ul>\n        )}\n        <input\n          // Spread consumer props first, then our a11y contract + handlers so\n          // they cannot be clobbered.\n          {...props}\n          {...controlProps}\n          ref={inputRef}\n          data-slot=\"tag-input\"\n          className=\"ddga-tag-input__field\"\n          type=\"text\"\n          value={draft}\n          disabled={disabled}\n          // `aria-required` (not native `required`): the input holds the draft,\n          // not the committed tags, so native `required` would block form\n          // submit whenever the draft is empty even though tags exist.\n          aria-required={required || undefined}\n          placeholder={tags.length === 0 ? placeholder : undefined}\n          onChange={(event) => setDraft(event.target.value)}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n        />\n      </div>\n      <div data-slot=\"tag-input-live\" className=\"ddga-sr-only\" role=\"status\" aria-live=\"polite\">\n        {announcement}\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 { TagInput, tagInputVariants };\nexport type { TagInputProps };\n"],"mappings":"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","names":[]}

package/dist/{chunk-FI65HI2H.js → chunk-WRUVDZRI.js}

@@ -1,13 +1,15 @@
 import {
-  Input
-} from "./chunk-TLD67NXQ.js";
+  TextInput
+} from "./chunk-4HBVLISS.js";
 import {
   Button
-} from "./chunk-4RU33BRQ.js";
+} from "./chunk-GQAX2CH6.js";
 import {
   Close,
-  Search
-} from "./chunk-CDS4SYEQ.js";
+  HelpCircleGlyph,
+  Mic,
+  SearchGlyph
+} from "./chunk-FFGALWM2.js";
 import {
   cn
 } from "./chunk-7NTT2UXP.js";
@@ -26,9 +28,15 @@ function SearchBox({
   onChange,
   onKeyDown,
   onSearch,
+  voiceSearch = true,
+  onVoiceSearch,
   onClear,
   clearable = true,
   clearLabel = "Clear search",
+  voiceLabel = "Search by voice",
+  helperIcon = /* @__PURE__ */ jsx(HelpCircleGlyph, { width: 16, height: 16, "aria-hidden": "true" }),
+  disabled,
+  readOnly,
   className,
   ref,
   ...rest
@@ -47,11 +55,13 @@ function SearchBox({
     defaultValue != null ? String(defaultValue) : ""
   );
   const currentValue = isControlled ? String(value ?? "") : internal;
+  const isLocked = !!disabled || !!readOnly;
   const handleChange = (event) => {
     if (!isControlled) setInternal(event.target.value);
     onChange?.(event);
   };
   const clear = () => {
+    if (isLocked) return;
     const el = inputRef.current;
     if (!el) return;
     setNativeInputValue(el, "");
@@ -63,15 +73,40 @@ function SearchBox({
     if (event.defaultPrevented) return;
     if (event.key === "Enter") {
       onSearch?.(currentValue);
-    } else if (event.key === "Escape" && currentValue.length > 0) {
+    } else if (event.key === "Escape" && currentValue.length > 0 && !isLocked) {
       event.preventDefault();
       event.stopPropagation();
       clear();
     }
   };
-  const showClear = clearable && currentValue.length > 0;
+  const showClear = clearable && currentValue.length > 0 && !isLocked;
+  const showVoice = voiceSearch && !showClear;
+  const trailing = showClear ? /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon-sm",
+      "aria-label": clearLabel,
+      "data-slot": "search-box-clear",
+      onClick: clear,
+      children: /* @__PURE__ */ jsx(Close, { "aria-hidden": "true" })
+    }
+  ) : showVoice ? /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon-sm",
+      "aria-label": voiceLabel,
+      "data-slot": "search-box-voice",
+      disabled: isLocked,
+      onClick: () => onVoiceSearch?.(currentValue),
+      children: /* @__PURE__ */ jsx(Mic, { "aria-hidden": "true" })
+    }
+  ) : void 0;
   return /* @__PURE__ */ jsx(
-    Input,
+    TextInput,
     {
       ...rest,
       ref: setRefs,
@@ -79,20 +114,12 @@ function SearchBox({
       value: currentValue,
       onChange: handleChange,
       onKeyDown: handleKeyDown,
+      disabled,
+      readOnly,
+      helperIcon,
       className: cn("ddga-search-box", className),
-      startAdornment: /* @__PURE__ */ jsx(Search, { "data-slot": "search-box-icon", "aria-hidden": "true" }),
-      endAdornment: showClear ? /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon-sm",
-          "aria-label": clearLabel,
-          "data-slot": "search-box-clear",
-          onClick: clear,
-          children: /* @__PURE__ */ jsx(Close, { "aria-hidden": "true" })
-        }
-      ) : void 0
+      startAdornment: /* @__PURE__ */ jsx(SearchGlyph, { "data-slot": "search-box-icon", "aria-hidden": "true" }),
+      endAdornment: trailing
     }
   );
 }
@@ -100,4 +127,4 @@ function SearchBox({
 export {
   SearchBox
 };
-//# sourceMappingURL=chunk-FI65HI2H.js.map
+//# sourceMappingURL=chunk-WRUVDZRI.js.map

package/dist/chunk-WRUVDZRI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SearchBox/SearchBox.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useRef, useState } from 'react';\nimport { cn } from '../../utils/cn';\nimport { TextInput, type TextInputProps } from '../TextInput';\nimport { Button } from '../Button';\nimport { SearchGlyph, Close, Mic, HelpCircleGlyph } from '../../internal/icons';\n\n// SearchBox composes TextInput — it reuses TextInput's field a11y (label /\n// helper / error), state + fill styles and adornment slots — and adds the SDGA\n// Search Box chrome: a leading magnifier, the voice-search mic (SDGA's trailing\n// icon), Escape-to-clear, `onSearch`, and an off-spec clear (×). It is a form\n// control, so (like TextInput) it does NOT take `asChild`.\ninterface SearchBoxProps extends Omit<TextInputProps, 'startAdornment' | 'endAdornment' | 'type'> {\n  /** Fires on Enter with the current query string. */\n  onSearch?: (value: string) => void;\n  /** Show the SDGA voice-search mic while the field is empty. Default `true`. */\n  voiceSearch?: boolean;\n  /** Fires when the voice-search mic is activated, with the current query. */\n  onVoiceSearch?: (value: string) => void;\n  /** Fires when the field is cleared (clear button or Escape). */\n  onClear?: () => void;\n  /** Show the clear (×) button while the field has a value. Default `true`. */\n  clearable?: boolean;\n  /** Accessible label for the clear button. Default `'Clear search'`. */\n  clearLabel?: string;\n  /** Accessible label for the voice-search mic. Default `'Search by voice'`. */\n  voiceLabel?: string;\n}\n\n// Set the value via the native setter (bypasses React's value tracker) + dispatch `input`,\n// so clear() fires onChange identically in controlled and uncontrolled mode.\nfunction setNativeInputValue(el: HTMLInputElement, value: string) {\n  const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;\n  setter?.call(el, value);\n  el.dispatchEvent(new Event('input', { bubbles: true }));\n}\n\nfunction SearchBox({\n  value,\n  defaultValue,\n  onChange,\n  onKeyDown,\n  onSearch,\n  voiceSearch = true,\n  onVoiceSearch,\n  onClear,\n  clearable = true,\n  clearLabel = 'Clear search',\n  voiceLabel = 'Search by voice',\n  helperIcon = <HelpCircleGlyph width={16} height={16} aria-hidden=\"true\" />,\n  disabled,\n  readOnly,\n  className,\n  ref,\n  ...rest\n}: SearchBoxProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // We need the input node internally (clear() refocuses it), but consumers can\n  // also pass a `ref` (TextInputProps advertises it). Merge both onto one\n  // callback so neither clobbers the other.\n  const setRefs = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  // Internally controlled: we always feed `value` to the inner input so the\n  // clear button's visibility tracks the current text in both modes.\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<string>(\n    defaultValue != null ? String(defaultValue) : '',\n  );\n  const currentValue = isControlled ? String(value ?? '') : internal;\n\n  const isLocked = !!disabled || !!readOnly;\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) setInternal(event.target.value);\n    onChange?.(event);\n  };\n\n  const clear = () => {\n    if (isLocked) return;\n    const el = inputRef.current;\n    if (!el) return;\n    setNativeInputValue(el, '');\n    el.focus();\n    onClear?.();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n\n    if (event.key === 'Enter') {\n      onSearch?.(currentValue);\n    } else if (event.key === 'Escape' && currentValue.length > 0 && !isLocked) {\n      // First Escape clears the query; stop it here so a parent overlay\n      // (Modal/Popover) only closes on a second, now-empty Escape.\n      event.preventDefault();\n      event.stopPropagation();\n      clear();\n    }\n  };\n\n  const showClear = clearable && currentValue.length > 0 && !isLocked;\n  const showVoice = voiceSearch && !showClear;\n\n  const trailing = showClear ? (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      aria-label={clearLabel}\n      data-slot=\"search-box-clear\"\n      onClick={clear}\n    >\n      <Close aria-hidden=\"true\" />\n    </Button>\n  ) : showVoice ? (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"icon-sm\"\n      aria-label={voiceLabel}\n      data-slot=\"search-box-voice\"\n      disabled={isLocked}\n      onClick={() => onVoiceSearch?.(currentValue)}\n    >\n      <Mic aria-hidden=\"true\" />\n    </Button>\n  ) : undefined;\n\n  return (\n    <TextInput\n      {...rest}\n      ref={setRefs}\n      type=\"search\"\n      value={currentValue}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      disabled={disabled}\n      readOnly={readOnly}\n      helperIcon={helperIcon}\n      className={cn('ddga-search-box', className)}\n      startAdornment={<SearchGlyph data-slot=\"search-box-icon\" aria-hidden=\"true\" />}\n      endAdornment={trailing}\n    />\n  );\n}\n\nexport { SearchBox };\nexport type { SearchBoxProps };\n"],"mappings":"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","names":[]}

package/dist/chunk-WUSHGDHJ.cjs

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

package/dist/chunk-WUSHGDHJ.cjs.map

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

package/dist/{chunk-XCR3TPXT.js → chunk-XB6YHZAG.js}

@@ -1,7 +1,7 @@
 import {
   Check,
   ChevronRight
-} from "./chunk-CDS4SYEQ.js";
+} from "./chunk-FFGALWM2.js";
 import {
   DgaContext
 } from "./chunk-TMXABSFE.js";
@@ -10,42 +10,85 @@ import {
 } from "./chunk-7NTT2UXP.js";
 
 // src/components/DropdownMenu/DropdownMenu.tsx
-import { useContext } from "react";
+import { createContext, useContext, useRef } from "react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
 import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
-var dropdownMenuVariants = cva("ddga-dropdown-menu", {
-  variants: {
-    size: {
-      sm: "ddga-dropdown-menu--sm",
-      md: "ddga-dropdown-menu--md"
+var dropdownMenuVariants = cva("ddga-dropdown-menu");
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
     }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
+  };
+}
+var DropdownMenuTriggerRefContext = createContext(null);
 function DropdownMenu(props) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { ...props });
+  const triggerRef = useRef(null);
+  return /* @__PURE__ */ jsx(DropdownMenuTriggerRefContext.Provider, { value: triggerRef, children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { ...props }) });
 }
-function DropdownMenuTrigger(props) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+function DropdownMenuTrigger({ ref, ...props }) {
+  const triggerRef = useContext(DropdownMenuTriggerRefContext);
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Trigger,
+    {
+      ref: composeRefs(triggerRef ?? void 0, ref),
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
 }
 function DropdownMenuContent({
-  size,
   className,
   sideOffset = 6,
+  onCloseAutoFocus,
+  onPointerDownOutside,
+  onFocusOutside,
+  onKeyDownCapture,
+  onPointerDownCapture,
   ...props
 }) {
   const ctx = useContext(DgaContext);
+  const triggerRef = useContext(DropdownMenuTriggerRefContext);
   const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  const dismissedByOutside = useRef(false);
+  const lastInputKeyboard = useRef(false);
   return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
       sideOffset,
-      className: cn(dropdownMenuVariants({ size }), className),
-      ...props
+      className: cn(dropdownMenuVariants(), className),
+      ...props,
+      onKeyDownCapture: (event) => {
+        lastInputKeyboard.current = true;
+        onKeyDownCapture?.(event);
+      },
+      onPointerDownCapture: (event) => {
+        lastInputKeyboard.current = false;
+        onPointerDownCapture?.(event);
+      },
+      onPointerDownOutside: (event) => {
+        dismissedByOutside.current = true;
+        onPointerDownOutside?.(event);
+      },
+      onFocusOutside: (event) => {
+        dismissedByOutside.current = true;
+        onFocusOutside?.(event);
+      },
+      onCloseAutoFocus: (event) => {
+        onCloseAutoFocus?.(event);
+        if (event.defaultPrevented) return;
+        if (dismissedByOutside.current) {
+          dismissedByOutside.current = false;
+          return;
+        }
+        event.preventDefault();
+        triggerRef?.current?.focus({
+          focusVisible: lastInputKeyboard.current
+        });
+      }
     }
   ) });
 }
@@ -53,7 +96,7 @@ function DropdownMenuItem({
   className,
   destructive,
   startIcon,
-  shortcut,
+  trailing,
   children,
   ...props
 }) {
@@ -67,7 +110,7 @@ function DropdownMenuItem({
       children: [
         startIcon ? /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
         /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__label", children }),
-        shortcut ? /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__shortcut", "aria-hidden": "true", children: shortcut }) : null
+        trailing ? /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__trailing", children: trailing }) : null
       ]
     }
   );
@@ -89,8 +132,8 @@ function DropdownMenuCheckboxItem({
       onSelect: handleSelect,
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "ddga-dropdown-menu__indicator-icon" }) }) }),
-        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__label", children })
+        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__label", children }),
+        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "ddga-dropdown-menu__indicator-icon" }) }) })
       ]
     }
   );
@@ -115,8 +158,8 @@ function DropdownMenuRadioItem({
       onSelect: handleSelect,
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__radio-dot" }) }) }),
-        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__label", children })
+        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__label", children }),
+        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "ddga-dropdown-menu__indicator-icon" }) }) })
       ]
     }
   );
@@ -167,14 +210,14 @@ function DropdownMenuSubTrigger({
     }
   );
 }
-function DropdownMenuSubContent({ size, className, ...props }) {
+function DropdownMenuSubContent({ className, ...props }) {
   const ctx = useContext(DgaContext);
   const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
   return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: cn(dropdownMenuVariants({ size }), className),
+      className: cn(dropdownMenuVariants(), className),
       ...props
     }
   ) });
@@ -196,4 +239,4 @@ export {
   DropdownMenuSubTrigger,
   DropdownMenuSubContent
 };
-//# sourceMappingURL=chunk-XCR3TPXT.js.map
+//# sourceMappingURL=chunk-XB6YHZAG.js.map

package/dist/chunk-XB6YHZAG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useRef, type ReactNode, type Ref } from 'react';\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, ChevronRight } from '../../internal/icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\nconst dropdownMenuVariants = cva('ddga-dropdown-menu');\n\ntype TriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\n\nfunction composeRefs(...refs: Array<Ref<TriggerElement> | undefined>) {\n  return (node: TriggerElement | null) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') ref(node);\n      else if (ref) (ref as React.MutableRefObject<TriggerElement | null>).current = node;\n    }\n  };\n}\n\nconst DropdownMenuTriggerRefContext =\n  createContext<React.MutableRefObject<TriggerElement | null> | null>(null);\n\ntype DropdownMenuProps = React.ComponentProps<typeof DropdownMenuPrimitive.Root>;\n\nfunction DropdownMenu(props: DropdownMenuProps) {\n  const triggerRef = useRef<TriggerElement | null>(null);\n  return (\n    <DropdownMenuTriggerRefContext.Provider value={triggerRef}>\n      <DropdownMenuPrimitive.Root {...props} />\n    </DropdownMenuTriggerRefContext.Provider>\n  );\n}\n\ntype DropdownMenuTriggerProps = React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>;\n\nfunction DropdownMenuTrigger({ ref, ...props }: DropdownMenuTriggerProps) {\n  const triggerRef = useContext(DropdownMenuTriggerRefContext);\n  return (\n    <DropdownMenuPrimitive.Trigger\n      ref={composeRefs(triggerRef ?? undefined, ref)}\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  );\n}\n\ntype DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.Content>;\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 6,\n  onCloseAutoFocus,\n  onPointerDownOutside,\n  onFocusOutside,\n  onKeyDownCapture,\n  onPointerDownCapture,\n  ...props\n}: DropdownMenuContentProps) {\n  // Radix Portal defaults to <body>, which doesn't inherit DgaProvider's\n  // data-theme / CSS vars. Re-anchor at the provider's portal container so the\n  // menu inherits theme and escapes any clipping/transform ancestor.\n  const ctx = useContext(DgaContext);\n  const triggerRef = useContext(DropdownMenuTriggerRefContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n  const dismissedByOutside = useRef(false);\n  const lastInputKeyboard = useRef(false);\n\n  return (\n    <DropdownMenuPrimitive.Portal container={portalContainer}>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(dropdownMenuVariants(), className)}\n        {...props}\n        onKeyDownCapture={(event) => {\n          lastInputKeyboard.current = true;\n          onKeyDownCapture?.(event);\n        }}\n        onPointerDownCapture={(event) => {\n          lastInputKeyboard.current = false;\n          onPointerDownCapture?.(event);\n        }}\n        onPointerDownOutside={(event) => {\n          dismissedByOutside.current = true;\n          onPointerDownOutside?.(event);\n        }}\n        onFocusOutside={(event) => {\n          dismissedByOutside.current = true;\n          onFocusOutside?.(event);\n        }}\n        onCloseAutoFocus={(event) => {\n          onCloseAutoFocus?.(event);\n          if (event.defaultPrevented) return;\n          // An outside interaction should keep focus where the user clicked.\n          if (dismissedByOutside.current) {\n            dismissedByOutside.current = false;\n            return;\n          }\n          // Radix restores trigger focus with a visible ring even after a mouse\n          // selection (the browser's :focus-visible heuristic carries the menu's\n          // keyboard focus state). Refocus the trigger ourselves and set\n          // `focusVisible` explicitly from the real input modality — keyboard ⇒\n          // ring, mouse ⇒ none — while keeping WAI-ARIA focus-return.\n          event.preventDefault();\n          triggerRef?.current?.focus({\n            focusVisible: lastInputKeyboard.current,\n          } as FocusOptions);\n        }}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\ntype DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  /** Style as a destructive action (red text, red hover). House extension — not in SDGA Menu. */\n  destructive?: boolean;\n  /** Icon rendered before the label, sized to SDGA's 24px. */\n  startIcon?: ReactNode;\n  /** Trailing element (SDGA \"trail\"): a counter, icon, `<Tag>`, `<Switch>`, or `<Button>`.\n   *  Interactive trailing content must `stopPropagation()` on its own click (or set\n   *  `onSelect={(e) => e.preventDefault()}` on this item) — otherwise the click bubbles\n   *  to the row and closes the menu. */\n  trailing?: ReactNode;\n};\n\nfunction DropdownMenuItem({\n  className,\n  destructive,\n  startIcon,\n  trailing,\n  children,\n  ...props\n}: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-destructive={destructive ? '' : undefined}\n      className={cn('ddga-dropdown-menu__item', className)}\n      {...props}\n    >\n      {startIcon ? (\n        <span className=\"ddga-dropdown-menu__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ddga-dropdown-menu__label\">{children}</span>\n      {trailing ? <span className=\"ddga-dropdown-menu__trailing\">{trailing}</span> : null}\n    </DropdownMenuPrimitive.Item>\n  );\n}\n\ntype DropdownMenuCheckboxItemProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.CheckboxItem\n>;\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  onSelect,\n  ...props\n}: DropdownMenuCheckboxItemProps) {\n  // Keep the menu open across toggles so consumers can flip several at once.\n  // A consumer-passed onSelect owns the behavior (call preventDefault to keep this).\n  const handleSelect =\n    onSelect ??\n    ((event: Event) => {\n      event.preventDefault();\n    });\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn('ddga-dropdown-menu__item', 'ddga-dropdown-menu__item--checkable', className)}\n      onSelect={handleSelect}\n      {...props}\n    >\n      <span className=\"ddga-dropdown-menu__label\">{children}</span>\n      <span className=\"ddga-dropdown-menu__indicator\" aria-hidden=\"true\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <Check className=\"ddga-dropdown-menu__indicator-icon\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\ntype DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>;\n\nfunction DropdownMenuRadioGroup(props: DropdownMenuRadioGroupProps) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\ntype DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>;\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  onSelect,\n  ...props\n}: DropdownMenuRadioItemProps) {\n  const handleSelect =\n    onSelect ??\n    ((event: Event) => {\n      event.preventDefault();\n    });\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn('ddga-dropdown-menu__item', 'ddga-dropdown-menu__item--checkable', className)}\n      onSelect={handleSelect}\n      {...props}\n    >\n      <span className=\"ddga-dropdown-menu__label\">{children}</span>\n      <span className=\"ddga-dropdown-menu__indicator\" aria-hidden=\"true\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <Check className=\"ddga-dropdown-menu__indicator-icon\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\ntype DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenuPrimitive.Label>;\n\nfunction DropdownMenuLabel({ className, ...props }: DropdownMenuLabelProps) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      className={cn('ddga-dropdown-menu__group-label', className)}\n      {...props}\n    />\n  );\n}\n\ntype DropdownMenuSeparatorProps = React.ComponentProps<typeof DropdownMenuPrimitive.Separator>;\n\nfunction DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('ddga-dropdown-menu__separator', className)}\n      {...props}\n    />\n  );\n}\n\ntype DropdownMenuGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.Group>;\n\nfunction DropdownMenuGroup(props: DropdownMenuGroupProps) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\ntype DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenuPrimitive.Sub>;\n\nfunction DropdownMenuSub(props: DropdownMenuSubProps) {\n  return <DropdownMenuPrimitive.Sub {...props} />;\n}\n\ntype DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  startIcon?: ReactNode;\n};\n\nfunction DropdownMenuSubTrigger({\n  className,\n  startIcon,\n  children,\n  ...props\n}: DropdownMenuSubTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn('ddga-dropdown-menu__item', 'ddga-dropdown-menu__item--sub', className)}\n      {...props}\n    >\n      {startIcon ? (\n        <span className=\"ddga-dropdown-menu__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ddga-dropdown-menu__label\">{children}</span>\n      <ChevronRight className=\"ddga-dropdown-menu__sub-chevron\" aria-hidden=\"true\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\ntype DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>;\n\nfunction DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps) {\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DropdownMenuPrimitive.Portal container={portalContainer}>\n      <DropdownMenuPrimitive.SubContent\n        data-slot=\"dropdown-menu-sub-content\"\n        className={cn(dropdownMenuVariants(), className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuGroup,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n  dropdownMenuVariants,\n};\nexport type {\n  DropdownMenuProps,\n  DropdownMenuTriggerProps,\n  DropdownMenuContentProps,\n  DropdownMenuItemProps,\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemProps,\n  DropdownMenuLabelProps,\n  DropdownMenuSeparatorProps,\n  DropdownMenuGroupProps,\n  DropdownMenuSubProps,\n  DropdownMenuSubTriggerProps,\n  DropdownMenuSubContentProps,\n};\n"],"mappings":";;;;;;;;;;;;AAEA,SAAS,eAAe,YAAY,cAAwC;AAC5E,SAAS,gBAAgB,6BAA6B;AACtD,SAAS,WAAW;AA2Bd,cA0GF,YA1GE;AAtBN,IAAM,uBAAuB,IAAI,oBAAoB;AAIrD,SAAS,eAAe,MAA8C;AACpE,SAAO,CAAC,SAAgC;AACtC,eAAW,OAAO,MAAM;AACtB,UAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,eAC9B,IAAK,CAAC,IAAsD,UAAU;AAAA,IACjF;AAAA,EACF;AACF;AAEA,IAAM,gCACJ,cAAoE,IAAI;AAI1E,SAAS,aAAa,OAA0B;AAC9C,QAAM,aAAa,OAA8B,IAAI;AACrD,SACE,oBAAC,8BAA8B,UAA9B,EAAuC,OAAO,YAC7C,8BAAC,sBAAsB,MAAtB,EAA4B,GAAG,OAAO,GACzC;AAEJ;AAIA,SAAS,oBAAoB,EAAE,KAAK,GAAG,MAAM,GAA6B;AACxE,QAAM,aAAa,WAAW,6BAA6B;AAC3D,SACE;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,KAAK,YAAY,cAAc,QAAW,GAAG;AAAA,MAC7C,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;AAIA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6B;AAI3B,QAAM,MAAM,WAAW,UAAU;AACjC,QAAM,aAAa,WAAW,6BAA6B;AAC3D,QAAM,kBAAkB,KAAK,YAAY,KAAK,UAAU;AACxD,QAAM,qBAAqB,OAAO,KAAK;AACvC,QAAM,oBAAoB,OAAO,KAAK;AAEtC,SACE,oBAAC,sBAAsB,QAAtB,EAA6B,WAAW,iBACvC;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW,GAAG,qBAAqB,GAAG,SAAS;AAAA,MAC9C,GAAG;AAAA,MACJ,kBAAkB,CAAC,UAAU;AAC3B,0BAAkB,UAAU;AAC5B,2BAAmB,KAAK;AAAA,MAC1B;AAAA,MACA,sBAAsB,CAAC,UAAU;AAC/B,0BAAkB,UAAU;AAC5B,+BAAuB,KAAK;AAAA,MAC9B;AAAA,MACA,sBAAsB,CAAC,UAAU;AAC/B,2BAAmB,UAAU;AAC7B,+BAAuB,KAAK;AAAA,MAC9B;AAAA,MACA,gBAAgB,CAAC,UAAU;AACzB,2BAAmB,UAAU;AAC7B,yBAAiB,KAAK;AAAA,MACxB;AAAA,MACA,kBAAkB,CAAC,UAAU;AAC3B,2BAAmB,KAAK;AACxB,YAAI,MAAM,iBAAkB;AAE5B,YAAI,mBAAmB,SAAS;AAC9B,6BAAmB,UAAU;AAC7B;AAAA,QACF;AAMA,cAAM,eAAe;AACrB,oBAAY,SAAS,MAAM;AAAA,UACzB,cAAc,kBAAkB;AAAA,QAClC,CAAiB;AAAA,MACnB;AAAA;AAAA,EACF,GACF;AAEJ;AAcA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,SACE;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB,cAAc,KAAK;AAAA,MACrC,WAAW,GAAG,4BAA4B,SAAS;AAAA,MAClD,GAAG;AAAA,MAEH;AAAA,oBACC,oBAAC,UAAK,WAAU,4BAA2B,eAAY,QACpD,qBACH,IACE;AAAA,QACJ,oBAAC,UAAK,WAAU,6BAA6B,UAAS;AAAA,QACrD,WAAW,oBAAC,UAAK,WAAU,gCAAgC,oBAAS,IAAU;AAAA;AAAA;AAAA,EACjF;AAEJ;AAMA,SAAS,yBAAyB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkC;AAGhC,QAAM,eACJ,aACC,CAAC,UAAiB;AACjB,UAAM,eAAe;AAAA,EACvB;AACF,SACE;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,4BAA4B,uCAAuC,SAAS;AAAA,MAC1F,UAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,WAAU,6BAA6B,UAAS;AAAA,QACtD,oBAAC,UAAK,WAAU,iCAAgC,eAAY,QAC1D,8BAAC,sBAAsB,eAAtB,EACC,8BAAC,SAAM,WAAU,sCAAqC,GACxD,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAIA,SAAS,uBAAuB,OAAoC;AAClE,SAAO,oBAAC,sBAAsB,YAAtB,EAAiC,aAAU,6BAA6B,GAAG,OAAO;AAC5F;AAIA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,QAAM,eACJ,aACC,CAAC,UAAiB;AACjB,UAAM,eAAe;AAAA,EACvB;AACF,SACE;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,4BAA4B,uCAAuC,SAAS;AAAA,MAC1F,UAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,WAAU,6BAA6B,UAAS;AAAA,QACtD,oBAAC,UAAK,WAAU,iCAAgC,eAAY,QAC1D,8BAAC,sBAAsB,eAAtB,EACC,8BAAC,SAAM,WAAU,sCAAqC,GACxD,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAIA,SAAS,kBAAkB,EAAE,WAAW,GAAG,MAAM,GAA2B;AAC1E,SACE;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mCAAmC,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;AAIA,SAAS,sBAAsB,EAAE,WAAW,GAAG,MAAM,GAA+B;AAClF,SACE;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AAIA,SAAS,kBAAkB,OAA+B;AACxD,SAAO,oBAAC,sBAAsB,OAAtB,EAA4B,aAAU,uBAAuB,GAAG,OAAO;AACjF;AAIA,SAAS,gBAAgB,OAA6B;AACpD,SAAO,oBAAC,sBAAsB,KAAtB,EAA2B,GAAG,OAAO;AAC/C;AAMA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,SACE;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,4BAA4B,iCAAiC,SAAS;AAAA,MACnF,GAAG;AAAA,MAEH;AAAA,oBACC,oBAAC,UAAK,WAAU,4BAA2B,eAAY,QACpD,qBACH,IACE;AAAA,QACJ,oBAAC,UAAK,WAAU,6BAA6B,UAAS;AAAA,QACtD,oBAAC,gBAAa,WAAU,mCAAkC,eAAY,QAAO;AAAA;AAAA;AAAA,EAC/E;AAEJ;AAIA,SAAS,uBAAuB,EAAE,WAAW,GAAG,MAAM,GAAgC;AACpF,QAAM,MAAM,WAAW,UAAU;AACjC,QAAM,kBAAkB,KAAK,YAAY,KAAK,UAAU;AAExD,SACE,oBAAC,sBAAsB,QAAtB,EAA6B,WAAW,iBACvC;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,qBAAqB,GAAG,SAAS;AAAA,MAC9C,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;","names":[]}

package/dist/{chunk-AV6BIQQA.js → chunk-Y2E2RLBI.js}

@@ -14,7 +14,9 @@ var avatarVariants = cva("ddga-avatar", {
       sm: "ddga-avatar--sm",
       md: "ddga-avatar--md",
       lg: "ddga-avatar--lg",
-      xl: "ddga-avatar--xl"
+      xl: "ddga-avatar--xl",
+      "2xl": "ddga-avatar--2xl",
+      "3xl": "ddga-avatar--3xl"
     },
     shape: {
       circle: "ddga-avatar--circle",
@@ -85,7 +87,15 @@ function AvatarFallback({ colorScheme, className, ...props }) {
     }
   );
 }
-function AvatarGroup({ max, size, shape, className, children, ...props }) {
+function AvatarGroup({
+  max,
+  size,
+  shape,
+  overflowLabel = (n) => `${n} more`,
+  className,
+  children,
+  ...props
+}) {
   const all = Children.toArray(children).filter(isValidElement);
   const visible = max !== void 0 && all.length > max ? all.slice(0, max) : all;
   const overflow = max !== void 0 ? Math.max(0, all.length - max) : 0;
@@ -98,7 +108,7 @@ function AvatarGroup({ max, size, shape, className, children, ...props }) {
   );
   return /* @__PURE__ */ jsxs("div", { "data-slot": "avatar-group", className: cn("ddga-avatar-group", className), ...props, children: [
     cascaded,
-    overflow > 0 ? /* @__PURE__ */ jsx(Avatar, { size, shape, "aria-label": `${overflow} more`, children: /* @__PURE__ */ jsxs(AvatarFallback, { children: [
+    overflow > 0 ? /* @__PURE__ */ jsx(Avatar, { size, shape, "aria-label": overflowLabel(overflow), children: /* @__PURE__ */ jsxs(AvatarFallback, { children: [
       "+",
       overflow
     ] }) }) : null
@@ -112,4 +122,4 @@ export {
   AvatarFallback,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-AV6BIQQA.js.map
+//# sourceMappingURL=chunk-Y2E2RLBI.js.map

package/dist/chunk-Y2E2RLBI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { Children, isValidElement, cloneElement, type ReactElement } from 'react';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n\nconst avatarVariants = cva('ddga-avatar', {\n  variants: {\n    size: {\n      xs: 'ddga-avatar--xs',\n      sm: 'ddga-avatar--sm',\n      md: 'ddga-avatar--md',\n      lg: 'ddga-avatar--lg',\n      xl: 'ddga-avatar--xl',\n      '2xl': 'ddga-avatar--2xl',\n      '3xl': 'ddga-avatar--3xl',\n    },\n    shape: {\n      circle: 'ddga-avatar--circle',\n      square: 'ddga-avatar--square',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    shape: 'circle',\n  },\n});\n\nconst fallbackVariants = cva('ddga-avatar__fallback', {\n  variants: {\n    colorScheme: {\n      default: 'ddga-avatar__fallback--default',\n      primary: 'ddga-avatar__fallback--primary',\n      secondary: 'ddga-avatar__fallback--secondary',\n      success: 'ddga-avatar__fallback--success',\n      warning: 'ddga-avatar__fallback--warning',\n      destructive: 'ddga-avatar__fallback--destructive',\n      info: 'ddga-avatar__fallback--info',\n    },\n  },\n  defaultVariants: {\n    colorScheme: 'default',\n  },\n});\n\ntype AvatarStatus = 'online' | 'offline' | 'busy' | 'away';\n\n// ─── 2. Types ─── //\n\ninterface AvatarProps\n  extends React.ComponentProps<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {\n  /**\n   * Presence indicator rendered in the bottom-{end} corner. The color tracks\n   * the status (online → success, busy → destructive, away → warning,\n   * offline → muted). Position flips in RTL automatically via logical props.\n   */\n  status?: AvatarStatus;\n  /**\n   * Accessible label for the status indicator. Defaults to the status value\n   * (e.g. \"online\"). Pass a localized string for non-English UIs.\n   */\n  statusLabel?: string;\n}\n\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\n\ninterface AvatarFallbackProps\n  extends\n    React.ComponentProps<typeof AvatarPrimitive.Fallback>,\n    VariantProps<typeof fallbackVariants> {}\n\ninterface AvatarGroupProps extends React.ComponentProps<'div'> {\n  /**\n   * Cap the number of visible Avatars. Excess children are collapsed into a\n   * trailing \"+N\" chip. When unset, every child is rendered.\n   */\n  max?: number;\n  /** Size cascaded to each child Avatar that doesn't already set its own size. */\n  size?: VariantProps<typeof avatarVariants>['size'];\n  /** Shape cascaded to each child Avatar that doesn't already set its own shape. */\n  shape?: VariantProps<typeof avatarVariants>['shape'];\n  /** Accessible label for the \"+N\" overflow chip. Defaults to `\"N more\"` — pass a\n   *  localized builder for non-English UIs. */\n  overflowLabel?: (count: number) => string;\n}\n\n// ─── 3. Components ─── //\n\nfunction Avatar({ size, shape, status, statusLabel, className, children, ...props }: AvatarProps) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-status={status}\n      className={cn(avatarVariants({ size, shape }), className)}\n      {...props}\n    >\n      {children}\n      {status ? (\n        <span\n          className={cn('ddga-avatar__status', `ddga-avatar__status--${status}`)}\n          role=\"img\"\n          aria-label={statusLabel ?? status}\n        />\n      ) : null}\n    </AvatarPrimitive.Root>\n  );\n}\n\nfunction AvatarImage({ className, ...props }: AvatarImageProps) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('ddga-avatar__image', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({ colorScheme, className, ...props }: AvatarFallbackProps) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      data-color-scheme={colorScheme ?? 'default'}\n      className={cn(fallbackVariants({ colorScheme }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({\n  max,\n  size,\n  shape,\n  overflowLabel = (n) => `${n} more`,\n  className,\n  children,\n  ...props\n}: AvatarGroupProps) {\n  const all = Children.toArray(children).filter(isValidElement) as ReactElement<AvatarProps>[];\n  const visible = max !== undefined && all.length > max ? all.slice(0, max) : all;\n  const overflow = max !== undefined ? Math.max(0, all.length - max) : 0;\n\n  // Cascade size/shape onto children that haven't set their own (parity with\n  // RadioGroup → Radio). Don't clobber explicit child overrides.\n  const cascaded = visible.map((child, i) =>\n    cloneElement(child, {\n      key: child.key ?? i,\n      size: child.props.size ?? size,\n      shape: child.props.shape ?? shape,\n    }),\n  );\n\n  return (\n    <div data-slot=\"avatar-group\" className={cn('ddga-avatar-group', className)} {...props}>\n      {cascaded}\n      {overflow > 0 ? (\n        <Avatar size={size} shape={shape} aria-label={overflowLabel(overflow)}>\n          <AvatarFallback>+{overflow}</AvatarFallback>\n        </Avatar>\n      ) : null}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarGroup, avatarVariants };\nexport type { AvatarProps, AvatarImageProps, AvatarFallbackProps, AvatarGroupProps, AvatarStatus };\n"],"mappings":"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","names":[]}