@dev-dga/react 0.11.0 → 0.12.1

package/dist/chunk-O74TNSJD.cjs

@@ -1,101 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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-OGZKNZS6.cjs

@@ -1,111 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-OGZKNZS6.cjs","../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACTA,8BAAyC;AACzC,mCAAsC;AACtC,kEAAuC;AAwB/B,+CAAA;AAlBR,IAAM,cAAA,EAAgB,yCAAA,YAAI,EAAc;AAAA,EACtC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,kBAAA;AAAA,MACN,OAAA,EAAS,qBAAA;AAAA,MACT,OAAA,EAAS,qBAAA;AAAA,MACT,WAAA,EAAa;AAAA,IACf;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;AAED,IAAM,cAAA,EAGF;AAAA,EACF,IAAA,kBAAM,6BAAA,sBAAC,EAAA,EAAK,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,EAC/B,OAAA,kBAAS,6BAAA,uBAAC,EAAA,EAAM,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,EACnC,OAAA,kBAAS,6BAAA,+BAAC,EAAA,EAAc,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,EAC3C,WAAA,kBAAa,6BAAA,6BAAC,EAAA,EAAY,aAAA,EAAY,OAAA,CAAO;AAC/C,CAAA;AA0CA,SAAS,KAAA,CAAM;AAAA,EACb,OAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA,EAAM,cAAA;AAAA,EACN,SAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,EAAa,SAAA;AAAA,EACb,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAe;AACb,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,EAAA,EAAI,6BAAA,IAAa,CAAA;AACrD,EAAA,MAAM,aAAA,EAAe,eAAA,IAAmB,KAAA,CAAA;AACxC,EAAA,MAAM,KAAA,EAAO,aAAA,EAAe,eAAA,EAAiB,YAAA;AAE7C,EAAA,GAAA,CAAI,CAAC,IAAA,EAAM,OAAO,IAAA;AAElB,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,KAAA;AAE5C,EAAA,MAAM,aAAA,EACJ,KAAA,IAAS,MAAA,EAAQ,KAAA,EAAO,KAAA,IAAS,KAAA,EAAA,EAAY,KAAA,EAAO,aAAA,kBAAc,OAAA,UAAW,QAAM,CAAA;AAIrF,EAAA,MAAM,UAAA,EACJ,KAAA,IAAS,YAAA,EACL,EAAE,IAAA,EAAM,OAAA,EAAkB,WAAA,EAAa,YAAqB,EAAA,EAC5D,KAAA,IAAS,SAAA,EACP,EAAE,IAAA,EAAM,QAAA,EAAmB,WAAA,EAAa,SAAkB,EAAA,EAC1D,CAAC,CAAA;AAET,EAAA,SAAS,aAAA,CAAA,EAAgB;AACvB,IAAA,GAAA,CAAI,CAAC,YAAA,EAAc,eAAA,CAAgB,KAAK,CAAA;AACxC,oBAAA,SAAA,wBAAA,CAAY,GAAA;AAAA,EACd;AAEA,EAAA,uBACE,8BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,cAAA,mBAAc,OAAA,UAAW,QAAA;AAAA,MACzB,SAAA,EAAW,kCAAA,aAAG,CAAc,EAAE,QAAQ,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MAClD,GAAG,SAAA;AAAA,MACH,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,aAAA,kBAAe,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAA,aAAA,CAAa,EAAA,EAAU,IAAA;AAAA,QAC1E,QAAA,EAAA;AAAA;AAAA;AAAA,0BAGC,6BAAA,aAAC,CAAc,SAAA,EAAd,EAAyB,SAAA,CAAS;AAAA,QAAA,EAAA,kBAEnC,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,kBAAA,EAAoB,SAAA,CAAS,CAAA;AAAA,QAE7C,YAAA,kBACC,6BAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,mBAAA;AAAA,YACV,YAAA,EAAY,UAAA;AAAA,YACZ,OAAA,EAAS,aAAA;AAAA,YAET,QAAA,kBAAA,6BAAA,uBAAC,EAAA,EAAM,aAAA,EAAY,OAAA,CAAO;AAAA,UAAA;AAAA,QAC5B,EAAA,EACE;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,UAAA,CAAW,EAAE,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAAoB;AACrE,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,IAAA;AAC5C,EAAA,uBAAO,6BAAA,IAAC,EAAA,EAAK,WAAA,EAAU,aAAA,EAAc,SAAA,EAAW,kCAAA,mBAAG,EAAqB,SAAS,CAAA,EAAI,GAAG,MAAA,CAAO,CAAA;AACjG;AAEA,SAAS,gBAAA,CAAiB,EAAE,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAA0B;AACjF,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,GAAA;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,yBAAG,EAA2B,SAAS,CAAA;AAAA,MACjD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;ADrDA;AACA;AACE;AACA;AACA;AACA;AACF,2IAAC","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

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

