rothzerg-ui 0.1.0

package/dist/components/progress/Progress.cjs

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("../../node_modules/@radix-ui/react-progress/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css               */
+const Progress = React.forwardRef(
+  ({
+    className,
+    value = 0,
+    variant = "default",
+    size = "md",
+    striped = false,
+    indeterminate = false,
+    label,
+    showValue = false,
+    max = 100,
+    ...props
+  }, ref) => {
+    const clampedValue = indeterminate ? null : Math.min(Math.max(value, 0), max);
+    const percentage = clampedValue != null ? clampedValue / max * 100 : 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-progress", className), children: [
+      (label || showValue) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-progress__header", children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-progress__label", children: label }),
+        showValue && !indeterminate && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-progress__value", children: [
+          Math.round(percentage),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        index.Root,
+        {
+          ref,
+          value: clampedValue,
+          max,
+          className: cn.cn(
+            "rz-progress__track",
+            size !== "md" && `rz-progress--${size}`,
+            indeterminate && "rz-progress--indeterminate"
+          ),
+          ...props,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            index.Indicator,
+            {
+              className: cn.cn(
+                "rz-progress__indicator",
+                variant !== "default" && `rz-progress--${variant}`,
+                striped && "rz-progress--striped"
+              ),
+              style: !indeterminate ? { transform: `translateX(-${100 - percentage}%)` } : void 0
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+Progress.displayName = "Progress";
+exports.Progress = Progress;
+//# sourceMappingURL=Progress.cjs.map

package/dist/components/progress/Progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.cjs","sources":["../../../src/components/progress/Progress.tsx"],"sourcesContent":["import React from 'react';\nimport * as ProgressPrimitive from '@radix-ui/react-progress';\nimport { cn } from '../../utils/cn';\nimport './progress.css';\n\nexport interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {\n  variant?: 'default' | 'success' | 'warning' | 'destructive';\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /** Show stripe pattern on the bar */\n  striped?: boolean;\n  /** Show indeterminate animation (infinite loop) */\n  indeterminate?: boolean;\n  /** Label displayed above the progress bar */\n  label?: string;\n  /** Show the current value as text (e.g. \"45%\") */\n  showValue?: boolean;\n}\n\n/**\n * Progress\n *\n * A progress bar indicating task completion.\n * Supports determinate (value) and indeterminate (loading) modes.\n *\n * @example\n * <Progress value={65} label=\"Uploading...\" showValue />\n * <Progress indeterminate />\n */\nexport const Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(\n  (\n    {\n      className,\n      value = 0,\n      variant = 'default',\n      size = 'md',\n      striped = false,\n      indeterminate = false,\n      label,\n      showValue = false,\n      max = 100,\n      ...props\n    },\n    ref,\n  ) => {\n    const clampedValue = indeterminate ? null : Math.min(Math.max(value!, 0), max);\n    const percentage = clampedValue != null ? (clampedValue / max) * 100 : 0;\n\n    return (\n      <div className={cn('rz-progress', className)}>\n        {(label || showValue) && (\n          <div className=\"rz-progress__header\">\n            {label && <span className=\"rz-progress__label\">{label}</span>}\n            {showValue && !indeterminate && (\n              <span className=\"rz-progress__value\">{Math.round(percentage)}%</span>\n            )}\n          </div>\n        )}\n        <ProgressPrimitive.Root\n          ref={ref}\n          value={clampedValue}\n          max={max}\n          className={cn(\n            'rz-progress__track',\n            size !== 'md' && `rz-progress--${size}`,\n            indeterminate && 'rz-progress--indeterminate',\n          )}\n          {...props}\n        >\n          <ProgressPrimitive.Indicator\n            className={cn(\n              'rz-progress__indicator',\n              variant !== 'default' && `rz-progress--${variant}`,\n              striped && 'rz-progress--striped',\n            )}\n            style={\n              !indeterminate\n                ? { transform: `translateX(-${100 - percentage}%)` }\n                : undefined\n            }\n          />\n        </ProgressPrimitive.Root>\n      </div>\n    );\n  },\n);\n\nProgress.displayName = 'Progress';\n"],"names":["cn","jsxs","jsx","ProgressPrimitive.Root","ProgressPrimitive.Indicator"],"mappings":";;;;;;;AA4BO,MAAM,WAAW,MAAM;AAAA,EAI5B,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB;AAAA,IACA,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,eAAe,gBAAgB,OAAO,KAAK,IAAI,KAAK,IAAI,OAAQ,CAAC,GAAG,GAAG;AAC7E,UAAM,aAAa,gBAAgB,OAAQ,eAAe,MAAO,MAAM;AAEvE,2CACG,OAAA,EAAI,WAAWA,GAAAA,GAAG,eAAe,SAAS,GACvC,UAAA;AAAA,OAAA,SAAS,cACTC,2BAAAA,KAAC,OAAA,EAAI,WAAU,uBACZ,UAAA;AAAA,QAAA,SAASC,2BAAAA,IAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA,OAAM;AAAA,QACrD,aAAa,CAAC,iBACbD,2BAAAA,KAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA;AAAA,UAAA,KAAK,MAAM,UAAU;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,GAElE;AAAA,MAEFC,2BAAAA;AAAAA,QAACC,MAAAA;AAAAA,QAAA;AAAA,UACC;AAAA,UACA,OAAO;AAAA,UACP;AAAA,UACA,WAAWH,GAAAA;AAAAA,YACT;AAAA,YACA,SAAS,QAAQ,gBAAgB,IAAI;AAAA,YACrC,iBAAiB;AAAA,UAAA;AAAA,UAElB,GAAG;AAAA,UAEJ,UAAAE,2BAAAA;AAAAA,YAACE,MAAAA;AAAAA,YAAA;AAAA,cACC,WAAWJ,GAAAA;AAAAA,gBACT;AAAA,gBACA,YAAY,aAAa,gBAAgB,OAAO;AAAA,gBAChD,WAAW;AAAA,cAAA;AAAA,cAEb,OACE,CAAC,gBACG,EAAE,WAAW,eAAe,MAAM,UAAU,SAC5C;AAAA,YAAA;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;;"}

package/dist/components/progress/Progress.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+export interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
+    variant?: 'default' | 'success' | 'warning' | 'destructive';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Show stripe pattern on the bar */
+    striped?: boolean;
+    /** Show indeterminate animation (infinite loop) */
+    indeterminate?: boolean;
+    /** Label displayed above the progress bar */
+    label?: string;
+    /** Show the current value as text (e.g. "45%") */
+    showValue?: boolean;
+}
+/**
+ * Progress
+ *
+ * A progress bar indicating task completion.
+ * Supports determinate (value) and indeterminate (loading) modes.
+ *
+ * @example
+ * <Progress value={65} label="Uploading..." showValue />
+ * <Progress indeterminate />
+ */
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Progress.d.ts.map

package/dist/components/progress/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IAClG,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;IAC5D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,sFA2DpB,CAAC"}

package/dist/components/progress/Progress.js

@@ -0,0 +1,61 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Root, Indicator } from "../../node_modules/@radix-ui/react-progress/dist/index.js";
+import { cn } from "../../utils/cn.js";
+/* empty css             */
+const Progress = React__default.forwardRef(
+  ({
+    className,
+    value = 0,
+    variant = "default",
+    size = "md",
+    striped = false,
+    indeterminate = false,
+    label,
+    showValue = false,
+    max = 100,
+    ...props
+  }, ref) => {
+    const clampedValue = indeterminate ? null : Math.min(Math.max(value, 0), max);
+    const percentage = clampedValue != null ? clampedValue / max * 100 : 0;
+    return /* @__PURE__ */ jsxs("div", { className: cn("rz-progress", className), children: [
+      (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "rz-progress__header", children: [
+        label && /* @__PURE__ */ jsx("span", { className: "rz-progress__label", children: label }),
+        showValue && !indeterminate && /* @__PURE__ */ jsxs("span", { className: "rz-progress__value", children: [
+          Math.round(percentage),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Root,
+        {
+          ref,
+          value: clampedValue,
+          max,
+          className: cn(
+            "rz-progress__track",
+            size !== "md" && `rz-progress--${size}`,
+            indeterminate && "rz-progress--indeterminate"
+          ),
+          ...props,
+          children: /* @__PURE__ */ jsx(
+            Indicator,
+            {
+              className: cn(
+                "rz-progress__indicator",
+                variant !== "default" && `rz-progress--${variant}`,
+                striped && "rz-progress--striped"
+              ),
+              style: !indeterminate ? { transform: `translateX(-${100 - percentage}%)` } : void 0
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+Progress.displayName = "Progress";
+export {
+  Progress
+};
+//# sourceMappingURL=Progress.js.map

package/dist/components/progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sources":["../../../src/components/progress/Progress.tsx"],"sourcesContent":["import React from 'react';\nimport * as ProgressPrimitive from '@radix-ui/react-progress';\nimport { cn } from '../../utils/cn';\nimport './progress.css';\n\nexport interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {\n  variant?: 'default' | 'success' | 'warning' | 'destructive';\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /** Show stripe pattern on the bar */\n  striped?: boolean;\n  /** Show indeterminate animation (infinite loop) */\n  indeterminate?: boolean;\n  /** Label displayed above the progress bar */\n  label?: string;\n  /** Show the current value as text (e.g. \"45%\") */\n  showValue?: boolean;\n}\n\n/**\n * Progress\n *\n * A progress bar indicating task completion.\n * Supports determinate (value) and indeterminate (loading) modes.\n *\n * @example\n * <Progress value={65} label=\"Uploading...\" showValue />\n * <Progress indeterminate />\n */\nexport const Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  ProgressProps\n>(\n  (\n    {\n      className,\n      value = 0,\n      variant = 'default',\n      size = 'md',\n      striped = false,\n      indeterminate = false,\n      label,\n      showValue = false,\n      max = 100,\n      ...props\n    },\n    ref,\n  ) => {\n    const clampedValue = indeterminate ? null : Math.min(Math.max(value!, 0), max);\n    const percentage = clampedValue != null ? (clampedValue / max) * 100 : 0;\n\n    return (\n      <div className={cn('rz-progress', className)}>\n        {(label || showValue) && (\n          <div className=\"rz-progress__header\">\n            {label && <span className=\"rz-progress__label\">{label}</span>}\n            {showValue && !indeterminate && (\n              <span className=\"rz-progress__value\">{Math.round(percentage)}%</span>\n            )}\n          </div>\n        )}\n        <ProgressPrimitive.Root\n          ref={ref}\n          value={clampedValue}\n          max={max}\n          className={cn(\n            'rz-progress__track',\n            size !== 'md' && `rz-progress--${size}`,\n            indeterminate && 'rz-progress--indeterminate',\n          )}\n          {...props}\n        >\n          <ProgressPrimitive.Indicator\n            className={cn(\n              'rz-progress__indicator',\n              variant !== 'default' && `rz-progress--${variant}`,\n              striped && 'rz-progress--striped',\n            )}\n            style={\n              !indeterminate\n                ? { transform: `translateX(-${100 - percentage}%)` }\n                : undefined\n            }\n          />\n        </ProgressPrimitive.Root>\n      </div>\n    );\n  },\n);\n\nProgress.displayName = 'Progress';\n"],"names":["React","ProgressPrimitive.Root","ProgressPrimitive.Indicator"],"mappings":";;;;;AA4BO,MAAM,WAAWA,eAAM;AAAA,EAI5B,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB;AAAA,IACA,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,eAAe,gBAAgB,OAAO,KAAK,IAAI,KAAK,IAAI,OAAQ,CAAC,GAAG,GAAG;AAC7E,UAAM,aAAa,gBAAgB,OAAQ,eAAe,MAAO,MAAM;AAEvE,gCACG,OAAA,EAAI,WAAW,GAAG,eAAe,SAAS,GACvC,UAAA;AAAA,OAAA,SAAS,cACT,qBAAC,OAAA,EAAI,WAAU,uBACZ,UAAA;AAAA,QAAA,SAAS,oBAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA,OAAM;AAAA,QACrD,aAAa,CAAC,iBACb,qBAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA;AAAA,UAAA,KAAK,MAAM,UAAU;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,GAElE;AAAA,MAEF;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC;AAAA,UACA,OAAO;AAAA,UACP;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA,SAAS,QAAQ,gBAAgB,IAAI;AAAA,YACrC,iBAAiB;AAAA,UAAA;AAAA,UAElB,GAAG;AAAA,UAEJ,UAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,YAAY,aAAa,gBAAgB,OAAO;AAAA,gBAChD,WAAW;AAAA,cAAA;AAAA,cAEb,OACE,CAAC,gBACG,EAAE,WAAW,eAAe,MAAM,UAAU,SAC5C;AAAA,YAAA;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;"}

package/dist/components/progress/index.d.ts

@@ -0,0 +1,3 @@
+export { Progress } from './Progress';
+export type { ProgressProps } from './Progress';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/progress-ring/ProgressRing.cjs

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+;/* empty css                    */
+const SIZE_MAP = {
+  xs: 48,
+  sm: 64,
+  md: 96,
+  lg: 128,
+  xl: 160
+};
+const LABEL_FONT_MAP = {
+  xs: 10,
+  sm: 12,
+  md: 18,
+  lg: 24,
+  xl: 30
+};
+const SUBLABEL_FONT_MAP = {
+  xs: 8,
+  sm: 9,
+  md: 11,
+  lg: 13,
+  xl: 15
+};
+function ProgressRing({
+  value,
+  max = 100,
+  variant = "default",
+  size = "md",
+  strokeWidth,
+  showLabel = true,
+  label,
+  sublabel,
+  caption,
+  className = ""
+}) {
+  const indeterminate = value === void 0;
+  const pct = indeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
+  const dim = SIZE_MAP[size];
+  const sw = strokeWidth ?? Math.max(4, Math.round(dim * 0.08));
+  const radius = (dim - sw) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const dashOffset = circumference - pct / 100 * circumference;
+  const cx = dim / 2;
+  const cy = dim / 2;
+  const labelText = label ?? (indeterminate ? null : `${Math.round(pct)}%`);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rz-progress-ring rz-progress-ring--${size} ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        className: "rz-progress-ring__svg",
+        viewBox: `0 0 ${dim} ${dim}`,
+        width: dim,
+        height: dim,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-valuenow": indeterminate ? void 0 : value,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "circle",
+            {
+              className: "rz-progress-ring__track",
+              cx,
+              cy,
+              r: radius,
+              strokeWidth: sw
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "circle",
+            {
+              className: `rz-progress-ring__fill rz-progress-ring__fill--${variant}${indeterminate ? " rz-progress-ring__fill--indeterminate" : ""}`,
+              cx,
+              cy,
+              r: radius,
+              strokeWidth: sw,
+              strokeDasharray: indeterminate ? `${circumference * 0.75} ${circumference * 0.25}` : circumference,
+              strokeDashoffset: indeterminate ? 0 : dashOffset
+            }
+          ),
+          showLabel && labelText !== null && /* @__PURE__ */ jsxRuntime.jsx(
+            "text",
+            {
+              className: "rz-progress-ring__label",
+              x: cx,
+              y: sublabel ? cy - 2 : cy,
+              fontSize: LABEL_FONT_MAP[size],
+              children: labelText
+            }
+          ),
+          sublabel && /* @__PURE__ */ jsxRuntime.jsx(
+            "text",
+            {
+              className: "rz-progress-ring__sublabel",
+              x: cx,
+              y: cy + LABEL_FONT_MAP[size] * 0.85,
+              fontSize: SUBLABEL_FONT_MAP[size],
+              children: sublabel
+            }
+          )
+        ]
+      }
+    ),
+    caption && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-progress-ring__caption", children: caption })
+  ] });
+}
+exports.ProgressRing = ProgressRing;
+//# sourceMappingURL=ProgressRing.cjs.map

package/dist/components/progress-ring/ProgressRing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRing.cjs","sources":["../../../src/components/progress-ring/ProgressRing.tsx"],"sourcesContent":["import React from 'react';\nimport './progress-ring.css';\n\nexport type ProgressRingVariant = 'default' | 'success' | 'warning' | 'destructive' | 'info';\nexport type ProgressRingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface ProgressRingProps {\n  value?: number; // 0-100, omit for indeterminate\n  max?: number;\n  variant?: ProgressRingVariant;\n  size?: ProgressRingSize;\n  strokeWidth?: number;\n  showLabel?: boolean;\n  label?: React.ReactNode;\n  sublabel?: string;\n  caption?: string;\n  className?: string;\n}\n\nconst SIZE_MAP: Record<ProgressRingSize, number> = {\n  xs: 48,\n  sm: 64,\n  md: 96,\n  lg: 128,\n  xl: 160,\n};\n\nconst LABEL_FONT_MAP: Record<ProgressRingSize, number> = {\n  xs: 10,\n  sm: 12,\n  md: 18,\n  lg: 24,\n  xl: 30,\n};\n\nconst SUBLABEL_FONT_MAP: Record<ProgressRingSize, number> = {\n  xs: 8,\n  sm: 9,\n  md: 11,\n  lg: 13,\n  xl: 15,\n};\n\nexport function ProgressRing({\n  value,\n  max = 100,\n  variant = 'default',\n  size = 'md',\n  strokeWidth,\n  showLabel = true,\n  label,\n  sublabel,\n  caption,\n  className = '',\n}: ProgressRingProps) {\n  const indeterminate = value === undefined;\n  const pct = indeterminate ? 0 : Math.min(100, Math.max(0, (value / max) * 100));\n\n  const dim = SIZE_MAP[size];\n  const sw = strokeWidth ?? Math.max(4, Math.round(dim * 0.08));\n  const radius = (dim - sw) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const dashOffset = circumference - (pct / 100) * circumference;\n  const cx = dim / 2;\n  const cy = dim / 2;\n\n  const labelText = label ?? (indeterminate ? null : `${Math.round(pct)}%`);\n\n  return (\n    <div className={`rz-progress-ring rz-progress-ring--${size} ${className}`}>\n      <svg\n        className=\"rz-progress-ring__svg\"\n        viewBox={`0 0 ${dim} ${dim}`}\n        width={dim}\n        height={dim}\n        role=\"progressbar\"\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-valuenow={indeterminate ? undefined : value}\n      >\n        <circle\n          className=\"rz-progress-ring__track\"\n          cx={cx}\n          cy={cy}\n          r={radius}\n          strokeWidth={sw}\n        />\n        <circle\n          className={`rz-progress-ring__fill rz-progress-ring__fill--${variant}${indeterminate ? ' rz-progress-ring__fill--indeterminate' : ''}`}\n          cx={cx}\n          cy={cy}\n          r={radius}\n          strokeWidth={sw}\n          strokeDasharray={indeterminate ? `${circumference * 0.75} ${circumference * 0.25}` : circumference}\n          strokeDashoffset={indeterminate ? 0 : dashOffset}\n        />\n        {showLabel && labelText !== null && (\n          <text\n            className=\"rz-progress-ring__label\"\n            x={cx}\n            y={sublabel ? cy - 2 : cy}\n            fontSize={LABEL_FONT_MAP[size]}\n          >\n            {labelText}\n          </text>\n        )}\n        {sublabel && (\n          <text\n            className=\"rz-progress-ring__sublabel\"\n            x={cx}\n            y={cy + LABEL_FONT_MAP[size] * 0.85}\n            fontSize={SUBLABEL_FONT_MAP[size]}\n          >\n            {sublabel}\n          </text>\n        )}\n      </svg>\n      {caption && <span className=\"rz-progress-ring__caption\">{caption}</span>}\n    </div>\n  );\n}\n"],"names":["jsxs","jsx"],"mappings":";;;;AAmBA,MAAM,WAA6C;AAAA,EACjD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,iBAAmD;AAAA,EACvD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,oBAAsD;AAAA,EAC1D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAAsB;AACpB,QAAM,gBAAgB,UAAU;AAChC,QAAM,MAAM,gBAAgB,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,QAAQ,MAAO,GAAG,CAAC;AAE9E,QAAM,MAAM,SAAS,IAAI;AACzB,QAAM,KAAK,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,IAAI,CAAC;AAC5D,QAAM,UAAU,MAAM,MAAM;AAC5B,QAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,QAAM,aAAa,gBAAiB,MAAM,MAAO;AACjD,QAAM,KAAK,MAAM;AACjB,QAAM,KAAK,MAAM;AAEjB,QAAM,YAAY,UAAU,gBAAgB,OAAO,GAAG,KAAK,MAAM,GAAG,CAAC;AAErE,yCACG,OAAA,EAAI,WAAW,sCAAsC,IAAI,IAAI,SAAS,IACrE,UAAA;AAAA,IAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,OAAO,GAAG,IAAI,GAAG;AAAA,QAC1B,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAe,gBAAgB,SAAY;AAAA,QAE3C,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV;AAAA,cACA;AAAA,cACA,GAAG;AAAA,cACH,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,UAEfA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,kDAAkD,OAAO,GAAG,gBAAgB,2CAA2C,EAAE;AAAA,cACpI;AAAA,cACA;AAAA,cACA,GAAG;AAAA,cACH,aAAa;AAAA,cACb,iBAAiB,gBAAgB,GAAG,gBAAgB,IAAI,IAAI,gBAAgB,IAAI,KAAK;AAAA,cACrF,kBAAkB,gBAAgB,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvC,aAAa,cAAc,QAC1BA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,GAAG;AAAA,cACH,GAAG,WAAW,KAAK,IAAI;AAAA,cACvB,UAAU,eAAe,IAAI;AAAA,cAE5B,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJ,YACCA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,GAAG;AAAA,cACH,GAAG,KAAK,eAAe,IAAI,IAAI;AAAA,cAC/B,UAAU,kBAAkB,IAAI;AAAA,cAE/B,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,WAAWA,2BAAAA,IAAC,QAAA,EAAK,WAAU,6BAA6B,UAAA,QAAA,CAAQ;AAAA,EAAA,GACnE;AAEJ;;"}

package/dist/components/progress-ring/ProgressRing.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export type ProgressRingVariant = 'default' | 'success' | 'warning' | 'destructive' | 'info';
+export type ProgressRingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface ProgressRingProps {
+    value?: number;
+    max?: number;
+    variant?: ProgressRingVariant;
+    size?: ProgressRingSize;
+    strokeWidth?: number;
+    showLabel?: boolean;
+    label?: React.ReactNode;
+    sublabel?: string;
+    caption?: string;
+    className?: string;
+}
+export declare function ProgressRing({ value, max, variant, size, strokeWidth, showLabel, label, sublabel, caption, className, }: ProgressRingProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressRing.d.ts.map

package/dist/components/progress-ring/ProgressRing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../src/components/progress-ring/ProgressRing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,CAAC;AAC7F,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,GAAS,EACT,OAAmB,EACnB,IAAW,EACX,WAAW,EACX,SAAgB,EAChB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAc,GACf,EAAE,iBAAiB,2CAkEnB"}

package/dist/components/progress-ring/ProgressRing.js

@@ -0,0 +1,110 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+/* empty css                  */
+const SIZE_MAP = {
+  xs: 48,
+  sm: 64,
+  md: 96,
+  lg: 128,
+  xl: 160
+};
+const LABEL_FONT_MAP = {
+  xs: 10,
+  sm: 12,
+  md: 18,
+  lg: 24,
+  xl: 30
+};
+const SUBLABEL_FONT_MAP = {
+  xs: 8,
+  sm: 9,
+  md: 11,
+  lg: 13,
+  xl: 15
+};
+function ProgressRing({
+  value,
+  max = 100,
+  variant = "default",
+  size = "md",
+  strokeWidth,
+  showLabel = true,
+  label,
+  sublabel,
+  caption,
+  className = ""
+}) {
+  const indeterminate = value === void 0;
+  const pct = indeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
+  const dim = SIZE_MAP[size];
+  const sw = strokeWidth ?? Math.max(4, Math.round(dim * 0.08));
+  const radius = (dim - sw) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const dashOffset = circumference - pct / 100 * circumference;
+  const cx = dim / 2;
+  const cy = dim / 2;
+  const labelText = label ?? (indeterminate ? null : `${Math.round(pct)}%`);
+  return /* @__PURE__ */ jsxs("div", { className: `rz-progress-ring rz-progress-ring--${size} ${className}`, children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        className: "rz-progress-ring__svg",
+        viewBox: `0 0 ${dim} ${dim}`,
+        width: dim,
+        height: dim,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-valuenow": indeterminate ? void 0 : value,
+        children: [
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              className: "rz-progress-ring__track",
+              cx,
+              cy,
+              r: radius,
+              strokeWidth: sw
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              className: `rz-progress-ring__fill rz-progress-ring__fill--${variant}${indeterminate ? " rz-progress-ring__fill--indeterminate" : ""}`,
+              cx,
+              cy,
+              r: radius,
+              strokeWidth: sw,
+              strokeDasharray: indeterminate ? `${circumference * 0.75} ${circumference * 0.25}` : circumference,
+              strokeDashoffset: indeterminate ? 0 : dashOffset
+            }
+          ),
+          showLabel && labelText !== null && /* @__PURE__ */ jsx(
+            "text",
+            {
+              className: "rz-progress-ring__label",
+              x: cx,
+              y: sublabel ? cy - 2 : cy,
+              fontSize: LABEL_FONT_MAP[size],
+              children: labelText
+            }
+          ),
+          sublabel && /* @__PURE__ */ jsx(
+            "text",
+            {
+              className: "rz-progress-ring__sublabel",
+              x: cx,
+              y: cy + LABEL_FONT_MAP[size] * 0.85,
+              fontSize: SUBLABEL_FONT_MAP[size],
+              children: sublabel
+            }
+          )
+        ]
+      }
+    ),
+    caption && /* @__PURE__ */ jsx("span", { className: "rz-progress-ring__caption", children: caption })
+  ] });
+}
+export {
+  ProgressRing
+};
+//# sourceMappingURL=ProgressRing.js.map

package/dist/components/progress-ring/ProgressRing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRing.js","sources":["../../../src/components/progress-ring/ProgressRing.tsx"],"sourcesContent":["import React from 'react';\nimport './progress-ring.css';\n\nexport type ProgressRingVariant = 'default' | 'success' | 'warning' | 'destructive' | 'info';\nexport type ProgressRingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface ProgressRingProps {\n  value?: number; // 0-100, omit for indeterminate\n  max?: number;\n  variant?: ProgressRingVariant;\n  size?: ProgressRingSize;\n  strokeWidth?: number;\n  showLabel?: boolean;\n  label?: React.ReactNode;\n  sublabel?: string;\n  caption?: string;\n  className?: string;\n}\n\nconst SIZE_MAP: Record<ProgressRingSize, number> = {\n  xs: 48,\n  sm: 64,\n  md: 96,\n  lg: 128,\n  xl: 160,\n};\n\nconst LABEL_FONT_MAP: Record<ProgressRingSize, number> = {\n  xs: 10,\n  sm: 12,\n  md: 18,\n  lg: 24,\n  xl: 30,\n};\n\nconst SUBLABEL_FONT_MAP: Record<ProgressRingSize, number> = {\n  xs: 8,\n  sm: 9,\n  md: 11,\n  lg: 13,\n  xl: 15,\n};\n\nexport function ProgressRing({\n  value,\n  max = 100,\n  variant = 'default',\n  size = 'md',\n  strokeWidth,\n  showLabel = true,\n  label,\n  sublabel,\n  caption,\n  className = '',\n}: ProgressRingProps) {\n  const indeterminate = value === undefined;\n  const pct = indeterminate ? 0 : Math.min(100, Math.max(0, (value / max) * 100));\n\n  const dim = SIZE_MAP[size];\n  const sw = strokeWidth ?? Math.max(4, Math.round(dim * 0.08));\n  const radius = (dim - sw) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const dashOffset = circumference - (pct / 100) * circumference;\n  const cx = dim / 2;\n  const cy = dim / 2;\n\n  const labelText = label ?? (indeterminate ? null : `${Math.round(pct)}%`);\n\n  return (\n    <div className={`rz-progress-ring rz-progress-ring--${size} ${className}`}>\n      <svg\n        className=\"rz-progress-ring__svg\"\n        viewBox={`0 0 ${dim} ${dim}`}\n        width={dim}\n        height={dim}\n        role=\"progressbar\"\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-valuenow={indeterminate ? undefined : value}\n      >\n        <circle\n          className=\"rz-progress-ring__track\"\n          cx={cx}\n          cy={cy}\n          r={radius}\n          strokeWidth={sw}\n        />\n        <circle\n          className={`rz-progress-ring__fill rz-progress-ring__fill--${variant}${indeterminate ? ' rz-progress-ring__fill--indeterminate' : ''}`}\n          cx={cx}\n          cy={cy}\n          r={radius}\n          strokeWidth={sw}\n          strokeDasharray={indeterminate ? `${circumference * 0.75} ${circumference * 0.25}` : circumference}\n          strokeDashoffset={indeterminate ? 0 : dashOffset}\n        />\n        {showLabel && labelText !== null && (\n          <text\n            className=\"rz-progress-ring__label\"\n            x={cx}\n            y={sublabel ? cy - 2 : cy}\n            fontSize={LABEL_FONT_MAP[size]}\n          >\n            {labelText}\n          </text>\n        )}\n        {sublabel && (\n          <text\n            className=\"rz-progress-ring__sublabel\"\n            x={cx}\n            y={cy + LABEL_FONT_MAP[size] * 0.85}\n            fontSize={SUBLABEL_FONT_MAP[size]}\n          >\n            {sublabel}\n          </text>\n        )}\n      </svg>\n      {caption && <span className=\"rz-progress-ring__caption\">{caption}</span>}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAmBA,MAAM,WAA6C;AAAA,EACjD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,iBAAmD;AAAA,EACvD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,oBAAsD;AAAA,EAC1D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAAsB;AACpB,QAAM,gBAAgB,UAAU;AAChC,QAAM,MAAM,gBAAgB,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,QAAQ,MAAO,GAAG,CAAC;AAE9E,QAAM,MAAM,SAAS,IAAI;AACzB,QAAM,KAAK,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,IAAI,CAAC;AAC5D,QAAM,UAAU,MAAM,MAAM;AAC5B,QAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,QAAM,aAAa,gBAAiB,MAAM,MAAO;AACjD,QAAM,KAAK,MAAM;AACjB,QAAM,KAAK,MAAM;AAEjB,QAAM,YAAY,UAAU,gBAAgB,OAAO,GAAG,KAAK,MAAM,GAAG,CAAC;AAErE,8BACG,OAAA,EAAI,WAAW,sCAAsC,IAAI,IAAI,SAAS,IACrE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,OAAO,GAAG,IAAI,GAAG;AAAA,QAC1B,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAe,gBAAgB,SAAY;AAAA,QAE3C,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV;AAAA,cACA;AAAA,cACA,GAAG;AAAA,cACH,aAAa;AAAA,YAAA;AAAA,UAAA;AAAA,UAEf;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,kDAAkD,OAAO,GAAG,gBAAgB,2CAA2C,EAAE;AAAA,cACpI;AAAA,cACA;AAAA,cACA,GAAG;AAAA,cACH,aAAa;AAAA,cACb,iBAAiB,gBAAgB,GAAG,gBAAgB,IAAI,IAAI,gBAAgB,IAAI,KAAK;AAAA,cACrF,kBAAkB,gBAAgB,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAEvC,aAAa,cAAc,QAC1B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,GAAG;AAAA,cACH,GAAG,WAAW,KAAK,IAAI;AAAA,cACvB,UAAU,eAAe,IAAI;AAAA,cAE5B,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJ,YACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,GAAG;AAAA,cACH,GAAG,KAAK,eAAe,IAAI,IAAI;AAAA,cAC/B,UAAU,kBAAkB,IAAI;AAAA,cAE/B,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,WAAW,oBAAC,QAAA,EAAK,WAAU,6BAA6B,UAAA,QAAA,CAAQ;AAAA,EAAA,GACnE;AAEJ;"}

package/dist/components/progress-ring/index.d.ts

@@ -0,0 +1,3 @@
+export { ProgressRing } from './ProgressRing';
+export type { ProgressRingProps, ProgressRingVariant, ProgressRingSize } from './ProgressRing';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/progress-ring/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/progress-ring/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/radio-group/RadioGroup.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const index = require("../../node_modules/@radix-ui/react-radio-group/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                  */
+function RadioGroup({
+  options,
+  direction = "column",
+  variant = "default",
+  label,
+  error,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.375rem" }, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "var(--rz-font-size-sm)", fontWeight: 500, color: "var(--rz-color-foreground)" }, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      index.Root,
+      {
+        className: cn.cn(
+          "rz-radio-group",
+          direction === "row" && "rz-radio-group--row",
+          variant === "card" && "rz-radio-group--card",
+          className
+        ),
+        ...props,
+        children: options ? options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+          index.Item,
+          {
+            value: opt.value,
+            disabled: opt.disabled,
+            className: cn.cn("rz-radio-item", variant === "card" && "rz-radio-item--card"),
+            id: `rz-radio-${opt.value}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-radio-item__input", children: /* @__PURE__ */ jsxRuntime.jsx(index.Indicator, { className: "rz-radio-item__indicator", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-radio-item__dot" }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-radio-item__content", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("label", { className: "rz-radio-item__label", htmlFor: `rz-radio-${opt.value}`, children: opt.label }),
+                opt.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-radio-item__description", children: opt.description })
+              ] })
+            ]
+          },
+          opt.value
+        )) : children
+      }
+    ),
+    error && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "var(--rz-font-size-xs)", color: "var(--rz-color-destructive)" }, role: "alert", children: error })
+  ] });
+}
+const RadioGroupItem = index.Item;
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;
+//# sourceMappingURL=RadioGroup.cjs.map

package/dist/components/radio-group/RadioGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.cjs","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport { cn } from '../../utils/cn';\nimport './radio-group.css';\n\nexport interface RadioOption {\n  value: string;\n  label: string;\n  description?: string;\n  disabled?: boolean;\n}\n\nexport interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {\n  options?: RadioOption[];\n  /** Layout direction */\n  direction?: 'column' | 'row';\n  /** Card-style radio buttons */\n  variant?: 'default' | 'card';\n  label?: string;\n  error?: string;\n}\n\n/**\n * RadioGroup\n *\n * A group of radio buttons for single-option selection.\n * Supports default list layout, horizontal row, and card variant.\n *\n * @example\n * <RadioGroup\n *   label=\"Plan\"\n *   variant=\"card\"\n *   options={[\n *     { value: 'free', label: 'Free', description: '5 projects' },\n *     { value: 'pro', label: 'Pro', description: 'Unlimited projects' },\n *   ]}\n *   onValueChange={(val) => setPlan(val)}\n * />\n */\nexport function RadioGroup({\n  options,\n  direction = 'column',\n  variant = 'default',\n  label,\n  error,\n  className,\n  children,\n  ...props\n}: RadioGroupProps) {\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '0.375rem' }}>\n      {label && (\n        <span style={{ fontSize: 'var(--rz-font-size-sm)', fontWeight: 500, color: 'var(--rz-color-foreground)' }}>\n          {label}\n        </span>\n      )}\n      <RadioGroupPrimitive.Root\n        className={cn(\n          'rz-radio-group',\n          direction === 'row' && 'rz-radio-group--row',\n          variant === 'card' && 'rz-radio-group--card',\n          className,\n        )}\n        {...props}\n      >\n        {options\n          ? options.map((opt) => (\n              <RadioGroupPrimitive.Item\n                key={opt.value}\n                value={opt.value}\n                disabled={opt.disabled}\n                className={cn('rz-radio-item', variant === 'card' && 'rz-radio-item--card')}\n                id={`rz-radio-${opt.value}`}\n              >\n                <div className=\"rz-radio-item__input\">\n                  <RadioGroupPrimitive.Indicator className=\"rz-radio-item__indicator\">\n                    <span className=\"rz-radio-item__dot\" />\n                  </RadioGroupPrimitive.Indicator>\n                </div>\n                <div className=\"rz-radio-item__content\">\n                  <label className=\"rz-radio-item__label\" htmlFor={`rz-radio-${opt.value}`}>\n                    {opt.label}\n                  </label>\n                  {opt.description && (\n                    <span className=\"rz-radio-item__description\">{opt.description}</span>\n                  )}\n                </div>\n              </RadioGroupPrimitive.Item>\n            ))\n          : children}\n      </RadioGroupPrimitive.Root>\n      {error && (\n        <span style={{ fontSize: 'var(--rz-font-size-xs)', color: 'var(--rz-color-destructive)' }} role=\"alert\">\n          {error}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport const RadioGroupItem = RadioGroupPrimitive.Item;\nexport const RadioGroupIndicator = RadioGroupPrimitive.Indicator;\n"],"names":["jsxs","jsx","RadioGroupPrimitive.Root","cn","RadioGroupPrimitive.Item","RadioGroupPrimitive.Indicator"],"mappings":";;;;;;AAuCO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,SACEA,gCAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,WAAA,GAC1D,UAAA;AAAA,IAAA,SACCC,2BAAAA,IAAC,QAAA,EAAK,OAAO,EAAE,UAAU,0BAA0B,YAAY,KAAK,OAAO,6BAAA,GACxE,UAAA,MAAA,CACH;AAAA,IAEFA,2BAAAA;AAAAA,MAACC,MAAAA;AAAAA,MAAA;AAAA,QACC,WAAWC,GAAAA;AAAAA,UACT;AAAA,UACA,cAAc,SAAS;AAAA,UACvB,YAAY,UAAU;AAAA,UACtB;AAAA,QAAA;AAAA,QAED,GAAG;AAAA,QAEH,UAAA,UACG,QAAQ,IAAI,CAAC,QACXH,2BAAAA;AAAAA,UAACI,MAAAA;AAAAA,UAAA;AAAA,YAEC,OAAO,IAAI;AAAA,YACX,UAAU,IAAI;AAAA,YACd,WAAWD,GAAAA,GAAG,iBAAiB,YAAY,UAAU,qBAAqB;AAAA,YAC1E,IAAI,YAAY,IAAI,KAAK;AAAA,YAEzB,UAAA;AAAA,cAAAF,2BAAAA,IAAC,OAAA,EAAI,WAAU,wBACb,UAAAA,2BAAAA,IAACI,MAAAA,WAAA,EAA8B,WAAU,4BACvC,UAAAJ,2BAAAA,IAAC,QAAA,EAAK,WAAU,qBAAA,CAAqB,GACvC,GACF;AAAA,cACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,gBAAAC,2BAAAA,IAAC,SAAA,EAAM,WAAU,wBAAuB,SAAS,YAAY,IAAI,KAAK,IACnE,UAAA,IAAI,MAAA,CACP;AAAA,gBACC,IAAI,eACHA,2BAAAA,IAAC,UAAK,WAAU,8BAA8B,cAAI,YAAA,CAAY;AAAA,cAAA,EAAA,CAElE;AAAA,YAAA;AAAA,UAAA;AAAA,UAlBK,IAAI;AAAA,QAAA,CAoBZ,IACD;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,SACCA,2BAAAA,IAAC,QAAA,EAAK,OAAO,EAAE,UAAU,0BAA0B,OAAO,8BAAA,GAAiC,MAAK,SAC7F,UAAA,MAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AAEO,MAAM,iBAAiBG,MAAAA;;;"}

package/dist/components/radio-group/RadioGroup.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+export interface RadioOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+    options?: RadioOption[];
+    /** Layout direction */
+    direction?: 'column' | 'row';
+    /** Card-style radio buttons */
+    variant?: 'default' | 'card';
+    label?: string;
+    error?: string;
+}
+/**
+ * RadioGroup
+ *
+ * A group of radio buttons for single-option selection.
+ * Supports default list layout, horizontal row, and card variant.
+ *
+ * @example
+ * <RadioGroup
+ *   label="Plan"
+ *   variant="card"
+ *   options={[
+ *     { value: 'free', label: 'Free', description: '5 projects' },
+ *     { value: 'pro', label: 'Pro', description: 'Unlimited projects' },
+ *   ]}
+ *   onValueChange={(val) => setPlan(val)}
+ * />
+ */
+export declare function RadioGroup({ options, direction, variant, label, error, className, children, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const RadioGroupIndicator: React.ForwardRefExoticComponent<RadioGroupPrimitive.RadioGroupIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/radio-group/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACtG,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,uBAAuB;IACvB,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,SAAoB,EACpB,OAAmB,EACnB,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAkDjB;AAED,eAAO,MAAM,cAAc,mHAA2B,CAAC;AACvD,eAAO,MAAM,mBAAmB,sHAAgC,CAAC"}

package/dist/components/radio-group/RadioGroup.js

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Item as Item2, Root as Root2, Indicator } from "../../node_modules/@radix-ui/react-radio-group/dist/index.js";
+import { cn } from "../../utils/cn.js";
+/* empty css                */
+function RadioGroup({
+  options,
+  direction = "column",
+  variant = "default",
+  label,
+  error,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.375rem" }, children: [
+    label && /* @__PURE__ */ jsx("span", { style: { fontSize: "var(--rz-font-size-sm)", fontWeight: 500, color: "var(--rz-color-foreground)" }, children: label }),
+    /* @__PURE__ */ jsx(
+      Root2,
+      {
+        className: cn(
+          "rz-radio-group",
+          direction === "row" && "rz-radio-group--row",
+          variant === "card" && "rz-radio-group--card",
+          className
+        ),
+        ...props,
+        children: options ? options.map((opt) => /* @__PURE__ */ jsxs(
+          Item2,
+          {
+            value: opt.value,
+            disabled: opt.disabled,
+            className: cn("rz-radio-item", variant === "card" && "rz-radio-item--card"),
+            id: `rz-radio-${opt.value}`,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "rz-radio-item__input", children: /* @__PURE__ */ jsx(Indicator, { className: "rz-radio-item__indicator", children: /* @__PURE__ */ jsx("span", { className: "rz-radio-item__dot" }) }) }),
+              /* @__PURE__ */ jsxs("div", { className: "rz-radio-item__content", children: [
+                /* @__PURE__ */ jsx("label", { className: "rz-radio-item__label", htmlFor: `rz-radio-${opt.value}`, children: opt.label }),
+                opt.description && /* @__PURE__ */ jsx("span", { className: "rz-radio-item__description", children: opt.description })
+              ] })
+            ]
+          },
+          opt.value
+        )) : children
+      }
+    ),
+    error && /* @__PURE__ */ jsx("span", { style: { fontSize: "var(--rz-font-size-xs)", color: "var(--rz-color-destructive)" }, role: "alert", children: error })
+  ] });
+}
+const RadioGroupItem = Item2;
+export {
+  RadioGroup,
+  RadioGroupItem
+};
+//# sourceMappingURL=RadioGroup.js.map