@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-NQGCAXTW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-NQGCAXTW.cjs","../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,kEAAuC;AA0CjC,+CAAA;AAvCN,IAAM,gBAAA,EAAkB,yCAAA,cAAI,EAAgB;AAAA,EAC1C,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC,CAAA;AAYD,SAAS,OAAA,CAAQ,EAAE,IAAA,EAAM,SAAA,EAAW,YAAA,EAAc,SAAA,EAAW,GAAG,MAAM,CAAA,EAAiB;AACrF,EAAA,MAAM,OAAA,EAAS,KAAA,CAAM,aAAa,EAAA,IAAM,KAAA,GAAQ,KAAA,CAAM,aAAa,EAAA,IAAM,MAAA;AACzE,EAAA,uBACE,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAM,KAAA;AAAA,MACN,MAAA,EAAO,KAAA;AAAA,MACP,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,MAAA,EAAO,cAAA;AAAA,MACP,WAAA,EAAY,GAAA;AAAA,MACZ,aAAA,EAAc,OAAA;AAAA,MACd,cAAA,EAAe,OAAA;AAAA,MACf,IAAA,EAAM,OAAA,EAAS,KAAA,EAAA,EAAY,QAAA;AAAA,MAC3B,YAAA,EAAY,OAAA,EAAS,KAAA,EAAA,mBAAa,SAAA,UAAa,WAAA;AAAA,MAC/C,WAAA,EAAU,SAAA;AAAA,MACV,SAAA,EAAW,kCAAA,eAAG,CAAgB,EAAE,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACjD,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,6BAAA,MAAC,EAAA,EAAK,CAAA,EAAE,8BAAA,CAA8B;AAAA,IAAA;AAAA,EACxC,CAAA;AAEJ;ADRA;AACA;AACE;AACA;AACF,qEAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-NQGCAXTW.cjs","sourcesContent":[null,"'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst spinnerVariants = cva('ddga-spinner', {\n  variants: {\n    size: {\n      sm: 'ddga-spinner--sm',\n      md: 'ddga-spinner--md',\n      lg: 'ddga-spinner--lg',\n    },\n  },\n});\n\ntype SpinnerProps = Omit<React.SVGProps<SVGSVGElement>, 'children'> &\n  VariantProps<typeof spinnerVariants> & {\n    /**\n     * Accessible label announced by screen readers. Defaults to \"Loading\".\n     * Pass `aria-hidden=\"true\"` (e.g. inside a Button that already has its\n     * own label) to suppress.\n     */\n    'aria-label'?: string;\n  };\n\nfunction Spinner({ size, className, 'aria-label': ariaLabel, ...props }: SpinnerProps) {\n  const hidden = props['aria-hidden'] === true || props['aria-hidden'] === 'true';\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      role={hidden ? undefined : 'status'}\n      aria-label={hidden ? undefined : (ariaLabel ?? 'Loading')}\n      data-slot=\"spinner\"\n      className={cn(spinnerVariants({ size }), className)}\n      {...props}\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\nexport { Spinner, spinnerVariants };\nexport type { SpinnerProps };\n"]}

package/dist/chunk-O6AFVTKN.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-O6AFVTKN.js.map

package/dist/chunk-O6AFVTKN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-O74TNSJD.cjs

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
+
+
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Input/Input.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var inputVariants = _classvarianceauthority.cva.call(void 0, "ddga-input", {
+  variants: {
+    size: {
+      sm: "ddga-input--sm",
+      md: "ddga-input--md",
+      lg: "ddga-input--lg"
+    },
+    error: {
+      true: "ddga-input--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Input({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  required,
+  startAdornment,
+  endAdornment,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
+    name: "Input",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { htmlFor: fieldId, className: "ddga-input__label", children: [
+      label,
+      required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-input__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        "data-slot": "input-control",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, inputVariants({ size, error: hasError }), className),
+        children: [
+          startAdornment != null && startAdornment !== "" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              "data-slot": "input-adornment",
+              className: "ddga-input__adornment ddga-input__adornment--start",
+              children: startAdornment
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              ...props,
+              ...controlProps,
+              "data-slot": "input",
+              required,
+              className: "ddga-input__field"
+            }
+          ),
+          endAdornment != null && endAdornment !== "" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              "data-slot": "input-adornment",
+              className: "ddga-input__adornment ddga-input__adornment--end",
+              children: endAdornment
+            }
+          )
+        ]
+      }
+    ),
+    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 })
+  ] });
+}
+
+
+
+
+exports.inputVariants = inputVariants; exports.Input = Input;
+//# sourceMappingURL=chunk-O74TNSJD.cjs.map

