@dev-dga/react 0.1.1 → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+# @dev-dga/react
+
+## 0.2.0
+
+### Minor Changes
+
+- Add `useDir()` hook and wire Radix's `Direction.Provider` into `DgaProvider`.
+  - **`useDir(): 'ltr' | 'rtl'`** — public hook returning direction from the nearest `<DgaProvider>`. Throws when used outside a provider. Use this in custom components instead of `useDga().dir` when only direction is needed.
+  - **Auto-propagation to Radix portals** — `DgaProvider` now wraps its children in `<Direction.Provider value={dir}>`. Radix primitives that render in portals (Tooltip, Select, Toast, Modal, …) inherit direction from the provider tree instead of falling back to `document.body`'s dir. Future portal-based components will respect the configured direction with no per-component plumbing. **No effect on the four components shipped in this release** (`Button`, `Input`, `Textarea`, `Checkbox`) — none render portals — so this is forward-looking infrastructure, not a behavior change for current consumers. The one edge case: code rendering `radix-ui` portal primitives directly inside a `DgaProvider` will now see them pick up the provider direction (a fix, not a regression).
+
+  For LTR-locked content inside an RTL page (Saudi phone numbers, IBANs, National IDs), use the native `dir="ltr"` attribute plus the appropriate `inputMode` on `<Input>` directly — no new component required. See the `Foundations/RTL` Storybook page for examples.
+
+## 0.1.1
+
+- Per-package README and metadata polish.
+
+## 0.1.0
+
+- Initial release: `Button`, `Input`, `Textarea`, `Checkbox`, `DgaProvider`, `useDga`, `cn`. React 19, ref-as-prop, `cva` variants, BEM `ddga-*` classes resolving `var(--ddga-*)`.

package/README.md

@@ -38,7 +38,7 @@ For RTL or dark mode, configure the provider:
 
 ## Components
 
-`Button` · `Input` · `Textarea` · `Checkbox` · `DgaProvider` , plus `cn` (clsx) and `useDga`.
+`Button` · `Input` · `Textarea` · `Checkbox` · `DgaProvider` , plus `cn` (clsx), `useDga`, and `useDir`.
 
 ## Docs
 

package/dist/index.cjs

@@ -30,7 +30,8 @@ __export(src_exports, {
   cn: () => cn,
   inputVariants: () => inputVariants,
   textareaVariants: () => textareaVariants,
-  useDga: () => useDga
+  useDga: () => useDga,
+  useDir: () => useDir
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -328,7 +329,7 @@ var textareaVariants = (0, import_class_variance_authority3.cva)("ddga-textarea"
       true: "ddga-textarea--error"
     },
     // Horizontal/both resize breaks form layout (same reason it's not the
-    // default) — only vertical or locked are offered.
+    // default) , only vertical or locked are offered.
     resize: {
       vertical: "ddga-textarea--resize-vertical",
       none: "ddga-textarea--resize-none"
@@ -489,6 +490,7 @@ function DgaProvider({
     () => ({ dir, locale: resolvedLocale, mode, rootRef }),
     [dir, resolvedLocale, mode]
   );
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_radix_ui2.Direction.Provider, { dir, children });
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     Component,
     {
@@ -499,10 +501,15 @@ function DgaProvider({
       "data-theme": mode,
       className,
       style: { colorScheme: mode, ...consumerStyle },
-      children: isNested ? children : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_radix_ui2.Tooltip.Provider, { delayDuration: 300, skipDelayDuration: 100, children })
+      children: isNested ? inner : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_radix_ui2.Tooltip.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
     }
   ) });
 }
