@dev-dga/react 0.11.0 → 0.12.0

package/dist/chunk-BBGCS5PZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BBGCS5PZ.cjs","../src/components/TagInput/TagInput.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACXA,8BAAiD;AACjD,kEAAuC;AAwN/B,+CAAA;AA7MR,IAAM,iBAAA,EAAmB,yCAAA,gBAAI,EAAkB;AAAA,EAC7C,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,oBAAA;AAAA,MACJ,EAAA,EAAI,oBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAgDD,SAAS,QAAA,CAAS;AAAA,EAChB,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAA;AAAA,EACA,gBAAA,EAAkB,KAAA;AAAA,EAClB,cAAA,EAAgB,KAAA;AAAA,EAChB,QAAA;AAAA,EACA,WAAA,EAAa,CAAC,GAAG,CAAA;AAAA,EACjB,YAAA,EAAc,WAAA;AAAA,EACd,YAAA,EAAc,CAAC,GAAA,EAAA,GAAQ,CAAA,OAAA,EAAU,GAAG,CAAA,CAAA;AACT,EAAA;AAC3B,EAAA;AACG,EAAA;AACa;AACe,EAAA;AACN,EAAA;AACW,EAAA;AAEC,EAAA;AACD,EAAA;AACU,EAAA;AAEV,EAAA;AAE1B,IAAA;AACF,IAAA;AACJ,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACgC,IAAA;AACP,IAAA;AAC1B,EAAA;AAEgC,EAAA;AACd,IAAA;AACJ,oBAAA;AACjB,EAAA;AAE6C,EAAA;AAKkB,EAAA;AAClD,IAAA;AACiB,IAAA;AACI,MAAA;AAChB,MAAA;AACgB,MAAA;AACD,MAAA;AACH,MAAA;AACF,MAAA;AAC1B,IAAA;AACO,IAAA;AACT,EAAA;AAE2C,EAAA;AACnB,IAAA;AACa,MAAA;AACnC,IAAA;AACF,EAAA;AAE0B,EAAA;AACS,IAAA;AACF,IAAA;AAClB,MAAA;AACmB,MAAA;AACnB,MAAA;AACb,IAAA;AAEF,EAAA;AAK+C,EAAA;AACb,IAAA;AACD,IAAA;AACN,IAAA;AAC3B,EAAA;AAEqC,EAAA;AACT,IAAA;AACS,IAAA;AACA,IAAA;AACX,oBAAA;AAC1B,EAAA;AAEwE,EAAA;AACxD,IAAA;AACa,IAAA;AAEJ,MAAA;AACS,MAAA;AACD,IAAA;AACR,MAAA;AACS,MAAA;AACP,IAAA;AACF,MAAA;AACI,MAAA;AAC3B,IAAA;AACF,EAAA;AAEuE,EAAA;AACvD,IAAA;AACmB,IAAA;AACA,IAAA;AAEN,IAAA;AACN,IAAA;AACc,IAAA;AACJ,IAAA;AAClB,MAAA;AACmB,MAAA;AAEnB,MAAA;AACb,IAAA;AACF,EAAA;AAG4B,EAAA;AACL,IAAA;AACc,IAAA;AACd,IAAA;AACG,oBAAA;AAC1B,EAAA;AAEqD,EAAA;AAG9C,EAAA;AAEA,IAAA;AACE,MAAA;AAEE,MAAA;AAIL,IAAA;AAEF,oBAAA;AAAC,MAAA;AAAA,MAAA;AACW,QAAA;AACqB,QAAA;AACJ,QAAA;AACH,QAAA;AAEvB,QAAA;AACC,UAAA;AAEK,YAAA;AAAA,YAAA;AAIW,cAAA;AACA,cAAA;AAGL,cAAA;AAEL,cAAA;AAAC,gBAAA;AAAA,gBAAA;AACU,kBAAA;AACH,kBAAA;AAGF,kBAAA;AACU,kBAAA;AACG,kBAAA;AACL,kBAAA;AAEX,kBAAA;AAAA,gBAAA;AACH,cAAA;AAAA,YAAA;AAlBoB,YAAA;AAqB1B,UAAA;AAEF,0BAAA;AAAC,YAAA;AAAA,YAAA;AAGK,cAAA;AACA,cAAA;AACC,cAAA;AACK,cAAA;AACA,cAAA;AACL,cAAA;AACE,cAAA;AACP,cAAA;AAIe,cAAA;AACG,cAAA;AACG,cAAA;AACV,cAAA;AACF,cAAA;AAAA,YAAA;AACX,UAAA;AAAA,QAAA;AAAA,MAAA;AACF,IAAA;AACK,oBAAA;AAIH,IAAA;AAKC,IAAA;AAIL,EAAA;AAEJ;AD7FuC;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BBGCS5PZ.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 { Badge, type BadgeProps } from '../Badge';\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  /** Badge variant used for the chips. */\n  chipVariant?: BadgeProps['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: BadgeProps['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                <Badge\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                </Badge>\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-BGS3MCQZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BGS3MCQZ.cjs","../src/components/Toast/toast-store.ts"],"names":["id"],"mappings":"AAAA;ACEA,iBAA+B;AAwD/B,IAAM,aAAA,EAAe,GAAA;AAUd,SAAS,gBAAA,CAAA,EAA+B;AAC7C,EAAA,IAAI,OAAA,EAAsB,CAAC,CAAA;AAC3B,EAAA,MAAM,UAAA,kBAAY,IAAI,GAAA,CAAc,CAAA;AACpC,EAAA,IAAI,QAAA,EAAU,CAAA;AAEd,EAAA,SAAS,IAAA,CAAA,EAAO;AACd,IAAA,IAAA,CAAA,MAAW,EAAA,GAAK,SAAA,EAAW,CAAA,CAAE,CAAA;AAAA,EAC/B;AAEA,EAAA,SAAS,SAAA,CAAU,QAAA,EAAgC;AACjD,IAAA,SAAA,CAAU,GAAA,CAAI,QAAQ,CAAA;AACtB,IAAA,OAAO,CAAA,EAAA,GAAM;AACX,MAAA,SAAA,CAAU,MAAA,CAAO,QAAQ,CAAA;AAAA,IAC3B,CAAA;AAAA,EACF;AAEA,EAAA,SAAS,WAAA,CAAA,EAA2B;AAClC,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,SAAS,MAAA,CAAA,EAAiB;AACxB,IAAA,QAAA,GAAW,CAAA;AACX,IAAA,OAAO,CAAA,CAAA,EAAI,OAAO,CAAA,CAAA;AACpB,EAAA;AAEa,EAAA;AACQ,IAAA;AACF,IAAA;AACO,IAAA;AACtB,MAAA;AACA,MAAA;AACM,MAAA;AACC,MAAA;AACM,MAAA;AACH,MAAA;AACM,MAAA;AACL,MAAA;AACb,IAAA;AACmB,IAAA;AAGD,MAAA;AACX,IAAA;AACQ,MAAA;AACf,IAAA;AACK,IAAA;AACE,IAAA;AACT,EAAA;AAIoC,EAAA;AACZ,IAAA;AACR,MAAA;AACI,MAAA;AACX,MAAA;AACY,MAAA;AACFA,QAAAA;AACA,MAAA;AACV,IAAA;AACW,MAAA;AACX,MAAA;AACY,MAAA;AACnB,IAAA;AACF,EAAA;AAEkC,EAAA;AACjB,IAAA;AACC,IAAA;AACX,IAAA;AACG,oBAAA;AACV,EAAA;AAEyB,EAAA;AACb,IAAA;AACA,IAAA;AACL,IAAA;AACP,EAAA;AAEoB,EAAA;AACtB;AAKsC;AAkBV;AACJ,EAAA;AACR,EAAA;AACM,EAAA;AACN,EAAA;AACA,EAAA;AACO,EAAA;AACD,EAAA;AACC,EAAA;AACd,EAAA;AACT;AAG8B;ADpGP;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BGS3MCQZ.cjs","sourcesContent":[null,"'use client';\n\nimport { type ReactNode } from 'react';\n\n// ─── Types ─── //\n\nexport type ToastVariant = 'default' | 'info' | 'success' | 'warning' | 'destructive';\n\nexport interface ToastAction {\n  /** Visible label on the action button. */\n  label: ReactNode;\n  /** Required by Radix Toast for screen-reader announcement when the action\n   *  isn't a simple string label. Falls back to `label` when it's a string. */\n  altText?: string;\n  /** Fired when the action button is pressed. Toast auto-dismisses after. */\n  onClick: () => void;\n}\n\nexport interface ToastData {\n  /** Auto-generated unless caller provides one (useful for de-dup / updates). */\n  id: string;\n  title?: ReactNode;\n  description?: ReactNode;\n  variant: ToastVariant;\n  /** ms; `0` (or `Infinity`) means no auto-dismiss. Defaults handled by Toaster. */\n  duration?: number;\n  action?: ToastAction;\n  /** Controlled by Radix Toast (true while visible; false plays exit anim). */\n  open: boolean;\n  /** Fires when the toast leaves the DOM (after exit anim). */\n  onDismiss?: () => void;\n}\n\nexport interface ToastOptions {\n  id?: string;\n  title?: ReactNode;\n  description?: ReactNode;\n  duration?: number;\n  action?: ToastAction;\n  onDismiss?: () => void;\n}\n\ntype Listener = () => void;\n\n/** Public store shape. `<Toaster store={…} />` accepts this, and\n *  `createToast(store)` returns a scoped `toast()` bound to it. */\nexport interface ToastStore {\n  subscribe(listener: Listener): () => void;\n  getSnapshot(): ToastData[];\n  add(variant: ToastVariant, message: ReactNode, options?: ToastOptions): string;\n  dismiss(id?: string): void;\n  remove(id: string): void;\n  /** Test-only / story-only: hard reset. */\n  __reset(): void;\n}\n\n/** Approximate Radix Toast exit-animation duration (ms). After this we hard-\n *  remove the entry from the store so the DOM unmounts cleanly. */\nconst EXIT_ANIM_MS = 200;\n\n// ─── Factory ─── //\n//\n// Each call returns an isolated store. The default module-level instance\n// powers the singleton `toast()` API (Sonner pattern: one Toaster at app\n// root). Advanced consumers — including the Storybook stories below this\n// component — call `createToastStore()` to get an independent store so\n// multiple Toasters on one page don't share state.\n\nexport function createToastStore(): ToastStore {\n  let toasts: ToastData[] = [];\n  const listeners = new Set<Listener>();\n  let counter = 0;\n\n  function emit() {\n    for (const l of listeners) l();\n  }\n\n  function subscribe(listener: Listener): () => void {\n    listeners.add(listener);\n    return () => {\n      listeners.delete(listener);\n    };\n  }\n\n  function getSnapshot(): ToastData[] {\n    return toasts;\n  }\n\n  function nextId(): string {\n    counter += 1;\n    return `t${counter}`;\n  }\n\n  function add(variant: ToastVariant, message: ReactNode, options: ToastOptions = {}): string {\n    const id = options.id ?? nextId();\n    const existing = toasts.findIndex((t) => t.id === id);\n    const data: ToastData = {\n      id,\n      variant,\n      open: true,\n      title: message,\n      description: options.description,\n      duration: options.duration,\n      action: options.action,\n      onDismiss: options.onDismiss,\n    };\n    if (existing >= 0) {\n      // Update in place (caller passed the same id — useful for \"loading → success\"\n      // patterns or de-duped error messages).\n      toasts = toasts.map((t, i) => (i === existing ? data : t));\n    } else {\n      toasts = [...toasts, data];\n    }\n    emit();\n    return id;\n  }\n\n  /** Flip `open` to false → Radix plays exit anim → `remove` after.\n   *  Routes both programmatic dismiss + UI dismiss through the same path. */\n  function dismiss(id?: string): void {\n    if (id === undefined) {\n      const ids = toasts.map((t) => t.id);\n      toasts = toasts.map((t) => ({ ...t, open: false }));\n      emit();\n      setTimeout(() => {\n        ids.forEach((id) => remove(id));\n      }, EXIT_ANIM_MS);\n    } else {\n      toasts = toasts.map((t) => (t.id === id ? { ...t, open: false } : t));\n      emit();\n      setTimeout(() => remove(id), EXIT_ANIM_MS);\n    }\n  }\n\n  function remove(id: string): void {\n    const target = toasts.find((t) => t.id === id);\n    toasts = toasts.filter((t) => t.id !== id);\n    emit();\n    target?.onDismiss?.();\n  }\n\n  function __reset(): void {\n    toasts = [];\n    counter = 0;\n    emit();\n  }\n\n  return { subscribe, getSnapshot, add, dismiss, remove, __reset };\n}\n\n// ─── Default singleton ─── //\n// 90%-case API: one Toaster at app root, call `toast()` anywhere.\n\nexport const toastStore: ToastStore = createToastStore();\n\n// ─── createToast(store) ─── //\n\ninterface ToastFn {\n  (message: ReactNode, options?: ToastOptions): string;\n  default: (message: ReactNode, options?: ToastOptions) => string;\n  info: (message: ReactNode, options?: ToastOptions) => string;\n  success: (message: ReactNode, options?: ToastOptions) => string;\n  warning: (message: ReactNode, options?: ToastOptions) => string;\n  error: (message: ReactNode, options?: ToastOptions) => string;\n  /** Alias for `error` — matches the variant name used everywhere else in the library. */\n  destructive: (message: ReactNode, options?: ToastOptions) => string;\n  /** Dismiss a specific toast by id, or all when called with no args. */\n  dismiss: (id?: string) => void;\n}\n\n/** Bind an imperative `toast()` callable to a specific store. */\nexport function createToast(store: ToastStore): ToastFn {\n  const fn: ToastFn = ((message, options) => store.add('default', message, options)) as ToastFn;\n  fn.default = (message, options) => store.add('default', message, options);\n  fn.info = (message, options) => store.add('info', message, options);\n  fn.success = (message, options) => store.add('success', message, options);\n  fn.warning = (message, options) => store.add('warning', message, options);\n  fn.error = (message, options) => store.add('destructive', message, options);\n  fn.destructive = fn.error;\n  fn.dismiss = (id) => store.dismiss(id);\n  return fn;\n}\n\n/** Default singleton `toast()` — bound to the module-level `toastStore`. */\nexport const toast: ToastFn = createToast(toastStore);\n"]}

package/dist/chunk-BJ3CUFXY.cjs

@@ -1,123 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
-
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
-
-// src/components/Card/Card.tsx
-var _radixui = require('radix-ui');
-var _classvarianceauthority = require('class-variance-authority');
-var _jsxruntime = require('react/jsx-runtime');
-var cardVariants = _classvarianceauthority.cva.call(void 0, "ddga-card", {
-  variants: {
-    variant: {
-      default: "ddga-card--default",
-      outline: "ddga-card--outline",
-      elevated: "ddga-card--elevated",
-      filled: "ddga-card--filled",
-      gradient: "ddga-card--gradient",
-      ghost: "ddga-card--ghost"
-    },
-    padding: {
-      sm: "ddga-card--padding-sm",
-      md: "ddga-card--padding-md",
-      lg: "ddga-card--padding-lg"
-    },
-    orientation: {
-      vertical: "ddga-card--vertical",
-      horizontal: "ddga-card--horizontal"
-    },
-    interactive: {
-      true: "ddga-card--interactive"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    padding: "md",
-    orientation: "vertical"
-  }
-});
-function Card({
-  variant,
-  padding,
-  orientation,
-  interactive,
-  asChild,
-  className,
-  ...props
-}) {
-  const Comp = asChild ? _radixui.Slot.Slot : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Comp,
-    {
-      "data-slot": "card",
-      "data-orientation": _nullishCoalesce(orientation, () => ( "vertical")),
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, cardVariants({ variant, padding, orientation, interactive }), className),
-      ...props
-    }
-  );
-}
-function CardImage({ aspectRatio = "16/9", className, style, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "img",
-    {
-      "data-slot": "card-image",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__image", className),
-      style: {
-        "--ddga-card-image-aspect": aspectRatio,
-        ...style
-      },
-      ...props
-    }
-  );
-}
-function CardHeader({ asChild, className, ...props }) {
-  const Comp = asChild ? _radixui.Slot.Slot : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "card-header", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__header", className), ...props });
-}
-function CardIcon({ asChild, className, ...props }) {
-  const Comp = asChild ? _radixui.Slot.Slot : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Comp,
-    {
-      "data-slot": "card-icon",
-      "aria-hidden": true,
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__icon", className),
-      ...props
-    }
-  );
-}
-function CardTitle({ asChild, className, ...props }) {
-  const Comp = asChild ? _radixui.Slot.Slot : "h3";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "card-title", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__title", className), ...props });
-}
-function CardDescription({ asChild, className, ...props }) {
-  const Comp = asChild ? _radixui.Slot.Slot : "p";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Comp,
-    {
-      "data-slot": "card-description",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__description", className),
-      ...props
-    }
-  );
-}
-function CardContent({ asChild, className, ...props }) {
-  const Comp = asChild ? _radixui.Slot.Slot : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "card-content", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__content", className), ...props });
-}
-function CardFooter({ asChild, className, ...props }) {
-  const Comp = asChild ? _radixui.Slot.Slot : "div";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "card-footer", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__footer", className), ...props });
-}
-
-
-
-
-
-
-
-
-
-
-
-exports.cardVariants = cardVariants; exports.Card = Card; exports.CardImage = CardImage; exports.CardHeader = CardHeader; exports.CardIcon = CardIcon; exports.CardTitle = CardTitle; exports.CardDescription = CardDescription; exports.CardContent = CardContent; exports.CardFooter = CardFooter;
-//# sourceMappingURL=chunk-BJ3CUFXY.cjs.map

