rothzerg-ui 0.1.0

package/dist/components/stat-card/StatCard.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export type StatCardVariant = 'default' | 'elevated' | 'ghost';
+export type StatCardIconColor = 'primary' | 'success' | 'warning' | 'destructive' | 'info' | 'muted';
+export type StatCardAccent = 'none' | 'primary' | 'success' | 'warning' | 'destructive';
+export type StatCardTrend = 'up' | 'down' | 'neutral';
+export interface StatCardProps {
+    label: string;
+    value: string | number;
+    valueSize?: 'sm' | 'md' | 'lg';
+    icon?: React.ReactNode;
+    iconColor?: StatCardIconColor;
+    trend?: StatCardTrend;
+    trendValue?: string;
+    trendLabel?: string;
+    progress?: number;
+    progressColor?: 'primary' | 'success' | 'warning' | 'destructive';
+    variant?: StatCardVariant;
+    accent?: StatCardAccent;
+    interactive?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+export declare function StatCard({ label, value, valueSize, icon, iconColor, trend, trendValue, trendLabel, progress, progressColor, variant, accent, interactive, onClick, className, }: StatCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatCard.d.ts.map

package/dist/components/stat-card/StatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../src/components/stat-card/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AAEzB,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAC/D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC;AACrG,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AACxF,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEtD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;IAClE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,SAAgB,EAChB,IAAI,EACJ,SAAqB,EACrB,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,aAAyB,EACzB,OAAmB,EACnB,MAAe,EACf,WAAmB,EACnB,OAAO,EACP,SAAc,GACf,EAAE,aAAa,2CAqDf"}

package/dist/components/stat-card/StatCard.js

@@ -0,0 +1,73 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+/* empty css              */
+function TrendUpIcon() {
+  return /* @__PURE__ */ jsx("svg", { className: "rz-stat-card__trend-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" }) });
+}
+function TrendDownIcon() {
+  return /* @__PURE__ */ jsx("svg", { className: "rz-stat-card__trend-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" }) });
+}
+function TrendNeutralIcon() {
+  return /* @__PURE__ */ jsx("svg", { className: "rz-stat-card__trend-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
+}
+function StatCard({
+  label,
+  value,
+  valueSize = "md",
+  icon,
+  iconColor = "primary",
+  trend,
+  trendValue,
+  trendLabel,
+  progress,
+  progressColor = "primary",
+  variant = "default",
+  accent = "none",
+  interactive = false,
+  onClick,
+  className = ""
+}) {
+  const classes = [
+    "rz-stat-card",
+    `rz-stat-card--${variant}`,
+    accent !== "none" ? `rz-stat-card--accent-${accent}` : "",
+    interactive || onClick ? "rz-stat-card--interactive" : "",
+    className
+  ].filter(Boolean).join(" ");
+  const TrendIcon = trend === "up" ? TrendUpIcon : trend === "down" ? TrendDownIcon : TrendNeutralIcon;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classes,
+      onClick,
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "rz-stat-card__header", children: [
+          /* @__PURE__ */ jsx("span", { className: "rz-stat-card__label", children: label }),
+          icon && /* @__PURE__ */ jsx("span", { className: `rz-stat-card__icon rz-stat-card__icon--${iconColor}`, children: icon })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: `rz-stat-card__value rz-stat-card__value--${valueSize}`, children: value }),
+        trend && /* @__PURE__ */ jsxs("div", { className: `rz-stat-card__trend rz-stat-card__trend--${trend}`, children: [
+          /* @__PURE__ */ jsx(TrendIcon, {}),
+          trendValue && /* @__PURE__ */ jsx("span", { children: trendValue }),
+          trendLabel && /* @__PURE__ */ jsx("span", { className: "rz-stat-card__trend-label", children: trendLabel })
+        ] }),
+        progress !== void 0 && /* @__PURE__ */ jsx("div", { className: "rz-stat-card__progress", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `rz-stat-card__progress-fill rz-stat-card__progress-fill--${progressColor}`,
+            style: { width: `${Math.min(100, Math.max(0, progress))}%` },
+            role: "progressbar",
+            "aria-valuenow": progress,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  StatCard
+};
+//# sourceMappingURL=StatCard.js.map

package/dist/components/stat-card/StatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","sources":["../../../src/components/stat-card/StatCard.tsx"],"sourcesContent":["import React from 'react';\nimport './stat-card.css';\n\nexport type StatCardVariant = 'default' | 'elevated' | 'ghost';\nexport type StatCardIconColor = 'primary' | 'success' | 'warning' | 'destructive' | 'info' | 'muted';\nexport type StatCardAccent = 'none' | 'primary' | 'success' | 'warning' | 'destructive';\nexport type StatCardTrend = 'up' | 'down' | 'neutral';\n\nexport interface StatCardProps {\n  label: string;\n  value: string | number;\n  valueSize?: 'sm' | 'md' | 'lg';\n  icon?: React.ReactNode;\n  iconColor?: StatCardIconColor;\n  trend?: StatCardTrend;\n  trendValue?: string;\n  trendLabel?: string;\n  progress?: number; // 0-100\n  progressColor?: 'primary' | 'success' | 'warning' | 'destructive';\n  variant?: StatCardVariant;\n  accent?: StatCardAccent;\n  interactive?: boolean;\n  onClick?: () => void;\n  className?: string;\n}\n\nfunction TrendUpIcon() {\n  return (\n    <svg className=\"rz-stat-card__trend-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"18 15 12 9 6 15\" />\n    </svg>\n  );\n}\n\nfunction TrendDownIcon() {\n  return (\n    <svg className=\"rz-stat-card__trend-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction TrendNeutralIcon() {\n  return (\n    <svg className=\"rz-stat-card__trend-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\">\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n}\n\nexport function StatCard({\n  label,\n  value,\n  valueSize = 'md',\n  icon,\n  iconColor = 'primary',\n  trend,\n  trendValue,\n  trendLabel,\n  progress,\n  progressColor = 'primary',\n  variant = 'default',\n  accent = 'none',\n  interactive = false,\n  onClick,\n  className = '',\n}: StatCardProps) {\n  const classes = [\n    'rz-stat-card',\n    `rz-stat-card--${variant}`,\n    accent !== 'none' ? `rz-stat-card--accent-${accent}` : '',\n    (interactive || onClick) ? 'rz-stat-card--interactive' : '',\n    className,\n  ].filter(Boolean).join(' ');\n\n  const TrendIcon = trend === 'up' ? TrendUpIcon : trend === 'down' ? TrendDownIcon : TrendNeutralIcon;\n\n  return (\n    <div\n      className={classes}\n      onClick={onClick}\n      role={onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n    >\n      <div className=\"rz-stat-card__header\">\n        <span className=\"rz-stat-card__label\">{label}</span>\n        {icon && (\n          <span className={`rz-stat-card__icon rz-stat-card__icon--${iconColor}`}>\n            {icon}\n          </span>\n        )}\n      </div>\n\n      <div className={`rz-stat-card__value rz-stat-card__value--${valueSize}`}>\n        {value}\n      </div>\n\n      {trend && (\n        <div className={`rz-stat-card__trend rz-stat-card__trend--${trend}`}>\n          <TrendIcon />\n          {trendValue && <span>{trendValue}</span>}\n          {trendLabel && <span className=\"rz-stat-card__trend-label\">{trendLabel}</span>}\n        </div>\n      )}\n\n      {progress !== undefined && (\n        <div className=\"rz-stat-card__progress\">\n          <div\n            className={`rz-stat-card__progress-fill rz-stat-card__progress-fill--${progressColor}`}\n            style={{ width: `${Math.min(100, Math.max(0, progress))}%` }}\n            role=\"progressbar\"\n            aria-valuenow={progress}\n            aria-valuemin={0}\n            aria-valuemax={100}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AA0BA,SAAS,cAAc;AACrB,SACE,oBAAC,SAAI,WAAU,4BAA2B,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SACrJ,8BAAC,YAAA,EAAS,QAAO,mBAAkB,EAAA,CACrC;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,oBAAC,SAAI,WAAU,4BAA2B,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SACrJ,8BAAC,YAAA,EAAS,QAAO,kBAAiB,EAAA,CACpC;AAEJ;AAEA,SAAS,mBAAmB;AAC1B,SACE,oBAAC,OAAA,EAAI,WAAU,4BAA2B,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAC9H,UAAA,oBAAC,QAAA,EAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,KAAA,CAAK,EAAA,CACvC;AAEJ;AAEO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd;AAAA,EACA,YAAY;AACd,GAAkB;AAChB,QAAM,UAAU;AAAA,IACd;AAAA,IACA,iBAAiB,OAAO;AAAA,IACxB,WAAW,SAAS,wBAAwB,MAAM,KAAK;AAAA,IACtD,eAAe,UAAW,8BAA8B;AAAA,IACzD;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,QAAM,YAAY,UAAU,OAAO,cAAc,UAAU,SAAS,gBAAgB;AAEpF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,MAAM,UAAU,WAAW;AAAA,MAC3B,UAAU,UAAU,IAAI;AAAA,MAExB,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,uBAAuB,UAAA,OAAM;AAAA,UAC5C,QACC,oBAAC,QAAA,EAAK,WAAW,0CAA0C,SAAS,IACjE,UAAA,KAAA,CACH;AAAA,QAAA,GAEJ;AAAA,4BAEC,OAAA,EAAI,WAAW,4CAA4C,SAAS,IAClE,UAAA,OACH;AAAA,QAEC,SACC,qBAAC,OAAA,EAAI,WAAW,4CAA4C,KAAK,IAC/D,UAAA;AAAA,UAAA,oBAAC,WAAA,EAAU;AAAA,UACV,cAAc,oBAAC,QAAA,EAAM,UAAA,WAAA,CAAW;AAAA,UAChC,cAAc,oBAAC,QAAA,EAAK,WAAU,6BAA6B,UAAA,WAAA,CAAW;AAAA,QAAA,GACzE;AAAA,QAGD,aAAa,UACZ,oBAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,4DAA4D,aAAa;AAAA,YACpF,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,QAAQ,CAAC,CAAC,IAAA;AAAA,YACvD,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,iBAAe;AAAA,UAAA;AAAA,QAAA,EACjB,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/stat-card/index.d.ts

@@ -0,0 +1,3 @@
+export { StatCard } from './StatCard';
+export type { StatCardProps, StatCardVariant, StatCardIconColor, StatCardAccent, StatCardTrend } from './StatCard';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/stat-card/index.d.ts.map

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

package/dist/components/stepper/Stepper.cjs

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css              */
+const check = require("../../node_modules/lucide-react/dist/esm/icons/check.cjs");
+const x = require("../../node_modules/lucide-react/dist/esm/icons/x.cjs");
+function getStatus(i, activeStep, overrides) {
+  if (overrides == null ? void 0 : overrides[i]) return overrides[i];
+  if (i < activeStep) return "completed";
+  if (i === activeStep) return "active";
+  return "pending";
+}
+function StepCircle({ status, index, icon, size }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn.cn(
+        "rz-stepper__circle",
+        status === "active" && "rz-stepper__circle--active",
+        status === "completed" && "rz-stepper__circle--completed",
+        status === "error" && "rz-stepper__circle--error",
+        size !== "md" && `rz-stepper--${size}`
+      ),
+      "aria-label": `Step ${index + 1}: ${status}`,
+      children: status === "completed" ? /* @__PURE__ */ jsxRuntime.jsx(check, { size: size === "sm" ? 12 : size === "lg" ? 18 : 15 }) : status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(x, { size: size === "sm" ? 12 : size === "lg" ? 18 : 15 }) : icon ?? index + 1
+    }
+  );
+}
+function Stepper({
+  steps,
+  activeStep,
+  orientation = "horizontal",
+  size = "md",
+  labeled = false,
+  stepStatuses,
+  className,
+  children
+}) {
+  const isVertical = orientation === "vertical";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn.cn(
+        "rz-stepper",
+        `rz-stepper--${orientation}`,
+        labeled && "rz-stepper--labeled",
+        size !== "md" && `rz-stepper--${size}`,
+        className
+      ),
+      role: "list",
+      "aria-label": "Progress steps",
+      children: [
+        steps.map((step, i) => {
+          const status = getStatus(i, activeStep, stepStatuses);
+          const isLast = i === steps.length - 1;
+          if (isVertical) {
+            return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-stepper__step", role: "listitem", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-stepper__node", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(StepCircle, { status, index: i, icon: step.icon, size }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-stepper__labels", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn.cn("rz-stepper__title", `rz-stepper__title--${status}`), children: step.title }),
+                    step.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-stepper__subtitle", children: step.subtitle })
+                  ] })
+                ] }),
+                !isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("rz-stepper__connector", status === "completed" && "rz-stepper__connector--completed") })
+              ] }),
+              i === activeStep && children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-stepper__content", children })
+            ] }, i);
+          }
+          return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-stepper__step", role: "listitem", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-stepper__node", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(StepCircle, { status, index: i, icon: step.icon, size }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-stepper__labels", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn.cn("rz-stepper__title", `rz-stepper__title--${status}`), children: step.title }),
+                step.subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-stepper__subtitle", children: step.subtitle })
+              ] })
+            ] }) }),
+            !isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("rz-stepper__connector", status === "completed" && "rz-stepper__connector--completed") })
+          ] }, i);
+        }),
+        !isVertical && children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-stepper__content", style: { width: "100%", position: "absolute", display: "none" } })
+      ]
+    }
+  );
+}
+exports.Stepper = Stepper;
+//# sourceMappingURL=Stepper.cjs.map

