@dev-dga/react 1.0.0 → 1.1.0

package/dist/{chunk-DVKPFWP2.cjs → chunk-W46J3DNV.cjs}

@@ -4,6 +4,9 @@
 var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+
 var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
 
 
@@ -12,9 +15,6 @@ var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
 
 var _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
 
-
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
-
 // src/components/Select/Select.tsx
 var _react = require('react');
 var _radixui = require('radix-ui');
@@ -116,4 +116,4 @@ function SelectItem({ className, children, ...props }) {
 
 
 exports.selectTriggerVariants = selectTriggerVariants; exports.Select = Select; exports.SelectItem = SelectItem;
-//# sourceMappingURL=chunk-DVKPFWP2.cjs.map
+//# sourceMappingURL=chunk-W46J3DNV.cjs.map

package/dist/{chunk-DVKPFWP2.cjs.map → chunk-W46J3DNV.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DVKPFWP2.cjs","../src/components/Select/Select.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DVKPFWP2.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext, type ReactNode } from 'react';\nimport { Select as SelectPrimitive } 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 (cva) ─── //\n\n// Applied to the Radix Select.Trigger (the focusable button). Heights match\n// Input (32/36) so triggers and text inputs line up in a form row.\nconst selectTriggerVariants = cva('ddga-select-trigger', {\n  variants: {\n    size: {\n      sm: 'ddga-select-trigger--sm',\n      md: 'ddga-select-trigger--md',\n    },\n    error: {\n      true: 'ddga-select-trigger--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// We expose a closed shape (Trigger + Portal + Content + Viewport are\n// rendered internally) , consumers compose with `<SelectItem>` children.\n// Power-user use cases (custom trigger, grouped options, separators) get\n// added when there's a real need; YAGNI for v1.\n//\n// Radix owns the state model (`value` / `defaultValue` / `onValueChange` /\n// `open` / `onOpenChange` / `name` / `disabled` / `required` / `form`)\n// via SelectPrimitive.Root. `dir` is intentionally omitted , the wrapping\n// `Direction.Provider` in <DgaProvider> propagates direction to the portal.\ninterface SelectProps\n  extends\n    Omit<React.ComponentProps<typeof SelectPrimitive.Root>, 'children' | 'dir'>,\n    VariantProps<typeof selectTriggerVariants> {\n  /** Visible label above the trigger, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the trigger. Hidden while an error message is showing. */\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 error styling. */\n  error?: boolean;\n  /** Placeholder shown in the trigger when no value is selected. */\n  placeholder?: ReactNode;\n  /** `<SelectItem>` children, rendered inside the dropdown panel. */\n  children: ReactNode;\n  /** Caller-supplied id for the trigger; falls back to a generated one. */\n  id?: string;\n  /** Forwarded to the trigger (the focusable control). */\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\ninterface SelectItemProps extends React.ComponentProps<typeof SelectPrimitive.Item> {\n  /** The visible label for this item. */\n  children: ReactNode;\n}\n\n// ─── 3. Components ─── //\n\nfunction Select({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  placeholder,\n  className,\n  children,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...rootProps\n}: SelectProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Select',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n    });\n\n  // Portal escape hatch: Radix mounts Select.Content under <body> by default,\n  // which lives ABOVE DgaProvider's root in the DOM tree, so `data-theme`,\n  // custom theme vars, and `.ddga-theme-*` classes set on that root never\n  // reach the dropdown. Re-anchor to DgaProvider's body-mounted portal target,\n  // which mirrors data-theme/dir/vars — so theme inheritance works (dark mode,\n  // theming, consumer overrides) while still escaping any ancestor clipping.\n  // Falls back to <body> when used standalone (no provider).\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <div data-slot=\"select-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-select__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-select__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <SelectPrimitive.Root required={required} {...rootProps}>\n        <SelectPrimitive.Trigger\n          // Spread Trigger-only ARIA after the field a11y contract so the\n          // describedby/invalid wiring isn't clobbered. `aria-label`/\n          // `aria-labelledby` name the focusable trigger directly — Radix's\n          // `Root` is a non-DOM provider, so they must live here, not on it.\n          {...controlProps}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          data-slot=\"select-trigger\"\n          className={cn(selectTriggerVariants({ size, error: hasError }), className)}\n        >\n          <SelectPrimitive.Value placeholder={placeholder} />\n          <SelectPrimitive.Icon asChild className=\"ddga-select__icon\">\n            <ChevronDown aria-hidden=\"true\" />\n          </SelectPrimitive.Icon>\n        </SelectPrimitive.Trigger>\n        <SelectPrimitive.Portal container={portalContainer}>\n          <SelectPrimitive.Content\n            data-slot=\"select-content\"\n            className=\"ddga-select-content\"\n            // popper positioning keeps the panel next to the trigger and\n            // exposes --radix-select-trigger-width for size matching in CSS.\n            position=\"popper\"\n            sideOffset={4}\n          >\n            <SelectPrimitive.Viewport className=\"ddga-select-viewport\">\n              {children}\n            </SelectPrimitive.Viewport>\n          </SelectPrimitive.Content>\n        </SelectPrimitive.Portal>\n      </SelectPrimitive.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 SelectItem({ className, children, ...props }: SelectItemProps) {\n  return (\n    <SelectPrimitive.Item\n      {...props}\n      data-slot=\"select-item\"\n      className={cn('ddga-select-item', className)}\n    >\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator className=\"ddga-select-item__indicator\">\n        <Check className=\"ddga-select-item__check\" aria-hidden=\"true\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Select, SelectItem, selectTriggerVariants };\nexport type { SelectProps, SelectItemProps };\n"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-W46J3DNV.cjs","../src/components/Select/Select.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-W46J3DNV.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext, type ReactNode } from 'react';\nimport { Select as SelectPrimitive } 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 (cva) ─── //\n\n// Applied to the Radix Select.Trigger (the focusable button). Heights match\n// Input (32/36) so triggers and text inputs line up in a form row.\nconst selectTriggerVariants = cva('ddga-select-trigger', {\n  variants: {\n    size: {\n      sm: 'ddga-select-trigger--sm',\n      md: 'ddga-select-trigger--md',\n    },\n    error: {\n      true: 'ddga-select-trigger--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// We expose a closed shape (Trigger + Portal + Content + Viewport are\n// rendered internally) , consumers compose with `<SelectItem>` children.\n// Power-user use cases (custom trigger, grouped options, separators) get\n// added when there's a real need; YAGNI for v1.\n//\n// Radix owns the state model (`value` / `defaultValue` / `onValueChange` /\n// `open` / `onOpenChange` / `name` / `disabled` / `required` / `form`)\n// via SelectPrimitive.Root. `dir` is intentionally omitted , the wrapping\n// `Direction.Provider` in <DgaProvider> propagates direction to the portal.\ninterface SelectProps\n  extends\n    Omit<React.ComponentProps<typeof SelectPrimitive.Root>, 'children' | 'dir'>,\n    VariantProps<typeof selectTriggerVariants> {\n  /** Visible label above the trigger, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the trigger. Hidden while an error message is showing. */\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 error styling. */\n  error?: boolean;\n  /** Placeholder shown in the trigger when no value is selected. */\n  placeholder?: ReactNode;\n  /** `<SelectItem>` children, rendered inside the dropdown panel. */\n  children: ReactNode;\n  /** Caller-supplied id for the trigger; falls back to a generated one. */\n  id?: string;\n  /** Forwarded to the trigger (the focusable control). */\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\ninterface SelectItemProps extends React.ComponentProps<typeof SelectPrimitive.Item> {\n  /** The visible label for this item. */\n  children: ReactNode;\n}\n\n// ─── 3. Components ─── //\n\nfunction Select({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  placeholder,\n  className,\n  children,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...rootProps\n}: SelectProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Select',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n    });\n\n  // Portal escape hatch: Radix mounts Select.Content under <body> by default,\n  // which lives ABOVE DgaProvider's root in the DOM tree, so `data-theme`,\n  // custom theme vars, and `.ddga-theme-*` classes set on that root never\n  // reach the dropdown. Re-anchor to DgaProvider's body-mounted portal target,\n  // which mirrors data-theme/dir/vars — so theme inheritance works (dark mode,\n  // theming, consumer overrides) while still escaping any ancestor clipping.\n  // Falls back to <body> when used standalone (no provider).\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <div data-slot=\"select-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-select__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-select__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <SelectPrimitive.Root required={required} {...rootProps}>\n        <SelectPrimitive.Trigger\n          // Spread Trigger-only ARIA after the field a11y contract so the\n          // describedby/invalid wiring isn't clobbered. `aria-label`/\n          // `aria-labelledby` name the focusable trigger directly — Radix's\n          // `Root` is a non-DOM provider, so they must live here, not on it.\n          {...controlProps}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          data-slot=\"select-trigger\"\n          className={cn(selectTriggerVariants({ size, error: hasError }), className)}\n        >\n          <SelectPrimitive.Value placeholder={placeholder} />\n          <SelectPrimitive.Icon asChild className=\"ddga-select__icon\">\n            <ChevronDown aria-hidden=\"true\" />\n          </SelectPrimitive.Icon>\n        </SelectPrimitive.Trigger>\n        <SelectPrimitive.Portal container={portalContainer}>\n          <SelectPrimitive.Content\n            data-slot=\"select-content\"\n            className=\"ddga-select-content\"\n            // popper positioning keeps the panel next to the trigger and\n            // exposes --radix-select-trigger-width for size matching in CSS.\n            position=\"popper\"\n            sideOffset={4}\n          >\n            <SelectPrimitive.Viewport className=\"ddga-select-viewport\">\n              {children}\n            </SelectPrimitive.Viewport>\n          </SelectPrimitive.Content>\n        </SelectPrimitive.Portal>\n      </SelectPrimitive.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 SelectItem({ className, children, ...props }: SelectItemProps) {\n  return (\n    <SelectPrimitive.Item\n      {...props}\n      data-slot=\"select-item\"\n      className={cn('ddga-select-item', className)}\n    >\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator className=\"ddga-select-item__indicator\">\n        <Check className=\"ddga-select-item__check\" aria-hidden=\"true\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Select, SelectItem, selectTriggerVariants };\nexport type { SelectProps, SelectItemProps };\n"]}

package/dist/{chunk-BJIB6S5L.js → chunk-WU3IBHA4.js}

@@ -1,12 +1,12 @@
 import {
   Close
 } from "./chunk-FFGALWM2.js";
-import {
-  DgaContext
-} from "./chunk-TMXABSFE.js";
 import {
   cn
 } from "./chunk-7NTT2UXP.js";
+import {
+  DgaContext
+} from "./chunk-TMXABSFE.js";
 
 // src/components/SlideoutMenu/SlideoutMenu.tsx
 import { useContext, useId } from "react";
@@ -227,4 +227,4 @@ export {
   SlideoutMenuFooter,
   SlideoutMenuClose
 };
-//# sourceMappingURL=chunk-BJIB6S5L.js.map
+//# sourceMappingURL=chunk-WU3IBHA4.js.map

package/dist/{chunk-FUFFG2UW.cjs → chunk-X5GBT5VI.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
 
 
-var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
 
 
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
 
 // src/components/Radio/Radio.tsx
 var _react = require('react');
@@ -137,4 +137,4 @@ function Radio({ id: externalId, label, className, ...props }) {
 
 
 exports.radioGroupVariants = radioGroupVariants; exports.radioVariants = radioVariants; exports.RadioGroup = RadioGroup; exports.Radio = Radio;
-//# sourceMappingURL=chunk-FUFFG2UW.cjs.map
+//# sourceMappingURL=chunk-X5GBT5VI.cjs.map

package/dist/{chunk-FUFFG2UW.cjs.map → chunk-X5GBT5VI.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-FUFFG2UW.cjs","../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,8BAAsC;AACtC,mCAAkD;AAClD,kEAAuC;AAgG/B,+CAAA;AA5FR,IAAM,mBAAA,EAAqB,yCAAA,kBAAI,EAAoB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,WAAA,EAAa;AAAA,MACX,QAAA,EAAU,4BAAA;AAAA,MACV,UAAA,EAAY;AAAA,IACd,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;AAED,IAAM,cAAA,EAAgB,yCAAA,YAAgB,CAAA;AAGtC,IAAM,sBAAA,kBAAwB,IAAI,GAAA,CAAI;AAAA,EACpC,GAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAC,CAAA;AA4BD,SAAS,UAAA,CAAW;AAAA,EAClB,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,eAAA,EAAiB,SAAA,EAAW,YAAA,EAAc,QAAQ,EAAA,EACrF,4CAAA;AAAa,IACX,IAAA,EAAM,YAAA;AAAA,IACN,EAAA,EAAI,UAAA;AAAA,IACJ,KAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA,EAAc,KAAA,CAAM,YAAY,CAAA;AAAA,IAChC,iBAAA,EAAmB,KAAA,CAAM,iBAAiB;AAAA,EAC5C,CAAC,CAAA;AAEH,EAAA,MAAM,QAAA,EAAU,CAAA,EAAA;AAGd,EAAA;AAEI,IAAA;AACG,MAAA;AAEC,MAAA;AAIJ,IAAA;AAEF,oBAAA;AAAC,MAAA;AAAA,MAAA;AACK,QAAA;AACJ,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AAEA,QAAA;AAGc,UAAA;AACA,UAAA;AAER,QAAA;AAEN,QAAA;AAGY,UAAA;AACI,YAAA;AACA,YAAA;AACR,UAAA;AAEF,QAAA;AAEN,QAAA;AACW,QAAA;AACT,UAAA;AACA,UAAA;AACF,QAAA;AAEC,QAAA;AAAA,MAAA;AACH,IAAA;AACC,IAAA;AAMC,IAAA;AAIJ,EAAA;AAEJ;AAEiB;AACT,EAAA;AACS,EAAA;AAEb,EAAA;AACE,oBAAA;AAAC,MAAA;AAAA,MAAA;AACK,QAAA;AACA,QAAA;AACJ,QAAA;AACW,QAAA;AAGX,QAAA;AACG,UAAA;AAAA,UAAA;AACC,YAAA;AACA,YAAA;AAEA,YAAA;AAAqD,UAAA;AAEzD,QAAA;AAAA,MAAA;AACF,IAAA;AAEE,IAAA;AAIJ,EAAA;AAEJ;ADtDmB;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-FUFFG2UW.cjs","sourcesContent":[null,"'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"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-X5GBT5VI.cjs","../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,8BAAsC;AACtC,mCAAkD;AAClD,kEAAuC;AAgG/B,+CAAA;AA5FR,IAAM,mBAAA,EAAqB,yCAAA,kBAAI,EAAoB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,WAAA,EAAa;AAAA,MACX,QAAA,EAAU,4BAAA;AAAA,MACV,UAAA,EAAY;AAAA,IACd,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;AAED,IAAM,cAAA,EAAgB,yCAAA,YAAgB,CAAA;AAGtC,IAAM,sBAAA,kBAAwB,IAAI,GAAA,CAAI;AAAA,EACpC,GAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAC,CAAA;AA4BD,SAAS,UAAA,CAAW;AAAA,EAClB,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,eAAA,EAAiB,SAAA,EAAW,YAAA,EAAc,QAAQ,EAAA,EACrF,4CAAA;AAAa,IACX,IAAA,EAAM,YAAA;AAAA,IACN,EAAA,EAAI,UAAA;AAAA,IACJ,KAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA,EAAc,KAAA,CAAM,YAAY,CAAA;AAAA,IAChC,iBAAA,EAAmB,KAAA,CAAM,iBAAiB;AAAA,EAC5C,CAAC,CAAA;AAEH,EAAA,MAAM,QAAA,EAAU,CAAA,EAAA;AAGd,EAAA;AAEI,IAAA;AACG,MAAA;AAEC,MAAA;AAIJ,IAAA;AAEF,oBAAA;AAAC,MAAA;AAAA,MAAA;AACK,QAAA;AACJ,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AAEA,QAAA;AAGc,UAAA;AACA,UAAA;AAER,QAAA;AAEN,QAAA;AAGY,UAAA;AACI,YAAA;AACA,YAAA;AACR,UAAA;AAEF,QAAA;AAEN,QAAA;AACW,QAAA;AACT,UAAA;AACA,UAAA;AACF,QAAA;AAEC,QAAA;AAAA,MAAA;AACH,IAAA;AACC,IAAA;AAMC,IAAA;AAIJ,EAAA;AAEJ;AAEiB;AACT,EAAA;AACS,EAAA;AAEb,EAAA;AACE,oBAAA;AAAC,MAAA;AAAA,MAAA;AACK,QAAA;AACA,QAAA;AACJ,QAAA;AACW,QAAA;AAGX,QAAA;AACG,UAAA;AAAA,UAAA;AACC,YAAA;AACA,YAAA;AAEA,YAAA;AAAqD,UAAA;AAEzD,QAAA;AAAA,MAAA;AACF,IAAA;AAEE,IAAA;AAIJ,EAAA;AAEJ;ADtDmB;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-X5GBT5VI.cjs","sourcesContent":[null,"'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"]}

package/dist/{chunk-55RHNN3T.js → chunk-Y4JUMIH4.js}

@@ -1,12 +1,12 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
 import {
   FieldMessage
 } from "./chunk-E5ZIKIGB.js";
 import {
   useFieldA11y
 } from "./chunk-HN5AFDQA.js";
-import {
-  cn
-} from "./chunk-7NTT2UXP.js";
 
 // src/components/Slider/Slider.tsx
 import { useId } from "react";
@@ -113,4 +113,4 @@ export {
   sliderVariants,
   Slider
 };
-//# sourceMappingURL=chunk-55RHNN3T.js.map
+//# sourceMappingURL=chunk-Y4JUMIH4.js.map

package/dist/{chunk-ODNO43HV.cjs → chunk-YPC7FRJX.cjs}

@@ -3,13 +3,13 @@
 var _chunkU24PBXZAcjs = require('./chunk-U24PBXZA.cjs');
 
 
-var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
 
 
-var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
 
 
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
 
 // src/components/TagInput/TagInput.tsx
 var _react = require('react');
@@ -209,4 +209,4 @@ function TagInput({
 
 
 exports.tagInputVariants = tagInputVariants; exports.TagInput = TagInput;
-//# sourceMappingURL=chunk-ODNO43HV.cjs.map
+//# sourceMappingURL=chunk-YPC7FRJX.cjs.map

package/dist/{chunk-ODNO43HV.cjs.map → chunk-YPC7FRJX.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ODNO43HV.cjs","../src/components/TagInput/TagInput.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ODNO43HV.cjs","sourcesContent":[null,"'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"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-YPC7FRJX.cjs","../src/components/TagInput/TagInput.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-YPC7FRJX.cjs","sourcesContent":[null,"'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"]}

package/dist/{chunk-TYZIRV75.cjs → chunk-ZCRO2PBB.cjs}

@@ -3,13 +3,13 @@
 var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
-var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
 
 
-var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
 
 
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
 
 // src/components/Rating/Rating.tsx
 var _react = require('react');
@@ -187,4 +187,4 @@ function Rating({
 
 
 exports.ratingVariants = ratingVariants; exports.Rating = Rating;
-//# sourceMappingURL=chunk-TYZIRV75.cjs.map
+//# sourceMappingURL=chunk-ZCRO2PBB.cjs.map

package/dist/{chunk-TYZIRV75.cjs.map → chunk-ZCRO2PBB.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TYZIRV75.cjs","../src/components/Rating/Rating.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TYZIRV75.cjs","sourcesContent":[null,"'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 { Star } from '../../internal/icons';\n\nconst ratingVariants = cva('ddga-rating', {\n  variants: {\n    size: {\n      sm: 'ddga-rating--sm',\n      md: 'ddga-rating--md',\n      lg: 'ddga-rating--lg',\n    },\n    tone: {\n      default: '',\n      brand: 'ddga-rating--brand',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    tone: 'default',\n  },\n});\n\ninterface RatingProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'onClick' | 'defaultValue' | 'dir'>,\n    VariantProps<typeof ratingVariants> {\n  /** Controlled value (0…max). `.5` increments are allowed when `allowHalf`. */\n  value?: number;\n  /** Uncontrolled initial value. Defaults to 0. */\n  defaultValue?: number;\n  /** Fires with the chosen rating. */\n  onValueChange?: (value: number) => void;\n\n  /** Number of stars. Defaults to 5. */\n  max?: number;\n  /** Allow half-star (`.5`) precision. */\n  allowHalf?: boolean;\n  /** Display only — no interaction, exposed as `role=\"img\"`. */\n  readOnly?: boolean;\n  /** Non-interactive and dimmed. */\n  disabled?: boolean;\n\n  /** Visible field label. */\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 `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n\n  /** SDGA Style axis. `default` (gold) · `brand` (SA green). Recolor per\n   *  instance via the `--ddga-rating-color` CSS variable. */\n  tone?: 'default' | 'brand';\n\n  /** Symbol rendered instead of the default star (e.g. a heart). Used for both\n   *  the empty and filled layers — fill/empty colors come from CSS, so pass an\n   *  icon that uses `currentColor`. Defaults to the SDGA star. */\n  icon?: ReactNode;\n\n  /** Builds the accessible value text / read-only label. Defaults to\n   *  `\"{value} out of {max} stars\"`. Override for localization. */\n  formatValueText?: (value: number, max: number) => string;\n\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction defaultValueText(value: number, max: number): string {\n  return `${value} out of ${max} stars`;\n}\n\n/** Fill level for the star at 0-based `index` given the current value. */\nfunction fillFor(index: number, value: number, allowHalf: boolean): 'full' | 'half' | 'empty' {\n  if (value >= index + 1) return 'full';\n  if (allowHalf && value >= index + 0.5) return 'half';\n  return 'empty';\n}\n\nfunction Rating({\n  id: externalId,\n  value,\n  defaultValue,\n  onValueChange,\n  max = 5,\n  allowHalf = false,\n  readOnly = false,\n  disabled = false,\n  size,\n  tone,\n  icon,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  formatValueText = defaultValueText,\n  className,\n  ...props\n}: RatingProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<number>(defaultValue ?? 0);\n  const currentValue = isControlled ? value : internal;\n\n  const [hover, setHover] = useState<number | null>(null);\n  const interactive = !readOnly && !disabled;\n  const stepSize = allowHalf ? 0.5 : 1;\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Rating',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      // role=slider/img always has an accessible name → suppress the no-label warning.\n      'aria-label': props['aria-label'] ?? formatValueText(currentValue, max),\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  const displayValue = hover ?? currentValue;\n\n  function commit(next: number) {\n    if (!isControlled) setInternal(next);\n    onValueChange?.(next);\n  }\n\n  function readDir(): 'ltr' | 'rtl' {\n    const el = rootRef.current;\n    if (!el || typeof getComputedStyle !== 'function') return 'ltr';\n    return getComputedStyle(el).direction === 'rtl' ? 'rtl' : 'ltr';\n  }\n\n  /** Value implied by the pointer position over star `index`. */\n  function pointerValue(event: React.PointerEvent | React.MouseEvent, index: number): number {\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n    let fraction = rect.width ? (event.clientX - rect.left) / rect.width : 1;\n    if (readDir() === 'rtl') fraction = 1 - fraction;\n    if (allowHalf) return index + (fraction <= 0.5 ? 0.5 : 1);\n    return index + 1;\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n    if (!interactive) return;\n    const rtl = readDir() === 'rtl';\n    let next: number | null = null;\n    switch (event.key) {\n      case 'ArrowUp':\n        next = currentValue + stepSize;\n        break;\n      case 'ArrowDown':\n        next = currentValue - stepSize;\n        break;\n      case 'ArrowRight':\n        next = currentValue + (rtl ? -stepSize : stepSize);\n        break;\n      case 'ArrowLeft':\n        next = currentValue + (rtl ? stepSize : -stepSize);\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = max;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    commit(clamp(next, 0, max));\n  }\n\n  const symbol = icon ?? <Star />;\n\n  const stars = Array.from({ length: max }, (_, index) => {\n    const level = fillFor(index, displayValue, allowHalf);\n    return (\n      <span\n        key={index}\n        data-slot=\"rating-star\"\n        data-fill={level}\n        className=\"ddga-rating__star\"\n        onPointerMove={interactive ? (event) => setHover(pointerValue(event, index)) : undefined}\n        onClick={interactive ? (event) => commit(pointerValue(event, index)) : undefined}\n      >\n        <span className=\"ddga-rating__star-bg\" aria-hidden=\"true\">\n          {symbol}\n        </span>\n        <span className=\"ddga-rating__star-fill\" aria-hidden=\"true\">\n          <span className=\"ddga-rating__star-fg\" aria-hidden=\"true\">\n            {symbol}\n          </span>\n        </span>\n      </span>\n    );\n  });\n\n  const sharedProps = {\n    ...props,\n    ref: rootRef,\n    'data-slot': 'rating',\n    'data-disabled': disabled || undefined,\n    className: cn(ratingVariants({ size, tone }), hasError && 'ddga-rating--error', className),\n    onPointerLeave: interactive ? () => setHover(null) : undefined,\n  };\n\n  // Name precedence: visible label → consumer aria-labelledby/label → generic.\n  const labelledBy = label ? `${fieldId}-label` : props['aria-labelledby'];\n  const ariaLabel = labelledBy ? undefined : (props['aria-label'] ?? 'Rating');\n\n  return (\n    <div data-slot=\"rating-field\" className=\"ddga-field\">\n      {label && (\n        <span id={`${fieldId}-label`} className=\"ddga-rating__label\">\n          {label}\n        </span>\n      )}\n\n      {readOnly ? (\n        <div {...sharedProps} role=\"img\" aria-label={formatValueText(currentValue, max)}>\n          {stars}\n        </div>\n      ) : (\n        <div\n          {...sharedProps}\n          role=\"slider\"\n          id={fieldId}\n          tabIndex={disabled ? -1 : 0}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          aria-valuenow={currentValue}\n          aria-valuetext={formatValueText(currentValue, max)}\n          aria-labelledby={labelledBy}\n          aria-label={ariaLabel}\n          aria-invalid={controlProps['aria-invalid']}\n          aria-describedby={controlProps['aria-describedby']}\n          aria-disabled={disabled || undefined}\n          onKeyDown={handleKeyDown}\n        >\n          {stars}\n        </div>\n      )}\n\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\nexport { Rating, ratingVariants };\nexport type { RatingProps };\n"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ZCRO2PBB.cjs","../src/components/Rating/Rating.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ZCRO2PBB.cjs","sourcesContent":[null,"'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 { Star } from '../../internal/icons';\n\nconst ratingVariants = cva('ddga-rating', {\n  variants: {\n    size: {\n      sm: 'ddga-rating--sm',\n      md: 'ddga-rating--md',\n      lg: 'ddga-rating--lg',\n    },\n    tone: {\n      default: '',\n      brand: 'ddga-rating--brand',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    tone: 'default',\n  },\n});\n\ninterface RatingProps\n  extends\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'onClick' | 'defaultValue' | 'dir'>,\n    VariantProps<typeof ratingVariants> {\n  /** Controlled value (0…max). `.5` increments are allowed when `allowHalf`. */\n  value?: number;\n  /** Uncontrolled initial value. Defaults to 0. */\n  defaultValue?: number;\n  /** Fires with the chosen rating. */\n  onValueChange?: (value: number) => void;\n\n  /** Number of stars. Defaults to 5. */\n  max?: number;\n  /** Allow half-star (`.5`) precision. */\n  allowHalf?: boolean;\n  /** Display only — no interaction, exposed as `role=\"img\"`. */\n  readOnly?: boolean;\n  /** Non-interactive and dimmed. */\n  disabled?: boolean;\n\n  /** Visible field label. */\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 `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n\n  /** SDGA Style axis. `default` (gold) · `brand` (SA green). Recolor per\n   *  instance via the `--ddga-rating-color` CSS variable. */\n  tone?: 'default' | 'brand';\n\n  /** Symbol rendered instead of the default star (e.g. a heart). Used for both\n   *  the empty and filled layers — fill/empty colors come from CSS, so pass an\n   *  icon that uses `currentColor`. Defaults to the SDGA star. */\n  icon?: ReactNode;\n\n  /** Builds the accessible value text / read-only label. Defaults to\n   *  `\"{value} out of {max} stars\"`. Override for localization. */\n  formatValueText?: (value: number, max: number) => string;\n\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction defaultValueText(value: number, max: number): string {\n  return `${value} out of ${max} stars`;\n}\n\n/** Fill level for the star at 0-based `index` given the current value. */\nfunction fillFor(index: number, value: number, allowHalf: boolean): 'full' | 'half' | 'empty' {\n  if (value >= index + 1) return 'full';\n  if (allowHalf && value >= index + 0.5) return 'half';\n  return 'empty';\n}\n\nfunction Rating({\n  id: externalId,\n  value,\n  defaultValue,\n  onValueChange,\n  max = 5,\n  allowHalf = false,\n  readOnly = false,\n  disabled = false,\n  size,\n  tone,\n  icon,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  formatValueText = defaultValueText,\n  className,\n  ...props\n}: RatingProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<number>(defaultValue ?? 0);\n  const currentValue = isControlled ? value : internal;\n\n  const [hover, setHover] = useState<number | null>(null);\n  const interactive = !readOnly && !disabled;\n  const stepSize = allowHalf ? 0.5 : 1;\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Rating',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      // role=slider/img always has an accessible name → suppress the no-label warning.\n      'aria-label': props['aria-label'] ?? formatValueText(currentValue, max),\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  const displayValue = hover ?? currentValue;\n\n  function commit(next: number) {\n    if (!isControlled) setInternal(next);\n    onValueChange?.(next);\n  }\n\n  function readDir(): 'ltr' | 'rtl' {\n    const el = rootRef.current;\n    if (!el || typeof getComputedStyle !== 'function') return 'ltr';\n    return getComputedStyle(el).direction === 'rtl' ? 'rtl' : 'ltr';\n  }\n\n  /** Value implied by the pointer position over star `index`. */\n  function pointerValue(event: React.PointerEvent | React.MouseEvent, index: number): number {\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n    let fraction = rect.width ? (event.clientX - rect.left) / rect.width : 1;\n    if (readDir() === 'rtl') fraction = 1 - fraction;\n    if (allowHalf) return index + (fraction <= 0.5 ? 0.5 : 1);\n    return index + 1;\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n    if (!interactive) return;\n    const rtl = readDir() === 'rtl';\n    let next: number | null = null;\n    switch (event.key) {\n      case 'ArrowUp':\n        next = currentValue + stepSize;\n        break;\n      case 'ArrowDown':\n        next = currentValue - stepSize;\n        break;\n      case 'ArrowRight':\n        next = currentValue + (rtl ? -stepSize : stepSize);\n        break;\n      case 'ArrowLeft':\n        next = currentValue + (rtl ? stepSize : -stepSize);\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = max;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    commit(clamp(next, 0, max));\n  }\n\n  const symbol = icon ?? <Star />;\n\n  const stars = Array.from({ length: max }, (_, index) => {\n    const level = fillFor(index, displayValue, allowHalf);\n    return (\n      <span\n        key={index}\n        data-slot=\"rating-star\"\n        data-fill={level}\n        className=\"ddga-rating__star\"\n        onPointerMove={interactive ? (event) => setHover(pointerValue(event, index)) : undefined}\n        onClick={interactive ? (event) => commit(pointerValue(event, index)) : undefined}\n      >\n        <span className=\"ddga-rating__star-bg\" aria-hidden=\"true\">\n          {symbol}\n        </span>\n        <span className=\"ddga-rating__star-fill\" aria-hidden=\"true\">\n          <span className=\"ddga-rating__star-fg\" aria-hidden=\"true\">\n            {symbol}\n          </span>\n        </span>\n      </span>\n    );\n  });\n\n  const sharedProps = {\n    ...props,\n    ref: rootRef,\n    'data-slot': 'rating',\n    'data-disabled': disabled || undefined,\n    className: cn(ratingVariants({ size, tone }), hasError && 'ddga-rating--error', className),\n    onPointerLeave: interactive ? () => setHover(null) : undefined,\n  };\n\n  // Name precedence: visible label → consumer aria-labelledby/label → generic.\n  const labelledBy = label ? `${fieldId}-label` : props['aria-labelledby'];\n  const ariaLabel = labelledBy ? undefined : (props['aria-label'] ?? 'Rating');\n\n  return (\n    <div data-slot=\"rating-field\" className=\"ddga-field\">\n      {label && (\n        <span id={`${fieldId}-label`} className=\"ddga-rating__label\">\n          {label}\n        </span>\n      )}\n\n      {readOnly ? (\n        <div {...sharedProps} role=\"img\" aria-label={formatValueText(currentValue, max)}>\n          {stars}\n        </div>\n      ) : (\n        <div\n          {...sharedProps}\n          role=\"slider\"\n          id={fieldId}\n          tabIndex={disabled ? -1 : 0}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          aria-valuenow={currentValue}\n          aria-valuetext={formatValueText(currentValue, max)}\n          aria-labelledby={labelledBy}\n          aria-label={ariaLabel}\n          aria-invalid={controlProps['aria-invalid']}\n          aria-describedby={controlProps['aria-describedby']}\n          aria-disabled={disabled || undefined}\n          onKeyDown={handleKeyDown}\n        >\n          {stars}\n        </div>\n      )}\n\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\nexport { Rating, ratingVariants };\nexport type { RatingProps };\n"]}

package/dist/components/Charts/Charts.cjs

@@ -3,12 +3,12 @@
 
 
 
-var _chunkO7BBEN7Ecjs = require('../../chunk-O7BBEN7E.cjs');
-require('../../chunk-FQLVTLUI.cjs');
+var _chunk7ECWVWEPcjs = require('../../chunk-7ECWVWEP.cjs');
 require('../../chunk-V6MXOJQ4.cjs');
+require('../../chunk-FQLVTLUI.cjs');
 
 
 
 
-exports.BarChart = _chunkO7BBEN7Ecjs.BarChart; exports.LineChart = _chunkO7BBEN7Ecjs.LineChart; exports.PieChart = _chunkO7BBEN7Ecjs.PieChart;
+exports.BarChart = _chunk7ECWVWEPcjs.BarChart; exports.LineChart = _chunk7ECWVWEPcjs.LineChart; exports.PieChart = _chunk7ECWVWEPcjs.PieChart;
 //# sourceMappingURL=Charts.cjs.map

package/dist/components/Charts/Charts.js

@@ -3,9 +3,9 @@ import {
   BarChart,
   LineChart,
   PieChart
-} from "../../chunk-5GDTEDDH.js";
-import "../../chunk-TMXABSFE.js";
+} from "../../chunk-OUS6KAYF.js";
 import "../../chunk-7NTT2UXP.js";
+import "../../chunk-TMXABSFE.js";
 export {
   BarChart,
   LineChart,

package/dist/components/Charts/index.cjs

@@ -3,12 +3,12 @@
 
 
 
-var _chunkO7BBEN7Ecjs = require('../../chunk-O7BBEN7E.cjs');
-require('../../chunk-FQLVTLUI.cjs');
+var _chunk7ECWVWEPcjs = require('../../chunk-7ECWVWEP.cjs');
 require('../../chunk-V6MXOJQ4.cjs');
+require('../../chunk-FQLVTLUI.cjs');
 
 
 
 
-exports.BarChart = _chunkO7BBEN7Ecjs.BarChart; exports.LineChart = _chunkO7BBEN7Ecjs.LineChart; exports.PieChart = _chunkO7BBEN7Ecjs.PieChart;
+exports.BarChart = _chunk7ECWVWEPcjs.BarChart; exports.LineChart = _chunk7ECWVWEPcjs.LineChart; exports.PieChart = _chunk7ECWVWEPcjs.PieChart;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Charts/index.js

@@ -3,9 +3,9 @@ import {
   BarChart,
   LineChart,
   PieChart
-} from "../../chunk-5GDTEDDH.js";
-import "../../chunk-TMXABSFE.js";
+} from "../../chunk-OUS6KAYF.js";
 import "../../chunk-7NTT2UXP.js";
+import "../../chunk-TMXABSFE.js";
 export {
   BarChart,
   LineChart,

package/dist/components/Checkbox/Checkbox.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _chunkFV6E33FYcjs = require('../../chunk-FV6E33FY.cjs');
+var _chunkTQUB2TCLcjs = require('../../chunk-TQUB2TCL.cjs');
 require('../../chunk-YS2JJ73M.cjs');
+require('../../chunk-V6MXOJQ4.cjs');
 require('../../chunk-SICSD3HO.cjs');
 require('../../chunk-3UT22WQM.cjs');
 require('../../chunk-NH3KGR65.cjs');
-require('../../chunk-V6MXOJQ4.cjs');
 
 
 
-exports.Checkbox = _chunkFV6E33FYcjs.Checkbox; exports.checkboxVariants = _chunkFV6E33FYcjs.checkboxVariants;
+exports.Checkbox = _chunkTQUB2TCLcjs.Checkbox; exports.checkboxVariants = _chunkTQUB2TCLcjs.checkboxVariants;
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/components/Checkbox/Checkbox.js

@@ -2,12 +2,12 @@
 import {
   Checkbox,
   checkboxVariants
-} from "../../chunk-TNIRKGXY.js";
+} from "../../chunk-T6RGNFKN.js";
 import "../../chunk-FFGALWM2.js";
+import "../../chunk-7NTT2UXP.js";
 import "../../chunk-WI5UIBM5.js";
 import "../../chunk-E5ZIKIGB.js";
 import "../../chunk-HN5AFDQA.js";
-import "../../chunk-7NTT2UXP.js";
 export {
   Checkbox,
   checkboxVariants

package/dist/components/Checkbox/index.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _chunkFV6E33FYcjs = require('../../chunk-FV6E33FY.cjs');
+var _chunkTQUB2TCLcjs = require('../../chunk-TQUB2TCL.cjs');
 require('../../chunk-YS2JJ73M.cjs');
+require('../../chunk-V6MXOJQ4.cjs');
 require('../../chunk-SICSD3HO.cjs');
 require('../../chunk-3UT22WQM.cjs');
 require('../../chunk-NH3KGR65.cjs');
-require('../../chunk-V6MXOJQ4.cjs');
 
 
 
-exports.Checkbox = _chunkFV6E33FYcjs.Checkbox; exports.checkboxVariants = _chunkFV6E33FYcjs.checkboxVariants;
+exports.Checkbox = _chunkTQUB2TCLcjs.Checkbox; exports.checkboxVariants = _chunkTQUB2TCLcjs.checkboxVariants;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Checkbox/index.js

@@ -2,12 +2,12 @@ import "../../chunk-TZWNX7FF.js";
 import {
   Checkbox,
   checkboxVariants
-} from "../../chunk-TNIRKGXY.js";
+} from "../../chunk-T6RGNFKN.js";
 import "../../chunk-FFGALWM2.js";
+import "../../chunk-7NTT2UXP.js";
 import "../../chunk-WI5UIBM5.js";
 import "../../chunk-E5ZIKIGB.js";
 import "../../chunk-HN5AFDQA.js";
-import "../../chunk-7NTT2UXP.js";
 export {
   Checkbox,
   checkboxVariants

package/dist/components/CodeSnippet/CodeSnippet.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _chunk7F24FFIVcjs = require('../../chunk-7F24FFIV.cjs');
-require('../../chunk-G6ZOJVIG.cjs');
-require('../../chunk-DU4YQEIM.cjs');
+var _chunkDI3WGH7Wcjs = require('../../chunk-DI3WGH7W.cjs');
+require('../../chunk-U6YLGSAQ.cjs');
+require('../../chunk-H7V6VNFC.cjs');
 require('../../chunk-YS2JJ73M.cjs');
-require('../../chunk-FQLVTLUI.cjs');
 require('../../chunk-V6MXOJQ4.cjs');
+require('../../chunk-FQLVTLUI.cjs');
 
 
 
-exports.CodeSnippet = _chunk7F24FFIVcjs.CodeSnippet; exports.CodeSnippetInline = _chunk7F24FFIVcjs.CodeSnippetInline;
+exports.CodeSnippet = _chunkDI3WGH7Wcjs.CodeSnippet; exports.CodeSnippetInline = _chunkDI3WGH7Wcjs.CodeSnippetInline;
 //# sourceMappingURL=CodeSnippet.cjs.map

package/dist/components/CodeSnippet/CodeSnippet.js

@@ -2,12 +2,12 @@
 import {
   CodeSnippet,
   CodeSnippetInline
-} from "../../chunk-54KSDBGC.js";
-import "../../chunk-G6LUBXN2.js";
-import "../../chunk-XB6YHZAG.js";
+} from "../../chunk-JXMXEBXP.js";
+import "../../chunk-OXMWQMYF.js";
+import "../../chunk-JBTM3SFO.js";
 import "../../chunk-FFGALWM2.js";
-import "../../chunk-TMXABSFE.js";
 import "../../chunk-7NTT2UXP.js";
+import "../../chunk-TMXABSFE.js";
 export {
   CodeSnippet,
   CodeSnippetInline

package/dist/components/CodeSnippet/index.cjs

@@ -2,14 +2,14 @@
 
 
 
-var _chunk7F24FFIVcjs = require('../../chunk-7F24FFIV.cjs');
-require('../../chunk-G6ZOJVIG.cjs');
-require('../../chunk-DU4YQEIM.cjs');
+var _chunkDI3WGH7Wcjs = require('../../chunk-DI3WGH7W.cjs');
+require('../../chunk-U6YLGSAQ.cjs');
+require('../../chunk-H7V6VNFC.cjs');
 require('../../chunk-YS2JJ73M.cjs');
-require('../../chunk-FQLVTLUI.cjs');
 require('../../chunk-V6MXOJQ4.cjs');
+require('../../chunk-FQLVTLUI.cjs');
 
 
 
-exports.CodeSnippet = _chunk7F24FFIVcjs.CodeSnippet; exports.CodeSnippetInline = _chunk7F24FFIVcjs.CodeSnippetInline;
+exports.CodeSnippet = _chunkDI3WGH7Wcjs.CodeSnippet; exports.CodeSnippetInline = _chunkDI3WGH7Wcjs.CodeSnippetInline;
 //# sourceMappingURL=index.cjs.map

package/dist/components/CodeSnippet/index.js

@@ -2,12 +2,12 @@ import "../../chunk-4WUUV44R.js";
 import {
   CodeSnippet,
   CodeSnippetInline
-} from "../../chunk-54KSDBGC.js";
-import "../../chunk-G6LUBXN2.js";
-import "../../chunk-XB6YHZAG.js";
+} from "../../chunk-JXMXEBXP.js";
+import "../../chunk-OXMWQMYF.js";
+import "../../chunk-JBTM3SFO.js";
 import "../../chunk-FFGALWM2.js";
-import "../../chunk-TMXABSFE.js";
 import "../../chunk-7NTT2UXP.js";
+import "../../chunk-TMXABSFE.js";
 export {
   CodeSnippet,
   CodeSnippetInline

package/dist/components/Command/Command.cjs

@@ -9,10 +9,10 @@
 
 
 
-var _chunkIM6TYL3Pcjs = require('../../chunk-IM6TYL3P.cjs');
+var _chunkUVBZHPKPcjs = require('../../chunk-UVBZHPKP.cjs');
 require('../../chunk-YS2JJ73M.cjs');
-require('../../chunk-FQLVTLUI.cjs');
 require('../../chunk-V6MXOJQ4.cjs');
+require('../../chunk-FQLVTLUI.cjs');
 
 
 
@@ -23,5 +23,5 @@ require('../../chunk-V6MXOJQ4.cjs');
 
 
 
-exports.Command = _chunkIM6TYL3Pcjs.Command; exports.CommandDialog = _chunkIM6TYL3Pcjs.CommandDialog; exports.CommandEmpty = _chunkIM6TYL3Pcjs.CommandEmpty; exports.CommandGroup = _chunkIM6TYL3Pcjs.CommandGroup; exports.CommandInput = _chunkIM6TYL3Pcjs.CommandInput; exports.CommandItem = _chunkIM6TYL3Pcjs.CommandItem; exports.CommandList = _chunkIM6TYL3Pcjs.CommandList; exports.CommandSeparator = _chunkIM6TYL3Pcjs.CommandSeparator; exports.commandVariants = _chunkIM6TYL3Pcjs.commandVariants;
+exports.Command = _chunkUVBZHPKPcjs.Command; exports.CommandDialog = _chunkUVBZHPKPcjs.CommandDialog; exports.CommandEmpty = _chunkUVBZHPKPcjs.CommandEmpty; exports.CommandGroup = _chunkUVBZHPKPcjs.CommandGroup; exports.CommandInput = _chunkUVBZHPKPcjs.CommandInput; exports.CommandItem = _chunkUVBZHPKPcjs.CommandItem; exports.CommandList = _chunkUVBZHPKPcjs.CommandList; exports.CommandSeparator = _chunkUVBZHPKPcjs.CommandSeparator; exports.commandVariants = _chunkUVBZHPKPcjs.commandVariants;
 //# sourceMappingURL=Command.cjs.map

package/dist/components/Command/Command.js

@@ -9,10 +9,10 @@ import {
   CommandList,
   CommandSeparator,
   commandVariants
-} from "../../chunk-FPXFD5XT.js";
+} from "../../chunk-KXBRKW25.js";
 import "../../chunk-FFGALWM2.js";
-import "../../chunk-TMXABSFE.js";
 import "../../chunk-7NTT2UXP.js";
+import "../../chunk-TMXABSFE.js";
 export {
   Command,
   CommandDialog,