package/dist/chunk-BJ3CUFXY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BJ3CUFXY.cjs","../src/components/Card/Card.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BJ3CUFXY.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';\n\n// ─── 1. Variants (cva) ─── //\n\nconst cardVariants = cva('ddga-card', {\n  variants: {\n    variant: {\n      default: 'ddga-card--default',\n      outline: 'ddga-card--outline',\n      elevated: 'ddga-card--elevated',\n      filled: 'ddga-card--filled',\n      gradient: 'ddga-card--gradient',\n      ghost: 'ddga-card--ghost',\n    },\n    padding: {\n      sm: 'ddga-card--padding-sm',\n      md: 'ddga-card--padding-md',\n      lg: 'ddga-card--padding-lg',\n    },\n    orientation: {\n      vertical: 'ddga-card--vertical',\n      horizontal: 'ddga-card--horizontal',\n    },\n    interactive: {\n      true: 'ddga-card--interactive',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    padding: 'md',\n    orientation: 'vertical',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface CardProps extends React.ComponentProps<'div'>, VariantProps<typeof cardVariants> {\n  /** Render as the single child element instead of a `<div>` (see Button). */\n  asChild?: boolean;\n}\n\ntype CardSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface CardTitleProps extends React.ComponentProps<'h3'> {\n  /** Override the heading element (e.g. render an `<h2>` or `<a>`). */\n  asChild?: boolean;\n}\n\ntype CardDescriptionProps = React.ComponentProps<'p'> & { asChild?: boolean };\n\ninterface CardImageProps extends React.ComponentProps<'img'> {\n  /**\n   * Aspect ratio of the image in vertical orientation (e.g. `'16/9'`, `'4/3'`,\n   * `'1/1'`). Default `'16/9'`. Ignored in horizontal orientation — the image\n   * fills the card's full height there.\n   */\n  aspectRatio?: string;\n}\n\n// ─── 3. Components ─── //\n\nfunction Card({\n  variant,\n  padding,\n  orientation,\n  interactive,\n  asChild,\n  className,\n  ...props\n}: CardProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"card\"\n      data-orientation={orientation ?? 'vertical'}\n      className={cn(cardVariants({ variant, padding, orientation, interactive }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardImage({ aspectRatio = '16/9', className, style, ...props }: CardImageProps) {\n  return (\n    <img\n      data-slot=\"card-image\"\n      className={cn('ddga-card__image', className)}\n      style={\n        {\n          '--ddga-card-image-aspect': aspectRatio,\n          ...style,\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return <Comp data-slot=\"card-header\" className={cn('ddga-card__header', className)} {...props} />;\n}\n\n// Leading icon stacked above the title. Place inside CardHeader before\n// CardTitle; the header's column flow puts it on top. Decorative by default\n// (`aria-hidden` — the title carries the meaning); pass `aria-hidden={false}`\n// to override when the icon is the sole label.\nfunction CardIcon({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"card-icon\"\n      aria-hidden\n      className={cn('ddga-card__icon', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ asChild, className, ...props }: CardTitleProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'h3';\n  return <Comp data-slot=\"card-title\" className={cn('ddga-card__title', className)} {...props} />;\n}\n\nfunction CardDescription({ asChild, className, ...props }: CardDescriptionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'p';\n  return (\n    <Comp\n      data-slot=\"card-description\"\n      className={cn('ddga-card__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"card-content\" className={cn('ddga-card__content', className)} {...props} />\n  );\n}\n\nfunction CardFooter({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return <Comp data-slot=\"card-footer\" className={cn('ddga-card__footer', className)} {...props} />;\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Card,\n  CardImage,\n  CardIcon,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n  cardVariants,\n};\nexport type { CardProps, CardImageProps, CardSectionProps, CardTitleProps, CardDescriptionProps };\n"]}