package/dist/components/stepper/Stepper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/stepper/Stepper.tsx"],"sourcesContent":["import React from 'react';\nimport { Check, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './stepper.css';\n\nexport type StepStatus = 'pending' | 'active' | 'completed' | 'error';\nexport type StepperOrientation = 'horizontal' | 'vertical';\nexport type StepperSize = 'sm' | 'md' | 'lg';\n\nexport interface Step {\n  title: string;\n  subtitle?: string;\n  icon?: React.ReactNode;\n}\n\nexport interface StepperProps {\n  steps: Step[];\n  activeStep: number;\n  orientation?: StepperOrientation;\n  size?: StepperSize;\n  /** Show labels in horizontal mode */\n  labeled?: boolean;\n  /** Per-step overrides */\n  stepStatuses?: Record<number, StepStatus>;\n  className?: string;\n  /** Content to render below each active step (vertical only) */\n  children?: React.ReactNode;\n}\n\nfunction getStatus(i: number, activeStep: number, overrides?: Record<number, StepStatus>): StepStatus {\n  if (overrides?.[i]) return overrides[i];\n  if (i < activeStep) return 'completed';\n  if (i === activeStep) return 'active';\n  return 'pending';\n}\n\nfunction StepCircle({ status, index, icon, size }: { status: StepStatus; index: number; icon?: React.ReactNode; size: StepperSize }) {\n  return (\n    <div\n      className={cn(\n        'rz-stepper__circle',\n        status === 'active' && 'rz-stepper__circle--active',\n        status === 'completed' && 'rz-stepper__circle--completed',\n        status === 'error' && 'rz-stepper__circle--error',\n        size !== 'md' && `rz-stepper--${size}`,\n      )}\n      aria-label={`Step ${index + 1}: ${status}`}\n    >\n      {status === 'completed' ? <Check size={size === 'sm' ? 12 : size === 'lg' ? 18 : 15} /> :\n       status === 'error'     ? <X size={size === 'sm' ? 12 : size === 'lg' ? 18 : 15} /> :\n       icon ?? (index + 1)}\n    </div>\n  );\n}\n\nexport function Stepper({\n  steps,\n  activeStep,\n  orientation = 'horizontal',\n  size = 'md',\n  labeled = false,\n  stepStatuses,\n  className,\n  children,\n}: StepperProps) {\n  const isVertical = orientation === 'vertical';\n\n  return (\n    <div\n      className={cn(\n        'rz-stepper',\n        `rz-stepper--${orientation}`,\n        labeled && 'rz-stepper--labeled',\n        size !== 'md' && `rz-stepper--${size}`,\n        className,\n      )}\n      role=\"list\"\n      aria-label=\"Progress steps\"\n    >\n      {steps.map((step, i) => {\n        const status = getStatus(i, activeStep, stepStatuses);\n        const isLast = i === steps.length - 1;\n\n        if (isVertical) {\n          return (\n            <React.Fragment key={i}>\n              <div className=\"rz-stepper__step\" role=\"listitem\">\n                <div className=\"rz-stepper__node\">\n                  <StepCircle status={status} index={i} icon={step.icon} size={size} />\n                  <div className=\"rz-stepper__labels\">\n                    <span className={cn('rz-stepper__title', `rz-stepper__title--${status}`)}>{step.title}</span>\n                    {step.subtitle && <span className=\"rz-stepper__subtitle\">{step.subtitle}</span>}\n                  </div>\n                </div>\n                {!isLast && <div className={cn('rz-stepper__connector', status === 'completed' && 'rz-stepper__connector--completed')} />}\n              </div>\n              {i === activeStep && children && (\n                <div className=\"rz-stepper__content\">{children}</div>\n              )}\n            </React.Fragment>\n          );\n        }\n\n        // Horizontal\n        return (\n          <React.Fragment key={i}>\n            <div className=\"rz-stepper__step\" role=\"listitem\">\n              <div className=\"rz-stepper__node\">\n                <StepCircle status={status} index={i} icon={step.icon} size={size} />\n                <div className=\"rz-stepper__labels\">\n                  <span className={cn('rz-stepper__title', `rz-stepper__title--${status}`)}>{step.title}</span>\n                  {step.subtitle && <span className=\"rz-stepper__subtitle\">{step.subtitle}</span>}\n                </div>\n              </div>\n            </div>\n            {!isLast && (\n              <div className={cn('rz-stepper__connector', status === 'completed' && 'rz-stepper__connector--completed')} />\n            )}\n          </React.Fragment>\n        );\n      })}\n      {!isVertical && children && (\n        <div className=\"rz-stepper__content\" style={{ width: '100%', position: 'absolute', display: 'none' }} />\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","cn","Check","X","jsxs"],"mappings":"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"}

package/dist/components/stepper/Stepper.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export type StepStatus = 'pending' | 'active' | 'completed' | 'error';
+export type StepperOrientation = 'horizontal' | 'vertical';
+export type StepperSize = 'sm' | 'md' | 'lg';
+export interface Step {
+    title: string;
+    subtitle?: string;
+    icon?: React.ReactNode;
+}
+export interface StepperProps {
+    steps: Step[];
+    activeStep: number;
+    orientation?: StepperOrientation;
+    size?: StepperSize;
+    /** Show labels in horizontal mode */
+    labeled?: boolean;
+    /** Per-step overrides */
+    stepStatuses?: Record<number, StepStatus>;
+    className?: string;
+    /** Content to render below each active step (vertical only) */
+    children?: React.ReactNode;
+}
+export declare function Stepper({ steps, activeStep, orientation, size, labeled, stepStatuses, className, children, }: StepperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Stepper.d.ts.map

package/dist/components/stepper/Stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;AACtE,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA4BD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,UAAU,EACV,WAA0B,EAC1B,IAAW,EACX,OAAe,EACf,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,EAAE,YAAY,2CA8Dd"}

package/dist/components/stepper/Stepper.js

@@ -0,0 +1,90 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css            */
+import Check from "../../node_modules/lucide-react/dist/esm/icons/check.js";
+import X from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+function getStatus(i, activeStep, overrides) {
+  if (overrides == null ? void 0 : overrides[i]) return overrides[i];
+  if (i < activeStep) return "completed";
+  if (i === activeStep) return "active";
+  return "pending";
+}
+function StepCircle({ status, index, icon, size }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "rz-stepper__circle",
+        status === "active" && "rz-stepper__circle--active",
+        status === "completed" && "rz-stepper__circle--completed",
+        status === "error" && "rz-stepper__circle--error",
+        size !== "md" && `rz-stepper--${size}`
+      ),
+      "aria-label": `Step ${index + 1}: ${status}`,
+      children: status === "completed" ? /* @__PURE__ */ jsx(Check, { size: size === "sm" ? 12 : size === "lg" ? 18 : 15 }) : status === "error" ? /* @__PURE__ */ jsx(X, { size: size === "sm" ? 12 : size === "lg" ? 18 : 15 }) : icon ?? index + 1
+    }
+  );
+}
+function Stepper({
+  steps,
+  activeStep,
+  orientation = "horizontal",
+  size = "md",
+  labeled = false,
+  stepStatuses,
+  className,
+  children
+}) {
+  const isVertical = orientation === "vertical";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rz-stepper",
+        `rz-stepper--${orientation}`,
+        labeled && "rz-stepper--labeled",
+        size !== "md" && `rz-stepper--${size}`,
+        className
+      ),
+      role: "list",
+      "aria-label": "Progress steps",
+      children: [
+        steps.map((step, i) => {
+          const status = getStatus(i, activeStep, stepStatuses);
+          const isLast = i === steps.length - 1;
+          if (isVertical) {
+            return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "rz-stepper__step", role: "listitem", children: [
+                /* @__PURE__ */ jsxs("div", { className: "rz-stepper__node", children: [
+                  /* @__PURE__ */ jsx(StepCircle, { status, index: i, icon: step.icon, size }),
+                  /* @__PURE__ */ jsxs("div", { className: "rz-stepper__labels", children: [
+                    /* @__PURE__ */ jsx("span", { className: cn("rz-stepper__title", `rz-stepper__title--${status}`), children: step.title }),
+                    step.subtitle && /* @__PURE__ */ jsx("span", { className: "rz-stepper__subtitle", children: step.subtitle })
+                  ] })
+                ] }),
+                !isLast && /* @__PURE__ */ jsx("div", { className: cn("rz-stepper__connector", status === "completed" && "rz-stepper__connector--completed") })
+              ] }),
+              i === activeStep && children && /* @__PURE__ */ jsx("div", { className: "rz-stepper__content", children })
+            ] }, i);
+          }
+          return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "rz-stepper__step", role: "listitem", children: /* @__PURE__ */ jsxs("div", { className: "rz-stepper__node", children: [
+              /* @__PURE__ */ jsx(StepCircle, { status, index: i, icon: step.icon, size }),
+              /* @__PURE__ */ jsxs("div", { className: "rz-stepper__labels", children: [
+                /* @__PURE__ */ jsx("span", { className: cn("rz-stepper__title", `rz-stepper__title--${status}`), children: step.title }),
+                step.subtitle && /* @__PURE__ */ jsx("span", { className: "rz-stepper__subtitle", children: step.subtitle })
+              ] })
+            ] }) }),
+            !isLast && /* @__PURE__ */ jsx("div", { className: cn("rz-stepper__connector", status === "completed" && "rz-stepper__connector--completed") })
+          ] }, i);
+        }),
+        !isVertical && children && /* @__PURE__ */ jsx("div", { className: "rz-stepper__content", style: { width: "100%", position: "absolute", display: "none" } })
+      ]
+    }
+  );
+}
+export {
+  Stepper
+};
+//# sourceMappingURL=Stepper.js.map

