@dev-dga/react 0.10.1 → 0.12.0

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

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
 
 
-var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
 
 
 var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
@@ -77,7 +77,7 @@ function Select({
           className: _chunkV6MXOJQ4cjs.cn.call(void 0, selectTriggerVariants({ size, error: hasError }), className),
           children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.Value, { placeholder }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.Icon, { asChild: true, className: "ddga-select__icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.ChevronDown, { "aria-hidden": "true" }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.Icon, { asChild: true, className: "ddga-select__icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.ChevronDown, { "aria-hidden": "true" }) })
           ]
         }
       ),
@@ -92,8 +92,8 @@ function Select({
         }
       ) })
     ] }),
-    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
+    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
   ] });
 }
 function SelectItem({ className, children, ...props }) {
@@ -105,7 +105,7 @@ function SelectItem({ className, children, ...props }) {
       className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-select-item", className),
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.ItemText, { children }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.ItemIndicator, { className: "ddga-select-item__indicator", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Check, { className: "ddga-select-item__check", "aria-hidden": "true" }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Select.ItemIndicator, { className: "ddga-select-item__indicator", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Check, { className: "ddga-select-item__check", "aria-hidden": "true" }) })
       ]
     }
   );
@@ -116,4 +116,4 @@ function SelectItem({ className, children, ...props }) {
 
 
 exports.selectTriggerVariants = selectTriggerVariants; exports.Select = Select; exports.SelectItem = SelectItem;
-//# sourceMappingURL=chunk-YH44Q6CI.cjs.map
+//# sourceMappingURL=chunk-DVKPFWP2.cjs.map

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

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

package/dist/chunk-DWCTUNFU.cjs

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Chip/Chip.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var chipVariants = _classvarianceauthority.cva.call(void 0, "ddga-chip", {
+  variants: {
+    variant: {
+      primary: "ddga-chip--primary",
+      neutral: "ddga-chip--neutral"
+    },
+    size: {
+      sm: "ddga-chip--sm",
+      md: "ddga-chip--md",
+      lg: "ddga-chip--lg"
+    },
+    rounded: {
+      true: "ddga-chip--rounded"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+function Chip({
+  variant,
+  size,
+  rounded,
+  selected,
+  defaultSelected = false,
+  onSelectedChange,
+  leadingIcon,
+  trailingIcon,
+  asChild,
+  className,
+  children,
+  disabled,
+  onClick,
+  type = "button",
+  ...props
+}) {
+  const isControlled = selected !== void 0;
+  const [internal, setInternal] = _react.useState.call(void 0, defaultSelected);
+  const isSelected = isControlled ? selected : internal;
+  const Comp = asChild ? _radixui.Slot.Slot : "button";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Comp,
+    {
+      ...asChild ? {} : { type, disabled },
+      ...asChild && disabled ? { tabIndex: -1 } : {},
+      "aria-disabled": disabled || void 0,
+      "data-slot": "chip",
+      "aria-pressed": isSelected,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, chipVariants({ variant, size, rounded }), className),
+      onClick: (e) => {
+        if (disabled) {
+          e.preventDefault();
+          return;
+        }
+        _optionalChain([onClick, 'optionalCall', _ => _(e)]);
+        if (e.defaultPrevented) return;
+        const next = !isSelected;
+        if (!isControlled) setInternal(next);
+        _optionalChain([onSelectedChange, 'optionalCall', _2 => _2(next)]);
+      },
+      ...props,
+      children: [
+        leadingIcon != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-chip__icon", "aria-hidden": "true", children: leadingIcon }),
+        asChild ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slot.Slottable, { children }) : children != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-chip__label", children }),
+        trailingIcon != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-chip__icon", "aria-hidden": "true", children: trailingIcon })
+      ]
+    }
+  );
+}
+
+
+
+
+exports.chipVariants = chipVariants; exports.Chip = Chip;
+//# sourceMappingURL=chunk-DWCTUNFU.cjs.map

package/dist/chunk-DWCTUNFU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DWCTUNFU.cjs","../src/components/Chip/Chip.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-DWCTUNFU.cjs","sourcesContent":[null,"'use client';\n\nimport { useState, type ReactNode } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst chipVariants = cva('ddga-chip', {\n  variants: {\n    variant: {\n      primary: 'ddga-chip--primary',\n      neutral: 'ddga-chip--neutral',\n    },\n    size: {\n      sm: 'ddga-chip--sm',\n      md: 'ddga-chip--md',\n      lg: 'ddga-chip--lg',\n    },\n    rounded: {\n      true: 'ddga-chip--rounded',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\ninterface ChipProps\n  extends Omit<React.ComponentProps<'button'>, 'onChange'>, VariantProps<typeof chipVariants> {\n  /** Controlled selected state — drives `aria-pressed` and the filled treatment. */\n  selected?: boolean;\n  /** Uncontrolled initial selected state. */\n  defaultSelected?: boolean;\n  /** Called with the next selected value when the chip toggles. */\n  onSelectedChange?: (selected: boolean) => void;\n  /** Leading icon (inherits the chip text colour; 14px, 16px at `lg`). */\n  leadingIcon?: ReactNode;\n  /** Trailing icon. */\n  trailingIcon?: ReactNode;\n  /** Render as the child element (Radix `Slot`) — e.g. wrap a router link. */\n  asChild?: boolean;\n}\n\n/**\n * Interactive selectable chip (SDGA \"Chip\") — a toggle button, distinct from the\n * static `Tag` (SDGA \"Tags\"). Selecting fills the chip (`#1B8354` primary / gray-700 neutral).\n */\nfunction Chip({\n  variant,\n  size,\n  rounded,\n  selected,\n  defaultSelected = false,\n  onSelectedChange,\n  leadingIcon,\n  trailingIcon,\n  asChild,\n  className,\n  children,\n  disabled,\n  onClick,\n  type = 'button',\n  ...props\n}: ChipProps) {\n  const isControlled = selected !== undefined;\n  const [internal, setInternal] = useState(defaultSelected);\n  const isSelected = isControlled ? selected : internal;\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n\n  return (\n    <Comp\n      // type/native disabled only apply to <button>; in asChild mode lean on\n      // aria-disabled + tabIndex (CSS matches [aria-disabled='true'] too).\n      {...(asChild ? {} : { type, disabled })}\n      {...(asChild && disabled ? { tabIndex: -1 } : {})}\n      aria-disabled={disabled || undefined}\n      data-slot=\"chip\"\n      aria-pressed={isSelected}\n      className={cn(chipVariants({ variant, size, rounded }), className)}\n      onClick={(e) => {\n        if (disabled) {\n          e.preventDefault();\n          return;\n        }\n        onClick?.(e);\n        if (e.defaultPrevented) return;\n        const next = !isSelected;\n        if (!isControlled) setInternal(next);\n        onSelectedChange?.(next);\n      }}\n      {...props}\n    >\n      {leadingIcon != null && (\n        <span className=\"ddga-chip__icon\" aria-hidden=\"true\">\n          {leadingIcon}\n        </span>\n      )}\n      {asChild ? (\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children != null && <span className=\"ddga-chip__label\">{children}</span>\n      )}\n      {trailingIcon != null && (\n        <span className=\"ddga-chip__icon\" aria-hidden=\"true\">\n          {trailingIcon}\n        </span>\n      )}\n    </Comp>\n  );\n}\n\nexport { Chip, chipVariants };\nexport type { ChipProps };\n"]}

package/dist/chunk-E5ZIKIGB.js

@@ -0,0 +1,22 @@
+// src/field/FieldMessage.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function FieldMessage({ id, variant, icon, children }) {
+  return /* @__PURE__ */ jsxs(
+    "p",
+    {
+      id,
+      "data-slot": `field-${variant}`,
+      className: `ddga-field__message ddga-field__message--${variant}${icon ? " ddga-field__message--with-icon" : ""}`,
+      "aria-live": variant === "error" ? "polite" : void 0,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-field__message-icon", children: icon }),
+        children
+      ]
+    }
+  );
+}
+
+export {
+  FieldMessage
+};
+//# sourceMappingURL=chunk-E5ZIKIGB.js.map

package/dist/chunk-E5ZIKIGB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/field/FieldMessage.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\n// Public field-primitive component. The helper / error line below a form\n// control. Identical markup and styling across Input / Textarea / Checkbox,\n// and available to consumers composing custom fields on top of useFieldA11y.\n// No 'use client': pure markup, no hooks or client APIs.\n\nexport interface FieldMessageProps {\n  id: string;\n  /** `error` announces politely; `helper` is static. */\n  variant: 'error' | 'helper';\n  /** Optional 16px leading feedback icon (SDGA helper/error glyph). */\n  icon?: ReactNode;\n  children: ReactNode;\n}\n\nexport function FieldMessage({ id, variant, icon, children }: FieldMessageProps) {\n  return (\n    <p\n      id={id}\n      data-slot={`field-${variant}`}\n      className={`ddga-field__message ddga-field__message--${variant}${\n        icon ? ' ddga-field__message--with-icon' : ''\n      }`}\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      {icon && (\n        <span aria-hidden=\"true\" className=\"ddga-field__message-icon\">\n          {icon}\n        </span>\n      )}\n      {children}\n    </p>\n  );\n}\n"],"mappings":";AAkBI,SAWI,KAXJ;AAFG,SAAS,aAAa,EAAE,IAAI,SAAS,MAAM,SAAS,GAAsB;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAW,SAAS,OAAO;AAAA,MAC3B,WAAW,4CAA4C,OAAO,GAC5D,OAAO,oCAAoC,EAC7C;AAAA,MAGA,aAAW,YAAY,UAAU,WAAW;AAAA,MAE3C;AAAA,gBACC,oBAAC,UAAK,eAAY,QAAO,WAAU,4BAChC,gBACH;AAAA,QAED;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-EMXKYSUI.cjs

@@ -0,0 +1,341 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Carousel/Carousel.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var useIsoLayoutEffect = typeof document !== "undefined" ? _react.useLayoutEffect : _react.useEffect;
+var SWIPE_THRESHOLD = 40;
+function clamp(n, min, max) {
+  return Math.min(max, Math.max(min, n));
+}
+function mod(n, m) {
+  return m > 0 ? (n % m + m) % m : 0;
+}
+var carouselVariants = _classvarianceauthority.cva.call(void 0, "ddga-carousel", {
+  variants: {
+    controls: {
+      dots: "ddga-carousel--dots",
+      arrows: "ddga-carousel--arrows",
+      both: "ddga-carousel--both"
+    }
+  },
+  defaultVariants: { controls: "dots" }
+});
+var carouselArrowVariants = _classvarianceauthority.cva.call(void 0, "ddga-carousel__nav", {
+  variants: {
+    arrowStyle: {
+      primary: "ddga-carousel__nav--primary",
+      subtle: "ddga-carousel__nav--subtle"
+    },
+    arrowSize: {
+      sm: "ddga-carousel__nav--sm",
+      md: "ddga-carousel__nav--md",
+      lg: "ddga-carousel__nav--lg"
+    }
+  },
+  defaultVariants: { arrowStyle: "primary", arrowSize: "lg" }
+});
+var carouselDotsVariants = _classvarianceauthority.cva.call(void 0, "ddga-carousel__dots", {
+  variants: {
+    dotSize: {
+      sm: "ddga-carousel__dots--sm",
+      md: "ddga-carousel__dots--md",
+      lg: "ddga-carousel__dots--lg"
+    },
+    bare: { true: "ddga-carousel__dots--bare" }
+  },
+  defaultVariants: { dotSize: "md" }
+});
+var CarouselContext = _react.createContext.call(void 0, null);
+function useCarousel(part) {
+  const ctx = _react.useContext.call(void 0, CarouselContext);
+  if (!ctx) throw new Error(`<${part}> must be used within <Carousel>.`);
+  return ctx;
+}
+function Carousel({
+  index,
+  defaultIndex,
+  onIndexChange,
+  controls = "dots",
+  loop = false,
+  dotSize = "md",
+  arrowStyle = "primary",
+  arrowSize = "lg",
+  swipe = true,
+  autoplay = false,
+  autoplayInterval = 5e3,
+  className,
+  children,
+  ...props
+}) {
+  const rootRef = _react.useRef.call(void 0, null);
+  const isControlled = index !== void 0;
+  const [internal, setInternal] = _react.useState.call(void 0, _nullishCoalesce(defaultIndex, () => ( 0)));
+  const [count, setCount] = _react.useState.call(void 0, 0);
+  const [paused, setPaused] = _react.useState.call(void 0, false);
+  const trackId = _react.useId.call(void 0, );
+  const current = clamp(isControlled ? index : internal, 0, Math.max(0, count - 1));
+  if (process.env.NODE_ENV === "development" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      "[@dev-dga/react] <Carousel> needs an aria-label (or aria-labelledby) to name the carousel region for screen readers."
+    );
+  }
+  const commit = _react.useCallback.call(void 0, 
+    (next) => {
+      const target = count > 0 ? loop ? mod(next, count) : clamp(next, 0, count - 1) : 0;
+      if (!isControlled) setInternal(target);
+      _optionalChain([onIndexChange, 'optionalCall', _2 => _2(target)]);
+    },
+    [count, loop, isControlled, onIndexChange]
+  );
+  const canPrev = loop ? count > 1 : current > 0;
+  const canNext = loop ? count > 1 : current < count - 1;
+  const ctx = _react.useMemo.call(void 0, 
+    () => ({
+      current,
+      count,
+      setCount,
+      goTo: (i) => commit(i),
+      next: () => commit(current + 1),
+      prev: () => commit(current - 1),
+      canPrev,
+      canNext,
+      swipe,
+      trackId,
+      arrowStyle,
+      arrowSize,
+      dotSize
+    }),
+    [current, count, commit, canPrev, canNext, swipe, trackId, arrowStyle, arrowSize, dotSize]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (!autoplay || paused || count <= 1) return;
+    const reduce = typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    if (reduce) return;
+    const id = setInterval(() => commit(current + 1), autoplayInterval);
+    return () => clearInterval(id);
+  }, [autoplay, paused, count, autoplayInterval, commit, current]);
+  function handleKeyDown(event) {
+    const target = event.target;
+    if (target.closest('input, textarea, select, [contenteditable="true"]')) return;
+    const rtl = typeof getComputedStyle === "function" && rootRef.current != null && getComputedStyle(rootRef.current).direction === "rtl";
+    switch (event.key) {
+      case "ArrowRight":
+        commit(current + (rtl ? -1 : 1));
+        break;
+      case "ArrowLeft":
+        commit(current + (rtl ? 1 : -1));
+        break;
+      case "Home":
+        commit(0);
+        break;
+      case "End":
+        commit(count - 1);
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+  }
+  const pauseProps = autoplay ? {
+    onMouseEnter: () => setPaused(true),
+    onMouseLeave: () => setPaused(false),
+    onFocusCapture: () => setPaused(true),
+    onBlurCapture: (e) => {
+      if (!e.currentTarget.contains(e.relatedTarget)) setPaused(false);
+    }
+  } : {};
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CarouselContext.Provider, { value: ctx, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref: rootRef,
+      role: "region",
+      "aria-roledescription": "carousel",
+      "data-slot": "carousel",
+      "data-controls": controls,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, carouselVariants({ controls }), className),
+      ...props,
+      ...pauseProps,
+      onKeyDown: handleKeyDown,
+      children
+    }
+  ) });
+}
+function CarouselViewport({ className, children, ...props }) {
+  const { setCount, current, trackId, next, prev, swipe } = useCarousel("CarouselViewport");
+  const slides = _react.Children.toArray(children).filter(_react.isValidElement);
+  const n = slides.length;
+  const dragRef = _react.useRef.call(void 0, null);
+  useIsoLayoutEffect(() => {
+    setCount(n);
+  }, [n, setCount]);
+  const swipeProps = swipe ? {
+    onPointerDown: (e) => {
+      dragRef.current = { x: e.clientX, id: e.pointerId };
+    },
+    onPointerUp: (e) => {
+      const start = dragRef.current;
+      dragRef.current = null;
+      if (!start || start.id !== e.pointerId) return;
+      const dx = e.clientX - start.x;
+      if (Math.abs(dx) < SWIPE_THRESHOLD) return;
+      const rtl = typeof getComputedStyle === "function" && getComputedStyle(e.currentTarget).direction === "rtl";
+      if (rtl ? dx > 0 : dx < 0) next();
+      else prev();
+    }
+  } : {};
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "carousel-viewport",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-carousel__viewport", className),
+      ...swipeProps,
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          id: trackId,
+          "data-slot": "carousel-track",
+          "aria-live": "polite",
+          className: "ddga-carousel__track",
+          style: { "--ddga-carousel-index": current },
+          children: slides.map(
+            (child, i) => _react.cloneElement.call(void 0, child, {
+              index: i,
+              // Only the active slide is exposed/focusable; toggling aria-hidden is also
+              // the DOM mutation that makes the aria-live region announce on navigation.
+              "aria-hidden": i !== current || void 0,
+              inert: i !== current || void 0
+            })
+          )
+        }
+      )
+    }
+  );
+}
+function CarouselSlide({ index = 0, className, children, ...props }) {
+  const { count } = useCarousel("CarouselSlide");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "aria-label": `${index + 1} of ${count}`,
+      "data-slot": "carousel-slide",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-carousel__slide", className),
+      ...props,
+      children
+    }
+  );
+}
+function NavButton({
+  direction,
+  label,
+  asChild,
+  disabled: consumerDisabled,
+  className,
+  children,
+  onClick,
+  ...props
+}) {
+  const isPrev = direction === "prev";
+  const ctx = useCarousel(isPrev ? "CarouselPrevious" : "CarouselNext");
+  const disabled = !(isPrev ? ctx.canPrev : ctx.canNext) || !!consumerDisabled;
+  const move = isPrev ? ctx.prev : ctx.next;
+  const Comp = asChild ? _radixui.Slot.Slot : "button";
+  const Icon = isPrev ? _chunkYS2JJ73Mcjs.ChevronLeft : _chunkYS2JJ73Mcjs.ChevronRight;
+  const ariaLabel = asChild ? label : _nullishCoalesce(label, () => ( (isPrev ? "Previous slide" : "Next slide")));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      ...asChild ? {} : { type: "button", disabled },
+      ...asChild && disabled ? { tabIndex: -1 } : {},
+      "aria-disabled": disabled || void 0,
+      "aria-label": ariaLabel,
+      "data-slot": isPrev ? "carousel-previous" : "carousel-next",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+        carouselArrowVariants({ arrowStyle: ctx.arrowStyle, arrowSize: ctx.arrowSize }),
+        `ddga-carousel__nav--${direction}`,
+        className
+      ),
+      onClick: (e) => {
+        _optionalChain([onClick, 'optionalCall', _3 => _3(e)]);
+        if (!e.defaultPrevented && !disabled) move();
+      },
+      ...props,
+      children: asChild ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slot.Slottable, { children }) : _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: "ddga-carousel__nav-icon", "aria-hidden": "true" })))
+    }
+  );
+}
+function CarouselPrevious(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavButton, { direction: "prev", ...props });
+}
+function CarouselNext(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavButton, { direction: "next", ...props });
+}
+function CarouselDots({
+  bare,
+  dotLabel = (index) => `Go to slide ${index + 1}`,
+  className,
+  ...props
+}) {
+  const { count, current, goTo, dotSize } = useCarousel("CarouselDots");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "carousel-dots",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, carouselDotsVariants({ dotSize, bare }), className),
+      ...props,
+      children: Array.from({ length: count }, (_, i) => {
+        const active = i === current;
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            "aria-label": dotLabel(i, count),
+            "aria-current": active ? "true" : void 0,
+            "data-slot": "carousel-dot",
+            "data-active": active || void 0,
+            className: "ddga-carousel__dot",
+            onClick: () => goTo(i)
+          },
+          i
+        );
+      })
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.carouselVariants = carouselVariants; exports.carouselArrowVariants = carouselArrowVariants; exports.carouselDotsVariants = carouselDotsVariants; exports.Carousel = Carousel; exports.CarouselViewport = CarouselViewport; exports.CarouselSlide = CarouselSlide; exports.CarouselPrevious = CarouselPrevious; exports.CarouselNext = CarouselNext; exports.CarouselDots = CarouselDots;
+//# sourceMappingURL=chunk-EMXKYSUI.cjs.map

