@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-BS3UEJ5G.js

@@ -0,0 +1,98 @@
+import {
+  ExternalLink
+} from "./chunk-CDS4SYEQ.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Link/Link.tsx
+import "react";
+import { Slot as SlotPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var linkVariants = cva("ddga-link", {
+  variants: {
+    variant: {
+      // Inline links in running prose. Underlined always — color alone fails
+      // WCAG 1.4.1 when a link sits inside a block of text.
+      default: "ddga-link--default",
+      // Links in UI chrome (footers, meta rows) where context makes them
+      // obviously links: no underline until hover.
+      subtle: "ddga-link--subtle",
+      // Block-level CTAs ("Learn more →"): inline-flex with gapped icons,
+      // no underline. Not for mid-sentence use.
+      standalone: "ddga-link--standalone"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Link({
+  variant,
+  external,
+  startIcon,
+  endIcon,
+  iconFlip,
+  asChild,
+  className,
+  children,
+  rel,
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && !asChild && props.href == null) {
+    console.warn(
+      '[@dev-dga/react] Link rendered without an `href`. A link needs an href to be focusable and exposed as a link to assistive tech. Provide `href`, use `asChild` to render your own element (e.g. a router Link), or use `Button variant="ghost"` for an action that is not navigation.'
+    );
+  }
+  const Comp = asChild ? SlotPrimitive.Slot : "a";
+  const relValue = external ? Array.from(
+    /* @__PURE__ */ new Set([...rel ? rel.split(/\s+/).filter(Boolean) : [], "noopener", "noreferrer"])
+  ).join(" ") : rel;
+  const showExternalIcon = external && !endIcon;
+  return /* @__PURE__ */ jsxs(
+    Comp,
+    {
+      "data-slot": "link",
+      className: cn(linkVariants({ variant }), className),
+      rel: relValue,
+      ...props,
+      children: [
+        startIcon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("ddga-link__icon", iconFlip && "ddga-icon-flip"),
+            "data-slot": "link-start-icon",
+            "aria-hidden": "true",
+            children: startIcon
+          }
+        ),
+        asChild ? /* @__PURE__ */ jsx(SlotPrimitive.Slottable, { children }) : children,
+        endIcon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("ddga-link__icon", iconFlip && "ddga-icon-flip"),
+            "data-slot": "link-end-icon",
+            "aria-hidden": "true",
+            children: endIcon
+          }
+        ),
+        showExternalIcon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "ddga-link__icon ddga-link__icon--external",
+            "data-slot": "link-external-icon",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx(ExternalLink, {})
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  linkVariants,
+  Link
+};
+//# sourceMappingURL=chunk-BS3UEJ5G.js.map

package/dist/chunk-BS3UEJ5G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Link/Link.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 { ExternalLink } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst linkVariants = cva('ddga-link', {\n  variants: {\n    variant: {\n      // Inline links in running prose. Underlined always — color alone fails\n      // WCAG 1.4.1 when a link sits inside a block of text.\n      default: 'ddga-link--default',\n      // Links in UI chrome (footers, meta rows) where context makes them\n      // obviously links: no underline until hover.\n      subtle: 'ddga-link--subtle',\n      // Block-level CTAs (\"Learn more →\"): inline-flex with gapped icons,\n      // no underline. Not for mid-sentence use.\n      standalone: 'ddga-link--standalone',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface LinkProps extends React.ComponentProps<'a'>, VariantProps<typeof linkVariants> {\n  /**\n   * External link: appends a decorative ↗ icon and sets\n   * `rel=\"noopener noreferrer\"` (merged with any consumer `rel`). `target` is\n   * left to the consumer — forcing `_blank` is an a11y opinion best owned by\n   * the caller.\n   */\n  external?: boolean;\n  /** Leading icon (standalone-friendly). Decorative — rendered `aria-hidden`. */\n  startIcon?: ReactNode;\n  /**\n   * Trailing icon. Decorative. When both `external` and `endIcon` are set, the\n   * consumer's `endIcon` wins (the auto ↗ is suppressed).\n   */\n  endIcon?: ReactNode;\n  /**\n   * Flip start/end icons horizontally in RTL (for directional arrows/chevrons).\n   * Does NOT apply to the auto `external` icon, which is RTL-neutral by design\n   * (a symbolic \"leaves the site\" cue, not a directional glyph).\n   */\n  iconFlip?: boolean;\n  /**\n   * Render as the single child element instead of an `<a>`. Lets consumers\n   * compose with framework routers (`<Link asChild><RouterLink to=\"…\">…</RouterLink></Link>`).\n   * `Slottable` marks where the child's own content lands so the icons render\n   * around it. In this mode the href dev-warning is skipped — the consumer's\n   * element owns its attributes.\n   */\n  asChild?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Link({\n  variant,\n  external,\n  startIcon,\n  endIcon,\n  iconFlip,\n  asChild,\n  className,\n  children,\n  rel,\n  ...props\n}: LinkProps) {\n  // Dev-only: a non-asChild Link without an href isn't a real link (no role,\n  // not focusable). In asChild mode the consumer's element owns the href.\n  if (process.env.NODE_ENV === 'development' && !asChild && props.href == null) {\n    console.warn(\n      '[@dev-dga/react] Link rendered without an `href`. A link needs an href ' +\n        'to be focusable and exposed as a link to assistive tech. Provide `href`, ' +\n        'use `asChild` to render your own element (e.g. a router Link), or use ' +\n        '`Button variant=\"ghost\"` for an action that is not navigation.',\n    );\n  }\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n\n  // Merge external rel tokens with any consumer-provided rel, de-duplicated.\n  const relValue = external\n    ? Array.from(\n        new Set([...(rel ? rel.split(/\\s+/).filter(Boolean) : []), 'noopener', 'noreferrer']),\n      ).join(' ')\n    : rel;\n\n  const showExternalIcon = external && !endIcon;\n\n  return (\n    <Comp\n      data-slot=\"link\"\n      className={cn(linkVariants({ variant }), className)}\n      rel={relValue}\n      {...props}\n    >\n      {startIcon && (\n        <span\n          className={cn('ddga-link__icon', iconFlip && 'ddga-icon-flip')}\n          data-slot=\"link-start-icon\"\n          aria-hidden=\"true\"\n        >\n          {startIcon}\n        </span>\n      )}\n      {asChild ? <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable> : children}\n      {endIcon && (\n        <span\n          className={cn('ddga-link__icon', iconFlip && 'ddga-icon-flip')}\n          data-slot=\"link-end-icon\"\n          aria-hidden=\"true\"\n        >\n          {endIcon}\n        </span>\n      )}\n      {showExternalIcon && (\n        <span\n          className=\"ddga-link__icon ddga-link__icon--external\"\n          data-slot=\"link-external-icon\"\n          aria-hidden=\"true\"\n        >\n          <ExternalLink />\n        </span>\n      )}\n    </Comp>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Link, linkVariants };\nexport type { LinkProps };\n"],"mappings":";;;;;;;;AAEA,OAA+B;AAC/B,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AA+FnC,SAOI,KAPJ;AAzFJ,IAAM,eAAe,IAAI,aAAa;AAAA,EACpC,UAAU;AAAA,IACR,SAAS;AAAA;AAAA;AAAA,MAGP,SAAS;AAAA;AAAA;AAAA,MAGT,QAAQ;AAAA;AAAA;AAAA,MAGR,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAqCD,SAAS,KAAK;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AAGZ,MAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,WAAW,MAAM,QAAQ,MAAM;AAC5E,YAAQ;AAAA,MACN;AAAA,IAIF;AAAA,EACF;AAEA,QAAM,OAAO,UAAU,cAAc,OAAO;AAG5C,QAAM,WAAW,WACb,MAAM;AAAA,IACJ,oBAAI,IAAI,CAAC,GAAI,MAAM,IAAI,MAAM,KAAK,EAAE,OAAO,OAAO,IAAI,CAAC,GAAI,YAAY,YAAY,CAAC;AAAA,EACtF,EAAE,KAAK,GAAG,IACV;AAEJ,QAAM,mBAAmB,YAAY,CAAC;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,mBAAmB,YAAY,gBAAgB;AAAA,YAC7D,aAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QAED,UAAU,oBAAC,cAAc,WAAd,EAAyB,UAAS,IAA6B;AAAA,QAC1E,WACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,mBAAmB,YAAY,gBAAgB;AAAA,YAC7D,aAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QAED,oBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,aAAU;AAAA,YACV,eAAY;AAAA,YAEZ,8BAAC,gBAAa;AAAA;AAAA,QAChB;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-BS4PX23P.js

@@ -0,0 +1,102 @@
+import {
+  Close
+} from "./chunk-CDS4SYEQ.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Badge/Badge.tsx
+import { useState } from "react";
+import { Slot as SlotPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var badgeVariants = cva("ddga-badge", {
+  variants: {
+    variant: {
+      // Solid family
+      default: "ddga-badge--default",
+      primary: "ddga-badge--primary",
+      secondary: "ddga-badge--secondary",
+      destructive: "ddga-badge--destructive",
+      success: "ddga-badge--success",
+      warning: "ddga-badge--warning",
+      info: "ddga-badge--info",
+      // Subtle family (tonal)
+      "primary-subtle": "ddga-badge--primary-subtle",
+      "secondary-subtle": "ddga-badge--secondary-subtle",
+      "destructive-subtle": "ddga-badge--destructive-subtle",
+      "success-subtle": "ddga-badge--success-subtle",
+      "warning-subtle": "ddga-badge--warning-subtle",
+      "info-subtle": "ddga-badge--info-subtle",
+      // Outline
+      outline: "ddga-badge--outline"
+    },
+    size: {
+      sm: "ddga-badge--sm",
+      md: "ddga-badge--md"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+function Badge({
+  variant,
+  size,
+  asChild,
+  dot,
+  startIcon,
+  endIcon,
+  dismissible,
+  open,
+  onDismiss,
+  closeLabel = "Dismiss",
+  className,
+  children,
+  ...props
+}) {
+  const isControlled = open !== void 0;
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(true);
+  const isOpen = isControlled ? open : uncontrolledOpen;
+  if (process.env.NODE_ENV !== "production" && asChild && dismissible) {
+    console.warn(
+      "[Badge] `dismissible` is not supported with `asChild` because it would nest an interactive close button inside the consumer's element (invalid HTML). The close button will not render."
+    );
+  }
+  if (!isOpen) return null;
+  const Comp = asChild ? SlotPrimitive.Slot : "span";
+  const showClose = dismissible && !asChild;
+  const handleDismiss = () => {
+    if (!isControlled) setUncontrolledOpen(false);
+    onDismiss?.();
+  };
+  return /* @__PURE__ */ jsxs(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant, size }), className), ...props, children: [
+    dot ? /* @__PURE__ */ jsx("span", { className: "ddga-badge__dot", "aria-hidden": "true" }) : null,
+    startIcon ? /* @__PURE__ */ jsx("span", { className: "ddga-badge__icon", "aria-hidden": "true", children: startIcon }) : null,
+    asChild ? (
+      // children IS the consumer's single element (e.g. <a>). Slottable marks
+      // where THAT element's original children should land — without it the
+      // dot/icons would replace the link text.
+      /* @__PURE__ */ jsx(SlotPrimitive.Slottable, { children })
+    ) : children,
+    endIcon ? /* @__PURE__ */ jsx("span", { className: "ddga-badge__icon", "aria-hidden": "true", children: endIcon }) : null,
+    showClose ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "ddga-badge__close",
+        "aria-label": closeLabel,
+        onClick: handleDismiss,
+        "data-slot": "badge-close",
+        children: /* @__PURE__ */ jsx(Close, { "aria-hidden": "true" })
+      }
+    ) : null
+  ] });
+}
+
+export {
+  badgeVariants,
+  Badge
+};
+//# sourceMappingURL=chunk-BS4PX23P.js.map

package/dist/chunk-BS4PX23P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"sourcesContent":["'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 { Close } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\n// Three visual families:\n//   - solid:   filled background, white-on-color (high contrast, draws the eye)\n//   - subtle:  tinted background (color-100) + dark-color text (color-700/800)\n//   - outline: bordered, transparent\n// Subtle is the right default for table cells / dense UI where solid would be\n// visually loud. Solid is the right default for hero badges / single status pills.\nconst badgeVariants = cva('ddga-badge', {\n  variants: {\n    variant: {\n      // Solid family\n      default: 'ddga-badge--default',\n      primary: 'ddga-badge--primary',\n      secondary: 'ddga-badge--secondary',\n      destructive: 'ddga-badge--destructive',\n      success: 'ddga-badge--success',\n      warning: 'ddga-badge--warning',\n      info: 'ddga-badge--info',\n      // Subtle family (tonal)\n      'primary-subtle': 'ddga-badge--primary-subtle',\n      'secondary-subtle': 'ddga-badge--secondary-subtle',\n      'destructive-subtle': 'ddga-badge--destructive-subtle',\n      'success-subtle': 'ddga-badge--success-subtle',\n      'warning-subtle': 'ddga-badge--warning-subtle',\n      'info-subtle': 'ddga-badge--info-subtle',\n      // Outline\n      outline: 'ddga-badge--outline',\n    },\n    size: {\n      sm: 'ddga-badge--sm',\n      md: 'ddga-badge--md',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface BadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {\n  /** Render as the single child element instead of a `<span>` (see Button). */\n  asChild?: boolean;\n  /**\n   * Render a leading status dot. The dot inherits its color from `currentColor`\n   * so it tracks the badge's tone (subtle variants get a dark dot, solid get a\n   * white dot). Pair with `*-subtle` variants for the classic status pill.\n   * Coexists with `startIcon` — the dot lands first.\n   */\n  dot?: boolean;\n  /** Icon rendered before the badge text. Sized to the badge font (0.875em). */\n  startIcon?: ReactNode;\n  /** Icon rendered after the badge text. Sized to the badge font (0.875em). */\n  endIcon?: ReactNode;\n  /**\n   * Render a trailing close button — turns the badge into the DGA \"tag/chip\"\n   * pattern. Uncontrolled by default: the badge hides itself when the close\n   * button is clicked. Pass `open` to control visibility yourself.\n   *\n   * Not combinable with `asChild` — the consumer's slotted element (usually an\n   * `<a>`) would end up with an interactive `<button>` inside it, which is\n   * invalid HTML. In that combo the close button is suppressed and a dev\n   * warning is logged.\n   */\n  dismissible?: boolean;\n  /** Controlled visibility. When provided, `onDismiss` becomes the only signal. */\n  open?: boolean;\n  /** Fires when the close button is clicked, in both controlled and uncontrolled mode. */\n  onDismiss?: () => void;\n  /** Accessible label on the close button. Defaults to `\"Dismiss\"`. Override for i18n. */\n  closeLabel?: string;\n}\n\n// ─── 3. Component ─── //\n\nfunction Badge({\n  variant,\n  size,\n  asChild,\n  dot,\n  startIcon,\n  endIcon,\n  dismissible,\n  open,\n  onDismiss,\n  closeLabel = 'Dismiss',\n  className,\n  children,\n  ...props\n}: BadgeProps) {\n  const isControlled = open !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(true);\n  const isOpen = isControlled ? open : uncontrolledOpen;\n\n  if (process.env.NODE_ENV !== 'production' && asChild && dismissible) {\n    console.warn(\n      \"[Badge] `dismissible` is not supported with `asChild` because it would nest an interactive close button inside the consumer's element (invalid HTML). The close button will not render.\",\n    );\n  }\n\n  if (!isOpen) return null;\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'span';\n  const showClose = dismissible && !asChild;\n\n  const handleDismiss = () => {\n    if (!isControlled) setUncontrolledOpen(false);\n    onDismiss?.();\n  };\n\n  return (\n    <Comp data-slot=\"badge\" className={cn(badgeVariants({ variant, size }), className)} {...props}>\n      {dot ? <span className=\"ddga-badge__dot\" aria-hidden=\"true\" /> : null}\n      {startIcon ? (\n        <span className=\"ddga-badge__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      {asChild ? (\n        // children IS the consumer's single element (e.g. <a>). Slottable marks\n        // where THAT element's original children should land — without it the\n        // dot/icons would replace the link text.\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children\n      )}\n      {endIcon ? (\n        <span className=\"ddga-badge__icon\" aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      ) : null}\n      {showClose ? (\n        <button\n          type=\"button\"\n          className=\"ddga-badge__close\"\n          aria-label={closeLabel}\n          onClick={handleDismiss}\n          data-slot=\"badge-close\"\n        >\n          <Close aria-hidden=\"true\" />\n        </button>\n      ) : null}\n    </Comp>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Badge, badgeVariants };\nexport type { BadgeProps };\n"],"mappings":";;;;;;;;AAEA,SAAS,gBAAgC;AACzC,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AAqHnC,SACS,KADT;AAzGJ,IAAM,gBAAgB,IAAI,cAAc;AAAA,EACtC,UAAU;AAAA,IACR,SAAS;AAAA;AAAA,MAEP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA;AAAA,MAEN,kBAAkB;AAAA,MAClB,oBAAoB;AAAA,MACpB,sBAAsB;AAAA,MACtB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,eAAe;AAAA;AAAA,MAEf,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAuCD,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,eAAe,SAAS;AAC9B,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,IAAI;AAC7D,QAAM,SAAS,eAAe,OAAO;AAErC,MAAI,QAAQ,IAAI,aAAa,gBAAgB,WAAW,aAAa;AACnE,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEA,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,QAAM,YAAY,eAAe,CAAC;AAElC,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC,aAAc,qBAAoB,KAAK;AAC5C,gBAAY;AAAA,EACd;AAEA,SACE,qBAAC,QAAK,aAAU,SAAQ,WAAW,GAAG,cAAc,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OACrF;AAAA,UAAM,oBAAC,UAAK,WAAU,mBAAkB,eAAY,QAAO,IAAK;AAAA,IAChE,YACC,oBAAC,UAAK,WAAU,oBAAmB,eAAY,QAC5C,qBACH,IACE;AAAA,IACH;AAAA;AAAA;AAAA;AAAA,MAIC,oBAAC,cAAc,WAAd,EAAyB,UAAS;AAAA,QAEnC;AAAA,IAED,UACC,oBAAC,UAAK,WAAU,oBAAmB,eAAY,QAC5C,mBACH,IACE;AAAA,IACH,YACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAY;AAAA,QACZ,SAAS;AAAA,QACT,aAAU;AAAA,QAEV,8BAAC,SAAM,eAAY,QAAO;AAAA;AAAA,IAC5B,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/chunk-BUEGZ2DV.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-BUEGZ2DV.cjs.map

package/dist/chunk-BUEGZ2DV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BUEGZ2DV.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BUEGZ2DV.cjs"}

package/dist/chunk-BXRQ6HEP.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-BXRQ6HEP.cjs.map

package/dist/chunk-BXRQ6HEP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BXRQ6HEP.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BXRQ6HEP.cjs"}

package/dist/chunk-C3YKGPQM.cjs

@@ -0,0 +1,84 @@
+"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/Textarea/Textarea.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var textareaVariants = _classvarianceauthority.cva.call(void 0, "ddga-textarea", {
+  variants: {
+    size: {
+      sm: "ddga-textarea--sm",
+      md: "ddga-textarea--md",
+      lg: "ddga-textarea--lg"
+    },
+    error: {
+      true: "ddga-textarea--error"
+    },
+    // Horizontal/both resize breaks form layout (same reason it's not the
+    // default) , only vertical or locked are offered.
+    resize: {
+      vertical: "ddga-textarea--resize-vertical",
+      none: "ddga-textarea--resize-none"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    resize: "vertical"
+  }
+});
+function Textarea({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  resize,
+  required,
+  rows = 3,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
+    name: "Textarea",
+    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": "textarea-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { htmlFor: fieldId, className: "ddga-textarea__label", children: [
+      label,
+      required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-textarea__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "textarea",
+      {
+        ...props,
+        ...controlProps,
+        "data-slot": "textarea",
+        rows,
+        required,
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, textareaVariants({ size, error: hasError, resize }), className)
+      }
+    ),
+    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.textareaVariants = textareaVariants; exports.Textarea = Textarea;
+//# sourceMappingURL=chunk-C3YKGPQM.cjs.map

package/dist/chunk-C3YKGPQM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-C3YKGPQM.cjs","../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACPA,kEAAuC;AA8E/B,+CAAA;AArER,IAAM,iBAAA,EAAmB,yCAAA,eAAI,EAAiB;AAAA,EAC5C,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAA;AAAA,MACJ,EAAA,EAAI,mBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,IACR,CAAA;AAAA;AAAA;AAAA,IAGA,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,gCAAA;AAAA,MACV,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;AAoBD,SAAS,QAAA,CAAS;AAAA,EAChB,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO,CAAA;AAAA,EACP,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,eAAA,EAAiB,SAAA,EAAW,aAAa,EAAA,EACrF,4CAAA;AAAa,IACX,IAAA,EAAM,UAAA;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,gBAAA,EAAiB,SAAA,EAAU,YAAA,EACvC,QAAA,EAAA;AAAA,IAAA,MAAA,mBACC,8BAAA,OAAC,EAAA,EAAM,OAAA,EAAS,OAAA,EAAS,SAAA,EAAU,sBAAA,EAChC,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MACA,SAAA,mBACC,6BAAA,MAAC,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,yBAAA,EAA0B,QAAA,EAAA,IAAA,CAE7D;AAAA,IAAA,EAAA,CAEJ,CAAA;AAAA,oBAEF,6BAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QAGE,GAAG,KAAA;AAAA,QACH,GAAG,YAAA;AAAA,QACJ,WAAA,EAAU,UAAA;AAAA,QACV,IAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA,EAAW,kCAAA,gBAAG,CAAiB,EAAE,IAAA,EAAM,KAAA,EAAO,QAAA,EAAU,OAAO,CAAC,CAAA,EAAG,SAAS;AAAA,MAAA;AAAA,IAC9E,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;ADlCA;AACA;AACE;AACA;AACF,yEAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-C3YKGPQM.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 <textarea> directly: unlike Input there are no adornments,\n// so the field owns its own border / focus ring / state styling , no\n// control wrapper needed.\nconst textareaVariants = cva('ddga-textarea', {\n  variants: {\n    size: {\n      sm: 'ddga-textarea--sm',\n      md: 'ddga-textarea--md',\n      lg: 'ddga-textarea--lg',\n    },\n    error: {\n      true: 'ddga-textarea--error',\n    },\n    // Horizontal/both resize breaks form layout (same reason it's not the\n    // default) , only vertical or locked are offered.\n    resize: {\n      vertical: 'ddga-textarea--resize-vertical',\n      none: 'ddga-textarea--resize-none',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    resize: 'vertical',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// `<textarea>` has no native `size` attribute (unlike `<input>`), so the\n// cva `size` variant doesn't collide , no `Omit` needed.\ninterface TextareaProps\n  extends React.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {\n  /** Visible field label, auto-associated to the textarea via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Textarea({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  resize,\n  required,\n  rows = 3,\n  className,\n  ...props\n}: TextareaProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Textarea',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  return (\n    <div data-slot=\"textarea-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-textarea__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-textarea__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <textarea\n        // Spread props first, then the a11y contract (controlProps) so a\n        // consumer cannot accidentally clobber the wiring.\n        {...props}\n        {...controlProps}\n        data-slot=\"textarea\"\n        rows={rows}\n        required={required}\n        className={cn(textareaVariants({ size, error: hasError, resize }), className)}\n      />\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Textarea, textareaVariants };\nexport type { TextareaProps };\n"]}

package/dist/chunk-C7NUL5CA.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-C7NUL5CA.cjs.map

package/dist/chunk-C7NUL5CA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-C7NUL5CA.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-C7NUL5CA.cjs"}

package/dist/chunk-CBCUQUHI.cjs

@@ -0,0 +1,114 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
+
+
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Radio/Radio.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var radioGroupVariants = _classvarianceauthority.cva.call(void 0, "ddga-radio-group", {
+  variants: {
+    size: {
+      sm: "ddga-radio-group--sm",
+      md: "ddga-radio-group--md"
+    },
+    orientation: {
+      vertical: "ddga-radio-group--vertical",
+      horizontal: "ddga-radio-group--horizontal"
+    },
+    error: {
+      true: "ddga-radio-group--error"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    orientation: "vertical"
+  }
+});
+var radioVariants = _classvarianceauthority.cva.call(void 0, "ddga-radio");
+function RadioGroup({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  orientation,
+  required,
+  className,
+  children,
+  ...props
+}) {
+  const { errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps, fieldId } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
+    name: "RadioGroup",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  const labelId = `${fieldId}-label`;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "radio-group-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { id: labelId, className: "ddga-radio-group__label", children: [
+      label,
+      required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-radio-group__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.RadioGroup.Root,
+      {
+        ...props,
+        "aria-invalid": controlProps["aria-invalid"],
+        "aria-describedby": controlProps["aria-describedby"],
+        "aria-labelledby": label ? labelId : props["aria-labelledby"],
+        orientation: orientation === "horizontal" ? "horizontal" : "vertical",
+        required,
+        "data-slot": "radio-group",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, radioGroupVariants({ size, orientation, error: hasError }), className),
+        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 })
+  ] });
+}
+function Radio({ id: externalId, label, className, ...props }) {
+  const generatedId = _react.useId.call(void 0, );
+  const itemId = _nullishCoalesce(externalId, () => ( generatedId));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-radio-row", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.RadioGroup.Item,
+      {
+        ...props,
+        id: itemId,
+        "data-slot": "radio",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, radioVariants(), className),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _radixui.RadioGroup.Indicator,
+          {
+            "data-slot": "radio-indicator",
+            className: "ddga-radio__indicator",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-radio__dot", "aria-hidden": "true" })
+          }
+        )
+      }
+    ),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: itemId, className: "ddga-radio__label", children: label })
+  ] });
+}
+
+
+
+
+
+
+exports.radioGroupVariants = radioGroupVariants; exports.radioVariants = radioVariants; exports.RadioGroup = RadioGroup; exports.Radio = Radio;
+//# sourceMappingURL=chunk-CBCUQUHI.cjs.map