+
+// src/hooks/useDir.ts
+function useDir() {
+  return useDga().dir;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button,
@@ -515,6 +522,7 @@ function DgaProvider({
   cn,
   inputVariants,
   textareaVariants,
-  useDga
+  useDga,
+  useDir
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/Button/Button.tsx","../src/utils/cn.ts","../src/internal/icons/index.tsx","../src/components/Input/Input.tsx","../src/internal/field/use-field-a11y.ts","../src/internal/field/FieldMessage.tsx","../src/components/Textarea/Textarea.tsx","../src/components/Checkbox/Checkbox.tsx","../src/providers/DgaProvider.tsx","../src/providers/DgaContext.ts"],"sourcesContent":["export { Button, buttonVariants, type ButtonProps } from './components/Button';\nexport { Input, inputVariants, type InputProps } from './components/Input';\nexport { Textarea, textareaVariants, type TextareaProps } from './components/Textarea';\nexport { Checkbox, checkboxVariants, type CheckboxProps } from './components/Checkbox';\nexport { DgaProvider, type DgaProviderProps } from './providers/DgaProvider';\nexport { useDga } from './providers/DgaContext';\nexport { cn } from './utils/cn';\n","'use client';\n\nimport { type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst buttonVariants = cva('ddga-button', {\n  variants: {\n    variant: {\n      primary: 'ddga-button--primary',\n      secondary: 'ddga-button--secondary',\n      outline: 'ddga-button--outline',\n      ghost: 'ddga-button--ghost',\n      destructive: 'ddga-button--destructive',\n    },\n    size: {\n      sm: 'ddga-button--sm',\n      md: 'ddga-button--md',\n      lg: 'ddga-button--lg',\n      icon: 'ddga-button--icon',\n      'icon-sm': 'ddga-button--icon-sm',\n    },\n    fullWidth: {\n      true: 'ddga-button--full-width',\n    },\n  },\n  compoundVariants: [],\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {\n  loading?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  /** Flip start/end icons horizontally in RTL (for chevrons, arrows, etc.) */\n  iconFlip?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Button({\n  variant,\n  size,\n  fullWidth,\n  loading,\n  disabled,\n  startIcon,\n  endIcon,\n  iconFlip,\n  className,\n  children,\n  type = 'button',\n  ...props\n}: ButtonProps) {\n  // Dev-only: warn if icon-only button has no accessible name\n  if (process.env.NODE_ENV === 'development' && (size === 'icon' || size === 'icon-sm')) {\n    if (!props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] Button with an icon-only size (size=\"icon\" or ' +\n          '\"icon-sm\") requires an aria-label or aria-labelledby attribute ' +\n          'for screen reader accessibility.',\n      );\n    }\n  }\n\n  const isDisabled = disabled || loading;\n\n  return (\n    <button\n      type={type}\n      disabled={isDisabled}\n      // Both disabled and aria-disabled are set intentionally:\n      // - disabled: removes from tab order and prevents interaction\n      // - aria-disabled: explicit signal for ARIA consumers that don't read native disabled\n      aria-disabled={isDisabled || undefined}\n      aria-busy={loading || undefined}\n      data-slot=\"button\"\n      className={cn(\n        buttonVariants({ variant, size, fullWidth }),\n        loading && 'ddga-button--loading',\n        className,\n      )}\n      {...props}\n    >\n      {loading && <Spinner aria-hidden=\"true\" />}\n      {!loading && startIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      )}\n      {children != null && children !== '' && <span className=\"ddga-button__text\">{children}</span>}\n      {!loading && endIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      )}\n    </button>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Button, buttonVariants };\nexport type { ButtonProps };\n","import { clsx, type ClassValue } from 'clsx';\n\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs);\n}\n","'use client';\n\n/**\n * Internal loading spinner icon.\n * Not exported from the public API — used only by Button and similar components.\n */\nexport function Spinner(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ddga-spinner\"\n      {...props}\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\n/**\n * Internal checkmark icon — used by Checkbox (checked state).\n * Not exported from the public API.\n */\nexport function Check(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\n/**\n * Internal minus/dash icon — used by Checkbox (indeterminate state).\n * Not exported from the public API.\n */\nexport function Minus(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n","'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 '../../internal/field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the *control* (the bordered box), not the raw <input>. The\n// control owns the border, sizing, focus ring and disabled/error styling\n// so leading/trailing adornments sit inside the field.\nconst inputVariants = cva('ddga-input', {\n  variants: {\n    size: {\n      sm: 'ddga-input--sm',\n      md: 'ddga-input--md',\n      lg: 'ddga-input--lg',\n    },\n    error: {\n      true: 'ddga-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// `Omit<…, 'size'>`: the native HTML `size` attribute (visible character\n// width, a number) collides with our design-system `size` variant. The\n// variant is far more useful; drop the rarely-used native attribute.\ninterface InputProps\n  extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof inputVariants> {\n  /** Visible field label, auto-associated to the input 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   * Content rendered inside the field, before the input (icon or short text,\n   * e.g. a search glyph or `https://`). May be interactive — it is NOT\n   * `aria-hidden`. Mark purely-decorative icons `aria-hidden` yourself.\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Content rendered inside the field, after the input. Compose a clear\n   * button or password-reveal toggle here with `<Button size=\"icon-sm\">`\n   * — the 28px in-field icon size that fits the field without overflow.\n   */\n  endAdornment?: ReactNode;\n}\n\n// ─── 3. Component ─── //\n\nfunction Input({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  startAdornment,\n  endAdornment,\n  className,\n  ...props\n}: InputProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Input',\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=\"input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-input__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-input__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        data-slot=\"input-control\"\n        className={cn(inputVariants({ size, error: hasError }), className)}\n      >\n        {startAdornment != null && startAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--start\"\n          >\n            {startAdornment}\n          </span>\n        )}\n        <input\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=\"input\"\n          required={required}\n          className=\"ddga-input__field\"\n        />\n        {endAdornment != null && endAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--end\"\n          >\n            {endAdornment}\n          </span>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Input, inputVariants };\nexport type { InputProps };\n","import { useId, type ReactNode } from 'react';\n\n// Internal — not part of the public API. Shared by Input / Textarea /\n// Checkbox (and future form controls) so the id generation, error/helper\n// precedence, control ARIA wiring, and dev-time a11y warning live in\n// exactly one place instead of being hand-rolled per component.\n\ninterface UseFieldA11yOptions {\n  /** Component name used in the dev warning, e.g. `'Input'`. */\n  name: string;\n  /** Caller-supplied id; falls back to a stable generated one. */\n  id?: string;\n  label?: ReactNode;\n  error?: boolean;\n  errorMessage?: ReactNode;\n  helperText?: ReactNode;\n  /** From the consumer's props — used to suppress the no-label warning. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\ninterface FieldA11y {\n  fieldId: string;\n  helperId: string;\n  errorId: string;\n  hasError: boolean;\n  hasErrorMessage: boolean;\n  hasHelper: boolean;\n  /** Spread onto the control element (input / textarea / Radix root). */\n  controlProps: {\n    id: string;\n    'aria-invalid': true | undefined;\n    'aria-describedby': string | undefined;\n  };\n}\n\nfunction isPresent(value: ReactNode): boolean {\n  return value != null && value !== '';\n}\n\nexport function useFieldA11y(options: UseFieldA11yOptions): FieldA11y {\n  // useId() is SSR-safe — stable across server/client, no hydration mismatch.\n  const generatedId = useId();\n  const fieldId = options.id ?? generatedId;\n  const helperId = `${fieldId}-helper`;\n  const errorId = `${fieldId}-error`;\n\n  const hasError = !!options.error;\n  const hasErrorMessage = hasError && isPresent(options.errorMessage);\n  // An error message replaces helper text (one description at a time).\n  const hasHelper = !hasErrorMessage && isPresent(options.helperText);\n\n  // Dev-only: warn if the field has no accessible name. This library makes\n  // the accessible path the default across every form control.\n  if (process.env.NODE_ENV === 'development' && !options.label) {\n    if (!options['aria-label'] && !options['aria-labelledby']) {\n      console.warn(\n        `[@dev-dga/react] ${options.name} requires a \\`label\\`, or an ` +\n          'aria-label / aria-labelledby attribute, for screen reader accessibility.',\n      );\n    }\n  }\n\n  return {\n    fieldId,\n    helperId,\n    errorId,\n    hasError,\n    hasErrorMessage,\n    hasHelper,\n    controlProps: {\n      id: fieldId,\n      'aria-invalid': hasError || undefined,\n      'aria-describedby': hasErrorMessage ? errorId : hasHelper ? helperId : undefined,\n    },\n  };\n}\n","import type { ReactNode } from 'react';\n\n// Internal — not public API. The helper / error line below a form control.\n// Identical markup and styling across Input / Textarea / Checkbox, so it\n// lives here once. No 'use client': pure markup, no hooks or client APIs.\n\ninterface FieldMessageProps {\n  id: string;\n  /** `error` announces politely; `helper` is static. */\n  variant: 'error' | 'helper';\n  children: ReactNode;\n}\n\nexport function FieldMessage({ id, variant, children }: FieldMessageProps) {\n  return (\n    <p\n      id={id}\n      data-slot={`field-${variant}`}\n      className={`ddga-field__message ddga-field__message--${variant}`}\n      // Polite (not assertive): an assertive error interrupts the user\n      // mid-interaction, the wrong UX for field-level validation.\n      aria-live={variant === 'error' ? 'polite' : undefined}\n    >\n      {children}\n    </p>\n  );\n}\n","'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 '../../internal/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","'use client';\n\nimport type { ReactNode } from 'react';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, Minus } from '../../internal/icons';\nimport { useFieldA11y, FieldMessage } from '../../internal/field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the Radix Root (the role=checkbox button). Two sizes only —\n// a \"lg\" checkbox is unusual; keep the surface honest.\nconst checkboxVariants = cva('ddga-checkbox', {\n  variants: {\n    size: {\n      sm: 'ddga-checkbox--sm',\n      md: 'ddga-checkbox--md',\n    },\n    error: {\n      true: 'ddga-checkbox--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the state model (checked / defaultChecked / onCheckedChange /\n// indeterminate via checked=\"indeterminate\" / disabled / required / name /\n// value). We add the composed label + helper/error + a11y wiring. `children`\n// is omitted — the indicator is rendered internally.\ninterface CheckboxProps\n  extends\n    Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Visible label, sits beside the box, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the row. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the row when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Checkbox({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  className,\n  ...props\n}: CheckboxProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Checkbox',\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=\"checkbox-field\" className=\"ddga-field\">\n      <div className=\"ddga-checkbox-row\">\n        <CheckboxPrimitive.Root\n          // Spread props first, then the a11y contract (controlProps) so a\n          // consumer cannot accidentally clobber the wiring.\n          {...props}\n          {...controlProps}\n          data-slot=\"checkbox\"\n          required={required}\n          className={cn(checkboxVariants({ size, error: hasError }), className)}\n        >\n          <CheckboxPrimitive.Indicator\n            data-slot=\"checkbox-indicator\"\n            className=\"ddga-checkbox__indicator\"\n          >\n            {/* Both render inside the indicator (which only mounts when\n                checked or indeterminate); CSS picks one via Root data-state. */}\n            <Check className=\"ddga-checkbox__check\" aria-hidden=\"true\" />\n            <Minus className=\"ddga-checkbox__minus\" aria-hidden=\"true\" />\n          </CheckboxPrimitive.Indicator>\n        </CheckboxPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-checkbox__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-checkbox__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Checkbox, checkboxVariants };\nexport type { CheckboxProps };\n","'use client';\n\nimport { useRef, useMemo, useContext } from 'react';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { DgaContext, type DgaContextValue } from './DgaContext';\n\ntype DgaRootElement =\n  | 'div'\n  | 'main'\n  | 'nav'\n  | 'section'\n  | 'article'\n  | 'aside'\n  | 'header'\n  | 'footer';\n\nexport interface DgaProviderProps {\n  dir?: 'ltr' | 'rtl';\n  locale?: string;\n  mode?: 'light' | 'dark';\n  as?: DgaRootElement;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function DgaProvider({\n  dir = 'ltr',\n  locale,\n  mode = 'light',\n  as: Component = 'div',\n  className,\n  style: consumerStyle,\n  children,\n}: DgaProviderProps) {\n  const parentCtx = useContext(DgaContext);\n  const isNested = parentCtx !== null;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const resolvedLocale = locale ?? (dir === 'rtl' ? 'ar' : 'en');\n\n  const ctxValue = useMemo<DgaContextValue>(\n    () => ({ dir, locale: resolvedLocale, mode, rootRef }),\n    [dir, resolvedLocale, mode],\n  );\n\n  return (\n    <DgaContext.Provider value={ctxValue}>\n      <Component\n        ref={rootRef as React.RefObject<never>}\n        dir={dir}\n        lang={resolvedLocale}\n        data-slot=\"dga-root\"\n        data-theme={mode}\n        className={className}\n        style={{ colorScheme: mode, ...consumerStyle }}\n      >\n        {isNested ? (\n          children\n        ) : (\n          <TooltipPrimitive.Provider delayDuration={300} skipDelayDuration={100}>\n            {children}\n          </TooltipPrimitive.Provider>\n        )}\n      </Component>\n    </DgaContext.Provider>\n  );\n}\n","'use client';\n\nimport { createContext, useContext } from 'react';\n\nexport interface DgaContextValue {\n  dir: 'ltr' | 'rtl';\n  locale: string;\n  mode: 'light' | 'dark';\n  rootRef: React.RefObject<HTMLElement | null>;\n}\n\nexport const DgaContext = createContext<DgaContextValue | null>(null);\n\nexport function useDga(): DgaContextValue {\n  const ctx = useContext(DgaContext);\n  if (!ctx) {\n    throw new Error('useDga must be used within a <DgaProvider>');\n  }\n  return ctx;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,mBAA+B;AAC/B,sCAAuC;;;ACHvC,kBAAsC;AAE/B,SAAS,MAAM,QAAsB;AAC1C,aAAO,kBAAK,MAAM;AACpB;;;ACiBM;AAfC,SAAS,QAAQ,OAAsC;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,sDAAC,UAAK,GAAE,+BAA8B;AAAA;AAAA,EACxC;AAEJ;AAMO,SAAS,MAAM,OAAsC;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACd,GAAG;AAAA,MAEJ,sDAAC,UAAK,GAAE,mBAAkB;AAAA;AAAA,EAC5B;AAEJ;AAMO,SAAS,MAAM,OAAsC;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACd,GAAG;AAAA,MAEJ,sDAAC,UAAK,GAAE,YAAW;AAAA;AAAA,EACrB;AAEJ;;;AFMI,IAAAA,sBAAA;AAnEJ,IAAM,qBAAiB,qCAAI,eAAe;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,aAAa;AAAA,IACf;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,kBAAkB,CAAC;AAAA,EACnB,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAcD,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAgB;AAEd,MAAI,QAAQ,IAAI,aAAa,kBAAkB,SAAS,UAAU,SAAS,YAAY;AACrF,QAAI,CAAC,MAAM,YAAY,KAAK,CAAC,MAAM,iBAAiB,GAAG;AACrD,cAAQ;AAAA,QACN;AAAA,MAGF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,aAAa,YAAY;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MAIV,iBAAe,cAAc;AAAA,MAC7B,aAAW,WAAW;AAAA,MACtB,aAAU;AAAA,MACV,WAAW;AAAA,QACT,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC;AAAA,QAC3C,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,mBAAW,6CAAC,WAAQ,eAAY,QAAO;AAAA,QACvC,CAAC,WAAW,aACX,6CAAC,UAAK,WAAW,GAAG,qBAAqB,YAAY,gBAAgB,GAAG,eAAY,QACjF,qBACH;AAAA,QAED,YAAY,QAAQ,aAAa,MAAM,6CAAC,UAAK,WAAU,qBAAqB,UAAS;AAAA,QACrF,CAAC,WAAW,WACX,6CAAC,UAAK,WAAW,GAAG,qBAAqB,YAAY,gBAAgB,GAAG,eAAY,QACjF,mBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;;;AGvGA,IAAAC,mCAAuC;;;ACHvC,IAAAC,gBAAsC;AAoCtC,SAAS,UAAU,OAA2B;AAC5C,SAAO,SAAS,QAAQ,UAAU;AACpC;AAEO,SAAS,aAAa,SAAyC;AAEpE,QAAM,kBAAc,qBAAM;AAC1B,QAAM,UAAU,QAAQ,MAAM;AAC9B,QAAM,WAAW,GAAG,OAAO;AAC3B,QAAM,UAAU,GAAG,OAAO;AAE1B,QAAM,WAAW,CAAC,CAAC,QAAQ;AAC3B,QAAM,kBAAkB,YAAY,UAAU,QAAQ,YAAY;AAElE,QAAM,YAAY,CAAC,mBAAmB,UAAU,QAAQ,UAAU;AAIlE,MAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,QAAQ,OAAO;AAC5D,QAAI,CAAC,QAAQ,YAAY,KAAK,CAAC,QAAQ,iBAAiB,GAAG;AACzD,cAAQ;AAAA,QACN,oBAAoB,QAAQ,IAAI;AAAA,MAElC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,MACZ,IAAI;AAAA,MACJ,gBAAgB,YAAY;AAAA,MAC5B,oBAAoB,kBAAkB,UAAU,YAAY,WAAW;AAAA,IACzE;AAAA,EACF;AACF;;;AC7DI,IAAAC,sBAAA;AAFG,SAAS,aAAa,EAAE,IAAI,SAAS,SAAS,GAAsB;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAW,SAAS,OAAO;AAAA,MAC3B,WAAW,4CAA4C,OAAO;AAAA,MAG9D,aAAW,YAAY,UAAU,WAAW;AAAA,MAE3C;AAAA;AAAA,EACH;AAEJ;;;AF6DQ,IAAAC,sBAAA;AA3ER,IAAM,oBAAgB,sCAAI,cAAc;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAiCD,SAAS,MAAM;AAAA,EACb,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,EAAE,SAAS,SAAS,UAAU,UAAU,iBAAiB,WAAW,aAAa,IACrF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAEH,SACE,8CAAC,SAAI,aAAU,eAAc,WAAU,cACpC;AAAA,aACC,8CAAC,WAAM,SAAS,SAAS,WAAU,qBAChC;AAAA;AAAA,MACA,YACC,6CAAC,UAAK,eAAY,QAAO,WAAU,wBAAuB,eAE1D;AAAA,OAEJ;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAW,GAAG,cAAc,EAAE,MAAM,OAAO,SAAS,CAAC,GAAG,SAAS;AAAA,QAEhE;AAAA,4BAAkB,QAAQ,mBAAmB,MAC5C;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cAGE,GAAG;AAAA,cACH,GAAG;AAAA,cACJ,aAAU;AAAA,cACV;AAAA,cACA,WAAU;AAAA;AAAA,UACZ;AAAA,UACC,gBAAgB,QAAQ,iBAAiB,MACxC;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACC,mBACC,6CAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,IAED,aACC,6CAAC,gBAAa,IAAI,UAAU,SAAQ,UACjC,sBACH;AAAA,KAEJ;AAEJ;;;AGvIA,IAAAC,mCAAuC;AA8E/B,IAAAC,sBAAA;AArER,IAAM,uBAAmB,sCAAI,iBAAiB;AAAA,EAC5C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA;AAAA;AAAA,IAGA,QAAQ;AAAA,MACN,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AACF,CAAC;AAoBD,SAAS,SAAS;AAAA,EAChB,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,EAAE,SAAS,SAAS,UAAU,UAAU,iBAAiB,WAAW,aAAa,IACrF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAEH,SACE,8CAAC,SAAI,aAAU,kBAAiB,WAAU,cACvC;AAAA,aACC,8CAAC,WAAM,SAAS,SAAS,WAAU,wBAChC;AAAA;AAAA,MACA,YACC,6CAAC,UAAK,eAAY,QAAO,WAAU,2BAA0B,eAE7D;AAAA,OAEJ;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QAGE,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,aAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,WAAW,GAAG,iBAAiB,EAAE,MAAM,OAAO,UAAU,OAAO,CAAC,GAAG,SAAS;AAAA;AAAA,IAC9E;AAAA,IACC,mBACC,6CAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,IAED,aACC,6CAAC,gBAAa,IAAI,UAAU,SAAQ,UACjC,sBACH;AAAA,KAEJ;AAEJ;;;AC7GA,sBAA8C;AAC9C,IAAAC,mCAAuC;AAiF7B,IAAAC,sBAAA;AAxEV,IAAM,uBAAmB,sCAAI,iBAAiB;AAAA,EAC5C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAwBD,SAAS,SAAS;AAAA,EAChB,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,EAAE,SAAS,SAAS,UAAU,UAAU,iBAAiB,WAAW,aAAa,IACrF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAEH,SACE,8CAAC,SAAI,aAAU,kBAAiB,WAAU,cACxC;AAAA,kDAAC,SAAI,WAAU,qBACb;AAAA;AAAA,QAAC,gBAAAC,SAAkB;AAAA,QAAlB;AAAA,UAGE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,aAAU;AAAA,UACV;AAAA,UACA,WAAW,GAAG,iBAAiB,EAAE,MAAM,OAAO,SAAS,CAAC,GAAG,SAAS;AAAA,UAEpE;AAAA,YAAC,gBAAAA,SAAkB;AAAA,YAAlB;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAIV;AAAA,6DAAC,SAAM,WAAU,wBAAuB,eAAY,QAAO;AAAA,gBAC3D,6CAAC,SAAM,WAAU,wBAAuB,eAAY,QAAO;AAAA;AAAA;AAAA,UAC7D;AAAA;AAAA,MACF;AAAA,MACC,SACC,8CAAC,WAAM,SAAS,SAAS,WAAU,wBAChC;AAAA;AAAA,QACA,YACC,6CAAC,UAAK,eAAY,QAAO,WAAU,2BAA0B,eAE7D;AAAA,SAEJ;AAAA,OAEJ;AAAA,IACC,mBACC,6CAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,IAED,aACC,6CAAC,gBAAa,IAAI,UAAU,SAAQ,UACjC,sBACH;AAAA,KAEJ;AAEJ;;;ACpHA,IAAAC,gBAA4C;AAC5C,IAAAC,mBAA4C;;;ACD5C,IAAAC,gBAA0C;AASnC,IAAM,iBAAa,6BAAsC,IAAI;AAE7D,SAAS,SAA0B;AACxC,QAAM,UAAM,0BAAW,UAAU;AACjC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AACA,SAAO;AACT;;;ADwCU,IAAAC,sBAAA;AAjCH,SAAS,YAAY;AAAA,EAC1B,MAAM;AAAA,EACN;AAAA,EACA,OAAO;AAAA,EACP,IAAI,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,gBAAY,0BAAW,UAAU;AACvC,QAAM,WAAW,cAAc;AAC/B,QAAM,cAAU,sBAAuB,IAAI;AAC3C,QAAM,iBAAiB,WAAW,QAAQ,QAAQ,OAAO;AAEzD,QAAM,eAAW;AAAA,IACf,OAAO,EAAE,KAAK,QAAQ,gBAAgB,MAAM,QAAQ;AAAA,IACpD,CAAC,KAAK,gBAAgB,IAAI;AAAA,EAC5B;AAEA,SACE,6CAAC,WAAW,UAAX,EAAoB,OAAO,UAC1B;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,MAAM;AAAA,MACN,aAAU;AAAA,MACV,cAAY;AAAA,MACZ;AAAA,MACA,OAAO,EAAE,aAAa,MAAM,GAAG,cAAc;AAAA,MAE5C,qBACC,WAEA,6CAAC,iBAAAC,QAAiB,UAAjB,EAA0B,eAAe,KAAK,mBAAmB,KAC/D,UACH;AAAA;AAAA,EAEJ,GACF;AAEJ;","names":["import_jsx_runtime","import_class_variance_authority","import_react","import_jsx_runtime","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","CheckboxPrimitive","import_react","import_radix_ui","import_react","import_jsx_runtime","TooltipPrimitive"]}
+{"version":3,"sources":["../src/index.ts","../src/components/Button/Button.tsx","../src/utils/cn.ts","../src/internal/icons/index.tsx","../src/components/Input/Input.tsx","../src/internal/field/use-field-a11y.ts","../src/internal/field/FieldMessage.tsx","../src/components/Textarea/Textarea.tsx","../src/components/Checkbox/Checkbox.tsx","../src/providers/DgaProvider.tsx","../src/providers/DgaContext.ts","../src/hooks/useDir.ts"],"sourcesContent":["export { Button, buttonVariants, type ButtonProps } from './components/Button';\nexport { Input, inputVariants, type InputProps } from './components/Input';\nexport { Textarea, textareaVariants, type TextareaProps } from './components/Textarea';\nexport { Checkbox, checkboxVariants, type CheckboxProps } from './components/Checkbox';\nexport { DgaProvider, type DgaProviderProps } from './providers/DgaProvider';\nexport { useDga } from './providers/DgaContext';\nexport { useDir } from './hooks/useDir';\nexport { cn } from './utils/cn';\n","'use client';\n\nimport { type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst buttonVariants = cva('ddga-button', {\n  variants: {\n    variant: {\n      primary: 'ddga-button--primary',\n      secondary: 'ddga-button--secondary',\n      outline: 'ddga-button--outline',\n      ghost: 'ddga-button--ghost',\n      destructive: 'ddga-button--destructive',\n    },\n    size: {\n      sm: 'ddga-button--sm',\n      md: 'ddga-button--md',\n      lg: 'ddga-button--lg',\n      icon: 'ddga-button--icon',\n      'icon-sm': 'ddga-button--icon-sm',\n    },\n    fullWidth: {\n      true: 'ddga-button--full-width',\n    },\n  },\n  compoundVariants: [],\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {\n  loading?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  /** Flip start/end icons horizontally in RTL (for chevrons, arrows, etc.) */\n  iconFlip?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Button({\n  variant,\n  size,\n  fullWidth,\n  loading,\n  disabled,\n  startIcon,\n  endIcon,\n  iconFlip,\n  className,\n  children,\n  type = 'button',\n  ...props\n}: ButtonProps) {\n  // Dev-only: warn if icon-only button has no accessible name\n  if (process.env.NODE_ENV === 'development' && (size === 'icon' || size === 'icon-sm')) {\n    if (!props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] Button with an icon-only size (size=\"icon\" or ' +\n          '\"icon-sm\") requires an aria-label or aria-labelledby attribute ' +\n          'for screen reader accessibility.',\n      );\n    }\n  }\n\n  const isDisabled = disabled || loading;\n\n  return (\n    <button\n      type={type}\n      disabled={isDisabled}\n      // Both disabled and aria-disabled are set intentionally:\n      // - disabled: removes from tab order and prevents interaction\n      // - aria-disabled: explicit signal for ARIA consumers that don't read native disabled\n      aria-disabled={isDisabled || undefined}\n      aria-busy={loading || undefined}\n      data-slot=\"button\"\n      className={cn(\n        buttonVariants({ variant, size, fullWidth }),\n        loading && 'ddga-button--loading',\n        className,\n      )}\n      {...props}\n    >\n      {loading && <Spinner aria-hidden=\"true\" />}\n      {!loading && startIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      )}\n      {children != null && children !== '' && <span className=\"ddga-button__text\">{children}</span>}\n      {!loading && endIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      )}\n    </button>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Button, buttonVariants };\nexport type { ButtonProps };\n","import { clsx, type ClassValue } from 'clsx';\n\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs);\n}\n","'use client';\n\n/**\n * Internal loading spinner icon.\n * Not exported from the public API , used only by Button and similar components.\n */\nexport function Spinner(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ddga-spinner\"\n      {...props}\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\n/**\n * Internal checkmark icon , used by Checkbox (checked state).\n * Not exported from the public API.\n */\nexport function Check(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\n/**\n * Internal minus/dash icon , used by Checkbox (indeterminate state).\n * Not exported from the public API.\n */\nexport function Minus(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n","'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 '../../internal/field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the *control* (the bordered box), not the raw <input>. The\n// control owns the border, sizing, focus ring and disabled/error styling\n// so leading/trailing adornments sit inside the field.\nconst inputVariants = cva('ddga-input', {\n  variants: {\n    size: {\n      sm: 'ddga-input--sm',\n      md: 'ddga-input--md',\n      lg: 'ddga-input--lg',\n    },\n    error: {\n      true: 'ddga-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// `Omit<…, 'size'>`: the native HTML `size` attribute (visible character\n// width, a number) collides with our design-system `size` variant. The\n// variant is far more useful; drop the rarely-used native attribute.\ninterface InputProps\n  extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof inputVariants> {\n  /** Visible field label, auto-associated to the input 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   * Content rendered inside the field, before the input (icon or short text,\n   * e.g. a search glyph or `https://`). May be interactive , it is NOT\n   * `aria-hidden`. Mark purely-decorative icons `aria-hidden` yourself.\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Content rendered inside the field, after the input. Compose a clear\n   * button or password-reveal toggle here with `<Button size=\"icon-sm\">`\n   * , the 28px in-field icon size that fits the field without overflow.\n   */\n  endAdornment?: ReactNode;\n}\n\n// ─── 3. Component ─── //\n\nfunction Input({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  startAdornment,\n  endAdornment,\n  className,\n  ...props\n}: InputProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Input',\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=\"input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-input__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-input__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        data-slot=\"input-control\"\n        className={cn(inputVariants({ size, error: hasError }), className)}\n      >\n        {startAdornment != null && startAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--start\"\n          >\n            {startAdornment}\n          </span>\n        )}\n        <input\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=\"input\"\n          required={required}\n          className=\"ddga-input__field\"\n        />\n        {endAdornment != null && endAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--end\"\n          >\n            {endAdornment}\n          </span>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Input, inputVariants };\nexport type { InputProps };\n","import { useId, type ReactNode } from 'react';\n\n// Internal , not part of the public API. Shared by Input / Textarea /\n// Checkbox (and future form controls) so the id generation, error/helper\n// precedence, control ARIA wiring, and dev-time a11y warning live in\n// exactly one place instead of being hand-rolled per component.\n\ninterface UseFieldA11yOptions {\n  /** Component name used in the dev warning, e.g. `'Input'`. */\n  name: string;\n  /** Caller-supplied id; falls back to a stable generated one. */\n  id?: string;\n  label?: ReactNode;\n  error?: boolean;\n  errorMessage?: ReactNode;\n  helperText?: ReactNode;\n  /** From the consumer's props , used to suppress the no-label warning. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\ninterface FieldA11y {\n  fieldId: string;\n  helperId: string;\n  errorId: string;\n  hasError: boolean;\n  hasErrorMessage: boolean;\n  hasHelper: boolean;\n  /** Spread onto the control element (input / textarea / Radix root). */\n  controlProps: {\n    id: string;\n    'aria-invalid': true | undefined;\n    'aria-describedby': string | undefined;\n  };\n}\n\nfunction isPresent(value: ReactNode): boolean {\n  return value != null && value !== '';\n}\n\nexport function useFieldA11y(options: UseFieldA11yOptions): FieldA11y {\n  // useId() is SSR-safe , stable across server/client, no hydration mismatch.\n  const generatedId = useId();\n  const fieldId = options.id ?? generatedId;\n  const helperId = `${fieldId}-helper`;\n  const errorId = `${fieldId}-error`;\n\n  const hasError = !!options.error;\n  const hasErrorMessage = hasError && isPresent(options.errorMessage);\n  // An error message replaces helper text (one description at a time).\n  const hasHelper = !hasErrorMessage && isPresent(options.helperText);\n\n  // Dev-only: warn if the field has no accessible name. This library makes\n  // the accessible path the default across every form control.\n  if (process.env.NODE_ENV === 'development' && !options.label) {\n    if (!options['aria-label'] && !options['aria-labelledby']) {\n      console.warn(\n        `[@dev-dga/react] ${options.name} requires a \\`label\\`, or an ` +\n          'aria-label / aria-labelledby attribute, for screen reader accessibility.',\n      );\n    }\n  }\n\n  return {\n    fieldId,\n    helperId,\n    errorId,\n    hasError,\n    hasErrorMessage,\n    hasHelper,\n    controlProps: {\n      id: fieldId,\n      'aria-invalid': hasError || undefined,\n      'aria-describedby': hasErrorMessage ? errorId : hasHelper ? helperId : undefined,\n    },\n  };\n}\n","import type { ReactNode } from 'react';\n\n// Internal , not public API. The helper / error line below a form control.\n// Identical markup and styling across Input / Textarea / Checkbox, so it\n// lives here once. No 'use client': pure markup, no hooks or client APIs.\n\ninterface FieldMessageProps {\n  id: string;\n  /** `error` announces politely; `helper` is static. */\n  variant: 'error' | 'helper';\n  children: ReactNode;\n}\n\nexport function FieldMessage({ id, variant, children }: FieldMessageProps) {\n  return (\n    <p\n      id={id}\n      data-slot={`field-${variant}`}\n      className={`ddga-field__message ddga-field__message--${variant}`}\n      // Polite (not assertive): an assertive error interrupts the user\n      // mid-interaction, the wrong UX for field-level validation.\n      aria-live={variant === 'error' ? 'polite' : undefined}\n    >\n      {children}\n    </p>\n  );\n}\n","'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 '../../internal/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","'use client';\n\nimport type { ReactNode } from 'react';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, Minus } from '../../internal/icons';\nimport { useFieldA11y, FieldMessage } from '../../internal/field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the Radix Root (the role=checkbox button). Two sizes only ,\n// a \"lg\" checkbox is unusual; keep the surface honest.\nconst checkboxVariants = cva('ddga-checkbox', {\n  variants: {\n    size: {\n      sm: 'ddga-checkbox--sm',\n      md: 'ddga-checkbox--md',\n    },\n    error: {\n      true: 'ddga-checkbox--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the state model (checked / defaultChecked / onCheckedChange /\n// indeterminate via checked=\"indeterminate\" / disabled / required / name /\n// value). We add the composed label + helper/error + a11y wiring. `children`\n// is omitted , the indicator is rendered internally.\ninterface CheckboxProps\n  extends\n    Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Visible label, sits beside the box, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the row. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the row when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Checkbox({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  className,\n  ...props\n}: CheckboxProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Checkbox',\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=\"checkbox-field\" className=\"ddga-field\">\n      <div className=\"ddga-checkbox-row\">\n        <CheckboxPrimitive.Root\n          // Spread props first, then the a11y contract (controlProps) so a\n          // consumer cannot accidentally clobber the wiring.\n          {...props}\n          {...controlProps}\n          data-slot=\"checkbox\"\n          required={required}\n          className={cn(checkboxVariants({ size, error: hasError }), className)}\n        >\n          <CheckboxPrimitive.Indicator\n            data-slot=\"checkbox-indicator\"\n            className=\"ddga-checkbox__indicator\"\n          >\n            {/* Both render inside the indicator (which only mounts when\n                checked or indeterminate); CSS picks one via Root data-state. */}\n            <Check className=\"ddga-checkbox__check\" aria-hidden=\"true\" />\n            <Minus className=\"ddga-checkbox__minus\" aria-hidden=\"true\" />\n          </CheckboxPrimitive.Indicator>\n        </CheckboxPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-checkbox__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-checkbox__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Checkbox, checkboxVariants };\nexport type { CheckboxProps };\n","'use client';\n\nimport { useRef, useMemo, useContext } from 'react';\nimport { Direction as DirectionPrimitive, Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { DgaContext, type DgaContextValue } from './DgaContext';\n\ntype DgaRootElement =\n  | 'div'\n  | 'main'\n  | 'nav'\n  | 'section'\n  | 'article'\n  | 'aside'\n  | 'header'\n  | 'footer';\n\nexport interface DgaProviderProps {\n  dir?: 'ltr' | 'rtl';\n  locale?: string;\n  mode?: 'light' | 'dark';\n  as?: DgaRootElement;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function DgaProvider({\n  dir = 'ltr',\n  locale,\n  mode = 'light',\n  as: Component = 'div',\n  className,\n  style: consumerStyle,\n  children,\n}: DgaProviderProps) {\n  const parentCtx = useContext(DgaContext);\n  const isNested = parentCtx !== null;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const resolvedLocale = locale ?? (dir === 'rtl' ? 'ar' : 'en');\n\n  const ctxValue = useMemo<DgaContextValue>(\n    () => ({ dir, locale: resolvedLocale, mode, rootRef }),\n    [dir, resolvedLocale, mode],\n  );\n\n  // Radix's Direction.Provider propagates `dir` to portal-rendered content\n  // (Tooltip/Select/Toast/Modal) that would otherwise inherit body dir,\n  // not the dir on this wrapper element. Nested providers reuse the parent\n  // direction via their own Direction.Provider, so this is safe to repeat.\n  const inner = <DirectionPrimitive.Provider dir={dir}>{children}</DirectionPrimitive.Provider>;\n\n  return (\n    <DgaContext.Provider value={ctxValue}>\n      <Component\n        ref={rootRef as React.RefObject<never>}\n        dir={dir}\n        lang={resolvedLocale}\n        data-slot=\"dga-root\"\n        data-theme={mode}\n        className={className}\n        style={{ colorScheme: mode, ...consumerStyle }}\n      >\n        {isNested ? (\n          inner\n        ) : (\n          <TooltipPrimitive.Provider delayDuration={300} skipDelayDuration={100}>\n            {inner}\n          </TooltipPrimitive.Provider>\n        )}\n      </Component>\n    </DgaContext.Provider>\n  );\n}\n","'use client';\n\nimport { createContext, useContext } from 'react';\n\nexport interface DgaContextValue {\n  dir: 'ltr' | 'rtl';\n  locale: string;\n  mode: 'light' | 'dark';\n  rootRef: React.RefObject<HTMLElement | null>;\n}\n\nexport const DgaContext = createContext<DgaContextValue | null>(null);\n\nexport function useDga(): DgaContextValue {\n  const ctx = useContext(DgaContext);\n  if (!ctx) {\n    throw new Error('useDga must be used within a <DgaProvider>');\n  }\n  return ctx;\n}\n","'use client';\n\nimport { useDga } from '../providers/DgaContext';\n\n/**\n * Returns the current writing direction from the nearest `<DgaProvider>`.\n *\n * Prefer this over `useDga().dir` when a component only needs direction\n * (clearer intent, smaller dependency footprint at the call site).\n *\n * Throws if called outside a `<DgaProvider>` (matches `useDga`).\n */\nexport function useDir(): 'ltr' | 'rtl' {\n  return useDga().dir;\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_class_variance_authority","import_react","import_jsx_runtime","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","CheckboxPrimitive","import_react","import_radix_ui","import_react","import_jsx_runtime","DirectionPrimitive","TooltipPrimitive"]}

package/dist/index.d.cts

@@ -34,14 +34,14 @@ interface InputProps extends Omit<React.ComponentProps<'input'>, 'size'>, Varian
     error?: boolean;
     /**
      * Content rendered inside the field, before the input (icon or short text,
-     * e.g. a search glyph or `https://`). May be interactive — it is NOT
+     * e.g. a search glyph or `https://`). May be interactive , it is NOT
      * `aria-hidden`. Mark purely-decorative icons `aria-hidden` yourself.
      */
     startAdornment?: ReactNode;
     /**
      * Content rendered inside the field, after the input. Compose a clear
      * button or password-reveal toggle here with `<Button size="icon-sm">`
-     * — the 28px in-field icon size that fits the field without overflow.
+     * , the 28px in-field icon size that fits the field without overflow.
      */
     endAdornment?: ReactNode;
 }
@@ -100,6 +100,16 @@ interface DgaContextValue {
 }
 declare function useDga(): DgaContextValue;
 
+/**
+ * Returns the current writing direction from the nearest `<DgaProvider>`.
+ *
+ * Prefer this over `useDga().dir` when a component only needs direction
+ * (clearer intent, smaller dependency footprint at the call site).
+ *
+ * Throws if called outside a `<DgaProvider>` (matches `useDga`).
+ */
+declare function useDir(): 'ltr' | 'rtl';
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Button, type ButtonProps, Checkbox, type CheckboxProps, DgaProvider, type DgaProviderProps, Input, type InputProps, Textarea, type TextareaProps, buttonVariants, checkboxVariants, cn, inputVariants, textareaVariants, useDga };
+export { Button, type ButtonProps, Checkbox, type CheckboxProps, DgaProvider, type DgaProviderProps, Input, type InputProps, Textarea, type TextareaProps, buttonVariants, checkboxVariants, cn, inputVariants, textareaVariants, useDga, useDir };

package/dist/index.d.ts

@@ -34,14 +34,14 @@ interface InputProps extends Omit<React.ComponentProps<'input'>, 'size'>, Varian
     error?: boolean;
     /**
      * Content rendered inside the field, before the input (icon or short text,
-     * e.g. a search glyph or `https://`). May be interactive — it is NOT
+     * e.g. a search glyph or `https://`). May be interactive , it is NOT
      * `aria-hidden`. Mark purely-decorative icons `aria-hidden` yourself.
      */
     startAdornment?: ReactNode;
     /**
      * Content rendered inside the field, after the input. Compose a clear
      * button or password-reveal toggle here with `<Button size="icon-sm">`
-     * — the 28px in-field icon size that fits the field without overflow.
+     * , the 28px in-field icon size that fits the field without overflow.
      */
     endAdornment?: ReactNode;
 }
@@ -100,6 +100,16 @@ interface DgaContextValue {
 }
 declare function useDga(): DgaContextValue;
 
+/**
+ * Returns the current writing direction from the nearest `<DgaProvider>`.
+ *
+ * Prefer this over `useDga().dir` when a component only needs direction
+ * (clearer intent, smaller dependency footprint at the call site).
+ *
+ * Throws if called outside a `<DgaProvider>` (matches `useDga`).
+ */
+declare function useDir(): 'ltr' | 'rtl';
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Button, type ButtonProps, Checkbox, type CheckboxProps, DgaProvider, type DgaProviderProps, Input, type InputProps, Textarea, type TextareaProps, buttonVariants, checkboxVariants, cn, inputVariants, textareaVariants, useDga };
+export { Button, type ButtonProps, Checkbox, type CheckboxProps, DgaProvider, type DgaProviderProps, Input, type InputProps, Textarea, type TextareaProps, buttonVariants, checkboxVariants, cn, inputVariants, textareaVariants, useDga, useDir };

package/dist/index.js

@@ -292,7 +292,7 @@ var textareaVariants = cva3("ddga-textarea", {
       true: "ddga-textarea--error"
     },
     // Horizontal/both resize breaks form layout (same reason it's not the
-    // default) — only vertical or locked are offered.
+    // default) , only vertical or locked are offered.
     resize: {
       vertical: "ddga-textarea--resize-vertical",
       none: "ddga-textarea--resize-none"
@@ -421,7 +421,7 @@ function Checkbox({
 
 // src/providers/DgaProvider.tsx
 import { useRef, useMemo, useContext as useContext2 } from "react";
-import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { Direction as DirectionPrimitive, Tooltip as TooltipPrimitive } from "radix-ui";
 
 // src/providers/DgaContext.ts
 import { createContext, useContext } from "react";
@@ -453,6 +453,7 @@ function DgaProvider({
     () => ({ dir, locale: resolvedLocale, mode, rootRef }),
     [dir, resolvedLocale, mode]
   );
+  const inner = /* @__PURE__ */ jsx7(DirectionPrimitive.Provider, { dir, children });
   return /* @__PURE__ */ jsx7(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx7(
     Component,
     {
@@ -463,10 +464,15 @@ function DgaProvider({
       "data-theme": mode,
       className,
       style: { colorScheme: mode, ...consumerStyle },
-      children: isNested ? children : /* @__PURE__ */ jsx7(TooltipPrimitive.Provider, { delayDuration: 300, skipDelayDuration: 100, children })
+      children: isNested ? inner : /* @__PURE__ */ jsx7(TooltipPrimitive.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
     }
   ) });
 }
+
+// src/hooks/useDir.ts
+function useDir() {
+  return useDga().dir;
+}
 export {
   Button,
   Checkbox,
@@ -478,6 +484,7 @@ export {
   cn,
   inputVariants,
   textareaVariants,
-  useDga
+  useDga,
+  useDir
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/Button.tsx","../src/utils/cn.ts","../src/internal/icons/index.tsx","../src/components/Input/Input.tsx","../src/internal/field/use-field-a11y.ts","../src/internal/field/FieldMessage.tsx","../src/components/Textarea/Textarea.tsx","../src/components/Checkbox/Checkbox.tsx","../src/providers/DgaProvider.tsx","../src/providers/DgaContext.ts"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst buttonVariants = cva('ddga-button', {\n  variants: {\n    variant: {\n      primary: 'ddga-button--primary',\n      secondary: 'ddga-button--secondary',\n      outline: 'ddga-button--outline',\n      ghost: 'ddga-button--ghost',\n      destructive: 'ddga-button--destructive',\n    },\n    size: {\n      sm: 'ddga-button--sm',\n      md: 'ddga-button--md',\n      lg: 'ddga-button--lg',\n      icon: 'ddga-button--icon',\n      'icon-sm': 'ddga-button--icon-sm',\n    },\n    fullWidth: {\n      true: 'ddga-button--full-width',\n    },\n  },\n  compoundVariants: [],\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {\n  loading?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  /** Flip start/end icons horizontally in RTL (for chevrons, arrows, etc.) */\n  iconFlip?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Button({\n  variant,\n  size,\n  fullWidth,\n  loading,\n  disabled,\n  startIcon,\n  endIcon,\n  iconFlip,\n  className,\n  children,\n  type = 'button',\n  ...props\n}: ButtonProps) {\n  // Dev-only: warn if icon-only button has no accessible name\n  if (process.env.NODE_ENV === 'development' && (size === 'icon' || size === 'icon-sm')) {\n    if (!props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] Button with an icon-only size (size=\"icon\" or ' +\n          '\"icon-sm\") requires an aria-label or aria-labelledby attribute ' +\n          'for screen reader accessibility.',\n      );\n    }\n  }\n\n  const isDisabled = disabled || loading;\n\n  return (\n    <button\n      type={type}\n      disabled={isDisabled}\n      // Both disabled and aria-disabled are set intentionally:\n      // - disabled: removes from tab order and prevents interaction\n      // - aria-disabled: explicit signal for ARIA consumers that don't read native disabled\n      aria-disabled={isDisabled || undefined}\n      aria-busy={loading || undefined}\n      data-slot=\"button\"\n      className={cn(\n        buttonVariants({ variant, size, fullWidth }),\n        loading && 'ddga-button--loading',\n        className,\n      )}\n      {...props}\n    >\n      {loading && <Spinner aria-hidden=\"true\" />}\n      {!loading && startIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      )}\n      {children != null && children !== '' && <span className=\"ddga-button__text\">{children}</span>}\n      {!loading && endIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      )}\n    </button>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Button, buttonVariants };\nexport type { ButtonProps };\n","import { clsx, type ClassValue } from 'clsx';\n\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs);\n}\n","'use client';\n\n/**\n * Internal loading spinner icon.\n * Not exported from the public API — used only by Button and similar components.\n */\nexport function Spinner(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ddga-spinner\"\n      {...props}\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\n/**\n * Internal checkmark icon — used by Checkbox (checked state).\n * Not exported from the public API.\n */\nexport function Check(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\n/**\n * Internal minus/dash icon — used by Checkbox (indeterminate state).\n * Not exported from the public API.\n */\nexport function Minus(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n","'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 '../../internal/field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the *control* (the bordered box), not the raw <input>. The\n// control owns the border, sizing, focus ring and disabled/error styling\n// so leading/trailing adornments sit inside the field.\nconst inputVariants = cva('ddga-input', {\n  variants: {\n    size: {\n      sm: 'ddga-input--sm',\n      md: 'ddga-input--md',\n      lg: 'ddga-input--lg',\n    },\n    error: {\n      true: 'ddga-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// `Omit<…, 'size'>`: the native HTML `size` attribute (visible character\n// width, a number) collides with our design-system `size` variant. The\n// variant is far more useful; drop the rarely-used native attribute.\ninterface InputProps\n  extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof inputVariants> {\n  /** Visible field label, auto-associated to the input 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   * Content rendered inside the field, before the input (icon or short text,\n   * e.g. a search glyph or `https://`). May be interactive — it is NOT\n   * `aria-hidden`. Mark purely-decorative icons `aria-hidden` yourself.\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Content rendered inside the field, after the input. Compose a clear\n   * button or password-reveal toggle here with `<Button size=\"icon-sm\">`\n   * — the 28px in-field icon size that fits the field without overflow.\n   */\n  endAdornment?: ReactNode;\n}\n\n// ─── 3. Component ─── //\n\nfunction Input({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  startAdornment,\n  endAdornment,\n  className,\n  ...props\n}: InputProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Input',\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=\"input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-input__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-input__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        data-slot=\"input-control\"\n        className={cn(inputVariants({ size, error: hasError }), className)}\n      >\n        {startAdornment != null && startAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--start\"\n          >\n            {startAdornment}\n          </span>\n        )}\n        <input\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=\"input\"\n          required={required}\n          className=\"ddga-input__field\"\n        />\n        {endAdornment != null && endAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--end\"\n          >\n            {endAdornment}\n          </span>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Input, inputVariants };\nexport type { InputProps };\n","import { useId, type ReactNode } from 'react';\n\n// Internal — not part of the public API. Shared by Input / Textarea /\n// Checkbox (and future form controls) so the id generation, error/helper\n// precedence, control ARIA wiring, and dev-time a11y warning live in\n// exactly one place instead of being hand-rolled per component.\n\ninterface UseFieldA11yOptions {\n  /** Component name used in the dev warning, e.g. `'Input'`. */\n  name: string;\n  /** Caller-supplied id; falls back to a stable generated one. */\n  id?: string;\n  label?: ReactNode;\n  error?: boolean;\n  errorMessage?: ReactNode;\n  helperText?: ReactNode;\n  /** From the consumer's props — used to suppress the no-label warning. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\ninterface FieldA11y {\n  fieldId: string;\n  helperId: string;\n  errorId: string;\n  hasError: boolean;\n  hasErrorMessage: boolean;\n  hasHelper: boolean;\n  /** Spread onto the control element (input / textarea / Radix root). */\n  controlProps: {\n    id: string;\n    'aria-invalid': true | undefined;\n    'aria-describedby': string | undefined;\n  };\n}\n\nfunction isPresent(value: ReactNode): boolean {\n  return value != null && value !== '';\n}\n\nexport function useFieldA11y(options: UseFieldA11yOptions): FieldA11y {\n  // useId() is SSR-safe — stable across server/client, no hydration mismatch.\n  const generatedId = useId();\n  const fieldId = options.id ?? generatedId;\n  const helperId = `${fieldId}-helper`;\n  const errorId = `${fieldId}-error`;\n\n  const hasError = !!options.error;\n  const hasErrorMessage = hasError && isPresent(options.errorMessage);\n  // An error message replaces helper text (one description at a time).\n  const hasHelper = !hasErrorMessage && isPresent(options.helperText);\n\n  // Dev-only: warn if the field has no accessible name. This library makes\n  // the accessible path the default across every form control.\n  if (process.env.NODE_ENV === 'development' && !options.label) {\n    if (!options['aria-label'] && !options['aria-labelledby']) {\n      console.warn(\n        `[@dev-dga/react] ${options.name} requires a \\`label\\`, or an ` +\n          'aria-label / aria-labelledby attribute, for screen reader accessibility.',\n      );\n    }\n  }\n\n  return {\n    fieldId,\n    helperId,\n    errorId,\n    hasError,\n    hasErrorMessage,\n    hasHelper,\n    controlProps: {\n      id: fieldId,\n      'aria-invalid': hasError || undefined,\n      'aria-describedby': hasErrorMessage ? errorId : hasHelper ? helperId : undefined,\n    },\n  };\n}\n","import type { ReactNode } from 'react';\n\n// Internal — not public API. The helper / error line below a form control.\n// Identical markup and styling across Input / Textarea / Checkbox, so it\n// lives here once. No 'use client': pure markup, no hooks or client APIs.\n\ninterface FieldMessageProps {\n  id: string;\n  /** `error` announces politely; `helper` is static. */\n  variant: 'error' | 'helper';\n  children: ReactNode;\n}\n\nexport function FieldMessage({ id, variant, children }: FieldMessageProps) {\n  return (\n    <p\n      id={id}\n      data-slot={`field-${variant}`}\n      className={`ddga-field__message ddga-field__message--${variant}`}\n      // Polite (not assertive): an assertive error interrupts the user\n      // mid-interaction, the wrong UX for field-level validation.\n      aria-live={variant === 'error' ? 'polite' : undefined}\n    >\n      {children}\n    </p>\n  );\n}\n","'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 '../../internal/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","'use client';\n\nimport type { ReactNode } from 'react';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, Minus } from '../../internal/icons';\nimport { useFieldA11y, FieldMessage } from '../../internal/field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the Radix Root (the role=checkbox button). Two sizes only —\n// a \"lg\" checkbox is unusual; keep the surface honest.\nconst checkboxVariants = cva('ddga-checkbox', {\n  variants: {\n    size: {\n      sm: 'ddga-checkbox--sm',\n      md: 'ddga-checkbox--md',\n    },\n    error: {\n      true: 'ddga-checkbox--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the state model (checked / defaultChecked / onCheckedChange /\n// indeterminate via checked=\"indeterminate\" / disabled / required / name /\n// value). We add the composed label + helper/error + a11y wiring. `children`\n// is omitted — the indicator is rendered internally.\ninterface CheckboxProps\n  extends\n    Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Visible label, sits beside the box, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the row. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the row when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Checkbox({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  className,\n  ...props\n}: CheckboxProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Checkbox',\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=\"checkbox-field\" className=\"ddga-field\">\n      <div className=\"ddga-checkbox-row\">\n        <CheckboxPrimitive.Root\n          // Spread props first, then the a11y contract (controlProps) so a\n          // consumer cannot accidentally clobber the wiring.\n          {...props}\n          {...controlProps}\n          data-slot=\"checkbox\"\n          required={required}\n          className={cn(checkboxVariants({ size, error: hasError }), className)}\n        >\n          <CheckboxPrimitive.Indicator\n            data-slot=\"checkbox-indicator\"\n            className=\"ddga-checkbox__indicator\"\n          >\n            {/* Both render inside the indicator (which only mounts when\n                checked or indeterminate); CSS picks one via Root data-state. */}\n            <Check className=\"ddga-checkbox__check\" aria-hidden=\"true\" />\n            <Minus className=\"ddga-checkbox__minus\" aria-hidden=\"true\" />\n          </CheckboxPrimitive.Indicator>\n        </CheckboxPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-checkbox__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-checkbox__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Checkbox, checkboxVariants };\nexport type { CheckboxProps };\n","'use client';\n\nimport { useRef, useMemo, useContext } from 'react';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { DgaContext, type DgaContextValue } from './DgaContext';\n\ntype DgaRootElement =\n  | 'div'\n  | 'main'\n  | 'nav'\n  | 'section'\n  | 'article'\n  | 'aside'\n  | 'header'\n  | 'footer';\n\nexport interface DgaProviderProps {\n  dir?: 'ltr' | 'rtl';\n  locale?: string;\n  mode?: 'light' | 'dark';\n  as?: DgaRootElement;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function DgaProvider({\n  dir = 'ltr',\n  locale,\n  mode = 'light',\n  as: Component = 'div',\n  className,\n  style: consumerStyle,\n  children,\n}: DgaProviderProps) {\n  const parentCtx = useContext(DgaContext);\n  const isNested = parentCtx !== null;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const resolvedLocale = locale ?? (dir === 'rtl' ? 'ar' : 'en');\n\n  const ctxValue = useMemo<DgaContextValue>(\n    () => ({ dir, locale: resolvedLocale, mode, rootRef }),\n    [dir, resolvedLocale, mode],\n  );\n\n  return (\n    <DgaContext.Provider value={ctxValue}>\n      <Component\n        ref={rootRef as React.RefObject<never>}\n        dir={dir}\n        lang={resolvedLocale}\n        data-slot=\"dga-root\"\n        data-theme={mode}\n        className={className}\n        style={{ colorScheme: mode, ...consumerStyle }}\n      >\n        {isNested ? (\n          children\n        ) : (\n          <TooltipPrimitive.Provider delayDuration={300} skipDelayDuration={100}>\n            {children}\n          </TooltipPrimitive.Provider>\n        )}\n      </Component>\n    </DgaContext.Provider>\n  );\n}\n","'use client';\n\nimport { createContext, useContext } from 'react';\n\nexport interface DgaContextValue {\n  dir: 'ltr' | 'rtl';\n  locale: string;\n  mode: 'light' | 'dark';\n  rootRef: React.RefObject<HTMLElement | null>;\n}\n\nexport const DgaContext = createContext<DgaContextValue | null>(null);\n\nexport function useDga(): DgaContextValue {\n  const ctx = useContext(DgaContext);\n  if (!ctx) {\n    throw new Error('useDga must be used within a <DgaProvider>');\n  }\n  return ctx;\n}\n"],"mappings":";AAEA,OAA+B;AAC/B,SAAS,WAA8B;;;ACHvC,SAAS,YAA6B;AAE/B,SAAS,MAAM,QAAsB;AAC1C,SAAO,KAAK,MAAM;AACpB;;;ACiBM;AAfC,SAAS,QAAQ,OAAsC;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,8BAAC,UAAK,GAAE,+BAA8B;AAAA;AAAA,EACxC;AAEJ;AAMO,SAAS,MAAM,OAAsC;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACd,GAAG;AAAA,MAEJ,8BAAC,UAAK,GAAE,mBAAkB;AAAA;AAAA,EAC5B;AAEJ;AAMO,SAAS,MAAM,OAAsC;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACd,GAAG;AAAA,MAEJ,8BAAC,UAAK,GAAE,YAAW;AAAA;AAAA,EACrB;AAEJ;;;AFMI,SAgBc,OAAAA,MAhBd;AAnEJ,IAAM,iBAAiB,IAAI,eAAe;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,aAAa;AAAA,IACf;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,kBAAkB,CAAC;AAAA,EACnB,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAcD,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAgB;AAEd,MAAI,QAAQ,IAAI,aAAa,kBAAkB,SAAS,UAAU,SAAS,YAAY;AACrF,QAAI,CAAC,MAAM,YAAY,KAAK,CAAC,MAAM,iBAAiB,GAAG;AACrD,cAAQ;AAAA,QACN;AAAA,MAGF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,aAAa,YAAY;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MAIV,iBAAe,cAAc;AAAA,MAC7B,aAAW,WAAW;AAAA,MACtB,aAAU;AAAA,MACV,WAAW;AAAA,QACT,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC;AAAA,QAC3C,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,mBAAW,gBAAAA,KAAC,WAAQ,eAAY,QAAO;AAAA,QACvC,CAAC,WAAW,aACX,gBAAAA,KAAC,UAAK,WAAW,GAAG,qBAAqB,YAAY,gBAAgB,GAAG,eAAY,QACjF,qBACH;AAAA,QAED,YAAY,QAAQ,aAAa,MAAM,gBAAAA,KAAC,UAAK,WAAU,qBAAqB,UAAS;AAAA,QACrF,CAAC,WAAW,WACX,gBAAAA,KAAC,UAAK,WAAW,GAAG,qBAAqB,YAAY,gBAAgB,GAAG,eAAY,QACjF,mBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;;;AGvGA,SAAS,OAAAC,YAA8B;;;ACHvC,SAAS,aAA6B;AAoCtC,SAAS,UAAU,OAA2B;AAC5C,SAAO,SAAS,QAAQ,UAAU;AACpC;AAEO,SAAS,aAAa,SAAyC;AAEpE,QAAM,cAAc,MAAM;AAC1B,QAAM,UAAU,QAAQ,MAAM;AAC9B,QAAM,WAAW,GAAG,OAAO;AAC3B,QAAM,UAAU,GAAG,OAAO;AAE1B,QAAM,WAAW,CAAC,CAAC,QAAQ;AAC3B,QAAM,kBAAkB,YAAY,UAAU,QAAQ,YAAY;AAElE,QAAM,YAAY,CAAC,mBAAmB,UAAU,QAAQ,UAAU;AAIlE,MAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,QAAQ,OAAO;AAC5D,QAAI,CAAC,QAAQ,YAAY,KAAK,CAAC,QAAQ,iBAAiB,GAAG;AACzD,cAAQ;AAAA,QACN,oBAAoB,QAAQ,IAAI;AAAA,MAElC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,MACZ,IAAI;AAAA,MACJ,gBAAgB,YAAY;AAAA,MAC5B,oBAAoB,kBAAkB,UAAU,YAAY,WAAW;AAAA,IACzE;AAAA,EACF;AACF;;;AC7DI,gBAAAC,YAAA;AAFG,SAAS,aAAa,EAAE,IAAI,SAAS,SAAS,GAAsB;AACzE,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAW,SAAS,OAAO;AAAA,MAC3B,WAAW,4CAA4C,OAAO;AAAA,MAG9D,aAAW,YAAY,UAAU,WAAW;AAAA,MAE3C;AAAA;AAAA,EACH;AAEJ;;;AF6DQ,SAGI,OAAAC,MAHJ,QAAAC,aAAA;AA3ER,IAAM,gBAAgBC,KAAI,cAAc;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAiCD,SAAS,MAAM;AAAA,EACb,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,EAAE,SAAS,SAAS,UAAU,UAAU,iBAAiB,WAAW,aAAa,IACrF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAEH,SACE,gBAAAD,MAAC,SAAI,aAAU,eAAc,WAAU,cACpC;AAAA,aACC,gBAAAA,MAAC,WAAM,SAAS,SAAS,WAAU,qBAChC;AAAA;AAAA,MACA,YACC,gBAAAD,KAAC,UAAK,eAAY,QAAO,WAAU,wBAAuB,eAE1D;AAAA,OAEJ;AAAA,IAEF,gBAAAC;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAW,GAAG,cAAc,EAAE,MAAM,OAAO,SAAS,CAAC,GAAG,SAAS;AAAA,QAEhE;AAAA,4BAAkB,QAAQ,mBAAmB,MAC5C,gBAAAD;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UAEF,gBAAAA;AAAA,YAAC;AAAA;AAAA,cAGE,GAAG;AAAA,cACH,GAAG;AAAA,cACJ,aAAU;AAAA,cACV;AAAA,cACA,WAAU;AAAA;AAAA,UACZ;AAAA,UACC,gBAAgB,QAAQ,iBAAiB,MACxC,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACC,mBACC,gBAAAA,KAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,IAED,aACC,gBAAAA,KAAC,gBAAa,IAAI,UAAU,SAAQ,UACjC,sBACH;AAAA,KAEJ;AAEJ;;;AGvIA,SAAS,OAAAG,YAA8B;AA8E/B,SAGI,OAAAC,MAHJ,QAAAC,aAAA;AArER,IAAM,mBAAmBC,KAAI,iBAAiB;AAAA,EAC5C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA;AAAA;AAAA,IAGA,QAAQ;AAAA,MACN,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AACF,CAAC;AAoBD,SAAS,SAAS;AAAA,EAChB,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,EAAE,SAAS,SAAS,UAAU,UAAU,iBAAiB,WAAW,aAAa,IACrF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAEH,SACE,gBAAAD,MAAC,SAAI,aAAU,kBAAiB,WAAU,cACvC;AAAA,aACC,gBAAAA,MAAC,WAAM,SAAS,SAAS,WAAU,wBAChC;AAAA;AAAA,MACA,YACC,gBAAAD,KAAC,UAAK,eAAY,QAAO,WAAU,2BAA0B,eAE7D;AAAA,OAEJ;AAAA,IAEF,gBAAAA;AAAA,MAAC;AAAA;AAAA,QAGE,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,aAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,WAAW,GAAG,iBAAiB,EAAE,MAAM,OAAO,UAAU,OAAO,CAAC,GAAG,SAAS;AAAA;AAAA,IAC9E;AAAA,IACC,mBACC,gBAAAA,KAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,IAED,aACC,gBAAAA,KAAC,gBAAa,IAAI,UAAU,SAAQ,UACjC,sBACH;AAAA,KAEJ;AAEJ;;;AC7GA,SAAS,YAAY,yBAAyB;AAC9C,SAAS,OAAAG,YAA8B;AAiF7B,SAME,OAAAC,MANF,QAAAC,aAAA;AAxEV,IAAM,mBAAmBC,KAAI,iBAAiB;AAAA,EAC5C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAwBD,SAAS,SAAS;AAAA,EAChB,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,EAAE,SAAS,SAAS,UAAU,UAAU,iBAAiB,WAAW,aAAa,IACrF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAEH,SACE,gBAAAD,MAAC,SAAI,aAAU,kBAAiB,WAAU,cACxC;AAAA,oBAAAA,MAAC,SAAI,WAAU,qBACb;AAAA,sBAAAD;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UAGE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,aAAU;AAAA,UACV;AAAA,UACA,WAAW,GAAG,iBAAiB,EAAE,MAAM,OAAO,SAAS,CAAC,GAAG,SAAS;AAAA,UAEpE,0BAAAC;AAAA,YAAC,kBAAkB;AAAA,YAAlB;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAIV;AAAA,gCAAAD,KAAC,SAAM,WAAU,wBAAuB,eAAY,QAAO;AAAA,gBAC3D,gBAAAA,KAAC,SAAM,WAAU,wBAAuB,eAAY,QAAO;AAAA;AAAA;AAAA,UAC7D;AAAA;AAAA,MACF;AAAA,MACC,SACC,gBAAAC,MAAC,WAAM,SAAS,SAAS,WAAU,wBAChC;AAAA;AAAA,QACA,YACC,gBAAAD,KAAC,UAAK,eAAY,QAAO,WAAU,2BAA0B,eAE7D;AAAA,SAEJ;AAAA,OAEJ;AAAA,IACC,mBACC,gBAAAA,KAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,IAED,aACC,gBAAAA,KAAC,gBAAa,IAAI,UAAU,SAAQ,UACjC,sBACH;AAAA,KAEJ;AAEJ;;;ACpHA,SAAS,QAAQ,SAAS,cAAAG,mBAAkB;AAC5C,SAAS,WAAW,wBAAwB;;;ACD5C,SAAS,eAAe,kBAAkB;AASnC,IAAM,aAAa,cAAsC,IAAI;AAE7D,SAAS,SAA0B;AACxC,QAAM,MAAM,WAAW,UAAU;AACjC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AACA,SAAO;AACT;;;ADwCU,gBAAAC,YAAA;AAjCH,SAAS,YAAY;AAAA,EAC1B,MAAM;AAAA,EACN;AAAA,EACA,OAAO;AAAA,EACP,IAAI,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,YAAYC,YAAW,UAAU;AACvC,QAAM,WAAW,cAAc;AAC/B,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,iBAAiB,WAAW,QAAQ,QAAQ,OAAO;AAEzD,QAAM,WAAW;AAAA,IACf,OAAO,EAAE,KAAK,QAAQ,gBAAgB,MAAM,QAAQ;AAAA,IACpD,CAAC,KAAK,gBAAgB,IAAI;AAAA,EAC5B;AAEA,SACE,gBAAAD,KAAC,WAAW,UAAX,EAAoB,OAAO,UAC1B,0BAAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,MAAM;AAAA,MACN,aAAU;AAAA,MACV,cAAY;AAAA,MACZ;AAAA,MACA,OAAO,EAAE,aAAa,MAAM,GAAG,cAAc;AAAA,MAE5C,qBACC,WAEA,gBAAAA,KAAC,iBAAiB,UAAjB,EAA0B,eAAe,KAAK,mBAAmB,KAC/D,UACH;AAAA;AAAA,EAEJ,GACF;AAEJ;","names":["jsx","cva","jsx","jsx","jsxs","cva","cva","jsx","jsxs","cva","cva","jsx","jsxs","cva","useContext","jsx","useContext"]}
+{"version":3,"sources":["../src/components/Button/Button.tsx","../src/utils/cn.ts","../src/internal/icons/index.tsx","../src/components/Input/Input.tsx","../src/internal/field/use-field-a11y.ts","../src/internal/field/FieldMessage.tsx","../src/components/Textarea/Textarea.tsx","../src/components/Checkbox/Checkbox.tsx","../src/providers/DgaProvider.tsx","../src/providers/DgaContext.ts","../src/hooks/useDir.ts"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst buttonVariants = cva('ddga-button', {\n  variants: {\n    variant: {\n      primary: 'ddga-button--primary',\n      secondary: 'ddga-button--secondary',\n      outline: 'ddga-button--outline',\n      ghost: 'ddga-button--ghost',\n      destructive: 'ddga-button--destructive',\n    },\n    size: {\n      sm: 'ddga-button--sm',\n      md: 'ddga-button--md',\n      lg: 'ddga-button--lg',\n      icon: 'ddga-button--icon',\n      'icon-sm': 'ddga-button--icon-sm',\n    },\n    fullWidth: {\n      true: 'ddga-button--full-width',\n    },\n  },\n  compoundVariants: [],\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {\n  loading?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  /** Flip start/end icons horizontally in RTL (for chevrons, arrows, etc.) */\n  iconFlip?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Button({\n  variant,\n  size,\n  fullWidth,\n  loading,\n  disabled,\n  startIcon,\n  endIcon,\n  iconFlip,\n  className,\n  children,\n  type = 'button',\n  ...props\n}: ButtonProps) {\n  // Dev-only: warn if icon-only button has no accessible name\n  if (process.env.NODE_ENV === 'development' && (size === 'icon' || size === 'icon-sm')) {\n    if (!props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] Button with an icon-only size (size=\"icon\" or ' +\n          '\"icon-sm\") requires an aria-label or aria-labelledby attribute ' +\n          'for screen reader accessibility.',\n      );\n    }\n  }\n\n  const isDisabled = disabled || loading;\n\n  return (\n    <button\n      type={type}\n      disabled={isDisabled}\n      // Both disabled and aria-disabled are set intentionally:\n      // - disabled: removes from tab order and prevents interaction\n      // - aria-disabled: explicit signal for ARIA consumers that don't read native disabled\n      aria-disabled={isDisabled || undefined}\n      aria-busy={loading || undefined}\n      data-slot=\"button\"\n      className={cn(\n        buttonVariants({ variant, size, fullWidth }),\n        loading && 'ddga-button--loading',\n        className,\n      )}\n      {...props}\n    >\n      {loading && <Spinner aria-hidden=\"true\" />}\n      {!loading && startIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      )}\n      {children != null && children !== '' && <span className=\"ddga-button__text\">{children}</span>}\n      {!loading && endIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      )}\n    </button>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Button, buttonVariants };\nexport type { ButtonProps };\n","import { clsx, type ClassValue } from 'clsx';\n\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs);\n}\n","'use client';\n\n/**\n * Internal loading spinner icon.\n * Not exported from the public API , used only by Button and similar components.\n */\nexport function Spinner(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ddga-spinner\"\n      {...props}\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\n/**\n * Internal checkmark icon , used by Checkbox (checked state).\n * Not exported from the public API.\n */\nexport function Check(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\n/**\n * Internal minus/dash icon , used by Checkbox (indeterminate state).\n * Not exported from the public API.\n */\nexport function Minus(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n","'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 '../../internal/field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the *control* (the bordered box), not the raw <input>. The\n// control owns the border, sizing, focus ring and disabled/error styling\n// so leading/trailing adornments sit inside the field.\nconst inputVariants = cva('ddga-input', {\n  variants: {\n    size: {\n      sm: 'ddga-input--sm',\n      md: 'ddga-input--md',\n      lg: 'ddga-input--lg',\n    },\n    error: {\n      true: 'ddga-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// `Omit<…, 'size'>`: the native HTML `size` attribute (visible character\n// width, a number) collides with our design-system `size` variant. The\n// variant is far more useful; drop the rarely-used native attribute.\ninterface InputProps\n  extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof inputVariants> {\n  /** Visible field label, auto-associated to the input 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   * Content rendered inside the field, before the input (icon or short text,\n   * e.g. a search glyph or `https://`). May be interactive , it is NOT\n   * `aria-hidden`. Mark purely-decorative icons `aria-hidden` yourself.\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Content rendered inside the field, after the input. Compose a clear\n   * button or password-reveal toggle here with `<Button size=\"icon-sm\">`\n   * , the 28px in-field icon size that fits the field without overflow.\n   */\n  endAdornment?: ReactNode;\n}\n\n// ─── 3. Component ─── //\n\nfunction Input({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  startAdornment,\n  endAdornment,\n  className,\n  ...props\n}: InputProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Input',\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=\"input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-input__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-input__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        data-slot=\"input-control\"\n        className={cn(inputVariants({ size, error: hasError }), className)}\n      >\n        {startAdornment != null && startAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--start\"\n          >\n            {startAdornment}\n          </span>\n        )}\n        <input\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=\"input\"\n          required={required}\n          className=\"ddga-input__field\"\n        />\n        {endAdornment != null && endAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--end\"\n          >\n            {endAdornment}\n          </span>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Input, inputVariants };\nexport type { InputProps };\n","import { useId, type ReactNode } from 'react';\n\n// Internal , not part of the public API. Shared by Input / Textarea /\n// Checkbox (and future form controls) so the id generation, error/helper\n// precedence, control ARIA wiring, and dev-time a11y warning live in\n// exactly one place instead of being hand-rolled per component.\n\ninterface UseFieldA11yOptions {\n  /** Component name used in the dev warning, e.g. `'Input'`. */\n  name: string;\n  /** Caller-supplied id; falls back to a stable generated one. */\n  id?: string;\n  label?: ReactNode;\n  error?: boolean;\n  errorMessage?: ReactNode;\n  helperText?: ReactNode;\n  /** From the consumer's props , used to suppress the no-label warning. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\ninterface FieldA11y {\n  fieldId: string;\n  helperId: string;\n  errorId: string;\n  hasError: boolean;\n  hasErrorMessage: boolean;\n  hasHelper: boolean;\n  /** Spread onto the control element (input / textarea / Radix root). */\n  controlProps: {\n    id: string;\n    'aria-invalid': true | undefined;\n    'aria-describedby': string | undefined;\n  };\n}\n\nfunction isPresent(value: ReactNode): boolean {\n  return value != null && value !== '';\n}\n\nexport function useFieldA11y(options: UseFieldA11yOptions): FieldA11y {\n  // useId() is SSR-safe , stable across server/client, no hydration mismatch.\n  const generatedId = useId();\n  const fieldId = options.id ?? generatedId;\n  const helperId = `${fieldId}-helper`;\n  const errorId = `${fieldId}-error`;\n\n  const hasError = !!options.error;\n  const hasErrorMessage = hasError && isPresent(options.errorMessage);\n  // An error message replaces helper text (one description at a time).\n  const hasHelper = !hasErrorMessage && isPresent(options.helperText);\n\n  // Dev-only: warn if the field has no accessible name. This library makes\n  // the accessible path the default across every form control.\n  if (process.env.NODE_ENV === 'development' && !options.label) {\n    if (!options['aria-label'] && !options['aria-labelledby']) {\n      console.warn(\n        `[@dev-dga/react] ${options.name} requires a \\`label\\`, or an ` +\n          'aria-label / aria-labelledby attribute, for screen reader accessibility.',\n      );\n    }\n  }\n\n  return {\n    fieldId,\n    helperId,\n    errorId,\n    hasError,\n    hasErrorMessage,\n    hasHelper,\n    controlProps: {\n      id: fieldId,\n      'aria-invalid': hasError || undefined,\n      'aria-describedby': hasErrorMessage ? errorId : hasHelper ? helperId : undefined,\n    },\n  };\n}\n","import type { ReactNode } from 'react';\n\n// Internal , not public API. The helper / error line below a form control.\n// Identical markup and styling across Input / Textarea / Checkbox, so it\n// lives here once. No 'use client': pure markup, no hooks or client APIs.\n\ninterface FieldMessageProps {\n  id: string;\n  /** `error` announces politely; `helper` is static. */\n  variant: 'error' | 'helper';\n  children: ReactNode;\n}\n\nexport function FieldMessage({ id, variant, children }: FieldMessageProps) {\n  return (\n    <p\n      id={id}\n      data-slot={`field-${variant}`}\n      className={`ddga-field__message ddga-field__message--${variant}`}\n      // Polite (not assertive): an assertive error interrupts the user\n      // mid-interaction, the wrong UX for field-level validation.\n      aria-live={variant === 'error' ? 'polite' : undefined}\n    >\n      {children}\n    </p>\n  );\n}\n","'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 '../../internal/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","'use client';\n\nimport type { ReactNode } from 'react';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, Minus } from '../../internal/icons';\nimport { useFieldA11y, FieldMessage } from '../../internal/field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the Radix Root (the role=checkbox button). Two sizes only ,\n// a \"lg\" checkbox is unusual; keep the surface honest.\nconst checkboxVariants = cva('ddga-checkbox', {\n  variants: {\n    size: {\n      sm: 'ddga-checkbox--sm',\n      md: 'ddga-checkbox--md',\n    },\n    error: {\n      true: 'ddga-checkbox--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the state model (checked / defaultChecked / onCheckedChange /\n// indeterminate via checked=\"indeterminate\" / disabled / required / name /\n// value). We add the composed label + helper/error + a11y wiring. `children`\n// is omitted , the indicator is rendered internally.\ninterface CheckboxProps\n  extends\n    Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Visible label, sits beside the box, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the row. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the row when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Checkbox({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  className,\n  ...props\n}: CheckboxProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Checkbox',\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=\"checkbox-field\" className=\"ddga-field\">\n      <div className=\"ddga-checkbox-row\">\n        <CheckboxPrimitive.Root\n          // Spread props first, then the a11y contract (controlProps) so a\n          // consumer cannot accidentally clobber the wiring.\n          {...props}\n          {...controlProps}\n          data-slot=\"checkbox\"\n          required={required}\n          className={cn(checkboxVariants({ size, error: hasError }), className)}\n        >\n          <CheckboxPrimitive.Indicator\n            data-slot=\"checkbox-indicator\"\n            className=\"ddga-checkbox__indicator\"\n          >\n            {/* Both render inside the indicator (which only mounts when\n                checked or indeterminate); CSS picks one via Root data-state. */}\n            <Check className=\"ddga-checkbox__check\" aria-hidden=\"true\" />\n            <Minus className=\"ddga-checkbox__minus\" aria-hidden=\"true\" />\n          </CheckboxPrimitive.Indicator>\n        </CheckboxPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-checkbox__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-checkbox__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Checkbox, checkboxVariants };\nexport type { CheckboxProps };\n","'use client';\n\nimport { useRef, useMemo, useContext } from 'react';\nimport { Direction as DirectionPrimitive, Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { DgaContext, type DgaContextValue } from './DgaContext';\n\ntype DgaRootElement =\n  | 'div'\n  | 'main'\n  | 'nav'\n  | 'section'\n  | 'article'\n  | 'aside'\n  | 'header'\n  | 'footer';\n\nexport interface DgaProviderProps {\n  dir?: 'ltr' | 'rtl';\n  locale?: string;\n  mode?: 'light' | 'dark';\n  as?: DgaRootElement;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function DgaProvider({\n  dir = 'ltr',\n  locale,\n  mode = 'light',\n  as: Component = 'div',\n  className,\n  style: consumerStyle,\n  children,\n}: DgaProviderProps) {\n  const parentCtx = useContext(DgaContext);\n  const isNested = parentCtx !== null;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const resolvedLocale = locale ?? (dir === 'rtl' ? 'ar' : 'en');\n\n  const ctxValue = useMemo<DgaContextValue>(\n    () => ({ dir, locale: resolvedLocale, mode, rootRef }),\n    [dir, resolvedLocale, mode],\n  );\n\n  // Radix's Direction.Provider propagates `dir` to portal-rendered content\n  // (Tooltip/Select/Toast/Modal) that would otherwise inherit body dir,\n  // not the dir on this wrapper element. Nested providers reuse the parent\n  // direction via their own Direction.Provider, so this is safe to repeat.\n  const inner = <DirectionPrimitive.Provider dir={dir}>{children}</DirectionPrimitive.Provider>;\n\n  return (\n    <DgaContext.Provider value={ctxValue}>\n      <Component\n        ref={rootRef as React.RefObject<never>}\n        dir={dir}\n        lang={resolvedLocale}\n        data-slot=\"dga-root\"\n        data-theme={mode}\n        className={className}\n        style={{ colorScheme: mode, ...consumerStyle }}\n      >\n        {isNested ? (\n          inner\n        ) : (\n          <TooltipPrimitive.Provider delayDuration={300} skipDelayDuration={100}>\n            {inner}\n          </TooltipPrimitive.Provider>\n        )}\n      </Component>\n    </DgaContext.Provider>\n  );\n}\n","'use client';\n\nimport { createContext, useContext } from 'react';\n\nexport interface DgaContextValue {\n  dir: 'ltr' | 'rtl';\n  locale: string;\n  mode: 'light' | 'dark';\n  rootRef: React.RefObject<HTMLElement | null>;\n}\n\nexport const DgaContext = createContext<DgaContextValue | null>(null);\n\nexport function useDga(): DgaContextValue {\n  const ctx = useContext(DgaContext);\n  if (!ctx) {\n    throw new Error('useDga must be used within a <DgaProvider>');\n  }\n  return ctx;\n}\n","'use client';\n\nimport { useDga } from '../providers/DgaContext';\n\n/**\n * Returns the current writing direction from the nearest `<DgaProvider>`.\n *\n * Prefer this over `useDga().dir` when a component only needs direction\n * (clearer intent, smaller dependency footprint at the call site).\n *\n * Throws if called outside a `<DgaProvider>` (matches `useDga`).\n */\nexport function useDir(): 'ltr' | 'rtl' {\n  return useDga().dir;\n}\n"],"mappings":"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","names":["jsx","cva","jsx","jsx","jsxs","cva","cva","jsx","jsxs","cva","cva","jsx","jsxs","cva","useContext","jsx","useContext"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dev-dga/react",
-  "version": "0.1.1",
-  "description": "React 19 components for the DGA (Digital Government Authority) design system — accessible, RTL-native, dark-mode ready.",
+  "version": "0.2.0",
+  "description": "React 19 components for the DGA (Digital Government Authority) design system , accessible, RTL-native, dark-mode ready.",
   "keywords": [
     "react",
     "react-19",
@@ -28,7 +28,8 @@
   "type": "module",
   "sideEffects": false,
   "files": [
-    "dist"
+    "dist",
+    "CHANGELOG.md"
   ],
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -56,7 +57,7 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@dev-dga/css": "0.1.1"
+    "@dev-dga/css": "0.2.0"
   },
   "devDependencies": {
     "@storybook/react-vite": "^10.2.15",
@@ -73,7 +74,7 @@
     "typescript": "^5.7.0",
     "vitest": "^2.0.0",
     "vitest-axe": "^0.1.0",
-    "@dev-dga/tokens": "0.1.1"
+    "@dev-dga/tokens": "0.2.0"
   },
   "scripts": {
     "build": "tsup",