@dev-dga/react 0.11.0 → 0.12.0

package/dist/{chunk-4RU33BRQ.js → chunk-GQAX2CH6.js}

@@ -1,6 +1,6 @@
 import {
   Spinner
-} from "./chunk-6ELYUHB6.js";
+} from "./chunk-FO7IICMM.js";
 import {
   cn
 } from "./chunk-7NTT2UXP.js";
@@ -15,6 +15,7 @@ var buttonVariants = cva("ddga-button", {
     variant: {
       primary: "ddga-button--primary",
       secondary: "ddga-button--secondary",
+      black: "ddga-button--black",
       outline: "ddga-button--outline",
       ghost: "ddga-button--ghost",
       destructive: "ddga-button--destructive",
@@ -28,31 +29,25 @@ var buttonVariants = cva("ddga-button", {
       sm: "ddga-button--sm",
       md: "ddga-button--md",
       lg: "ddga-button--lg",
+      // Icon-only squares: 40/32/28/24 (icon-sm 28 is off-spec).
       icon: "ddga-button--icon",
-      "icon-sm": "ddga-button--icon-sm"
+      "icon-md": "ddga-button--icon-md",
+      "icon-sm": "ddga-button--icon-sm",
+      "icon-xs": "ddga-button--icon-xs"
     },
     fullWidth: {
       true: "ddga-button--full-width"
     },
     /**
-     * Use on dark / branded colored backgrounds. Visually inverts non-filled
-     * variants (`outline`, `ghost`, destructive's outline/ghost forms) so
-     * text + border stay visible against the surface. Filled variants
-     * (`primary`, `secondary`, `destructive`, `destructive-subtle`) ignore
-     * it — they already carry their own background contrast.
+     * Use on dark / brand-colored backgrounds (DGA Platforms Code "On-color").
+     * Restyles each `variant` for a colored surface: `black`/`primary` invert to
+     * a white button; `secondary`/`outline`/`ghost` become white-on-transparent
+     * (white border for `outline`); `destructive-outline`/`destructive-ghost`
+     * switch to a light error label. The solid danger fills (`destructive`,
+     * `destructive-subtle`) keep their own contrast and are unchanged.
      */
-    inverted: {
-      true: "ddga-button--inverted"
-    },
-    /**
-     * Floating action button: fully-rounded + elevated. Orthogonal to `variant`
-     * (color) and `size` — pair with `size="icon"` for a circular FAB, or a text
-     * size for an extended pill FAB. Positioning (`position: fixed`, safe-area
-     * insets) is the consumer's responsibility — see the placement recipe in the
-     * stories. Keep it a modifier, not a `Fab` wrapper component.
-     */
-    fab: {
-      true: "ddga-button--fab"
+    onColor: {
+      true: "ddga-button--on-color"
     }
   },
   compoundVariants: [],
@@ -65,8 +60,7 @@ function Button({
   variant,
   size,
   fullWidth,
-  inverted,
-  fab,
+  onColor,
   loading,
   disabled,
   startIcon,
@@ -78,10 +72,11 @@ function Button({
   type = "button",
   ...props
 }) {
-  if (process.env.NODE_ENV === "development" && (size === "icon" || size === "icon-sm")) {
+  const isIconOnly = size === "icon" || size === "icon-md" || size === "icon-sm" || size === "icon-xs";
+  if (process.env.NODE_ENV === "development" && isIconOnly) {
     if (!props["aria-label"] && !props["aria-labelledby"]) {
       console.warn(
-        '[@dev-dga/react] Button with an icon-only size (size="icon" or "icon-sm") requires an aria-label or aria-labelledby attribute for screen reader accessibility.'
+        '[@dev-dga/react] Button with an icon-only size (size="icon", "icon-md", "icon-sm", or "icon-xs") requires an aria-label or aria-labelledby attribute for screen reader accessibility.'
       );
     }
   }
@@ -96,7 +91,7 @@ function Button({
       "aria-busy": loading || void 0,
       "data-slot": "button",
       className: cn(
-        buttonVariants({ variant, size, fullWidth, inverted, fab }),
+        buttonVariants({ variant, size, fullWidth, onColor }),
         loading && "ddga-button--loading",
         className
       ),
@@ -120,4 +115,4 @@ export {
   buttonVariants,
   Button
 };
-//# sourceMappingURL=chunk-4RU33BRQ.js.map
+//# sourceMappingURL=chunk-GQAX2CH6.js.map

package/dist/chunk-GQAX2CH6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\n\n// ─── 1. Variants (cva) ─── //\n\nconst buttonVariants = cva('ddga-button', {\n  variants: {\n    variant: {\n      primary: 'ddga-button--primary',\n      secondary: 'ddga-button--secondary',\n      black: 'ddga-button--black',\n      outline: 'ddga-button--outline',\n      ghost: 'ddga-button--ghost',\n      destructive: 'ddga-button--destructive',\n      // Destructive sub-variants — match the DGA library's full destructive\n      // family (des-primary maps to plain `destructive` above).\n      'destructive-outline': 'ddga-button--destructive-outline',\n      'destructive-subtle': 'ddga-button--destructive-subtle',\n      'destructive-ghost': 'ddga-button--destructive-ghost',\n    },\n    size: {\n      sm: 'ddga-button--sm',\n      md: 'ddga-button--md',\n      lg: 'ddga-button--lg',\n      // Icon-only squares: 40/32/28/24 (icon-sm 28 is off-spec).\n      icon: 'ddga-button--icon',\n      'icon-md': 'ddga-button--icon-md',\n      'icon-sm': 'ddga-button--icon-sm',\n      'icon-xs': 'ddga-button--icon-xs',\n    },\n    fullWidth: {\n      true: 'ddga-button--full-width',\n    },\n    /**\n     * Use on dark / brand-colored backgrounds (DGA Platforms Code \"On-color\").\n     * Restyles each `variant` for a colored surface: `black`/`primary` invert to\n     * a white button; `secondary`/`outline`/`ghost` become white-on-transparent\n     * (white border for `outline`); `destructive-outline`/`destructive-ghost`\n     * switch to a light error label. The solid danger fills (`destructive`,\n     * `destructive-subtle`) keep their own contrast and are unchanged.\n     */\n    onColor: {\n      true: 'ddga-button--on-color',\n    },\n  },\n  compoundVariants: [],\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {\n  loading?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  /** Flip start/end icons horizontally in RTL (for chevrons, arrows, etc.) */\n  iconFlip?: boolean;\n  /**\n   * Render as the single child element instead of a `<button>`. Lets consumers\n   * compose Button with router links (`<Button asChild><Link href=\"…\">…</Link></Button>`)\n   * without `<button><a>` invalid nesting.\n   *\n   * The `type` and native `disabled` attributes are dropped in this mode\n   * (they're meaningless on non-button elements) , the disabled visual + a11y\n   * state still works via `aria-disabled` + `tabIndex={-1}`. button.css\n   * matches on `[aria-disabled='true']` alongside `:disabled` so the styling\n   * applies on any element.\n   *\n   * Consumer remains responsible for preventing the underlying action when\n   * disabled (e.g., calling `e.preventDefault()` in the Link's onClick),\n   * since native `disabled` doesn't gate clicks on non-form-controls.\n   */\n  asChild?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Button({\n  variant,\n  size,\n  fullWidth,\n  onColor,\n  loading,\n  disabled,\n  startIcon,\n  endIcon,\n  iconFlip,\n  asChild,\n  className,\n  children,\n  type = 'button',\n  ...props\n}: ButtonProps) {\n  // Dev-only: warn if icon-only button has no accessible name\n  const isIconOnly =\n    size === 'icon' || size === 'icon-md' || size === 'icon-sm' || size === 'icon-xs';\n  if (process.env.NODE_ENV === 'development' && isIconOnly) {\n    if (!props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] Button with an icon-only size (size=\"icon\", ' +\n          '\"icon-md\", \"icon-sm\", or \"icon-xs\") requires an aria-label or ' +\n          'aria-labelledby attribute for screen reader accessibility.',\n      );\n    }\n  }\n\n  const isDisabled = disabled || loading;\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n\n  return (\n    <Comp\n      // `type` and native `disabled` only apply to <button>. In asChild mode\n      // the Slot's child could be <a>, <Link>, etc. , skip both attrs there\n      // and lean on aria-disabled + tabIndex for the disabled state.\n      {...(asChild ? {} : { type, disabled: isDisabled })}\n      {...(asChild && isDisabled ? { tabIndex: -1 } : {})}\n      // Both `disabled` and `aria-disabled` are set in button mode (native +\n      // explicit ARIA signal). In asChild mode, `aria-disabled` is the only\n      // disabled signal a11y consumers can read on a non-form-control.\n      aria-disabled={isDisabled || undefined}\n      aria-busy={loading || undefined}\n      data-slot=\"button\"\n      className={cn(\n        buttonVariants({ variant, size, fullWidth, onColor }),\n        loading && 'ddga-button--loading',\n        className,\n      )}\n      {...props}\n    >\n      {loading && <Spinner aria-hidden=\"true\" />}\n      {!loading && startIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      )}\n      {asChild ? (\n        // children IS the consumer's single element (e.g. <Link>). Slottable\n        // marks where THAT element's original children should land , without\n        // it the icons would replace the link text entirely.\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children != null && children !== '' && <span className=\"ddga-button__text\">{children}</span>\n      )}\n      {!loading && endIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      )}\n    </Comp>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Button, buttonVariants };\nexport type { ButtonProps };\n"],"mappings":";;;;;;;;AAEA,OAA+B;AAC/B,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AAkHnC,SAmBc,KAnBd;AA5GJ,IAAM,iBAAiB,IAAI,eAAe;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,MACP,aAAa;AAAA;AAAA;AAAA,MAGb,uBAAuB;AAAA,MACvB,sBAAsB;AAAA,MACtB,qBAAqB;AAAA,IACvB;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA;AAAA,MAEJ,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,kBAAkB,CAAC;AAAA,EACnB,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AA8BD,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAgB;AAEd,QAAM,aACJ,SAAS,UAAU,SAAS,aAAa,SAAS,aAAa,SAAS;AAC1E,MAAI,QAAQ,IAAI,aAAa,iBAAiB,YAAY;AACxD,QAAI,CAAC,MAAM,YAAY,KAAK,CAAC,MAAM,iBAAiB,GAAG;AACrD,cAAQ;AAAA,QACN;AAAA,MAGF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,aAAa,YAAY;AAC/B,QAAM,OAAO,UAAU,cAAc,OAAO;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MAIE,GAAI,UAAU,CAAC,IAAI,EAAE,MAAM,UAAU,WAAW;AAAA,MAChD,GAAI,WAAW,aAAa,EAAE,UAAU,GAAG,IAAI,CAAC;AAAA,MAIjD,iBAAe,cAAc;AAAA,MAC7B,aAAW,WAAW;AAAA,MACtB,aAAU;AAAA,MACV,WAAW;AAAA,QACT,eAAe,EAAE,SAAS,MAAM,WAAW,QAAQ,CAAC;AAAA,QACpD,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,mBAAW,oBAAC,WAAQ,eAAY,QAAO;AAAA,QACvC,CAAC,WAAW,aACX,oBAAC,UAAK,WAAW,GAAG,qBAAqB,YAAY,gBAAgB,GAAG,eAAY,QACjF,qBACH;AAAA,QAED;AAAA;AAAA;AAAA;AAAA,UAIC,oBAAC,cAAc,WAAd,EAAyB,UAAS;AAAA,YAEnC,YAAY,QAAQ,aAAa,MAAM,oBAAC,UAAK,WAAU,qBAAqB,UAAS;AAAA,QAEtF,CAAC,WAAW,WACX,oBAAC,UAAK,WAAW,GAAG,qBAAqB,YAAY,gBAAgB,GAAG,eAAY,QACjF,mBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/{chunk-NJIMQWBC.js → chunk-GS7QTYLD.js}

@@ -1,10 +1,12 @@
 import {
+  AlertCircle,
+  Info,
   Minus,
   Plus
-} from "./chunk-CDS4SYEQ.js";
+} from "./chunk-FFGALWM2.js";
 import {
   FieldMessage
-} from "./chunk-E7WQI7PE.js";
+} from "./chunk-E5ZIKIGB.js";
 import {
   useFieldA11y
 } from "./chunk-HN5AFDQA.js";
@@ -19,16 +21,26 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var numberInputVariants = cva("ddga-number-input", {
   variants: {
     size: {
-      sm: "ddga-number-input--sm",
       md: "ddga-number-input--md",
       lg: "ddga-number-input--lg"
     },
+    variant: {
+      default: "ddga-number-input--default",
+      "filled-lighter": "ddga-number-input--filled-lighter",
+      "filled-darker": "ddga-number-input--filled-darker"
+    },
+    stepperVariant: {
+      solid: "",
+      subtle: "ddga-number-input--steppers-subtle"
+    },
     error: {
       true: "ddga-number-input--error"
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "lg",
+    variant: "default",
+    stepperVariant: "solid"
   }
 });
 function clamp(value, min, max) {
@@ -50,6 +62,8 @@ function NumberInput({
   max,
   step = 1,
   size,
+  variant,
+  stepperVariant,
   hideControls = false,
   decrementLabel = "Decrease",
   incrementLabel = "Increase",
@@ -59,6 +73,7 @@ function NumberInput({
   error,
   required,
   disabled,
+  readOnly,
   className,
   onBlur,
   onKeyDown,
@@ -71,6 +86,7 @@ function NumberInput({
   const allowDecimal = !Number.isInteger(step);
   const allowNegative = min == null || min < 0;
   const displayValue = draft ?? (numericValue == null ? "" : formatNumber(numericValue));
+  const locked = disabled || readOnly;
   const allowedPattern = new RegExp(
     `^${allowNegative ? "-?" : ""}\\d*${allowDecimal ? "(\\.\\d*)?" : ""}$`
   );
@@ -112,7 +128,7 @@ function NumberInput({
     setDraft(null);
   }
   function handleKeyDown(event) {
-    if (!disabled) {
+    if (!locked) {
       if (event.key === "ArrowUp") {
         event.preventDefault();
         stepBy(1);
@@ -127,26 +143,29 @@ function NumberInput({
   const atMax = max != null && numericValue != null && numericValue >= max;
   return /* @__PURE__ */ jsxs("div", { "data-slot": "number-input-field", className: "ddga-field", children: [
     label && /* @__PURE__ */ jsxs("label", { htmlFor: fieldId, className: "ddga-number-input__label", children: [
-      label,
-      required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-number-input__required", children: "*" })
+      required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-number-input__required", children: "*" }),
+      label
     ] }),
     /* @__PURE__ */ jsxs(
       "div",
       {
         "data-slot": "number-input-control",
-        className: cn(numberInputVariants({ size, error: hasError }), className),
+        className: cn(
+          numberInputVariants({ size, variant, stepperVariant, error: hasError }),
+          className
+        ),
         children: [
           !hideControls && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              "data-slot": "number-input-decrement",
-              className: "ddga-number-input__step ddga-number-input__step--decrement",
-              "aria-label": decrementLabel,
-              onClick: () => stepBy(-1),
-              disabled: disabled || atMin,
+              "data-slot": "number-input-increment",
+              className: "ddga-number-input__step ddga-number-input__step--increment",
+              "aria-label": incrementLabel,
+              onClick: () => stepBy(1),
+              disabled: locked || atMax,
               tabIndex: -1,
-              children: /* @__PURE__ */ jsx(Minus, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -159,6 +178,7 @@ function NumberInput({
               value: displayValue,
               required,
               disabled,
+              readOnly,
               onChange: handleChange,
               onBlur: handleBlur,
               onKeyDown: handleKeyDown,
@@ -170,20 +190,20 @@ function NumberInput({
             "button",
             {
               type: "button",
-              "data-slot": "number-input-increment",
-              className: "ddga-number-input__step ddga-number-input__step--increment",
-              "aria-label": incrementLabel,
-              onClick: () => stepBy(1),
-              disabled: disabled || atMax,
+              "data-slot": "number-input-decrement",
+              className: "ddga-number-input__step ddga-number-input__step--decrement",
+              "aria-label": decrementLabel,
+              onClick: () => stepBy(-1),
+              disabled: locked || atMin,
               tabIndex: -1,
-              children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx(Minus, { "aria-hidden": "true" })
             }
           )
         ]
       }
     ),
-    hasErrorMessage && /* @__PURE__ */ jsx(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ jsx(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+    hasErrorMessage && /* @__PURE__ */ jsx(FieldMessage, { id: errorId, variant: "error", icon: /* @__PURE__ */ jsx(AlertCircle, { width: 16, height: 16 }), children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx(FieldMessage, { id: helperId, variant: "helper", icon: /* @__PURE__ */ jsx(Info, { width: 16, height: 16 }), children: helperText })
   ] });
 }
 
@@ -191,4 +211,4 @@ export {
   numberInputVariants,
   NumberInput
 };
-//# sourceMappingURL=chunk-NJIMQWBC.js.map
+//# sourceMappingURL=chunk-GS7QTYLD.js.map

package/dist/chunk-GS7QTYLD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Plus, Minus, Info, AlertCircle } from '../../internal/icons';\n\n// Applied to the *control* (the bordered box housing the ＋ button, the field\n// and the − button). Aligned to DGA Platforms Code \"Number Input\": Medium 32 /\n// Large 40, three fill styles, gray-400 border — the same field model as\n// TextInput, plus the SDGA Input Prefix-Suffix ± steppers.\nconst numberInputVariants = cva('ddga-number-input', {\n  variants: {\n    size: {\n      md: 'ddga-number-input--md',\n      lg: 'ddga-number-input--lg',\n    },\n    variant: {\n      default: 'ddga-number-input--default',\n      'filled-lighter': 'ddga-number-input--filled-lighter',\n      'filled-darker': 'ddga-number-input--filled-darker',\n    },\n    stepperVariant: {\n      solid: '',\n      subtle: 'ddga-number-input--steppers-subtle',\n    },\n    error: {\n      true: 'ddga-number-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    variant: 'default',\n    stepperVariant: 'solid',\n  },\n});\n\ninterface NumberInputProps\n  extends\n    Omit<\n      React.ComponentProps<'input'>,\n      'value' | 'defaultValue' | 'onChange' | 'size' | 'type' | 'min' | 'max' | 'step'\n    >,\n    VariantProps<typeof numberInputVariants> {\n  /** Controlled value. `null` represents an empty field. */\n  value?: number | null;\n  /** Uncontrolled initial value. */\n  defaultValue?: number | null;\n  /** Fires with the parsed value, or `null` when the field is cleared. */\n  onValueChange?: (value: number | null) => void;\n\n  /** Lower bound. Clamped on blur and at the stepper buttons. */\n  min?: number;\n  /** Upper bound. Clamped on blur and at the stepper buttons. */\n  max?: number;\n  /** Stepper / ArrowUp-Down increment. Defaults to 1. */\n  step?: number;\n\n  /** Hide the ＋ / − buttons (keyboard + typing only). */\n  hideControls?: boolean;\n  /** Accessible label for the decrement button. Defaults to `'Decrease'`. */\n  decrementLabel?: string;\n  /** Accessible label for the increment button. Defaults to `'Increase'`. */\n  incrementLabel?: string;\n\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\nfunction clamp(value: number, min: number | undefined, max: number | undefined): number {\n  let next = value;\n  if (min != null) next = Math.max(min, next);\n  if (max != null) next = Math.min(max, next);\n  return next;\n}\n\n// `String(n)` switches to exponential notation for very small/large magnitudes\n// (e.g. `String(2e-7)` → \"2e-7\"), which looks broken in a field and contradicts\n// our input filter (which rejects \"e\"). Format to a plain decimal; values still\n// round to float64 precision (~15–17 sig digits) — arbitrary precision is out of scope.\nfunction formatNumber(value: number): string {\n  if (!Number.isFinite(value)) return '';\n  return value.toLocaleString('en-US', { useGrouping: false, maximumFractionDigits: 20 });\n}\n\nfunction NumberInput({\n  id: externalId,\n  value,\n  defaultValue,\n  onValueChange,\n  min,\n  max,\n  step = 1,\n  size,\n  variant,\n  stepperVariant,\n  hideControls = false,\n  decrementLabel = 'Decrease',\n  incrementLabel = 'Increase',\n  label,\n  helperText,\n  errorMessage,\n  error,\n  required,\n  disabled,\n  readOnly,\n  className,\n  onBlur,\n  onKeyDown,\n  ...props\n}: NumberInputProps) {\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<number | null>(defaultValue ?? null);\n  const numericValue = isControlled ? value : internal;\n\n  // While focused we keep the raw text so partial input (\"-\", \"1.\") survives a\n  // re-render; `null` means \"show the canonical numeric value\".\n  const [draft, setDraft] = useState<string | null>(null);\n\n  const allowDecimal = !Number.isInteger(step);\n  const allowNegative = min == null || min < 0;\n  const displayValue = draft ?? (numericValue == null ? '' : formatNumber(numericValue));\n  const locked = disabled || readOnly;\n\n  const allowedPattern = new RegExp(\n    `^${allowNegative ? '-?' : ''}\\\\d*${allowDecimal ? '(\\\\.\\\\d*)?' : ''}$`,\n  );\n\n  function commit(next: number | null) {\n    if (!isControlled) setInternal(next);\n    onValueChange?.(next);\n  }\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'NumberInput',\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  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const raw = event.target.value;\n    // Reject anything that isn't valid (possibly partial) numeric input;\n    // returning without a state update reverts the controlled input.\n    if (!allowedPattern.test(raw)) return;\n    setDraft(raw);\n    if (raw.trim() === '') {\n      commit(null);\n      return;\n    }\n    const parsed = Number(raw);\n    if (Number.isFinite(parsed)) commit(parsed);\n  }\n\n  function handleBlur(event: React.FocusEvent<HTMLInputElement>) {\n    if (numericValue != null) commit(clamp(numericValue, min, max));\n    setDraft(null);\n    onBlur?.(event);\n  }\n\n  function stepBy(direction: 1 | -1) {\n    const base = numericValue ?? (direction > 0 ? (min ?? 0) : (max ?? 0));\n    const next = clamp(base + direction * step, min, max);\n    // Avoid floating-point dust from repeated decimal steps (0.1 + 0.2…).\n    const rounded = allowDecimal ? Number(next.toFixed(10)) : next;\n    commit(rounded);\n    setDraft(null);\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n    if (!locked) {\n      if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        stepBy(1);\n      } else if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        stepBy(-1);\n      }\n    }\n    onKeyDown?.(event);\n  }\n\n  const atMin = min != null && numericValue != null && numericValue <= min;\n  const atMax = max != null && numericValue != null && numericValue >= max;\n\n  return (\n    <div data-slot=\"number-input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-number-input__label\">\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-number-input__required\">\n              *\n            </span>\n          )}\n          {label}\n        </label>\n      )}\n      <div\n        data-slot=\"number-input-control\"\n        className={cn(\n          numberInputVariants({ size, variant, stepperVariant, error: hasError }),\n          className,\n        )}\n      >\n        {/* SDGA default order: ＋ leads, − trails. */}\n        {!hideControls && (\n          <button\n            type=\"button\"\n            data-slot=\"number-input-increment\"\n            className=\"ddga-number-input__step ddga-number-input__step--increment\"\n            aria-label={incrementLabel}\n            onClick={() => stepBy(1)}\n            disabled={locked || atMax}\n            tabIndex={-1}\n          >\n            <Plus aria-hidden=\"true\" />\n          </button>\n        )}\n        <input\n          {...props}\n          {...controlProps}\n          // type=text (not number): we own the steppers and keep digits Latin +\n          // LTR regardless of locale, sidestepping the native spinner.\n          type=\"text\"\n          inputMode={allowDecimal ? 'decimal' : 'numeric'}\n          value={displayValue}\n          required={required}\n          disabled={disabled}\n          readOnly={readOnly}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          data-slot=\"number-input\"\n          className=\"ddga-number-input__field\"\n        />\n        {!hideControls && (\n          <button\n            type=\"button\"\n            data-slot=\"number-input-decrement\"\n            className=\"ddga-number-input__step ddga-number-input__step--decrement\"\n            aria-label={decrementLabel}\n            onClick={() => stepBy(-1)}\n            disabled={locked || atMin}\n            tabIndex={-1}\n          >\n            <Minus aria-hidden=\"true\" />\n          </button>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\" icon={<AlertCircle width={16} height={16} />}>\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\" icon={<Info width={16} height={16} />}>\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\nexport { NumberInput, numberInputVariants };\nexport type { NumberInputProps };\n"],"mappings":"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","names":[]}

package/dist/{chunk-D4ZUV7FD.cjs → chunk-GUI2LDJZ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
 
 
 var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
@@ -14,16 +14,9 @@ var _classvarianceauthority = require('class-variance-authority');
 var _jsxruntime = require('react/jsx-runtime');
 var switchVariants = _classvarianceauthority.cva.call(void 0, "ddga-switch", {
   variants: {
-    size: {
-      sm: "ddga-switch--sm",
-      md: "ddga-switch--md"
-    },
     error: {
       true: "ddga-switch--error"
     }
-  },
-  defaultVariants: {
-    size: "md"
   }
 });
 function Switch({
@@ -32,7 +25,6 @@ function Switch({
   helperText,
   errorMessage,
   error,
-  size,
   required,
   className,
   ...props
@@ -56,7 +48,7 @@ function Switch({
           ...controlProps,
           "data-slot": "switch",
           required,
-          className: _chunkV6MXOJQ4cjs.cn.call(void 0, switchVariants({ size, error: hasError }), className),
+          className: _chunkV6MXOJQ4cjs.cn.call(void 0, switchVariants({ error: hasError }), className),
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Switch.Thumb, { "data-slot": "switch-thumb", className: "ddga-switch__thumb" })
         }
       ),
@@ -65,8 +57,8 @@ function Switch({
         required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-switch__required", children: "*" })
       ] })
     ] }),
-    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
+    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
   ] });
 }
 
@@ -74,4 +66,4 @@ function Switch({
 
 
 exports.switchVariants = switchVariants; exports.Switch = Switch;
-//# sourceMappingURL=chunk-D4ZUV7FD.cjs.map
+//# sourceMappingURL=chunk-GUI2LDJZ.cjs.map

package/dist/chunk-GUI2LDJZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-GUI2LDJZ.cjs","../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACPA,mCAA0C;AAC1C,kEAAuC;AA0D7B,+CAAA;AAtDV,IAAM,eAAA,EAAiB,yCAAA,aAAI,EAAe;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC,CAAA;AAgBD,SAAS,MAAA,CAAO;AAAA,EACd,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgB;AACd,EAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,eAAA,EAAiB,SAAA,EAAW,aAAa,EAAA,EACrF,4CAAA;AAAa,IACX,IAAA,EAAM,QAAA;AAAA,IACN,EAAA,EAAI,UAAA;AAAA,IACJ,KAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA,EAAc,KAAA,CAAM,YAAY,CAAA;AAAA,IAChC,iBAAA,EAAmB,KAAA,CAAM,iBAAiB;AAAA,EAC5C,CAAC,CAAA;AAEH,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,WAAA,EAAU,cAAA,EAAe,SAAA,EAAU,YAAA,EACtC,QAAA,EAAA;AAAA,oBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,6BAAA;AAAA,QAAC,eAAA,CAAgB,IAAA;AAAA,QAAhB;AAAA,UACE,GAAG,KAAA;AAAA,UACH,GAAG,YAAA;AAAA,UACJ,WAAA,EAAU,QAAA;AAAA,UACV,QAAA;AAAA,UACA,SAAA,EAAW,kCAAA,cAAG,CAAe,EAAE,KAAA,EAAO,SAAS,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,UAE5D,QAAA,kBAAA,6BAAA,eAAC,CAAgB,KAAA,EAAhB,EAAsB,WAAA,EAAU,cAAA,EAAe,SAAA,EAAU,qBAAA,CAAqB;AAAA,QAAA;AAAA,MACjF,CAAA;AAAA,MACC,MAAA,mBACC,8BAAA,OAAC,EAAA,EAAM,OAAA,EAAS,OAAA,EAAS,SAAA,EAAU,oBAAA,EAChC,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,SAAA,mBACC,6BAAA,MAAC,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,IAAA,CAE3D;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,EAAA,CAEJ,CAAA;AAAA,IACC,gBAAA,mBACC,6BAAA,8BAAC,EAAA,EAAa,EAAA,EAAI,OAAA,EAAS,OAAA,EAAQ,OAAA,EAChC,QAAA,EAAA,aAAA,CACH,CAAA;AAAA,IAED,UAAA,mBACC,6BAAA,8BAAC,EAAA,EAAa,EAAA,EAAI,QAAA,EAAU,OAAA,EAAQ,QAAA,EACjC,QAAA,EAAA,WAAA,CACH;AAAA,EAAA,EAAA,CAEJ,CAAA;AAEJ;ADxBA;AACA;AACE;AACA;AACF,iEAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-GUI2LDJZ.cjs","sourcesContent":[null,"'use client';\n\nimport type { ReactNode } from 'react';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\nconst switchVariants = cva('ddga-switch', {\n  variants: {\n    error: {\n      true: 'ddga-switch--error',\n    },\n  },\n});\n\ninterface SwitchProps\n  extends\n    Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'children'>,\n    VariantProps<typeof switchVariants> {\n  /** Visible label, sits beside the track, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the row. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the row when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\nfunction Switch({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  required,\n  className,\n  ...props\n}: SwitchProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Switch',\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=\"switch-field\" className=\"ddga-field\">\n      <div className=\"ddga-switch-row\">\n        <SwitchPrimitive.Root\n          {...props}\n          {...controlProps}\n          data-slot=\"switch\"\n          required={required}\n          className={cn(switchVariants({ error: hasError }), className)}\n        >\n          <SwitchPrimitive.Thumb data-slot=\"switch-thumb\" className=\"ddga-switch__thumb\" />\n        </SwitchPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-switch__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-switch__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\nexport { Switch, switchVariants };\nexport type { SwitchProps };\n"]}

package/dist/chunk-GXF5IZEX.cjs

@@ -0,0 +1,264 @@
+"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 _chunk5NENDJOMcjs = require('./chunk-5NENDJOM.cjs');
+
+
+
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Card/Card.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var cardVariants = _classvarianceauthority.cva.call(void 0, "ddga-card", {
+  variants: {
+    variant: {
+      default: "ddga-card--default",
+      outline: "ddga-card--outline",
+      elevated: "ddga-card--elevated",
+      plain: "ddga-card--plain",
+      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"
+  }
+});
+var CardContext = _react.createContext.call(void 0, null);
+function Card({
+  variant,
+  padding,
+  orientation,
+  interactive,
+  asChild,
+  disabled,
+  selectable,
+  selected,
+  defaultSelected,
+  onSelectedChange,
+  expandable,
+  expanded,
+  defaultExpanded,
+  onExpandedChange,
+  expandLabel = "Toggle details",
+  className,
+  children,
+  onClick,
+  onKeyDown,
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && selectable) {
+    if (!props["aria-label"] && !props["aria-labelledby"]) {
+      console.warn(
+        "[@dev-dga/react] A selectable Card renders as a checkbox and needs an aria-label or aria-labelledby for screen-reader users."
+      );
+    }
+  }
+  const [internalSelected, setInternalSelected] = _react.useState.call(void 0, _nullishCoalesce(defaultSelected, () => ( false)));
+  const isSelected = _nullishCoalesce(selected, () => ( internalSelected));
+  const toggleSelected = () => {
+    if (disabled) return;
+    const next = !isSelected;
+    if (selected === void 0) setInternalSelected(next);
+    _optionalChain([onSelectedChange, 'optionalCall', _ => _(next)]);
+  };
+  const [internalExpanded, setInternalExpanded] = _react.useState.call(void 0, _nullishCoalesce(defaultExpanded, () => ( false)));
+  const isExpanded = _nullishCoalesce(expanded, () => ( internalExpanded));
+  const contentId = _react.useId.call(void 0, );
+  const toggleExpanded = () => {
+    if (disabled) return;
+    const next = !isExpanded;
+    if (expanded === void 0) setInternalExpanded(next);
+    _optionalChain([onExpandedChange, 'optionalCall', _2 => _2(next)]);
+  };
+  const hasExtras = selectable || expandable;
+  const Comp = asChild && !hasExtras ? _radixui.Slot.Slot : "div";
+  const selectableProps = selectable ? {
+    role: "checkbox",
+    "aria-checked": isSelected,
+    "aria-disabled": disabled || void 0,
+    tabIndex: disabled ? -1 : 0,
+    "data-state": isSelected ? "checked" : "unchecked",
+    onClick: (e) => {
+      toggleSelected();
+      _optionalChain([onClick, 'optionalCall', _3 => _3(e)]);
+    },
+    onKeyDown: (e) => {
+      if (e.key === " ") {
+        e.preventDefault();
+        toggleSelected();
+      }
+      _optionalChain([onKeyDown, 'optionalCall', _4 => _4(e)]);
+    }
+  } : (
+    // A bare `interactive` card (no asChild wrapper) is a whole-card click target →
+    // make it keyboard-operable and announced as a button, else it's mouse-only.
+    interactive && !expandable && !asChild ? {
+      role: "button",
+      "aria-disabled": disabled || void 0,
+      tabIndex: disabled ? -1 : 0,
+      onClick,
+      onKeyDown: (e) => {
+        if (!disabled && (e.key === "Enter" || e.key === " ")) {
+          e.preventDefault();
+          e.currentTarget.click();
+        }
+        _optionalChain([onKeyDown, 'optionalCall', _5 => _5(e)]);
+      }
+    } : { onClick, onKeyDown }
+  );
+  const card = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "card",
+      "data-orientation": _nullishCoalesce(orientation, () => ( "vertical")),
+      "data-disabled": disabled || void 0,
+      "data-expanded": expandable ? isExpanded : void 0,
+      "aria-disabled": disabled && !selectable ? true : void 0,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+        cardVariants({ variant, padding, orientation, interactive }),
+        disabled && "ddga-card--disabled",
+        selectable && "ddga-card--selectable",
+        expandable && "ddga-card--expandable",
+        className
+      ),
+      ...selectableProps,
+      ...props,
+      children: hasExtras ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        selectable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-card__select-indicator", "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: "ddga-card__checkbox",
+            "data-state": isSelected ? "checked" : "unchecked",
+            children: isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Check, { className: "ddga-card__checkbox-check" })
+          }
+        ) }),
+        children,
+        expandable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ddga-card__expand-row", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunk5NENDJOMcjs.Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            "aria-label": expandLabel,
+            "aria-expanded": isExpanded,
+            "aria-controls": contentId,
+            disabled,
+            onClick: toggleExpanded,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkYS2JJ73Mcjs.ChevronDown,
+              {
+                className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__chevron", isExpanded && "ddga-card__chevron--up")
+              }
+            )
+          }
+        ) })
+      ] }) : (
+        // Plain card: pass children straight through so `asChild` (Slot) still
+        // receives a single element.
+        children
+      )
+    }
+  );
+  return expandable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardContext.Provider, { value: { expanded: isExpanded, contentId }, children: card }) : card;
+}
+function CardImage({ aspectRatio = "16/9", className, style, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "img",
+    {
+      "data-slot": "card-image",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__image", className),
+      style: {
+        "--ddga-card-image-aspect": aspectRatio,
+        ...style
+      },
+      ...props
+    }
+  );
+}
+function CardHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "card-header", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__header", className), ...props });
+}
+function CardIcon({ asChild, featured, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "card-icon",
+      "aria-hidden": true,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__icon", featured && "ddga-card__icon--featured", className),
+      ...props
+    }
+  );
+}
+function CardTitle({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "h3";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "card-title", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__title", className), ...props });
+}
+function CardDescription({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "p";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "card-description",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__description", className),
+      ...props
+    }
+  );
+}
+function CardContent({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "card-content", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__content", className), ...props });
+}
+function CardFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "card-footer", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__footer", className), ...props });
+}
+function CardExpandableContent({ asChild, className, ...props }) {
+  const ctx = _react.useContext.call(void 0, CardContext);
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "card-expandable-content",
+      id: _optionalChain([ctx, 'optionalAccess', _6 => _6.contentId]),
+      hidden: ctx ? !ctx.expanded : void 0,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__expandable-content", className),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+
+exports.cardVariants = cardVariants; exports.Card = Card; exports.CardImage = CardImage; exports.CardHeader = CardHeader; exports.CardIcon = CardIcon; exports.CardTitle = CardTitle; exports.CardDescription = CardDescription; exports.CardContent = CardContent; exports.CardFooter = CardFooter; exports.CardExpandableContent = CardExpandableContent;
+//# sourceMappingURL=chunk-GXF5IZEX.cjs.map