package/dist/chunk-BS3UEJ5G.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Link/Link.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ExternalLink } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst linkVariants = cva('ddga-link', {\n  variants: {\n    variant: {\n      // Inline links in running prose. Underlined always — color alone fails\n      // WCAG 1.4.1 when a link sits inside a block of text.\n      default: 'ddga-link--default',\n      // Links in UI chrome (footers, meta rows) where context makes them\n      // obviously links: no underline until hover.\n      subtle: 'ddga-link--subtle',\n      // Block-level CTAs (\"Learn more →\"): inline-flex with gapped icons,\n      // no underline. Not for mid-sentence use.\n      standalone: 'ddga-link--standalone',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface LinkProps extends React.ComponentProps<'a'>, VariantProps<typeof linkVariants> {\n  /**\n   * External link: appends a decorative ↗ icon and sets\n   * `rel=\"noopener noreferrer\"` (merged with any consumer `rel`). `target` is\n   * left to the consumer — forcing `_blank` is an a11y opinion best owned by\n   * the caller.\n   */\n  external?: boolean;\n  /** Leading icon (standalone-friendly). Decorative — rendered `aria-hidden`. */\n  startIcon?: ReactNode;\n  /**\n   * Trailing icon. Decorative. When both `external` and `endIcon` are set, the\n   * consumer's `endIcon` wins (the auto ↗ is suppressed).\n   */\n  endIcon?: ReactNode;\n  /**\n   * Flip start/end icons horizontally in RTL (for directional arrows/chevrons).\n   * Does NOT apply to the auto `external` icon, which is RTL-neutral by design\n   * (a symbolic \"leaves the site\" cue, not a directional glyph).\n   */\n  iconFlip?: boolean;\n  /**\n   * Render as the single child element instead of an `<a>`. Lets consumers\n   * compose with framework routers (`<Link asChild><RouterLink to=\"…\">…</RouterLink></Link>`).\n   * `Slottable` marks where the child's own content lands so the icons render\n   * around it. In this mode the href dev-warning is skipped — the consumer's\n   * element owns its attributes.\n   */\n  asChild?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Link({\n  variant,\n  external,\n  startIcon,\n  endIcon,\n  iconFlip,\n  asChild,\n  className,\n  children,\n  rel,\n  ...props\n}: LinkProps) {\n  // Dev-only: a non-asChild Link without an href isn't a real link (no role,\n  // not focusable). In asChild mode the consumer's element owns the href.\n  if (process.env.NODE_ENV === 'development' && !asChild && props.href == null) {\n    console.warn(\n      '[@dev-dga/react] Link rendered without an `href`. A link needs an href ' +\n        'to be focusable and exposed as a link to assistive tech. Provide `href`, ' +\n        'use `asChild` to render your own element (e.g. a router Link), or use ' +\n        '`Button variant=\"ghost\"` for an action that is not navigation.',\n    );\n  }\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n\n  // Merge external rel tokens with any consumer-provided rel, de-duplicated.\n  const relValue = external\n    ? Array.from(\n        new Set([...(rel ? rel.split(/\\s+/).filter(Boolean) : []), 'noopener', 'noreferrer']),\n      ).join(' ')\n    : rel;\n\n  const showExternalIcon = external && !endIcon;\n\n  return (\n    <Comp\n      data-slot=\"link\"\n      className={cn(linkVariants({ variant }), className)}\n      rel={relValue}\n      {...props}\n    >\n      {startIcon && (\n        <span\n          className={cn('ddga-link__icon', iconFlip && 'ddga-icon-flip')}\n          data-slot=\"link-start-icon\"\n          aria-hidden=\"true\"\n        >\n          {startIcon}\n        </span>\n      )}\n      {asChild ? <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable> : children}\n      {endIcon && (\n        <span\n          className={cn('ddga-link__icon', iconFlip && 'ddga-icon-flip')}\n          data-slot=\"link-end-icon\"\n          aria-hidden=\"true\"\n        >\n          {endIcon}\n        </span>\n      )}\n      {showExternalIcon && (\n        <span\n          className=\"ddga-link__icon ddga-link__icon--external\"\n          data-slot=\"link-external-icon\"\n          aria-hidden=\"true\"\n        >\n          <ExternalLink />\n        </span>\n      )}\n    </Comp>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Link, linkVariants };\nexport type { LinkProps };\n"],"mappings":";;;;;;;;AAEA,OAA+B;AAC/B,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AA+FnC,SAOI,KAPJ;AAzFJ,IAAM,eAAe,IAAI,aAAa;AAAA,EACpC,UAAU;AAAA,IACR,SAAS;AAAA;AAAA;AAAA,MAGP,SAAS;AAAA;AAAA;AAAA,MAGT,QAAQ;AAAA;AAAA;AAAA,MAGR,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAqCD,SAAS,KAAK;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AAGZ,MAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,WAAW,MAAM,QAAQ,MAAM;AAC5E,YAAQ;AAAA,MACN;AAAA,IAIF;AAAA,EACF;AAEA,QAAM,OAAO,UAAU,cAAc,OAAO;AAG5C,QAAM,WAAW,WACb,MAAM;AAAA,IACJ,oBAAI,IAAI,CAAC,GAAI,MAAM,IAAI,MAAM,KAAK,EAAE,OAAO,OAAO,IAAI,CAAC,GAAI,YAAY,YAAY,CAAC;AAAA,EACtF,EAAE,KAAK,GAAG,IACV;AAEJ,QAAM,mBAAmB,YAAY,CAAC;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,mBAAmB,YAAY,gBAAgB;AAAA,YAC7D,aAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QAED,UAAU,oBAAC,cAAc,WAAd,EAAyB,UAAS,IAA6B;AAAA,QAC1E,WACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,mBAAmB,YAAY,gBAAgB;AAAA,YAC7D,aAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QAED,oBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,aAAU;AAAA,YACV,eAAY;AAAA,YAEZ,8BAAC,gBAAa;AAAA;AAAA,QAChB;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-BS4PX23P.js

@@ -1,102 +0,0 @@
-import {
-  Close
-} from "./chunk-CDS4SYEQ.js";
-import {
-  cn
-} from "./chunk-7NTT2UXP.js";
-
-// src/components/Badge/Badge.tsx
-import { useState } from "react";
-import { Slot as SlotPrimitive } from "radix-ui";
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var badgeVariants = cva("ddga-badge", {
-  variants: {
-    variant: {
-      // Solid family
-      default: "ddga-badge--default",
-      primary: "ddga-badge--primary",
-      secondary: "ddga-badge--secondary",
-      destructive: "ddga-badge--destructive",
-      success: "ddga-badge--success",
-      warning: "ddga-badge--warning",
-      info: "ddga-badge--info",
-      // Subtle family (tonal)
-      "primary-subtle": "ddga-badge--primary-subtle",
-      "secondary-subtle": "ddga-badge--secondary-subtle",
-      "destructive-subtle": "ddga-badge--destructive-subtle",
-      "success-subtle": "ddga-badge--success-subtle",
-      "warning-subtle": "ddga-badge--warning-subtle",
-      "info-subtle": "ddga-badge--info-subtle",
-      // Outline
-      outline: "ddga-badge--outline"
-    },
-    size: {
-      sm: "ddga-badge--sm",
-      md: "ddga-badge--md"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md"
-  }
-});
-function Badge({
-  variant,
-  size,
-  asChild,
-  dot,
-  startIcon,
-  endIcon,
-  dismissible,
-  open,
-  onDismiss,
-  closeLabel = "Dismiss",
-  className,
-  children,
-  ...props
-}) {
-  const isControlled = open !== void 0;
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(true);
-  const isOpen = isControlled ? open : uncontrolledOpen;
-  if (process.env.NODE_ENV !== "production" && asChild && dismissible) {
-    console.warn(
-      "[Badge] `dismissible` is not supported with `asChild` because it would nest an interactive close button inside the consumer's element (invalid HTML). The close button will not render."
-    );
-  }
-  if (!isOpen) return null;
-  const Comp = asChild ? SlotPrimitive.Slot : "span";
-  const showClose = dismissible && !asChild;
-  const handleDismiss = () => {
-    if (!isControlled) setUncontrolledOpen(false);
-    onDismiss?.();
-  };
-  return /* @__PURE__ */ jsxs(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant, size }), className), ...props, children: [
-    dot ? /* @__PURE__ */ jsx("span", { className: "ddga-badge__dot", "aria-hidden": "true" }) : null,
-    startIcon ? /* @__PURE__ */ jsx("span", { className: "ddga-badge__icon", "aria-hidden": "true", children: startIcon }) : null,
-    asChild ? (
-      // children IS the consumer's single element (e.g. <a>). Slottable marks
-      // where THAT element's original children should land — without it the
-      // dot/icons would replace the link text.
-      /* @__PURE__ */ jsx(SlotPrimitive.Slottable, { children })
-    ) : children,
-    endIcon ? /* @__PURE__ */ jsx("span", { className: "ddga-badge__icon", "aria-hidden": "true", children: endIcon }) : null,
-    showClose ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "ddga-badge__close",
-        "aria-label": closeLabel,
-        onClick: handleDismiss,
-        "data-slot": "badge-close",
-        children: /* @__PURE__ */ jsx(Close, { "aria-hidden": "true" })
-      }
-    ) : null
-  ] });
-}
-
-export {
-  badgeVariants,
-  Badge
-};
-//# sourceMappingURL=chunk-BS4PX23P.js.map