package/dist/chunk-O74TNSJD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-O74TNSJD.cjs","../src/components/Input/Input.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-O74TNSJD.cjs","sourcesContent":[null,"'use client';\n\nimport type { ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the *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"]}

package/dist/chunk-OBDWY2XP.cjs

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Collapsible/Collapsible.tsx
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+function Collapsible({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Collapsible.Root,
+    {
+      "data-slot": "collapsible",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-collapsible", className),
+      ...props
+    }
+  );
+}
+function CollapsibleTrigger({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Collapsible.Trigger,
+    {
+      "data-slot": "collapsible-trigger",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-collapsible__trigger", className),
+      ...props
+    }
+  );
+}
+function CollapsibleContent({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Collapsible.Content,
+    {
+      "data-slot": "collapsible-content",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-collapsible__content", className),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ddga-collapsible__content-inner", children })
+    }
+  );
+}
+
+
+
+
+
+exports.Collapsible = Collapsible; exports.CollapsibleTrigger = CollapsibleTrigger; exports.CollapsibleContent = CollapsibleContent;
+//# sourceMappingURL=chunk-OBDWY2XP.cjs.map

package/dist/chunk-OBDWY2XP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-OBDWY2XP.cjs","../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,mCAAoD;AAuBhD,+CAAA;AAFJ,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAqB;AAC9D,EAAA,uBACE,6BAAA;AAAA,IAAC,oBAAA,CAAqB,IAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,kCAAA,kBAAG,EAAoB,SAAS,CAAA;AAAA,MAC1C,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAMA,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAA4B;AAC5E,EAAA,uBACE,6BAAA;AAAA,IAAC,oBAAA,CAAqB,OAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,2BAAG,EAA6B,SAAS,CAAA;AAAA,MACnD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAA4B;AACtF,EAAA,uBACE,6BAAA;AAAA,IAAC,oBAAA,CAAqB,OAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,2BAAG,EAA6B,SAAS,CAAA;AAAA,MACnD,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAmC,SAAA,CAAS;AAAA,IAAA;AAAA,EAC7D,CAAA;AAEJ;ADnBA;AACA;AACE;AACA;AACA;AACF,oIAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-OBDWY2XP.cjs","sourcesContent":[null,"'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from 'radix-ui';\nimport { cn } from '../../utils/cn';\n\n// ─── Collapsible ─── //\n//\n// The single-panel disclosure primitive — the building block Accordion is\n// built on. A thin, themed wrapper over Radix `Collapsible`: Root / Trigger /\n// Content. No size or variant `cva` — the consumer owns the trigger's look\n// (asChild-first), so there is nothing to vary; `cn()` only, like List/Quote\n// sub-parts.\n//\n// Radix handles all disclosure state (open / closed via `data-state`),\n// `aria-expanded` / `aria-controls` wiring, button semantics, and Enter/Space.\n// Content height-slides via `--radix-collapsible-content-height`, mirroring\n// the Accordion pattern; the inner wrapper carries the clip so the animation\n// stays clean (no opinionated padding — content is generic).\n\ntype CollapsibleProps = React.ComponentProps<typeof CollapsiblePrimitive.Root>;\ntype CollapsibleTriggerProps = React.ComponentProps<typeof CollapsiblePrimitive.Trigger>;\ntype CollapsibleContentProps = React.ComponentProps<typeof CollapsiblePrimitive.Content>;\n\nfunction Collapsible({ className, ...props }: CollapsibleProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      data-slot=\"collapsible\"\n      className={cn('ddga-collapsible', className)}\n      {...props}\n    />\n  );\n}\n\n// asChild is forwarded straight to the Radix primitive (which handles Slot\n// internally) — we don't re-add it. Same rule as our other Radix-primitive\n// wrappers. Bare trigger gets a minimal reset + focus ring; consumers usually\n// override it with their own button via `asChild`.\nfunction CollapsibleTrigger({ className, ...props }: CollapsibleTriggerProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"collapsible-trigger\"\n      className={cn('ddga-collapsible__trigger', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CollapsibleContent({ className, children, ...props }: CollapsibleContentProps) {\n  return (\n    <CollapsiblePrimitive.Content\n      data-slot=\"collapsible-content\"\n      className={cn('ddga-collapsible__content', className)}\n      {...props}\n    >\n      <div className=\"ddga-collapsible__content-inner\">{children}</div>\n    </CollapsiblePrimitive.Content>\n  );\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\nexport type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps };\n"]}

package/dist/chunk-OF7NTZ2I.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-OF7NTZ2I.js.map

package/dist/chunk-OF7NTZ2I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-OGZKNZS6.cjs