package/dist/components/stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sources":["../../../src/components/stepper/Stepper.tsx"],"sourcesContent":["import React from 'react';\nimport { Check, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './stepper.css';\n\nexport type StepStatus = 'pending' | 'active' | 'completed' | 'error';\nexport type StepperOrientation = 'horizontal' | 'vertical';\nexport type StepperSize = 'sm' | 'md' | 'lg';\n\nexport interface Step {\n  title: string;\n  subtitle?: string;\n  icon?: React.ReactNode;\n}\n\nexport interface StepperProps {\n  steps: Step[];\n  activeStep: number;\n  orientation?: StepperOrientation;\n  size?: StepperSize;\n  /** Show labels in horizontal mode */\n  labeled?: boolean;\n  /** Per-step overrides */\n  stepStatuses?: Record<number, StepStatus>;\n  className?: string;\n  /** Content to render below each active step (vertical only) */\n  children?: React.ReactNode;\n}\n\nfunction getStatus(i: number, activeStep: number, overrides?: Record<number, StepStatus>): StepStatus {\n  if (overrides?.[i]) return overrides[i];\n  if (i < activeStep) return 'completed';\n  if (i === activeStep) return 'active';\n  return 'pending';\n}\n\nfunction StepCircle({ status, index, icon, size }: { status: StepStatus; index: number; icon?: React.ReactNode; size: StepperSize }) {\n  return (\n    <div\n      className={cn(\n        'rz-stepper__circle',\n        status === 'active' && 'rz-stepper__circle--active',\n        status === 'completed' && 'rz-stepper__circle--completed',\n        status === 'error' && 'rz-stepper__circle--error',\n        size !== 'md' && `rz-stepper--${size}`,\n      )}\n      aria-label={`Step ${index + 1}: ${status}`}\n    >\n      {status === 'completed' ? <Check size={size === 'sm' ? 12 : size === 'lg' ? 18 : 15} /> :\n       status === 'error'     ? <X size={size === 'sm' ? 12 : size === 'lg' ? 18 : 15} /> :\n       icon ?? (index + 1)}\n    </div>\n  );\n}\n\nexport function Stepper({\n  steps,\n  activeStep,\n  orientation = 'horizontal',\n  size = 'md',\n  labeled = false,\n  stepStatuses,\n  className,\n  children,\n}: StepperProps) {\n  const isVertical = orientation === 'vertical';\n\n  return (\n    <div\n      className={cn(\n        'rz-stepper',\n        `rz-stepper--${orientation}`,\n        labeled && 'rz-stepper--labeled',\n        size !== 'md' && `rz-stepper--${size}`,\n        className,\n      )}\n      role=\"list\"\n      aria-label=\"Progress steps\"\n    >\n      {steps.map((step, i) => {\n        const status = getStatus(i, activeStep, stepStatuses);\n        const isLast = i === steps.length - 1;\n\n        if (isVertical) {\n          return (\n            <React.Fragment key={i}>\n              <div className=\"rz-stepper__step\" role=\"listitem\">\n                <div className=\"rz-stepper__node\">\n                  <StepCircle status={status} index={i} icon={step.icon} size={size} />\n                  <div className=\"rz-stepper__labels\">\n                    <span className={cn('rz-stepper__title', `rz-stepper__title--${status}`)}>{step.title}</span>\n                    {step.subtitle && <span className=\"rz-stepper__subtitle\">{step.subtitle}</span>}\n                  </div>\n                </div>\n                {!isLast && <div className={cn('rz-stepper__connector', status === 'completed' && 'rz-stepper__connector--completed')} />}\n              </div>\n              {i === activeStep && children && (\n                <div className=\"rz-stepper__content\">{children}</div>\n              )}\n            </React.Fragment>\n          );\n        }\n\n        // Horizontal\n        return (\n          <React.Fragment key={i}>\n            <div className=\"rz-stepper__step\" role=\"listitem\">\n              <div className=\"rz-stepper__node\">\n                <StepCircle status={status} index={i} icon={step.icon} size={size} />\n                <div className=\"rz-stepper__labels\">\n                  <span className={cn('rz-stepper__title', `rz-stepper__title--${status}`)}>{step.title}</span>\n                  {step.subtitle && <span className=\"rz-stepper__subtitle\">{step.subtitle}</span>}\n                </div>\n              </div>\n            </div>\n            {!isLast && (\n              <div className={cn('rz-stepper__connector', status === 'completed' && 'rz-stepper__connector--completed')} />\n            )}\n          </React.Fragment>\n        );\n      })}\n      {!isVertical && children && (\n        <div className=\"rz-stepper__content\" style={{ width: '100%', position: 'absolute', display: 'none' }} />\n      )}\n    </div>\n  );\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { Stepper } from './Stepper';
+export type { StepperProps, Step, StepStatus, StepperOrientation, StepperSize } from './Stepper';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/switch/Switch.cjs

@@ -0,0 +1,29 @@
+"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-switch/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css             */
+const Switch = React.forwardRef(({ className, size = "md", label, description, id, ...props }, ref) => {
+  const switchId = id ?? (label ? `rz-switch-${label.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-switch", size !== "md" && `rz-switch--${size}`, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      index.Root,
+      {
+        ref,
+        id: switchId,
+        className: "rz-switch__input",
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(index.Thumb, { className: "rz-switch__thumb" })
+      }
+    ),
+    (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-switch__content", children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "rz-switch__label", htmlFor: switchId, children: label }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-switch__description", children: description })
+    ] })
+  ] });
+});
+Switch.displayName = "Switch";
+exports.Switch = Switch;
+//# sourceMappingURL=Switch.cjs.map

package/dist/components/switch/Switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.cjs","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\nimport { cn } from '../../utils/cn';\nimport './switch.css';\n\nexport interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {\n  /** Size of the switch */\n  size?: 'sm' | 'md' | 'lg';\n  /** Label text displayed next to the switch */\n  label?: string;\n  /** Description text below the label */\n  description?: string;\n}\n\n/**\n * Switch\n *\n * A toggle switch built on Radix UI.\n *\n * @example\n * <Switch label=\"Enable notifications\" description=\"Get notified when something happens.\" />\n */\nexport const Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitive.Root>,\n  SwitchProps\n>(({ className, size = 'md', label, description, id, ...props }, ref) => {\n  const switchId = id ?? (label ? `rz-switch-${label.toLowerCase().replace(/\\s+/g, '-')}` : undefined);\n\n  return (\n    <div className={cn('rz-switch', size !== 'md' && `rz-switch--${size}`, className)}>\n      <SwitchPrimitive.Root\n        ref={ref}\n        id={switchId}\n        className=\"rz-switch__input\"\n        {...props}\n      >\n        <SwitchPrimitive.Thumb className=\"rz-switch__thumb\" />\n      </SwitchPrimitive.Root>\n\n      {(label || description) && (\n        <div className=\"rz-switch__content\">\n          {label && (\n            <label className=\"rz-switch__label\" htmlFor={switchId}>\n              {label}\n            </label>\n          )}\n          {description && (\n            <span className=\"rz-switch__description\">{description}</span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n});\n\nSwitch.displayName = 'Switch';\n"],"names":["jsxs","cn","jsx","SwitchPrimitive.Root","SwitchPrimitive.Thumb"],"mappings":";;;;;;;AAsBO,MAAM,SAAS,MAAM,WAG1B,CAAC,EAAE,WAAW,OAAO,MAAM,OAAO,aAAa,IAAI,GAAG,MAAA,GAAS,QAAQ;AACvE,QAAM,WAAW,OAAO,QAAQ,aAAa,MAAM,YAAA,EAAc,QAAQ,QAAQ,GAAG,CAAC,KAAK;AAE1F,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAWC,GAAAA,GAAG,aAAa,SAAS,QAAQ,cAAc,IAAI,IAAI,SAAS,GAC9E,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,MAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,IAAI;AAAA,QACJ,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ,UAAAD,2BAAAA,IAACE,MAAAA,OAAA,EAAsB,WAAU,mBAAA,CAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,KAGpD,SAAS,gBACTJ,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,MAAA,wCACE,SAAA,EAAM,WAAU,oBAAmB,SAAS,UAC1C,UAAA,OACH;AAAA,MAED,eACCE,2BAAAA,IAAC,QAAA,EAAK,WAAU,0BAA0B,UAAA,YAAA,CAAY;AAAA,IAAA,EAAA,CAE1D;AAAA,EAAA,GAEJ;AAEJ,CAAC;AAED,OAAO,cAAc;;"}

package/dist/components/switch/Switch.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
+    /** Size of the switch */
+    size?: 'sm' | 'md' | 'lg';
+    /** Label text displayed next to the switch */
+    label?: string;
+    /** Description text below the label */
+    description?: string;
+}
+/**
+ * Switch
+ *
+ * A toggle switch built on Radix UI.
+ *
+ * @example
+ * <Switch label="Enable notifications" description="Get notified when something happens." />
+ */
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/components/switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IAC9F,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,uFA+BjB,CAAC"}

package/dist/components/switch/Switch.js

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Root, Thumb } from "../../node_modules/@radix-ui/react-switch/dist/index.js";
+import { cn } from "../../utils/cn.js";
+/* empty css           */
+const Switch = React__default.forwardRef(({ className, size = "md", label, description, id, ...props }, ref) => {
+  const switchId = id ?? (label ? `rz-switch-${label.toLowerCase().replace(/\s+/g, "-")}` : void 0);
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-switch", size !== "md" && `rz-switch--${size}`, className), children: [
+    /* @__PURE__ */ jsx(
+      Root,
+      {
+        ref,
+        id: switchId,
+        className: "rz-switch__input",
+        ...props,
+        children: /* @__PURE__ */ jsx(Thumb, { className: "rz-switch__thumb" })
+      }
+    ),
+    (label || description) && /* @__PURE__ */ jsxs("div", { className: "rz-switch__content", children: [
+      label && /* @__PURE__ */ jsx("label", { className: "rz-switch__label", htmlFor: switchId, children: label }),
+      description && /* @__PURE__ */ jsx("span", { className: "rz-switch__description", children: description })
+    ] })
+  ] });
+});
+Switch.displayName = "Switch";
+export {
+  Switch
+};
+//# sourceMappingURL=Switch.js.map

package/dist/components/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\nimport { cn } from '../../utils/cn';\nimport './switch.css';\n\nexport interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {\n  /** Size of the switch */\n  size?: 'sm' | 'md' | 'lg';\n  /** Label text displayed next to the switch */\n  label?: string;\n  /** Description text below the label */\n  description?: string;\n}\n\n/**\n * Switch\n *\n * A toggle switch built on Radix UI.\n *\n * @example\n * <Switch label=\"Enable notifications\" description=\"Get notified when something happens.\" />\n */\nexport const Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitive.Root>,\n  SwitchProps\n>(({ className, size = 'md', label, description, id, ...props }, ref) => {\n  const switchId = id ?? (label ? `rz-switch-${label.toLowerCase().replace(/\\s+/g, '-')}` : undefined);\n\n  return (\n    <div className={cn('rz-switch', size !== 'md' && `rz-switch--${size}`, className)}>\n      <SwitchPrimitive.Root\n        ref={ref}\n        id={switchId}\n        className=\"rz-switch__input\"\n        {...props}\n      >\n        <SwitchPrimitive.Thumb className=\"rz-switch__thumb\" />\n      </SwitchPrimitive.Root>\n\n      {(label || description) && (\n        <div className=\"rz-switch__content\">\n          {label && (\n            <label className=\"rz-switch__label\" htmlFor={switchId}>\n              {label}\n            </label>\n          )}\n          {description && (\n            <span className=\"rz-switch__description\">{description}</span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n});\n\nSwitch.displayName = 'Switch';\n"],"names":["React","SwitchPrimitive.Root","SwitchPrimitive.Thumb"],"mappings":";;;;;AAsBO,MAAM,SAASA,eAAM,WAG1B,CAAC,EAAE,WAAW,OAAO,MAAM,OAAO,aAAa,IAAI,GAAG,MAAA,GAAS,QAAQ;AACvE,QAAM,WAAW,OAAO,QAAQ,aAAa,MAAM,YAAA,EAAc,QAAQ,QAAQ,GAAG,CAAC,KAAK;AAE1F,SACE,qBAAC,OAAA,EAAI,WAAW,GAAG,aAAa,SAAS,QAAQ,cAAc,IAAI,IAAI,SAAS,GAC9E,UAAA;AAAA,IAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,IAAI;AAAA,QACJ,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ,UAAA,oBAACC,OAAA,EAAsB,WAAU,mBAAA,CAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,KAGpD,SAAS,gBACT,qBAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,MAAA,6BACE,SAAA,EAAM,WAAU,oBAAmB,SAAS,UAC1C,UAAA,OACH;AAAA,MAED,eACC,oBAAC,QAAA,EAAK,WAAU,0BAA0B,UAAA,YAAA,CAAY;AAAA,IAAA,EAAA,CAE1D;AAAA,EAAA,GAEJ;AAEJ,CAAC;AAED,OAAO,cAAc;"}

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

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

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

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

package/dist/components/table/Table.cjs

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css            */
+const TableWrapper = React.forwardRef(
+  ({ className, striped, compact, borderless, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn.cn(
+        "rz-table-wrapper",
+        striped && "rz-table-wrapper--striped",
+        compact && "rz-table-wrapper--compact",
+        borderless && "rz-table-wrapper--borderless",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableWrapper.displayName = "TableWrapper";
+const Table = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("table", { ref, className: cn.cn("rz-table", className), ...props })
+);
+Table.displayName = "Table";
+const TableHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn.cn("rz-table__header", className), ...props })
+);
+TableHeader.displayName = "TableHeader";
+const TableBody = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: cn.cn("rz-table__body", className), ...props })
+);
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tfoot", { ref, className: cn.cn("rz-table__footer", className), ...props })
+);
+TableFooter.displayName = "TableFooter";
+const TableRow = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tr", { ref, className: cn.cn("rz-table__row", className), ...props })
+);
+TableRow.displayName = "TableRow";
+const TableHead = React.forwardRef(
+  ({ className, align = "left", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      ref,
+      className: cn.cn(
+        "rz-table__head",
+        align === "right" && "rz-table__head--right",
+        align === "center" && "rz-table__head--center",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableHead.displayName = "TableHead";
+const TableCell = React.forwardRef(
+  ({ className, align = "left", bold, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      ref,
+      className: cn.cn(
+        "rz-table__cell",
+        align === "right" && "rz-table__cell--right",
+        align === "center" && "rz-table__cell--center",
+        bold && "rz-table__cell--bold",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableCell.displayName = "TableCell";
+const TableCaption = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: cn.cn("rz-table__caption", className), ...props })
+);
+TableCaption.displayName = "TableCaption";
+function DataTable({
+  columns,
+  data,
+  getRowKey,
+  caption,
+  striped,
+  compact,
+  borderless,
+  emptyMessage = "No results.",
+  className
+}) {
+  function getCellValue(col, row) {
+    if (col.render) return col.render(row);
+    if (col.accessor) return col.accessor(row);
+    return String(row[col.key] ?? "");
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(TableWrapper, { striped, compact, borderless, className, children: /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
+    caption && /* @__PURE__ */ jsxRuntime.jsx(TableCaption, { children: caption }),
+    /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(TableHead, { align: col.align, style: col.width != null ? { width: col.width } : void 0, children: col.header }, col.key)) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: data.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(TableCell, { colSpan: columns.length, align: "center", style: { color: "var(--rz-color-muted-foreground)", padding: "2rem" }, children: emptyMessage }) }) : data.map((row, i) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(TableCell, { align: col.align, bold: col.bold, children: getCellValue(col, row) }, col.key)) }, getRowKey ? getRowKey(row, i) : i)) })
+  ] }) });
+}
+exports.DataTable = DataTable;
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+exports.TableWrapper = TableWrapper;
+//# sourceMappingURL=Table.cjs.map