package/dist/chunk-BS4PX23P.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type ReactNode } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Close } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\n// Three visual families:\n//   - solid:   filled background, white-on-color (high contrast, draws the eye)\n//   - subtle:  tinted background (color-100) + dark-color text (color-700/800)\n//   - outline: bordered, transparent\n// Subtle is the right default for table cells / dense UI where solid would be\n// visually loud. Solid is the right default for hero badges / single status pills.\nconst badgeVariants = cva('ddga-badge', {\n  variants: {\n    variant: {\n      // Solid family\n      default: 'ddga-badge--default',\n      primary: 'ddga-badge--primary',\n      secondary: 'ddga-badge--secondary',\n      destructive: 'ddga-badge--destructive',\n      success: 'ddga-badge--success',\n      warning: 'ddga-badge--warning',\n      info: 'ddga-badge--info',\n      // Subtle family (tonal)\n      'primary-subtle': 'ddga-badge--primary-subtle',\n      'secondary-subtle': 'ddga-badge--secondary-subtle',\n      'destructive-subtle': 'ddga-badge--destructive-subtle',\n      'success-subtle': 'ddga-badge--success-subtle',\n      'warning-subtle': 'ddga-badge--warning-subtle',\n      'info-subtle': 'ddga-badge--info-subtle',\n      // Outline\n      outline: 'ddga-badge--outline',\n    },\n    size: {\n      sm: 'ddga-badge--sm',\n      md: 'ddga-badge--md',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface BadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {\n  /** Render as the single child element instead of a `<span>` (see Button). */\n  asChild?: boolean;\n  /**\n   * Render a leading status dot. The dot inherits its color from `currentColor`\n   * so it tracks the badge's tone (subtle variants get a dark dot, solid get a\n   * white dot). Pair with `*-subtle` variants for the classic status pill.\n   * Coexists with `startIcon` — the dot lands first.\n   */\n  dot?: boolean;\n  /** Icon rendered before the badge text. Sized to the badge font (0.875em). */\n  startIcon?: ReactNode;\n  /** Icon rendered after the badge text. Sized to the badge font (0.875em). */\n  endIcon?: ReactNode;\n  /**\n   * Render a trailing close button — turns the badge into the DGA \"tag/chip\"\n   * pattern. Uncontrolled by default: the badge hides itself when the close\n   * button is clicked. Pass `open` to control visibility yourself.\n   *\n   * Not combinable with `asChild` — the consumer's slotted element (usually an\n   * `<a>`) would end up with an interactive `<button>` inside it, which is\n   * invalid HTML. In that combo the close button is suppressed and a dev\n   * warning is logged.\n   */\n  dismissible?: boolean;\n  /** Controlled visibility. When provided, `onDismiss` becomes the only signal. */\n  open?: boolean;\n  /** Fires when the close button is clicked, in both controlled and uncontrolled mode. */\n  onDismiss?: () => void;\n  /** Accessible label on the close button. Defaults to `\"Dismiss\"`. Override for i18n. */\n  closeLabel?: string;\n}\n\n// ─── 3. Component ─── //\n\nfunction Badge({\n  variant,\n  size,\n  asChild,\n  dot,\n  startIcon,\n  endIcon,\n  dismissible,\n  open,\n  onDismiss,\n  closeLabel = 'Dismiss',\n  className,\n  children,\n  ...props\n}: BadgeProps) {\n  const isControlled = open !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(true);\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  if (process.env.NODE_ENV !== 'production' && asChild && dismissible) {\n    console.warn(\n      \"[Badge] `dismissible` is not supported with `asChild` because it would nest an interactive close button inside the consumer's element (invalid HTML). The close button will not render.\",\n    );\n  }\n\n  if (!isOpen) return null;\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'span';\n  const showClose = dismissible && !asChild;\n\n  const handleDismiss = () => {\n    if (!isControlled) setUncontrolledOpen(false);\n    onDismiss?.();\n  };\n\n  return (\n    <Comp data-slot=\"badge\" className={cn(badgeVariants({ variant, size }), className)} {...props}>\n      {dot ? <span className=\"ddga-badge__dot\" aria-hidden=\"true\" /> : null}\n      {startIcon ? (\n        <span className=\"ddga-badge__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      {asChild ? (\n        // children IS the consumer's single element (e.g. <a>). Slottable marks\n        // where THAT element's original children should land — without it the\n        // dot/icons would replace the link text.\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children\n      )}\n      {endIcon ? (\n        <span className=\"ddga-badge__icon\" aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      ) : null}\n      {showClose ? (\n        <button\n          type=\"button\"\n          className=\"ddga-badge__close\"\n          aria-label={closeLabel}\n          onClick={handleDismiss}\n          data-slot=\"badge-close\"\n        >\n          <Close aria-hidden=\"true\" />\n        </button>\n      ) : null}\n    </Comp>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Badge, badgeVariants };\nexport type { BadgeProps };\n"],"mappings":";;;;;;;;AAEA,SAAS,gBAAgC;AACzC,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AAqHnC,SACS,KADT;AAzGJ,IAAM,gBAAgB,IAAI,cAAc;AAAA,EACtC,UAAU;AAAA,IACR,SAAS;AAAA;AAAA,MAEP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA;AAAA,MAEN,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,sBAAsB;AAAA,MACtB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,eAAe;AAAA;AAAA,MAEf,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAuCD,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,eAAe,SAAS;AAC9B,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,IAAI;AAC7D,QAAM,SAAS,eAAe,OAAO;AAErC,MAAI,QAAQ,IAAI,aAAa,gBAAgB,WAAW,aAAa;AACnE,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEA,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,QAAM,YAAY,eAAe,CAAC;AAElC,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,aAAc,qBAAoB,KAAK;AAC5C,gBAAY;AAAA,EACd;AAEA,SACE,qBAAC,QAAK,aAAU,SAAQ,WAAW,GAAG,cAAc,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OACrF;AAAA,UAAM,oBAAC,UAAK,WAAU,mBAAkB,eAAY,QAAO,IAAK;AAAA,IAChE,YACC,oBAAC,UAAK,WAAU,oBAAmB,eAAY,QAC5C,qBACH,IACE;AAAA,IACH;AAAA;AAAA;AAAA;AAAA,MAIC,oBAAC,cAAc,WAAd,EAAyB,UAAS;AAAA,QAEnC;AAAA,IAED,UACC,oBAAC,UAAK,WAAU,oBAAmB,eAAY,QAC5C,mBACH,IACE;AAAA,IACH,YACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAY;AAAA,QACZ,SAAS;AAAA,QACT,aAAU;AAAA,QAEV,8BAAC,SAAM,eAAY,QAAO;AAAA;AAAA,IAC5B,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/chunk-BTP7G7WR.js.map