@@ -0,0 +1,111 @@
+"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 _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Alert/Alert.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var alertVariants = _classvarianceauthority.cva.call(void 0, "ddga-alert", {
+  variants: {
+    variant: {
+      info: "ddga-alert--info",
+      success: "ddga-alert--success",
+      warning: "ddga-alert--warning",
+      destructive: "ddga-alert--destructive"
+    }
+  },
+  defaultVariants: {
+    variant: "info"
+  }
+});
+var DEFAULT_ICONS = {
+  info: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Info, { "aria-hidden": "true" }),
+  success: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Check, { "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.AlertTriangle, { "aria-hidden": "true" }),
+  destructive: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.AlertCircle, { "aria-hidden": "true" })
+};
+function Alert({
+  variant,
+  asChild,
+  icon,
+  dismissible,
+  open: controlledOpen,
+  onDismiss,
+  live,
+  closeLabel = "Dismiss",
+  className,
+  children,
+  ...props
+}) {
+  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, true);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  if (!open) return null;
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  const resolvedIcon = icon === false ? null : icon !== void 0 ? icon : DEFAULT_ICONS[_nullishCoalesce(variant, () => ( "info"))];
+  const liveProps = live === "assertive" ? { role: "alert", "aria-live": "assertive" } : live === "polite" ? { role: "status", "aria-live": "polite" } : {};
+  function handleDismiss() {
+    if (!isControlled) setInternalOpen(false);
+    _optionalChain([onDismiss, 'optionalCall', _ => _()]);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Comp,
+    {
+      "data-slot": "alert",
+      "data-variant": _nullishCoalesce(variant, () => ( "info")),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, alertVariants({ variant }), className),
+      ...liveProps,
+      ...props,
+      children: [
+        resolvedIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-alert__icon", children: resolvedIcon }) : null,
+        asChild ? (
+          // Slot mode: the consumer's element receives the children body.
+          // Title/description are nested by the consumer.
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slot.Slottable, { children })
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ddga-alert__body", children }),
+        dismissible ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "ddga-alert__close",
+            "aria-label": closeLabel,
+            onClick: handleDismiss,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Close, { "aria-hidden": "true" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function AlertTitle({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "h5";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "alert-title", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-alert__title", className), ...props });
+}
+function AlertDescription({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "p";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "alert-description",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-alert__description", className),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+exports.alertVariants = alertVariants; exports.Alert = Alert; exports.AlertTitle = AlertTitle; exports.AlertDescription = AlertDescription;
+//# sourceMappingURL=chunk-OGZKNZS6.cjs.map

package/dist/chunk-OGZKNZS6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-OGZKNZS6.cjs","../src/components/Alert/Alert.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-OGZKNZS6.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';\nimport { Info, Check, AlertTriangle, AlertCircle, Close } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst alertVariants = cva('ddga-alert', {\n  variants: {\n    variant: {\n      info: 'ddga-alert--info',\n      success: 'ddga-alert--success',\n      warning: 'ddga-alert--warning',\n      destructive: 'ddga-alert--destructive',\n    },\n  },\n  defaultVariants: {\n    variant: 'info',\n  },\n});\n\nconst DEFAULT_ICONS: Record<\n  NonNullable<VariantProps<typeof alertVariants>['variant']>,\n  ReactNode\n> = {\n  info: <Info aria-hidden=\"true\" />,\n  success: <Check aria-hidden=\"true\" />,\n  warning: <AlertTriangle aria-hidden=\"true\" />,\n  destructive: <AlertCircle aria-hidden=\"true\" />,\n};\n\n// ─── 2. Types ─── //\n\ninterface AlertProps\n  extends Omit<React.ComponentProps<'div'>, 'role'>, VariantProps<typeof alertVariants> {\n  /** Render as the single child element instead of a `<div>`. */\n  asChild?: boolean;\n  /**\n   * Custom leading icon. Pass `false` to hide the icon entirely. Defaults to\n   * a variant-appropriate icon (Info / Check / AlertTriangle / AlertCircle).\n   */\n  icon?: ReactNode | false;\n  /**\n   * Show a trailing close button. The alert manages its own visibility — pass\n   * `onDismiss` to be notified, or set `open` to control visibility yourself.\n   */\n  dismissible?: boolean;\n  /** Controlled visibility. Pair with `onDismiss` to react. */\n  open?: boolean;\n  /** Fires when the user clicks the close button. */\n  onDismiss?: () => void;\n  /**\n   * Wire the alert into the a11y tree as a live region. `polite` announces on\n   * the next graceful opportunity (use for success/info banners). `assertive`\n   * interrupts the user (reserve for destructive/error states that block the\n   * task). Omit for static / decorative banners.\n   */\n  live?: 'polite' | 'assertive';\n  /** Localized label for the close button. Defaults to `\"Dismiss\"`. */\n  closeLabel?: string;\n}\n\ninterface AlertTitleProps extends React.ComponentProps<'h5'> {\n  /** Override the heading element (e.g. render an `<h3>`). */\n  asChild?: boolean;\n}\n\ntype AlertDescriptionProps = React.ComponentProps<'p'> & { asChild?: boolean };\n\n// ─── 3. Components ─── //\n\nfunction Alert({\n  variant,\n  asChild,\n  icon,\n  dismissible,\n  open: controlledOpen,\n  onDismiss,\n  live,\n  closeLabel = 'Dismiss',\n  className,\n  children,\n  ...props\n}: AlertProps) {\n  const [internalOpen, setInternalOpen] = useState(true);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n\n  if (!open) return null;\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n\n  const resolvedIcon =\n    icon === false ? null : icon !== undefined ? icon : DEFAULT_ICONS[variant ?? 'info'];\n\n  // Live-region semantics. `role=\"alert\"` is implicit when aria-live=assertive,\n  // but Radix-style explicitness reads better in tests + DOM inspection.\n  const liveProps =\n    live === 'assertive'\n      ? { role: 'alert' as const, 'aria-live': 'assertive' as const }\n      : live === 'polite'\n        ? { role: 'status' as const, 'aria-live': 'polite' as const }\n        : {};\n\n  function handleDismiss() {\n    if (!isControlled) setInternalOpen(false);\n    onDismiss?.();\n  }\n\n  return (\n    <Comp\n      data-slot=\"alert\"\n      data-variant={variant ?? 'info'}\n      className={cn(alertVariants({ variant }), className)}\n      {...liveProps}\n      {...props}\n    >\n      {resolvedIcon ? <span className=\"ddga-alert__icon\">{resolvedIcon}</span> : null}\n      {asChild ? (\n        // Slot mode: the consumer's element receives the children body.\n        // Title/description are nested by the consumer.\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        <div className=\"ddga-alert__body\">{children}</div>\n      )}\n      {dismissible ? (\n        <button\n          type=\"button\"\n          className=\"ddga-alert__close\"\n          aria-label={closeLabel}\n          onClick={handleDismiss}\n        >\n          <Close aria-hidden=\"true\" />\n        </button>\n      ) : null}\n    </Comp>\n  );\n}\n\nfunction AlertTitle({ asChild, className, ...props }: AlertTitleProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'h5';\n  return <Comp data-slot=\"alert-title\" className={cn('ddga-alert__title', className)} {...props} />;\n}\n\nfunction AlertDescription({ asChild, className, ...props }: AlertDescriptionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'p';\n  return (\n    <Comp\n      data-slot=\"alert-description\"\n      className={cn('ddga-alert__description', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Alert, AlertTitle, AlertDescription, alertVariants };\nexport type { AlertProps, AlertTitleProps, AlertDescriptionProps };\n"]}

package/dist/chunk-OSUT5FH5.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-OSUT5FH5.js.map

package/dist/chunk-OSUT5FH5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-P2CSX4DZ.cjs

@@ -0,0 +1,77 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
+
+// src/providers/DgaProvider.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _tokens = require('@dev-dga/tokens');
+var _jsxruntime = require('react/jsx-runtime');
+function DgaProvider({
+  dir = "ltr",
+  locale,
+  mode = "light",
+  theme,
+  as: Component = "div",
+  className,
+  style: consumerStyle,
+  children
+}) {
+  const parentCtx = _react.useContext.call(void 0, _chunkFQLVTLUIcjs.DgaContext);
+  const isNested = parentCtx !== null;
+  const [rootEl, setRootEl] = _react.useState.call(void 0, null);
+  const portalRef = _react.useRef.call(void 0, null);
+  const [portalEl, setPortalEl] = _react.useState.call(void 0, null);
+  const resolvedLocale = _nullishCoalesce(locale, () => ( (dir === "rtl" ? "ar" : "en")));
+  const themeVars = _react.useMemo.call(void 0, () => theme ? _tokens.buildTheme.call(void 0, theme) : null, [theme]);
+  _react.useEffect.call(void 0, () => {
+    if (typeof document === "undefined") return;
+    const el = document.createElement("div");
+    el.setAttribute("data-slot", "dga-portal");
+    el.style.position = "relative";
+    el.style.zIndex = "50";
+    document.body.appendChild(el);
+    portalRef.current = el;
+    setPortalEl(el);
+    return () => {
+      el.remove();
+      portalRef.current = null;
+      setPortalEl(null);
+    };
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    const el = portalRef.current;
+    if (!el) return;
+    el.setAttribute("data-theme", mode);
+    el.setAttribute("dir", dir);
+    el.style.colorScheme = mode;
+    if (themeVars) {
+      for (const [k, v] of Object.entries(themeVars)) {
+        el.style.setProperty(k, String(v));
+      }
+    }
+  }, [mode, dir, themeVars, portalEl]);
+  const ctxValue = _react.useMemo.call(void 0, 
+    () => ({ dir, locale: resolvedLocale, mode, rootEl, portalEl }),
+    [dir, resolvedLocale, mode, rootEl, portalEl]
+  );
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Direction.Provider, { dir, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFQLVTLUIcjs.DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Component,
+    {
+      ref: setRootEl,
+      dir,
+      lang: resolvedLocale,
+      "data-slot": "dga-root",
+      "data-theme": mode,
+      className,
+      style: { colorScheme: mode, ..._nullishCoalesce(themeVars, () => ( {})), ...consumerStyle },
+      children: isNested ? inner : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tooltip.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
+    }
+  ) });
+}
+
+
+
+exports.DgaProvider = DgaProvider;
+//# sourceMappingURL=chunk-P2CSX4DZ.cjs.map

package/dist/chunk-P2CSX4DZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-P2CSX4DZ.cjs","../src/providers/DgaProvider.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-P2CSX4DZ.cjs","sourcesContent":[null,"'use client';\n\nimport { useState, useMemo, useContext, useEffect, useRef } from 'react';\nimport { Direction as DirectionPrimitive, Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { buildTheme, type DgaTheme } from '@dev-dga/tokens';\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  /**\n   * Brand theme. `theme.primary` accepts a palette name (`'lavender'`),\n   * any CSS color string (`'#7C3AED'` , hover/active auto-derived via\n   * `color-mix()`), or an explicit `{ base, hover, active, foreground? }`\n   * triplet. The override-object pattern (`style={{ '--ddga-color-primary':\n   * '...' }}`) still works , `style` wins over `theme`.\n   */\n  theme?: DgaTheme;\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  theme,\n  as: Component = 'div',\n  className,\n  style: consumerStyle,\n  children,\n}: DgaProviderProps) {\n  const parentCtx = useContext(DgaContext);\n  const isNested = parentCtx !== null;\n  // Callback ref + state so context subscribers (e.g. Select's portal\n  // container) re-render when the element actually mounts. With useRef\n  // the .current update wouldn't trigger a render and a defaultOpen\n  // portal would race to <body> before the ref populated.\n  const [rootEl, setRootEl] = useState<HTMLElement | null>(null);\n  // The portal element is held in a ref (we directly mutate its attributes\n  // + inline CSS variables, which the react-hooks/immutability lint rule\n  // forbids on state values). A parallel `portalEl` state mirrors the ref\n  // so context subscribers re-render once the element mounts.\n  const portalRef = useRef<HTMLDivElement | null>(null);\n  const [portalEl, setPortalEl] = useState<HTMLElement | null>(null);\n  const resolvedLocale = locale ?? (dir === 'rtl' ? 'ar' : 'en');\n\n  // Memoize by reference. Stable palette-name themes (`{ primary: 'lavender' }`\n  // declared at module scope) never recompute; consumers passing an inline\n  // object accept a per-render `buildTheme` call (cheap , small switch\n  // statement over a single string).\n  const themeVars = useMemo(() => (theme ? buildTheme(theme) : null), [theme]);\n\n  // ─── Body-level portal container ─── //\n  //\n  // Create a sibling-of-body div that mirrors this provider's theme\n  // attributes. Overlay portals (Modal, Drawer, DropdownMenu, etc.) anchor\n  // here instead of `rootEl` so:\n  //\n  //  - They escape `overflow: hidden` / `transform` ancestors the consumer\n  //    might wrap us in (Storybook's docs-story preview block is the\n  //    motivating case — a `transform` ancestor breaks `position: fixed`\n  //    descendants, clipping modals to the preview rect).\n  //  - Theme variables, dark mode, RTL still resolve because we copy\n  //    `data-theme`, `dir`, and inline CSS vars from this provider onto\n  //    the portal element.\n  //\n  // One container per DgaProvider instance — cleaned up on unmount. SSR-safe\n  // (effects only run client-side; consumers see `portalEl: null` and the\n  // overlays fall back to `rootEl`).\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n    const el = document.createElement('div');\n    el.setAttribute('data-slot', 'dga-portal');\n    // Position relative for any child popper computing offset against\n    // nearest positioned ancestor; z-index so the portal sits above the\n    // main content stack.\n    el.style.position = 'relative';\n    el.style.zIndex = '50';\n    document.body.appendChild(el);\n    portalRef.current = el;\n    // The setState here exposes the freshly-mounted DOM element to context\n    // subscribers (overlay components) so they re-render and target the\n    // portal on first commit. Single call on mount + single on unmount;\n    // not the cascading-render footgun the lint rule guards against.\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setPortalEl(el);\n    return () => {\n      el.remove();\n      portalRef.current = null;\n\n      setPortalEl(null);\n    };\n  }, []);\n\n  // Mirror theme attributes onto the portal element so its descendants\n  // resolve `var(--ddga-*)` and respect dark mode / RTL the same way as\n  // descendants of `rootEl`. We mutate via the ref (not the state) so the\n  // react-hooks/immutability rule stays happy — and run this on every prop\n  // change that affects appearance.\n  useEffect(() => {\n    const el = portalRef.current;\n    if (!el) return;\n    el.setAttribute('data-theme', mode);\n    el.setAttribute('dir', dir);\n    el.style.colorScheme = mode;\n    if (themeVars) {\n      for (const [k, v] of Object.entries(themeVars)) {\n        el.style.setProperty(k, String(v));\n      }\n    }\n  }, [mode, dir, themeVars, portalEl]);\n\n  const ctxValue = useMemo<DgaContextValue>(\n    () => ({ dir, locale: resolvedLocale, mode, rootEl, portalEl }),\n    [dir, resolvedLocale, mode, rootEl, portalEl],\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={setRootEl}\n        dir={dir}\n        lang={resolvedLocale}\n        data-slot=\"dga-root\"\n        data-theme={mode}\n        className={className}\n        // Order: colorScheme → theme vars → consumer style. A manually-\n        // supplied `style` overrides `theme` (escape hatch preserved per\n        // THEMING-PLAN.md: every `--ddga-*` remains plain-CSS overridable).\n        style={{ colorScheme: mode, ...(themeVars ?? {}), ...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"]}

package/dist/chunk-P2JM7CUD.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Skeleton/Skeleton.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var skeletonVariants = _classvarianceauthority.cva.call(void 0, "ddga-skeleton", {
+  variants: {
+    shape: {
+      text: "ddga-skeleton--text",
+      circle: "ddga-skeleton--circle",
+      rectangle: "ddga-skeleton--rectangle"
+    },
+    animation: {
+      pulse: "ddga-skeleton--pulse",
+      wave: "ddga-skeleton--wave",
+      none: "ddga-skeleton--none"
+    }
+  },
+  defaultVariants: {
+    shape: "text",
+    animation: "pulse"
+  }
+});
+function Skeleton({ shape, animation, width, height, className, style, ...props }) {
+  const sizeStyle = {
+    ...width !== void 0 ? { width: typeof width === "number" ? `${width}px` : width } : null,
+    ...height !== void 0 ? { height: typeof height === "number" ? `${height}px` : height } : null,
+    ...style
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "skeleton",
+      "aria-hidden": "true",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, skeletonVariants({ shape, animation }), className),
+      style: sizeStyle,
+      ...props
+    }
+  );
+}
+
+
+
+
+exports.skeletonVariants = skeletonVariants; exports.Skeleton = Skeleton;
+//# sourceMappingURL=chunk-P2JM7CUD.cjs.map

package/dist/chunk-P2JM7CUD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-P2JM7CUD.cjs","../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,kEAAuC;AA6CnC,+CAAA;AA1CJ,IAAM,iBAAA,EAAmB,yCAAA,eAAI,EAAiB;AAAA,EAC5C,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,qBAAA;AAAA,MACN,MAAA,EAAQ,uBAAA;AAAA,MACR,SAAA,EAAW;AAAA,IACb,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,sBAAA;AAAA,MACP,IAAA,EAAM,qBAAA;AAAA,MACN,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,MAAA;AAAA,IACP,SAAA,EAAW;AAAA,EACb;AACF,CAAC,CAAA;AAeD,SAAS,QAAA,CAAS,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,MAAA,EAAQ,SAAA,EAAW,KAAA,EAAO,GAAG,MAAM,CAAA,EAAkB;AAChG,EAAA,MAAM,UAAA,EAAiC;AAAA,IACrC,GAAI,MAAA,IAAU,KAAA,EAAA,EAAY,EAAE,KAAA,EAAO,OAAO,MAAA,IAAU,SAAA,EAAW,CAAA,EAAA;AAE/B,IAAA;AAE7B,IAAA;AACL,EAAA;AAGE,EAAA;AAAC,IAAA;AAAA,IAAA;AACW,MAAA;AACE,MAAA;AAC0C,MAAA;AAC/C,MAAA;AACH,MAAA;AAAA,IAAA;AACN,EAAA;AAEJ;ADbgE;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-P2JM7CUD.cjs","sourcesContent":[null,"'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst skeletonVariants = cva('ddga-skeleton', {\n  variants: {\n    shape: {\n      text: 'ddga-skeleton--text',\n      circle: 'ddga-skeleton--circle',\n      rectangle: 'ddga-skeleton--rectangle',\n    },\n    animation: {\n      pulse: 'ddga-skeleton--pulse',\n      wave: 'ddga-skeleton--wave',\n      none: 'ddga-skeleton--none',\n    },\n  },\n  defaultVariants: {\n    shape: 'text',\n    animation: 'pulse',\n  },\n});\n\ninterface SkeletonProps extends React.ComponentProps<'div'>, VariantProps<typeof skeletonVariants> {\n  /**\n   * Inline width override (any valid CSS length, e.g. `\"60%\"`, `200`, `\"4rem\"`).\n   * Defaults: `text` → `100%`, `circle`/`rectangle` → `40px` (CSS-controlled).\n   */\n  width?: number | string;\n  /**\n   * Inline height override. Defaults: `text` → `1em` so it tracks the surrounding\n   * line height; `rectangle` → `40px`; `circle` → matches `width` to stay round.\n   */\n  height?: number | string;\n}\n\nfunction Skeleton({ shape, animation, width, height, className, style, ...props }: SkeletonProps) {\n  const sizeStyle: React.CSSProperties = {\n    ...(width !== undefined ? { width: typeof width === 'number' ? `${width}px` : width } : null),\n    ...(height !== undefined\n      ? { height: typeof height === 'number' ? `${height}px` : height }\n      : null),\n    ...style,\n  };\n\n  return (\n    <div\n      data-slot=\"skeleton\"\n      aria-hidden=\"true\"\n      className={cn(skeletonVariants({ shape, animation }), className)}\n      style={sizeStyle}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton, skeletonVariants };\nexport type { SkeletonProps };\n"]}

package/dist/chunk-P2K47B56.js

@@ -0,0 +1,116 @@
+import {
+  FieldMessage
+} from "./chunk-E7WQI7PE.js";
+import {
+  useFieldA11y
+} from "./chunk-HN5AFDQA.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Slider/Slider.tsx
+import { useId } from "react";
+import { Slider as SliderPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var sliderVariants = cva("ddga-slider", {
+  variants: {
+    size: {
+      sm: "ddga-slider--sm",
+      md: "ddga-slider--md"
+    },
+    error: {
+      true: "ddga-slider--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var DEFAULT_THUMB_LABELS = ["Minimum", "Maximum"];
+function toArray(value) {
+  if (value === void 0) return void 0;
+  return Array.isArray(value) ? value : [value];
+}
+function Slider({
+  id: externalId,
+  value,
+  defaultValue,
+  onValueChange,
+  onValueCommit,
+  min = 0,
+  max = 100,
+  size,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  showValue = false,
+  formatValue,
+  thumbLabels = DEFAULT_THUMB_LABELS,
+  className,
+  ...props
+}) {
+  const labelId = useId();
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Slider",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"] ?? (label ? labelId : void 0)
+  });
+  const isRange = Array.isArray(value ?? defaultValue);
+  const valueArray = toArray(value);
+  const defaultArray = toArray(defaultValue) ?? [min];
+  const wrap = (next) => isRange ? next : next[0];
+  const currentForRender = valueArray ?? defaultArray;
+  const fmt = (n) => formatValue ? formatValue(n) : String(n);
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "slider-field", className: "ddga-field", children: [
+    (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "ddga-slider__header", children: [
+      label && /* @__PURE__ */ jsx("span", { id: labelId, className: "ddga-slider__label", children: label }),
+      showValue && /* @__PURE__ */ jsx("span", { className: "ddga-slider__value", "aria-hidden": "true", children: currentForRender.map(fmt).join(" \u2013 ") })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      SliderPrimitive.Root,
+      {
+        ...props,
+        id: fieldId,
+        min,
+        max,
+        value: valueArray,
+        defaultValue: value === void 0 ? defaultArray : void 0,
+        onValueChange: onValueChange ? (next) => onValueChange(wrap(next)) : void 0,
+        onValueCommit: onValueCommit ? (next) => onValueCommit(wrap(next)) : void 0,
+        "aria-invalid": controlProps["aria-invalid"],
+        "data-slot": "slider",
+        className: cn(sliderVariants({ size, error: hasError }), className),
+        children: [
+          /* @__PURE__ */ jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: "ddga-slider__track", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: "ddga-slider__range" }) }),
+          currentForRender.map((thumbValue, index) => /* @__PURE__ */ jsx(
+            SliderPrimitive.Thumb,
+            {
+              "data-slot": "slider-thumb",
+              className: "ddga-slider__thumb",
+              "aria-label": isRange ? thumbLabels[index] : void 0,
+              "aria-labelledby": !isRange && label ? labelId : void 0,
+              "aria-valuetext": formatValue ? fmt(thumbValue) : void 0,
+              "aria-describedby": controlProps["aria-describedby"]
+            },
+            index
+          ))
+        ]
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ jsx(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+export {
+  sliderVariants,
+  Slider
+};
+//# sourceMappingURL=chunk-P2K47B56.js.map

package/dist/chunk-P2K47B56.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport { useId, type ReactNode } from 'react';\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\nconst sliderVariants = cva('ddga-slider', {\n  variants: {\n    size: {\n      sm: 'ddga-slider--sm',\n      md: 'ddga-slider--md',\n    },\n    error: {\n      true: 'ddga-slider--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the slider state model, but always as `number[]`. We expose a\n// cleaner API: a single `number` for one thumb, `number[]` for a range. The\n// emitted value mirrors the shape that was passed in.\ntype SliderValue = number | number[];\n\ninterface SliderProps\n  extends\n    Omit<\n      React.ComponentProps<typeof SliderPrimitive.Root>,\n      'value' | 'defaultValue' | 'onValueChange' | 'onValueCommit' | 'asChild'\n    >,\n    VariantProps<typeof sliderVariants> {\n  /** Controlled value. `number` → single thumb, `number[]` → one thumb each. */\n  value?: SliderValue;\n  /** Uncontrolled initial value. Defaults to a single thumb at `min`. */\n  defaultValue?: SliderValue;\n  /** Fires continuously while dragging. Shape mirrors `value`/`defaultValue`. */\n  onValueChange?: (value: SliderValue) => void;\n  /** Fires once on release (pointer up / keyboard commit). */\n  onValueCommit?: (value: SliderValue) => void;\n\n  /** Visible field label, associated to the thumb(s) via `aria-labelledby`. */\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  /** Render the current value(s) as text beside the label. */\n  showValue?: boolean;\n  /** Formats each value for `showValue` and the thumb's `aria-valuetext`\n   *  (e.g. percentages or currency). */\n  formatValue?: (value: number) => string;\n  /** Accessible names for the two range thumbs. Ignored for single thumbs.\n   *  Defaults to `['Minimum', 'Maximum']`. */\n  thumbLabels?: [string, string];\n}\n\n// ─── 3. Helpers ─── //\n\nconst DEFAULT_THUMB_LABELS: [string, string] = ['Minimum', 'Maximum'];\n\nfunction toArray(value: SliderValue | undefined): number[] | undefined {\n  if (value === undefined) return undefined;\n  return Array.isArray(value) ? value : [value];\n}\n\n// ─── 4. Component ─── //\n\nfunction Slider({\n  id: externalId,\n  value,\n  defaultValue,\n  onValueChange,\n  onValueCommit,\n  min = 0,\n  max = 100,\n  size,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  showValue = false,\n  formatValue,\n  thumbLabels = DEFAULT_THUMB_LABELS,\n  className,\n  ...props\n}: SliderProps) {\n  const labelId = useId();\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Slider',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'] ?? (label ? labelId : undefined),\n    });\n\n  // Single vs range is determined by the controlled/uncontrolled shape the\n  // consumer chose; fall back to single when neither is provided.\n  const isRange = Array.isArray(value ?? defaultValue);\n\n  const valueArray = toArray(value);\n  const defaultArray = toArray(defaultValue) ?? [min];\n\n  // Re-wrap Radix's `number[]` back into the consumer's shape.\n  const wrap = (next: number[]): SliderValue => (isRange ? next : next[0]);\n\n  // Each thumb needs an accessible name. A single thumb borrows the field\n  // label; range thumbs get distinct min/max labels.\n  const currentForRender = valueArray ?? defaultArray;\n  const fmt = (n: number) => (formatValue ? formatValue(n) : String(n));\n\n  return (\n    <div data-slot=\"slider-field\" className=\"ddga-field\">\n      {(label || showValue) && (\n        <div className=\"ddga-slider__header\">\n          {label && (\n            <span id={labelId} className=\"ddga-slider__label\">\n              {label}\n            </span>\n          )}\n          {showValue && (\n            <span className=\"ddga-slider__value\" aria-hidden=\"true\">\n              {currentForRender.map(fmt).join(' – ')}\n            </span>\n          )}\n        </div>\n      )}\n\n      <SliderPrimitive.Root\n        // Spread props first, then the a11y/state contract so consumers\n        // cannot clobber the wiring.\n        {...props}\n        id={fieldId}\n        min={min}\n        max={max}\n        value={valueArray}\n        defaultValue={value === undefined ? defaultArray : undefined}\n        onValueChange={onValueChange ? (next) => onValueChange(wrap(next)) : undefined}\n        onValueCommit={onValueCommit ? (next) => onValueCommit(wrap(next)) : undefined}\n        aria-invalid={controlProps['aria-invalid']}\n        data-slot=\"slider\"\n        className={cn(sliderVariants({ size, error: hasError }), className)}\n      >\n        <SliderPrimitive.Track data-slot=\"slider-track\" className=\"ddga-slider__track\">\n          <SliderPrimitive.Range data-slot=\"slider-range\" className=\"ddga-slider__range\" />\n        </SliderPrimitive.Track>\n        {currentForRender.map((thumbValue, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            data-slot=\"slider-thumb\"\n            className=\"ddga-slider__thumb\"\n            aria-label={isRange ? thumbLabels[index] : undefined}\n            aria-labelledby={!isRange && label ? labelId : undefined}\n            aria-valuetext={formatValue ? fmt(thumbValue) : undefined}\n            aria-describedby={controlProps['aria-describedby']}\n          />\n        ))}\n      </SliderPrimitive.Root>\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// ─── 5. Exports ─── //\n\nexport { Slider, sliderVariants };\nexport type { SliderProps, SliderValue };\n"],"mappings":"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","names":[]}