package/dist/chunk-P2JM7CUD.cjs.map

@@ -1 +0,0 @@
-{"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

@@ -1,116 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":[]}

package/dist/chunk-PQJ5IGRQ.js

@@ -1,123 +0,0 @@
-import {
-  cn
-} from "./chunk-7NTT2UXP.js";
-
-// src/components/Card/Card.tsx
-import { Slot as SlotPrimitive } from "radix-ui";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var cardVariants = cva("ddga-card", {
-  variants: {
-    variant: {
-      default: "ddga-card--default",
-      outline: "ddga-card--outline",
-      elevated: "ddga-card--elevated",
-      filled: "ddga-card--filled",
-      gradient: "ddga-card--gradient",
-      ghost: "ddga-card--ghost"
-    },
-    padding: {
-      sm: "ddga-card--padding-sm",
-      md: "ddga-card--padding-md",
-      lg: "ddga-card--padding-lg"
-    },
-    orientation: {
-      vertical: "ddga-card--vertical",
-      horizontal: "ddga-card--horizontal"
-    },
-    interactive: {
-      true: "ddga-card--interactive"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    padding: "md",
-    orientation: "vertical"
-  }
-});
-function Card({
-  variant,
-  padding,
-  orientation,
-  interactive,
-  asChild,
-  className,
-  ...props
-}) {
-  const Comp = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "card",
-      "data-orientation": orientation ?? "vertical",
-      className: cn(cardVariants({ variant, padding, orientation, interactive }), className),
-      ...props
-    }
-  );
-}
-function CardImage({ aspectRatio = "16/9", className, style, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      "data-slot": "card-image",
-      className: cn("ddga-card__image", className),
-      style: {
-        "--ddga-card-image-aspect": aspectRatio,
-        ...style
-      },
-      ...props
-    }
-  );
-}
-function CardHeader({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx(Comp, { "data-slot": "card-header", className: cn("ddga-card__header", className), ...props });
-}
-function CardIcon({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "card-icon",
-      "aria-hidden": true,
-      className: cn("ddga-card__icon", className),
-      ...props
-    }
-  );
-}
-function CardTitle({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "h3";
-  return /* @__PURE__ */ jsx(Comp, { "data-slot": "card-title", className: cn("ddga-card__title", className), ...props });
-}
-function CardDescription({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "p";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "card-description",
-      className: cn("ddga-card__description", className),
-      ...props
-    }
-  );
-}
-function CardContent({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx(Comp, { "data-slot": "card-content", className: cn("ddga-card__content", className), ...props });
-}
-function CardFooter({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx(Comp, { "data-slot": "card-footer", className: cn("ddga-card__footer", className), ...props });
-}
-
-export {
-  cardVariants,
-  Card,
-  CardImage,
-  CardHeader,
-  CardIcon,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter
-};
-//# sourceMappingURL=chunk-PQJ5IGRQ.js.map

package/dist/chunk-PQJ5IGRQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Card/Card.tsx"],"sourcesContent":["'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n\nconst cardVariants = cva('ddga-card', {\n  variants: {\n    variant: {\n      default: 'ddga-card--default',\n      outline: 'ddga-card--outline',\n      elevated: 'ddga-card--elevated',\n      filled: 'ddga-card--filled',\n      gradient: 'ddga-card--gradient',\n      ghost: 'ddga-card--ghost',\n    },\n    padding: {\n      sm: 'ddga-card--padding-sm',\n      md: 'ddga-card--padding-md',\n      lg: 'ddga-card--padding-lg',\n    },\n    orientation: {\n      vertical: 'ddga-card--vertical',\n      horizontal: 'ddga-card--horizontal',\n    },\n    interactive: {\n      true: 'ddga-card--interactive',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    padding: 'md',\n    orientation: 'vertical',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface CardProps extends React.ComponentProps<'div'>, VariantProps<typeof cardVariants> {\n  /** Render as the single child element instead of a `<div>` (see Button). */\n  asChild?: boolean;\n}\n\ntype CardSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface CardTitleProps extends React.ComponentProps<'h3'> {\n  /** Override the heading element (e.g. render an `<h2>` or `<a>`). */\n  asChild?: boolean;\n}\n\ntype CardDescriptionProps = React.ComponentProps<'p'> & { asChild?: boolean };\n\ninterface CardImageProps extends React.ComponentProps<'img'> {\n  /**\n   * Aspect ratio of the image in vertical orientation (e.g. `'16/9'`, `'4/3'`,\n   * `'1/1'`). Default `'16/9'`. Ignored in horizontal orientation — the image\n   * fills the card's full height there.\n   */\n  aspectRatio?: string;\n}\n\n// ─── 3. Components ─── //\n\nfunction Card({\n  variant,\n  padding,\n  orientation,\n  interactive,\n  asChild,\n  className,\n  ...props\n}: CardProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"card\"\n      data-orientation={orientation ?? 'vertical'}\n      className={cn(cardVariants({ variant, padding, orientation, interactive }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardImage({ aspectRatio = '16/9', className, style, ...props }: CardImageProps) {\n  return (\n    <img\n      data-slot=\"card-image\"\n      className={cn('ddga-card__image', className)}\n      style={\n        {\n          '--ddga-card-image-aspect': aspectRatio,\n          ...style,\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return <Comp data-slot=\"card-header\" className={cn('ddga-card__header', className)} {...props} />;\n}\n\n// Leading icon stacked above the title. Place inside CardHeader before\n// CardTitle; the header's column flow puts it on top. Decorative by default\n// (`aria-hidden` — the title carries the meaning); pass `aria-hidden={false}`\n// to override when the icon is the sole label.\nfunction CardIcon({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"card-icon\"\n      aria-hidden\n      className={cn('ddga-card__icon', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ asChild, className, ...props }: CardTitleProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'h3';\n  return <Comp data-slot=\"card-title\" className={cn('ddga-card__title', className)} {...props} />;\n}\n\nfunction CardDescription({ asChild, className, ...props }: CardDescriptionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'p';\n  return (\n    <Comp\n      data-slot=\"card-description\"\n      className={cn('ddga-card__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"card-content\" className={cn('ddga-card__content', className)} {...props} />\n  );\n}\n\nfunction CardFooter({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return <Comp data-slot=\"card-footer\" className={cn('ddga-card__footer', className)} {...props} />;\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Card,\n  CardImage,\n  CardIcon,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n  cardVariants,\n};\nexport type { CardProps, CardImageProps, CardSectionProps, CardTitleProps, CardDescriptionProps };\n"],"mappings":";;;;;AAEA,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AAyEnC;AApEJ,IAAM,eAAe,IAAI,aAAa;AAAA,EACpC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,aAAa;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AACF,CAAC;AA6BD,SAAS,KAAK;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB,eAAe;AAAA,MACjC,WAAW,GAAG,aAAa,EAAE,SAAS,SAAS,aAAa,YAAY,CAAC,GAAG,SAAS;AAAA,MACpF,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,cAAc,QAAQ,WAAW,OAAO,GAAG,MAAM,GAAmB;AACvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC3C,OACE;AAAA,QACE,4BAA4B;AAAA,QAC5B,GAAG;AAAA,MACL;AAAA,MAED,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,SAAS,WAAW,GAAG,MAAM,GAAqB;AACtE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SAAO,oBAAC,QAAK,aAAU,eAAc,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO;AACjG;AAMA,SAAS,SAAS,EAAE,SAAS,WAAW,GAAG,MAAM,GAAqB;AACpE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAW;AAAA,MACX,WAAW,GAAG,mBAAmB,SAAS;AAAA,MACzC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,SAAS,WAAW,GAAG,MAAM,GAAmB;AACnE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SAAO,oBAAC,QAAK,aAAU,cAAa,WAAW,GAAG,oBAAoB,SAAS,GAAI,GAAG,OAAO;AAC/F;AAEA,SAAS,gBAAgB,EAAE,SAAS,WAAW,GAAG,MAAM,GAAyB;AAC/E,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,0BAA0B,SAAS;AAAA,MAChD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,SAAS,WAAW,GAAG,MAAM,GAAqB;AACvE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE,oBAAC,QAAK,aAAU,gBAAe,WAAW,GAAG,sBAAsB,SAAS,GAAI,GAAG,OAAO;AAE9F;AAEA,SAAS,WAAW,EAAE,SAAS,WAAW,GAAG,MAAM,GAAqB;AACtE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SAAO,oBAAC,QAAK,aAAU,eAAc,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO;AACjG;","names":[]}

package/dist/chunk-PZWJQNCY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-PZWJQNCY.cjs","../src/components/Rating/Rating.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-PZWJQNCY.cjs","sourcesContent":[null,"'use client';\n\nimport { useRef, useState, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Star } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst ratingVariants = cva('ddga-rating', {\n  variants: {\n    size: {\n      sm: 'ddga-rating--sm',\n      md: 'ddga-rating--md',\n      lg: 'ddga-rating--lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface RatingProps extends VariantProps<typeof ratingVariants> {\n  /** Controlled value (0…max). `.5` increments are allowed when `allowHalf`. */\n  value?: number;\n  /** Uncontrolled initial value. Defaults to 0. */\n  defaultValue?: number;\n  /** Fires with the chosen rating. */\n  onValueChange?: (value: number) => void;\n\n  /** Number of stars. Defaults to 5. */\n  max?: number;\n  /** Allow half-star (`.5`) precision. */\n  allowHalf?: boolean;\n  /** Display only — no interaction, exposed as `role=\"img\"`. */\n  readOnly?: boolean;\n  /** Non-interactive and dimmed. */\n  disabled?: boolean;\n\n  /** Visible field label. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n\n  /** Builds the accessible value text / read-only label. Defaults to\n   *  `\"{value} out of {max} stars\"`. Override for localization. */\n  formatValueText?: (value: number, max: number) => string;\n\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\n// ─── 3. Helpers ─── //\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction defaultValueText(value: number, max: number): string {\n  return `${value} out of ${max} stars`;\n}\n\n/** Fill level for the star at 0-based `index` given the current value. */\nfunction fillFor(index: number, value: number, allowHalf: boolean): 'full' | 'half' | 'empty' {\n  if (value >= index + 1) return 'full';\n  if (allowHalf && value >= index + 0.5) return 'half';\n  return 'empty';\n}\n\n// ─── 4. Component ─── //\n\nfunction Rating({\n  id: externalId,\n  value,\n  defaultValue,\n  onValueChange,\n  max = 5,\n  allowHalf = false,\n  readOnly = false,\n  disabled = false,\n  size,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  formatValueText = defaultValueText,\n  className,\n  ...props\n}: RatingProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<number>(defaultValue ?? 0);\n  const currentValue = isControlled ? value : internal;\n\n  const [hover, setHover] = useState<number | null>(null);\n  const interactive = !readOnly && !disabled;\n  const stepSize = allowHalf ? 0.5 : 1;\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Rating',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      // role=slider / role=img always have an accessible name (label or the\n      // value text), so suppress the no-label dev warning.\n      'aria-label': props['aria-label'] ?? formatValueText(currentValue, max),\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  // The value driving the visual fill: hover preview wins while interacting.\n  const displayValue = hover ?? currentValue;\n\n  function commit(next: number) {\n    if (!isControlled) setInternal(next);\n    onValueChange?.(next);\n  }\n\n  function readDir(): 'ltr' | 'rtl' {\n    const el = rootRef.current;\n    if (!el || typeof getComputedStyle !== 'function') return 'ltr';\n    return getComputedStyle(el).direction === 'rtl' ? 'rtl' : 'ltr';\n  }\n\n  /** Value implied by the pointer position over star `index`. */\n  function pointerValue(event: React.PointerEvent | React.MouseEvent, index: number): number {\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n    let fraction = rect.width ? (event.clientX - rect.left) / rect.width : 1;\n    if (readDir() === 'rtl') fraction = 1 - fraction;\n    if (allowHalf) return index + (fraction <= 0.5 ? 0.5 : 1);\n    return index + 1;\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n    if (!interactive) return;\n    const rtl = readDir() === 'rtl';\n    let next: number | null = null;\n    switch (event.key) {\n      case 'ArrowUp':\n        next = currentValue + stepSize;\n        break;\n      case 'ArrowDown':\n        next = currentValue - stepSize;\n        break;\n      case 'ArrowRight':\n        next = currentValue + (rtl ? -stepSize : stepSize);\n        break;\n      case 'ArrowLeft':\n        next = currentValue + (rtl ? stepSize : -stepSize);\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = max;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    commit(clamp(next, 0, max));\n  }\n\n  const stars = Array.from({ length: max }, (_, index) => {\n    const level = fillFor(index, displayValue, allowHalf);\n    return (\n      <span\n        key={index}\n        data-slot=\"rating-star\"\n        data-fill={level}\n        className=\"ddga-rating__star\"\n        onPointerMove={interactive ? (event) => setHover(pointerValue(event, index)) : undefined}\n        onClick={interactive ? (event) => commit(pointerValue(event, index)) : undefined}\n      >\n        <Star className=\"ddga-rating__star-bg\" aria-hidden=\"true\" />\n        <span className=\"ddga-rating__star-fill\" aria-hidden=\"true\">\n          <Star className=\"ddga-rating__star-fg\" aria-hidden=\"true\" />\n        </span>\n      </span>\n    );\n  });\n\n  const sharedProps = {\n    ref: rootRef,\n    'data-slot': 'rating',\n    'data-disabled': disabled || undefined,\n    className: cn(ratingVariants({ size }), hasError && 'ddga-rating--error', className),\n    onPointerLeave: interactive ? () => setHover(null) : undefined,\n  };\n\n  // Accessible name for the slider: prefer the visible label, then a consumer\n  // aria-labelledby/aria-label, falling back to a generic name.\n  const labelledBy = label ? `${fieldId}-label` : props['aria-labelledby'];\n  const ariaLabel = labelledBy ? undefined : (props['aria-label'] ?? 'Rating');\n\n  return (\n    <div data-slot=\"rating-field\" className=\"ddga-field\">\n      {label && (\n        <span id={`${fieldId}-label`} className=\"ddga-rating__label\">\n          {label}\n        </span>\n      )}\n\n      {readOnly ? (\n        <div {...sharedProps} role=\"img\" aria-label={formatValueText(currentValue, max)}>\n          {stars}\n        </div>\n      ) : (\n        <div\n          {...sharedProps}\n          role=\"slider\"\n          id={fieldId}\n          tabIndex={disabled ? -1 : 0}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          aria-valuenow={currentValue}\n          aria-valuetext={formatValueText(currentValue, max)}\n          aria-labelledby={labelledBy}\n          aria-label={ariaLabel}\n          aria-invalid={controlProps['aria-invalid']}\n          aria-describedby={controlProps['aria-describedby']}\n          aria-disabled={disabled || undefined}\n          onKeyDown={handleKeyDown}\n        >\n          {stars}\n        </div>\n      )}\n\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 5. Exports ─── //\n\nexport { Rating, ratingVariants };\nexport type { RatingProps };\n"]}