@@ -1 +0,0 @@
-{"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 { Badge, type BadgeProps } from '../Badge';\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  /** Badge variant used for the chips. */\n  chipVariant?: BadgeProps['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: BadgeProps['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                <Badge\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                </Badge>\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-C3YKGPQM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-C3YKGPQM.cjs","../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACPA,kEAAuC;AA8E/B,+CAAA;AArER,IAAM,iBAAA,EAAmB,yCAAA,eAAI,EAAiB;AAAA,EAC5C,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAA;AAAA,MACJ,EAAA,EAAI,mBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,IACR,CAAA;AAAA;AAAA;AAAA,IAGA,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,gCAAA;AAAA,MACV,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;AAoBD,SAAS,QAAA,CAAS;AAAA,EAChB,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO,CAAA;AAAA,EACP,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,eAAA,EAAiB,SAAA,EAAW,aAAa,EAAA,EACrF,4CAAA;AAAa,IACX,IAAA,EAAM,UAAA;AAAA,IACN,EAAA,EAAI,UAAA;AAAA,IACJ,KAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA,EAAc,KAAA,CAAM,YAAY,CAAA;AAAA,IAChC,iBAAA,EAAmB,KAAA,CAAM,iBAAiB;AAAA,EAC5C,CAAC,CAAA;AAEH,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,WAAA,EAAU,gBAAA,EAAiB,SAAA,EAAU,YAAA,EACvC,QAAA,EAAA;AAAA,IAAA,MAAA,mBACC,8BAAA,OAAC,EAAA,EAAM,OAAA,EAAS,OAAA,EAAS,SAAA,EAAU,sBAAA,EAChC,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MACA,SAAA,mBACC,6BAAA,MAAC,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,yBAAA,EAA0B,QAAA,EAAA,IAAA,CAE7D;AAAA,IAAA,EAAA,CAEJ,CAAA;AAAA,oBAEF,6BAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QAGE,GAAG,KAAA;AAAA,QACH,GAAG,YAAA;AAAA,QACJ,WAAA,EAAU,UAAA;AAAA,QACV,IAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA,EAAW,kCAAA,gBAAG,CAAiB,EAAE,IAAA,EAAM,KAAA,EAAO,QAAA,EAAU,OAAO,CAAC,CAAA,EAAG,SAAS;AAAA,MAAA;AAAA,IAC9E,CAAA;AAAA,IACC,gBAAA,mBACC,6BAAA,8BAAC,EAAA,EAAa,EAAA,EAAI,OAAA,EAAS,OAAA,EAAQ,OAAA,EAChC,QAAA,EAAA,aAAA,CACH,CAAA;AAAA,IAED,UAAA,mBACC,6BAAA,8BAAC,EAAA,EAAa,EAAA,EAAI,QAAA,EAAU,OAAA,EAAQ,QAAA,EACjC,QAAA,EAAA,WAAA,CACH;AAAA,EAAA,EAAA,CAEJ,CAAA;AAEJ;ADlCA;AACA;AACE;AACA;AACF,yEAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-C3YKGPQM.cjs","sourcesContent":[null,"'use client';\n\nimport type { ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the <textarea> directly: unlike Input there are no adornments,\n// so the field owns its own border / focus ring / state styling , no\n// control wrapper needed.\nconst textareaVariants = cva('ddga-textarea', {\n  variants: {\n    size: {\n      sm: 'ddga-textarea--sm',\n      md: 'ddga-textarea--md',\n      lg: 'ddga-textarea--lg',\n    },\n    error: {\n      true: 'ddga-textarea--error',\n    },\n    // Horizontal/both resize breaks form layout (same reason it's not the\n    // default) , only vertical or locked are offered.\n    resize: {\n      vertical: 'ddga-textarea--resize-vertical',\n      none: 'ddga-textarea--resize-none',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    resize: 'vertical',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// `<textarea>` has no native `size` attribute (unlike `<input>`), so the\n// cva `size` variant doesn't collide , no `Omit` needed.\ninterface TextareaProps\n  extends React.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {\n  /** Visible field label, auto-associated to the textarea via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Textarea({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  resize,\n  required,\n  rows = 3,\n  className,\n  ...props\n}: TextareaProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Textarea',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  return (\n    <div data-slot=\"textarea-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-textarea__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-textarea__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <textarea\n        // Spread props first, then the a11y contract (controlProps) so a\n        // consumer cannot accidentally clobber the wiring.\n        {...props}\n        {...controlProps}\n        data-slot=\"textarea\"\n        rows={rows}\n        required={required}\n        className={cn(textareaVariants({ size, error: hasError, resize }), className)}\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\n// ─── 4. Exports ─── //\n\nexport { Textarea, textareaVariants };\nexport type { TextareaProps };\n"]}