package/dist/chunk-CBCUQUHI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CBCUQUHI.cjs","../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,8BAAsC;AACtC,mCAAkD;AAClD,kEAAuC;AAiG/B,+CAAA;AAvFR,IAAM,mBAAA,EAAqB,yCAAA,kBAAI,EAAoB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,sBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,WAAA,EAAa;AAAA,MACX,QAAA,EAAU,4BAAA;AAAA,MACV,UAAA,EAAY;AAAA,IACd,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;AAID,IAAM,cAAA,EAAgB,yCAAA,YAAgB,CAAA;AAiCtC,SAAS,UAAA,CAAW;AAAA,EAClB,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,eAAA,EAAiB,SAAA,EAAW,YAAA,EAAc,QAAQ,EAAA,EACrF,4CAAA;AAAa,IACX,IAAA,EAAM,YAAA;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;AAIH,EAAA,MAAM,QAAA,EAAU,CAAA,EAAA;AAGd,EAAA;AAEI,IAAA;AACG,MAAA;AAEC,MAAA;AAIJ,IAAA;AAEF,oBAAA;AAAC,MAAA;AAAA,MAAA;AACK,QAAA;AACJ,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACW,QAAA;AAEV,QAAA;AAAA,MAAA;AACH,IAAA;AACC,IAAA;AAMC,IAAA;AAIJ,EAAA;AAEJ;AAEiB;AAET,EAAA;AACS,EAAA;AAEb,EAAA;AACE,oBAAA;AAAC,MAAA;AAAA,MAAA;AAGK,QAAA;AACA,QAAA;AACJ,QAAA;AACW,QAAA;AAEX,QAAA;AAAC,UAAA;AAAA,UAAA;AACC,YAAA;AACA,YAAA;AAEA,YAAA;AAAqD,UAAA;AACvD,QAAA;AAAA,MAAA;AACF,IAAA;AAEE,IAAA;AAIJ,EAAA;AAEJ;AD1DmB;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CBCUQUHI.cjs","sourcesContent":[null,"'use client';\n\nimport { useId, type ReactNode } from 'react';\nimport { RadioGroup as RadioGroupPrimitive } 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\n// Applied to the Radix RadioGroup.Root (role=radiogroup). Owns size,\n// orientation, and the error class , child <Radio>s pick up size + error\n// via CSS cascade from `.ddga-radio-group--sm` / `.ddga-radio-group--error`\n// (one source of truth on the group, not threaded through items).\nconst radioGroupVariants = cva('ddga-radio-group', {\n  variants: {\n    size: {\n      sm: 'ddga-radio-group--sm',\n      md: 'ddga-radio-group--md',\n    },\n    orientation: {\n      vertical: 'ddga-radio-group--vertical',\n      horizontal: 'ddga-radio-group--horizontal',\n    },\n    error: {\n      true: 'ddga-radio-group--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    orientation: 'vertical',\n  },\n});\n\n// Applied to the Radix RadioGroup.Item (role=radio). No variants here ,\n// size / error cascade from the group; per-item disabled is native.\nconst radioVariants = cva('ddga-radio');\n\n// ─── 2. Types ─── //\n\n// Group: omit Radix's `orientation` so we can re-narrow it to our two\n// supported values (Radix accepts a wider set we don't need exposed).\ninterface RadioGroupProps\n  extends\n    Omit<React.ComponentProps<typeof RadioGroupPrimitive.Root>, 'children' | 'orientation'>,\n    Pick<VariantProps<typeof radioGroupVariants>, 'size' | 'orientation'> {\n  /** Group label, sits above the rows. Associated to the group via aria-labelledby. */\n  label?: ReactNode;\n  /** Hint shown below the group. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the group when `error` is true (or when only `errorMessage` is set). */\n  errorMessage?: ReactNode;\n  /** Marks the group invalid: sets aria-invalid and applies error styling. */\n  error?: boolean;\n  /** `<Radio>` children. */\n  children: ReactNode;\n}\n\n// Item: omit children (the indicator is internal).\ninterface RadioProps extends Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n  'children'\n> {\n  /** Visible label for this radio, sits beside the circle, associated via htmlFor/id. */\n  label?: ReactNode;\n}\n\n// ─── 3. Components ─── //\n\nfunction RadioGroup({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  orientation,\n  required,\n  className,\n  children,\n  ...props\n}: RadioGroupProps) {\n  const { errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps, fieldId } =\n    useFieldA11y({\n      name: 'RadioGroup',\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  // The group itself isn't a focusable form control , consumers don't need\n  // `id` on the role=radiogroup, and `htmlFor`/`<label>` doesn't apply.\n  // Associate the visible label via aria-labelledby instead.\n  const labelId = `${fieldId}-label`;\n\n  return (\n    <div data-slot=\"radio-group-field\" className=\"ddga-field\">\n      {label && (\n        <span id={labelId} className=\"ddga-radio-group__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-radio-group__required\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n      <RadioGroupPrimitive.Root\n        {...props}\n        aria-invalid={controlProps['aria-invalid']}\n        aria-describedby={controlProps['aria-describedby']}\n        aria-labelledby={label ? labelId : props['aria-labelledby']}\n        orientation={orientation === 'horizontal' ? 'horizontal' : 'vertical'}\n        required={required}\n        data-slot=\"radio-group\"\n        className={cn(radioGroupVariants({ size, orientation, error: hasError }), className)}\n      >\n        {children}\n      </RadioGroupPrimitive.Root>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\nfunction Radio({ id: externalId, label, className, ...props }: RadioProps) {\n  // useId() is SSR-safe; pair the Item id with its <label htmlFor>.\n  const generatedId = useId();\n  const itemId = externalId ?? generatedId;\n  return (\n    <div className=\"ddga-radio-row\">\n      <RadioGroupPrimitive.Item\n        // Spread props first, then our id last so a consumer can't clobber\n        // the label/control association by accident.\n        {...props}\n        id={itemId}\n        data-slot=\"radio\"\n        className={cn(radioVariants(), className)}\n      >\n        <RadioGroupPrimitive.Indicator\n          data-slot=\"radio-indicator\"\n          className=\"ddga-radio__indicator\"\n        >\n          <span className=\"ddga-radio__dot\" aria-hidden=\"true\" />\n        </RadioGroupPrimitive.Indicator>\n      </RadioGroupPrimitive.Item>\n      {label && (\n        <label htmlFor={itemId} className=\"ddga-radio__label\">\n          {label}\n        </label>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { RadioGroup, Radio, radioGroupVariants, radioVariants };\nexport type { RadioGroupProps, RadioProps };\n"]}

package/dist/chunk-CCQQSWK7.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-CCQQSWK7.cjs.map

package/dist/chunk-CCQQSWK7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CCQQSWK7.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CCQQSWK7.cjs"}