package/dist/chunk-EMXKYSUI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-EMXKYSUI.cjs","../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-EMXKYSUI.cjs","sourcesContent":[null,"'use client';\n\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ChevronLeft, ChevronRight } from '../../internal/icons';\n\nconst useIsoLayoutEffect = typeof document !== 'undefined' ? useLayoutEffect : useEffect;\nconst SWIPE_THRESHOLD = 40;\n\nfunction clamp(n: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, n));\n}\nfunction mod(n: number, m: number): number {\n  return m > 0 ? ((n % m) + m) % m : 0;\n}\n\nconst carouselVariants = cva('ddga-carousel', {\n  variants: {\n    controls: {\n      dots: 'ddga-carousel--dots',\n      arrows: 'ddga-carousel--arrows',\n      both: 'ddga-carousel--both',\n    },\n  },\n  defaultVariants: { controls: 'dots' },\n});\n\nconst carouselArrowVariants = cva('ddga-carousel__nav', {\n  variants: {\n    arrowStyle: {\n      primary: 'ddga-carousel__nav--primary',\n      subtle: 'ddga-carousel__nav--subtle',\n    },\n    arrowSize: {\n      sm: 'ddga-carousel__nav--sm',\n      md: 'ddga-carousel__nav--md',\n      lg: 'ddga-carousel__nav--lg',\n    },\n  },\n  defaultVariants: { arrowStyle: 'primary', arrowSize: 'lg' },\n});\n\nconst carouselDotsVariants = cva('ddga-carousel__dots', {\n  variants: {\n    dotSize: {\n      sm: 'ddga-carousel__dots--sm',\n      md: 'ddga-carousel__dots--md',\n      lg: 'ddga-carousel__dots--lg',\n    },\n    bare: { true: 'ddga-carousel__dots--bare' },\n  },\n  defaultVariants: { dotSize: 'md' },\n});\n\ninterface CarouselContextValue {\n  current: number;\n  count: number;\n  setCount: (n: number) => void;\n  goTo: (index: number) => void;\n  next: () => void;\n  prev: () => void;\n  canPrev: boolean;\n  canNext: boolean;\n  swipe: boolean;\n  trackId: string;\n  arrowStyle: 'primary' | 'subtle';\n  arrowSize: 'sm' | 'md' | 'lg';\n  dotSize: 'sm' | 'md' | 'lg';\n}\n\nconst CarouselContext = createContext<CarouselContextValue | null>(null);\n\nfunction useCarousel(part: string): CarouselContextValue {\n  const ctx = useContext(CarouselContext);\n  if (!ctx) throw new Error(`<${part}> must be used within <Carousel>.`);\n  return ctx;\n}\n\ninterface CarouselProps extends Omit<React.ComponentProps<'div'>, 'onChange'> {\n  /** Controlled active slide index. */\n  index?: number;\n  /** Uncontrolled initial index. Defaults to 0. */\n  defaultIndex?: number;\n  /** Fires with the new index on any navigation. */\n  onIndexChange?: (index: number) => void;\n  /** Which controls to lay out: dots below, arrows flanking, or both. */\n  controls?: 'dots' | 'arrows' | 'both';\n  /** Wrap past the ends instead of stopping. */\n  loop?: boolean;\n  /** Dot indicator diameter — `sm` 8 · `md` 12 · `lg` 16 px. */\n  dotSize?: 'sm' | 'md' | 'lg';\n  /** Arrow button style — filled green `primary` or transparent `subtle`. */\n  arrowStyle?: 'primary' | 'subtle';\n  /** Arrow button diameter — `sm` 32 · `md` 40 · `lg` 48 px. */\n  arrowSize?: 'sm' | 'md' | 'lg';\n  /** Enable pointer/touch swipe to navigate. Defaults to true. */\n  swipe?: boolean;\n  /** Auto-advance (house extension; pauses on hover/focus + reduced-motion). */\n  autoplay?: boolean;\n  /** Auto-advance interval in ms. Defaults to 5000. */\n  autoplayInterval?: number;\n}\n\nfunction Carousel({\n  index,\n  defaultIndex,\n  onIndexChange,\n  controls = 'dots',\n  loop = false,\n  dotSize = 'md',\n  arrowStyle = 'primary',\n  arrowSize = 'lg',\n  swipe = true,\n  autoplay = false,\n  autoplayInterval = 5000,\n  className,\n  children,\n  ...props\n}: CarouselProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isControlled = index !== undefined;\n  const [internal, setInternal] = useState(defaultIndex ?? 0);\n  const [count, setCount] = useState(0);\n  const [paused, setPaused] = useState(false);\n  const trackId = useId();\n\n  const current = clamp(isControlled ? index : internal, 0, Math.max(0, count - 1));\n\n  if (process.env.NODE_ENV === 'development' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] <Carousel> needs an aria-label (or aria-labelledby) to name the carousel region for screen readers.',\n    );\n  }\n\n  const commit = useCallback(\n    (next: number) => {\n      const target = count > 0 ? (loop ? mod(next, count) : clamp(next, 0, count - 1)) : 0;\n      if (!isControlled) setInternal(target);\n      onIndexChange?.(target);\n    },\n    [count, loop, isControlled, onIndexChange],\n  );\n\n  const canPrev = loop ? count > 1 : current > 0;\n  const canNext = loop ? count > 1 : current < count - 1;\n\n  const ctx = useMemo<CarouselContextValue>(\n    () => ({\n      current,\n      count,\n      setCount,\n      goTo: (i) => commit(i),\n      next: () => commit(current + 1),\n      prev: () => commit(current - 1),\n      canPrev,\n      canNext,\n      swipe,\n      trackId,\n      arrowStyle,\n      arrowSize,\n      dotSize,\n    }),\n    [current, count, commit, canPrev, canNext, swipe, trackId, arrowStyle, arrowSize, dotSize],\n  );\n\n  useEffect(() => {\n    if (!autoplay || paused || count <= 1) return;\n    const reduce =\n      typeof window !== 'undefined' &&\n      typeof window.matchMedia === 'function' &&\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (reduce) return;\n    const id = setInterval(() => commit(current + 1), autoplayInterval);\n    return () => clearInterval(id);\n  }, [autoplay, paused, count, autoplayInterval, commit, current]);\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n    const target = event.target as HTMLElement;\n    if (target.closest('input, textarea, select, [contenteditable=\"true\"]')) return;\n    const rtl =\n      typeof getComputedStyle === 'function' &&\n      rootRef.current != null &&\n      getComputedStyle(rootRef.current).direction === 'rtl';\n    switch (event.key) {\n      case 'ArrowRight':\n        commit(current + (rtl ? -1 : 1));\n        break;\n      case 'ArrowLeft':\n        commit(current + (rtl ? 1 : -1));\n        break;\n      case 'Home':\n        commit(0);\n        break;\n      case 'End':\n        commit(count - 1);\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n  }\n\n  const pauseProps = autoplay\n    ? {\n        onMouseEnter: () => setPaused(true),\n        onMouseLeave: () => setPaused(false),\n        onFocusCapture: () => setPaused(true),\n        onBlurCapture: (e: React.FocusEvent<HTMLDivElement>) => {\n          if (!e.currentTarget.contains(e.relatedTarget)) setPaused(false);\n        },\n      }\n    : {};\n\n  return (\n    <CarouselContext.Provider value={ctx}>\n      <div\n        ref={rootRef}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        data-controls={controls}\n        className={cn(carouselVariants({ controls }), className)}\n        {...props}\n        {...pauseProps}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n}\n\ntype CarouselViewportProps = React.ComponentProps<'div'>;\n\nfunction CarouselViewport({ className, children, ...props }: CarouselViewportProps) {\n  const { setCount, current, trackId, next, prev, swipe } = useCarousel('CarouselViewport');\n  const slides = Children.toArray(children).filter(isValidElement) as ReactElement[];\n  const n = slides.length;\n  const dragRef = useRef<{ x: number; id: number } | null>(null);\n\n  useIsoLayoutEffect(() => {\n    setCount(n);\n  }, [n, setCount]);\n\n  const swipeProps = swipe\n    ? {\n        onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => {\n          dragRef.current = { x: e.clientX, id: e.pointerId };\n        },\n        onPointerUp: (e: React.PointerEvent<HTMLDivElement>) => {\n          const start = dragRef.current;\n          dragRef.current = null;\n          if (!start || start.id !== e.pointerId) return;\n          const dx = e.clientX - start.x;\n          if (Math.abs(dx) < SWIPE_THRESHOLD) return;\n          const rtl =\n            typeof getComputedStyle === 'function' &&\n            getComputedStyle(e.currentTarget).direction === 'rtl';\n          // Drag toward the inline-end advances to the next slide.\n          if (rtl ? dx > 0 : dx < 0) next();\n          else prev();\n        },\n      }\n    : {};\n\n  return (\n    <div\n      data-slot=\"carousel-viewport\"\n      className={cn('ddga-carousel__viewport', className)}\n      {...swipeProps}\n      {...props}\n    >\n      <div\n        id={trackId}\n        data-slot=\"carousel-track\"\n        aria-live=\"polite\"\n        className=\"ddga-carousel__track\"\n        style={{ '--ddga-carousel-index': current } as React.CSSProperties}\n      >\n        {slides.map((child, i) =>\n          cloneElement(child as ReactElement<CarouselSlideProps>, {\n            index: i,\n            // Only the active slide is exposed/focusable; toggling aria-hidden is also\n            // the DOM mutation that makes the aria-live region announce on navigation.\n            'aria-hidden': i !== current || undefined,\n            inert: i !== current || undefined,\n          }),\n        )}\n      </div>\n    </div>\n  );\n}\n\ninterface CarouselSlideProps extends React.ComponentProps<'div'> {\n  /** 0-based position — injected by `CarouselViewport`. */\n  index?: number;\n}\n\nfunction CarouselSlide({ index = 0, className, children, ...props }: CarouselSlideProps) {\n  const { count } = useCarousel('CarouselSlide');\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      aria-label={`${index + 1} of ${count}`}\n      data-slot=\"carousel-slide\"\n      className={cn('ddga-carousel__slide', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\ninterface CarouselNavProps extends Omit<React.ComponentProps<'button'>, 'children'> {\n  /** Accessible label for the icon-only button. */\n  label?: string;\n  /** Compose with a custom element (e.g. a router link) via Radix Slot. */\n  asChild?: boolean;\n  /** Override the default chevron glyph. */\n  children?: ReactNode;\n}\n\nfunction NavButton({\n  direction,\n  label,\n  asChild,\n  disabled: consumerDisabled,\n  className,\n  children,\n  onClick,\n  ...props\n}: CarouselNavProps & { direction: 'prev' | 'next' }) {\n  const isPrev = direction === 'prev';\n  const ctx = useCarousel(isPrev ? 'CarouselPrevious' : 'CarouselNext');\n  const disabled = !(isPrev ? ctx.canPrev : ctx.canNext) || !!consumerDisabled;\n  const move = isPrev ? ctx.prev : ctx.next;\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  const Icon = isPrev ? ChevronLeft : ChevronRight;\n  // Default name only for the icon-only button; asChild content names itself.\n  const ariaLabel = asChild ? label : (label ?? (isPrev ? 'Previous slide' : 'Next slide'));\n\n  return (\n    <Comp\n      {...(asChild ? {} : { type: 'button' as const, disabled })}\n      {...(asChild && disabled ? { tabIndex: -1 } : {})}\n      aria-disabled={disabled || undefined}\n      aria-label={ariaLabel}\n      data-slot={isPrev ? 'carousel-previous' : 'carousel-next'}\n      className={cn(\n        carouselArrowVariants({ arrowStyle: ctx.arrowStyle, arrowSize: ctx.arrowSize }),\n        `ddga-carousel__nav--${direction}`,\n        className,\n      )}\n      onClick={(e) => {\n        onClick?.(e);\n        if (!e.defaultPrevented && !disabled) move();\n      }}\n      {...props}\n    >\n      {asChild ? (\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        (children ?? <Icon className=\"ddga-carousel__nav-icon\" aria-hidden=\"true\" />)\n      )}\n    </Comp>\n  );\n}\n\nfunction CarouselPrevious(props: CarouselNavProps) {\n  return <NavButton direction=\"prev\" {...props} />;\n}\n\nfunction CarouselNext(props: CarouselNavProps) {\n  return <NavButton direction=\"next\" {...props} />;\n}\n\ninterface CarouselDotsProps extends React.ComponentProps<'div'> {\n  /** Drop the pill padding (SDGA \"Dots Only\"). */\n  bare?: boolean;\n  /** Build each dot's accessible label. Defaults to `Go to slide {n}`. */\n  dotLabel?: (index: number, count: number) => string;\n}\n\nfunction CarouselDots({\n  bare,\n  dotLabel = (index) => `Go to slide ${index + 1}`,\n  className,\n  ...props\n}: CarouselDotsProps) {\n  const { count, current, goTo, dotSize } = useCarousel('CarouselDots');\n  return (\n    <div\n      data-slot=\"carousel-dots\"\n      className={cn(carouselDotsVariants({ dotSize, bare }), className)}\n      {...props}\n    >\n      {Array.from({ length: count }, (_, i) => {\n        const active = i === current;\n        return (\n          <button\n            key={i}\n            type=\"button\"\n            aria-label={dotLabel(i, count)}\n            aria-current={active ? 'true' : undefined}\n            data-slot=\"carousel-dot\"\n            data-active={active || undefined}\n            className=\"ddga-carousel__dot\"\n            onClick={() => goTo(i)}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nexport {\n  Carousel,\n  CarouselViewport,\n  CarouselSlide,\n  CarouselPrevious,\n  CarouselNext,\n  CarouselDots,\n  carouselVariants,\n  carouselArrowVariants,\n  carouselDotsVariants,\n};\nexport type {\n  CarouselProps,\n  CarouselViewportProps,\n  CarouselSlideProps,\n  CarouselNavProps,\n  CarouselDotsProps,\n};\n"]}