package/dist/chunk-CBCUQUHI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CBCUQUHI.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;AAiG/B,+CAAA;AAvFR,IAAM,mBAAA,EAAqB,yCAAA,kBAAI,EAAoB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,sBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,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;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;AAID,IAAM,cAAA,EAAgB,yCAAA,YAAgB,CAAA;AAiCtC,SAAS,UAAA,CAAW;AAAA,EAClB,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;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;AAIH,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;AACW,QAAA;AAEV,QAAA;AAAA,MAAA;AACH,IAAA;AACC,IAAA;AAMC,IAAA;AAIJ,EAAA;AAEJ;AAEiB;AAET,EAAA;AACS,EAAA;AAEb,EAAA;AACE,oBAAA;AAAC,MAAA;AAAA,MAAA;AAGK,QAAA;AACA,QAAA;AACJ,QAAA;AACW,QAAA;AAEX,QAAA;AAAC,UAAA;AAAA,UAAA;AACC,YAAA;AACA,YAAA;AAEA,YAAA;AAAqD,UAAA;AACvD,QAAA;AAAA,MAAA;AACF,IAAA;AAEE,IAAA;AAIJ,EAAA;AAEJ;AD1DmB;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CBCUQUHI.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\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the Radix RadioGroup.Root (role=radiogroup). Owns size,\n// orientation, and the error class , child <Radio>s pick up size + error\n// via CSS cascade from `.ddga-radio-group--sm` / `.ddga-radio-group--error`\n// (one source of truth on the group, not threaded through items).\nconst radioGroupVariants = cva('ddga-radio-group', {\n  variants: {\n    size: {\n      sm: 'ddga-radio-group--sm',\n      md: 'ddga-radio-group--md',\n    },\n    orientation: {\n      vertical: 'ddga-radio-group--vertical',\n      horizontal: 'ddga-radio-group--horizontal',\n    },\n    error: {\n      true: 'ddga-radio-group--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    orientation: 'vertical',\n  },\n});\n\n// Applied to the Radix RadioGroup.Item (role=radio). No variants here ,\n// size / error cascade from the group; per-item disabled is native.\nconst radioVariants = cva('ddga-radio');\n\n// ─── 2. Types ─── //\n\n// Group: omit Radix's `orientation` so we can re-narrow it to our two\n// supported values (Radix accepts a wider set we don't need exposed).\ninterface RadioGroupProps\n  extends\n    Omit<React.ComponentProps<typeof RadioGroupPrimitive.Root>, 'children' | 'orientation'>,\n    Pick<VariantProps<typeof radioGroupVariants>, 'size' | 'orientation'> {\n  /** Group label, sits above the rows. Associated to the group via aria-labelledby. */\n  label?: ReactNode;\n  /** Hint shown below the group. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the group when `error` is true (or when only `errorMessage` is set). */\n  errorMessage?: ReactNode;\n  /** Marks the group invalid: sets aria-invalid and applies error styling. */\n  error?: boolean;\n  /** `<Radio>` children. */\n  children: ReactNode;\n}\n\n// Item: omit children (the indicator is internal).\ninterface RadioProps extends Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n  'children'\n> {\n  /** Visible label for this radio, sits beside the circle, associated via htmlFor/id. */\n  label?: ReactNode;\n}\n\n// ─── 3. Components ─── //\n\nfunction RadioGroup({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  orientation,\n  required,\n  className,\n  children,\n  ...props\n}: RadioGroupProps) {\n  const { errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps, fieldId } =\n    useFieldA11y({\n      name: 'RadioGroup',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n    });\n  // The group itself isn't a focusable form control , consumers don't need\n  // `id` on the role=radiogroup, and `htmlFor`/`<label>` doesn't apply.\n  // Associate the visible label via aria-labelledby instead.\n  const labelId = `${fieldId}-label`;\n\n  return (\n    <div data-slot=\"radio-group-field\" className=\"ddga-field\">\n      {label && (\n        <span id={labelId} className=\"ddga-radio-group__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-radio-group__required\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n      <RadioGroupPrimitive.Root\n        {...props}\n        aria-invalid={controlProps['aria-invalid']}\n        aria-describedby={controlProps['aria-describedby']}\n        aria-labelledby={label ? labelId : props['aria-labelledby']}\n        orientation={orientation === 'horizontal' ? 'horizontal' : 'vertical'}\n        required={required}\n        data-slot=\"radio-group\"\n        className={cn(radioGroupVariants({ size, orientation, error: hasError }), className)}\n      >\n        {children}\n      </RadioGroupPrimitive.Root>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\nfunction Radio({ id: externalId, label, className, ...props }: RadioProps) {\n  // useId() is SSR-safe; pair the Item id with its <label htmlFor>.\n  const generatedId = useId();\n  const itemId = externalId ?? generatedId;\n  return (\n    <div className=\"ddga-radio-row\">\n      <RadioGroupPrimitive.Item\n        // Spread props first, then our id last so a consumer can't clobber\n        // the label/control association by accident.\n        {...props}\n        id={itemId}\n        data-slot=\"radio\"\n        className={cn(radioVariants(), className)}\n      >\n        <RadioGroupPrimitive.Indicator\n          data-slot=\"radio-indicator\"\n          className=\"ddga-radio__indicator\"\n        >\n          <span className=\"ddga-radio__dot\" aria-hidden=\"true\" />\n        </RadioGroupPrimitive.Indicator>\n      </RadioGroupPrimitive.Item>\n      {label && (\n        <label htmlFor={itemId} className=\"ddga-radio__label\">\n          {label}\n        </label>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { RadioGroup, Radio, radioGroupVariants, radioVariants };\nexport type { RadioGroupProps, RadioProps };\n"]}