erp-pro-ui 0.1.0 → 0.1.2

package/dist/chunks/progress-bar-C1OvQ-NI.cjs

@@ -0,0 +1,96 @@
+const require_chunk = require("./chunk-B_GkZjkl.cjs");
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/data-display/progress-bar/ProgressBar.tsx
+var sizeStyles = {
+	sm: {
+		track: "h-1.5",
+		label: "text-xs",
+		percentage: "text-xs"
+	},
+	md: {
+		track: "h-2.5",
+		label: "text-sm",
+		percentage: "text-sm"
+	},
+	lg: {
+		track: "h-3.5",
+		label: "text-base",
+		percentage: "text-base"
+	}
+};
+var toneStyles = {
+	default: {
+		color: "var(--ds-chart-1)",
+		trackBackground: "linear-gradient(90deg, rgba(15, 23, 42, 0.08) 0%, rgba(30, 41, 59, 0.14) 100%)"
+	},
+	success: {
+		color: "var(--ds-chart-3)",
+		trackBackground: "linear-gradient(90deg, rgba(20, 83, 45, 0.12) 0%, rgba(34, 197, 94, 0.18) 100%)"
+	},
+	warning: {
+		color: "var(--ds-chart-4)",
+		trackBackground: "linear-gradient(90deg, rgba(120, 53, 15, 0.12) 0%, rgba(245, 158, 11, 0.18) 100%)"
+	},
+	danger: {
+		color: "var(--ds-chart-5)",
+		trackBackground: "linear-gradient(90deg, rgba(127, 29, 29, 0.12) 0%, rgba(239, 68, 68, 0.18) 100%)"
+	},
+	info: {
+		color: "var(--ds-chart-2)",
+		trackBackground: "linear-gradient(90deg, rgba(30, 64, 175, 0.12) 0%, rgba(59, 130, 246, 0.18) 100%)"
+	}
+};
+function clampValue(value, max) {
+	if (!Number.isFinite(value)) return 0;
+	return Math.min(Math.max(value, 0), max);
+}
+function ProgressBar({ value, max = 100, label, percentageLabel, showPercentage = true, size = "md", tone = "default", className = "", trackClassName = "", fillClassName = "", ariaLabel = "Progress" }) {
+	const safeMax = Number.isFinite(max) && max > 0 ? max : 100;
+	const clampedValue = clampValue(value, safeMax);
+	const percentage = clampedValue / safeMax * 100;
+	const roundedPercentage = Math.round(percentage);
+	const toneStyle = toneStyles[tone];
+	const resolvedPercentageLabel = percentageLabel ?? `${roundedPercentage}%`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `w-full space-y-3 ${className}`,
+		children: [(label || showPercentage) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center justify-between gap-4",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `font-mono font-semibold tracking-[0.08em] text-foreground ${sizeStyles[size].label}`,
+				children: label
+			}), showPercentage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `font-mono font-medium tracking-[0.08em] text-muted-foreground ${sizeStyles[size].percentage}`,
+				children: resolvedPercentageLabel
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			role: "progressbar",
+			"aria-label": ariaLabel,
+			"aria-valuemin": 0,
+			"aria-valuemax": safeMax,
+			"aria-valuenow": Math.round(clampedValue),
+			"aria-valuetext": `${roundedPercentage}%`,
+			className: `relative overflow-hidden rounded-full border border-white/12 bg-background-tertiary/80 shadow-[inset_0_1px_1px_rgba(255,255,255,0.2)] dark:border-white/6 ${sizeStyles[size].track} ${trackClassName}`,
+			style: { background: toneStyle.trackBackground },
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `h-full rounded-full transition-[width,filter,box-shadow] duration-500 ease-out ${fillClassName}`,
+				style: {
+					width: `${percentage}%`,
+					background: `linear-gradient(90deg, color-mix(in srgb, ${toneStyle.color} 68%, white 32%) 0%, ${toneStyle.color} 100%)`,
+					boxShadow: `inset 0 1px 0 rgba(255,255,255,0.4), 0 0 14px color-mix(in srgb, ${toneStyle.color} 32%, transparent)`,
+					filter: percentage > 0 ? "saturate(1.05) brightness(1.02)" : "none"
+				}
+			})
+		})]
+	});
+}
+//#endregion
+Object.defineProperty(exports, "ProgressBar", {
+	enumerable: true,
+	get: function() {
+		return ProgressBar;
+	}
+});
+
+//# sourceMappingURL=progress-bar-C1OvQ-NI.cjs.map

package/dist/chunks/progress-bar-C1OvQ-NI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-C1OvQ-NI.cjs","names":[],"sources":["../../src/components/data-display/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type ProgressBarSize = \"sm\" | \"md\" | \"lg\";\nexport type ProgressBarTone =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\n\nexport interface ProgressBarProps {\n  value: number;\n  max?: number;\n  label?: React.ReactNode;\n  percentageLabel?: React.ReactNode;\n  showPercentage?: boolean;\n  size?: ProgressBarSize;\n  tone?: ProgressBarTone;\n  className?: string;\n  trackClassName?: string;\n  fillClassName?: string;\n  ariaLabel?: string;\n}\n\nconst sizeStyles: Record<\n  ProgressBarSize,\n  {\n    track: string;\n    label: string;\n    percentage: string;\n  }\n> = {\n  sm: {\n    track: \"h-1.5\",\n    label: \"text-xs\",\n    percentage: \"text-xs\",\n  },\n  md: {\n    track: \"h-2.5\",\n    label: \"text-sm\",\n    percentage: \"text-sm\",\n  },\n  lg: {\n    track: \"h-3.5\",\n    label: \"text-base\",\n    percentage: \"text-base\",\n  },\n};\n\nconst toneStyles: Record<\n  ProgressBarTone,\n  {\n    color: string;\n    trackBackground: string;\n  }\n> = {\n  default: {\n    color: \"var(--ds-chart-1)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(15, 23, 42, 0.08) 0%, rgba(30, 41, 59, 0.14) 100%)\",\n  },\n  success: {\n    color: \"var(--ds-chart-3)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(20, 83, 45, 0.12) 0%, rgba(34, 197, 94, 0.18) 100%)\",\n  },\n  warning: {\n    color: \"var(--ds-chart-4)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(120, 53, 15, 0.12) 0%, rgba(245, 158, 11, 0.18) 100%)\",\n  },\n  danger: {\n    color: \"var(--ds-chart-5)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(127, 29, 29, 0.12) 0%, rgba(239, 68, 68, 0.18) 100%)\",\n  },\n  info: {\n    color: \"var(--ds-chart-2)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(30, 64, 175, 0.12) 0%, rgba(59, 130, 246, 0.18) 100%)\",\n  },\n};\n\nfunction clampValue(value: number, max: number): number {\n  if (!Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.min(Math.max(value, 0), max);\n}\n\nexport default function ProgressBar({\n  value,\n  max = 100,\n  label,\n  percentageLabel,\n  showPercentage = true,\n  size = \"md\",\n  tone = \"default\",\n  className = \"\",\n  trackClassName = \"\",\n  fillClassName = \"\",\n  ariaLabel = \"Progress\",\n}: ProgressBarProps) {\n  const safeMax = Number.isFinite(max) && max > 0 ? max : 100;\n  const clampedValue = clampValue(value, safeMax);\n  const percentage = (clampedValue / safeMax) * 100;\n  const roundedPercentage = Math.round(percentage);\n  const toneStyle = toneStyles[tone];\n  const resolvedPercentageLabel = percentageLabel ?? `${roundedPercentage}%`;\n\n  return (\n    <div className={`w-full space-y-3 ${className}`}>\n      {(label || showPercentage) && (\n        <div className=\"flex items-center justify-between gap-4\">\n          <div\n            className={`font-mono font-semibold tracking-[0.08em] text-foreground ${sizeStyles[size].label}`}\n          >\n            {label}\n          </div>\n          {showPercentage && (\n            <div\n              className={`font-mono font-medium tracking-[0.08em] text-muted-foreground ${sizeStyles[size].percentage}`}\n            >\n              {resolvedPercentageLabel}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div\n        role=\"progressbar\"\n        aria-label={ariaLabel}\n        aria-valuemin={0}\n        aria-valuemax={safeMax}\n        aria-valuenow={Math.round(clampedValue)}\n        aria-valuetext={`${roundedPercentage}%`}\n        className={`relative overflow-hidden rounded-full border border-white/12 bg-background-tertiary/80 shadow-[inset_0_1px_1px_rgba(255,255,255,0.2)] dark:border-white/6 ${sizeStyles[size].track} ${trackClassName}`}\n        style={{ background: toneStyle.trackBackground }}\n      >\n        <div\n          className={`h-full rounded-full transition-[width,filter,box-shadow] duration-500 ease-out ${fillClassName}`}\n          style={{\n            width: `${percentage}%`,\n            background: `linear-gradient(90deg, color-mix(in srgb, ${toneStyle.color} 68%, white 32%) 0%, ${toneStyle.color} 100%)`,\n            boxShadow: `inset 0 1px 0 rgba(255,255,255,0.4), 0 0 14px color-mix(in srgb, ${toneStyle.color} 32%, transparent)`,\n            filter: percentage > 0 ? \"saturate(1.05) brightness(1.02)\" : \"none\",\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAwBA,IAAM,aAOF;CACF,IAAI;EACF,OAAO;EACP,OAAO;EACP,YAAY;EACb;CACD,IAAI;EACF,OAAO;EACP,OAAO;EACP,YAAY;EACb;CACD,IAAI;EACF,OAAO;EACP,OAAO;EACP,YAAY;EACb;CACF;AAED,IAAM,aAMF;CACF,SAAS;EACP,OAAO;EACP,iBACE;EACH;CACD,SAAS;EACP,OAAO;EACP,iBACE;EACH;CACD,SAAS;EACP,OAAO;EACP,iBACE;EACH;CACD,QAAQ;EACN,OAAO;EACP,iBACE;EACH;CACD,MAAM;EACJ,OAAO;EACP,iBACE;EACH;CACF;AAED,SAAS,WAAW,OAAe,KAAqB;AACtD,KAAI,CAAC,OAAO,SAAS,MAAM,CACzB,QAAO;AAGT,QAAO,KAAK,IAAI,KAAK,IAAI,OAAO,EAAE,EAAE,IAAI;;AAG1C,SAAwB,YAAY,EAClC,OACA,MAAM,KACN,OACA,iBACA,iBAAiB,MACjB,OAAO,MACP,OAAO,WACP,YAAY,IACZ,iBAAiB,IACjB,gBAAgB,IAChB,YAAY,cACO;CACnB,MAAM,UAAU,OAAO,SAAS,IAAI,IAAI,MAAM,IAAI,MAAM;CACxD,MAAM,eAAe,WAAW,OAAO,QAAQ;CAC/C,MAAM,aAAc,eAAe,UAAW;CAC9C,MAAM,oBAAoB,KAAK,MAAM,WAAW;CAChD,MAAM,YAAY,WAAW;CAC7B,MAAM,0BAA0B,mBAAmB,GAAG,kBAAkB;AAExE,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAW,oBAAoB;YAApC,EACI,SAAS,mBACT,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,WAAW,6DAA6D,WAAW,MAAM;cAExF;IACG,CAAA,EACL,kBACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,WAAW,iEAAiE,WAAW,MAAM;cAE5F;IACG,CAAA,CAEJ;MAGR,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,MAAK;GACL,cAAY;GACZ,iBAAe;GACf,iBAAe;GACf,iBAAe,KAAK,MAAM,aAAa;GACvC,kBAAgB,GAAG,kBAAkB;GACrC,WAAW,6JAA6J,WAAW,MAAM,MAAM,GAAG;GAClM,OAAO,EAAE,YAAY,UAAU,iBAAiB;aAEhD,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,WAAW,kFAAkF;IAC7F,OAAO;KACL,OAAO,GAAG,WAAW;KACrB,YAAY,6CAA6C,UAAU,MAAM,uBAAuB,UAAU,MAAM;KAChH,WAAW,oEAAoE,UAAU,MAAM;KAC/F,QAAQ,aAAa,IAAI,oCAAoC;KAC9D;IACD,CAAA;GACE,CAAA,CACF"}

package/dist/chunks/progress-bar-C9FZDrju.mjs

@@ -0,0 +1,89 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/data-display/progress-bar/ProgressBar.tsx
+var sizeStyles = {
+	sm: {
+		track: "h-1.5",
+		label: "text-xs",
+		percentage: "text-xs"
+	},
+	md: {
+		track: "h-2.5",
+		label: "text-sm",
+		percentage: "text-sm"
+	},
+	lg: {
+		track: "h-3.5",
+		label: "text-base",
+		percentage: "text-base"
+	}
+};
+var toneStyles = {
+	default: {
+		color: "var(--ds-chart-1)",
+		trackBackground: "linear-gradient(90deg, rgba(15, 23, 42, 0.08) 0%, rgba(30, 41, 59, 0.14) 100%)"
+	},
+	success: {
+		color: "var(--ds-chart-3)",
+		trackBackground: "linear-gradient(90deg, rgba(20, 83, 45, 0.12) 0%, rgba(34, 197, 94, 0.18) 100%)"
+	},
+	warning: {
+		color: "var(--ds-chart-4)",
+		trackBackground: "linear-gradient(90deg, rgba(120, 53, 15, 0.12) 0%, rgba(245, 158, 11, 0.18) 100%)"
+	},
+	danger: {
+		color: "var(--ds-chart-5)",
+		trackBackground: "linear-gradient(90deg, rgba(127, 29, 29, 0.12) 0%, rgba(239, 68, 68, 0.18) 100%)"
+	},
+	info: {
+		color: "var(--ds-chart-2)",
+		trackBackground: "linear-gradient(90deg, rgba(30, 64, 175, 0.12) 0%, rgba(59, 130, 246, 0.18) 100%)"
+	}
+};
+function clampValue(value, max) {
+	if (!Number.isFinite(value)) return 0;
+	return Math.min(Math.max(value, 0), max);
+}
+function ProgressBar({ value, max = 100, label, percentageLabel, showPercentage = true, size = "md", tone = "default", className = "", trackClassName = "", fillClassName = "", ariaLabel = "Progress" }) {
+	const safeMax = Number.isFinite(max) && max > 0 ? max : 100;
+	const clampedValue = clampValue(value, safeMax);
+	const percentage = clampedValue / safeMax * 100;
+	const roundedPercentage = Math.round(percentage);
+	const toneStyle = toneStyles[tone];
+	const resolvedPercentageLabel = percentageLabel ?? `${roundedPercentage}%`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: `w-full space-y-3 ${className}`,
+		children: [(label || showPercentage) && /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-4",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: `font-mono font-semibold tracking-[0.08em] text-foreground ${sizeStyles[size].label}`,
+				children: label
+			}), showPercentage && /* @__PURE__ */ jsx("div", {
+				className: `font-mono font-medium tracking-[0.08em] text-muted-foreground ${sizeStyles[size].percentage}`,
+				children: resolvedPercentageLabel
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			role: "progressbar",
+			"aria-label": ariaLabel,
+			"aria-valuemin": 0,
+			"aria-valuemax": safeMax,
+			"aria-valuenow": Math.round(clampedValue),
+			"aria-valuetext": `${roundedPercentage}%`,
+			className: `relative overflow-hidden rounded-full border border-white/12 bg-background-tertiary/80 shadow-[inset_0_1px_1px_rgba(255,255,255,0.2)] dark:border-white/6 ${sizeStyles[size].track} ${trackClassName}`,
+			style: { background: toneStyle.trackBackground },
+			children: /* @__PURE__ */ jsx("div", {
+				className: `h-full rounded-full transition-[width,filter,box-shadow] duration-500 ease-out ${fillClassName}`,
+				style: {
+					width: `${percentage}%`,
+					background: `linear-gradient(90deg, color-mix(in srgb, ${toneStyle.color} 68%, white 32%) 0%, ${toneStyle.color} 100%)`,
+					boxShadow: `inset 0 1px 0 rgba(255,255,255,0.4), 0 0 14px color-mix(in srgb, ${toneStyle.color} 32%, transparent)`,
+					filter: percentage > 0 ? "saturate(1.05) brightness(1.02)" : "none"
+				}
+			})
+		})]
+	});
+}
+//#endregion
+export { ProgressBar as t };
+
+//# sourceMappingURL=progress-bar-C9FZDrju.mjs.map

package/dist/chunks/progress-bar-C9FZDrju.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar-C9FZDrju.mjs","names":[],"sources":["../../src/components/data-display/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type ProgressBarSize = \"sm\" | \"md\" | \"lg\";\nexport type ProgressBarTone =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\n\nexport interface ProgressBarProps {\n  value: number;\n  max?: number;\n  label?: React.ReactNode;\n  percentageLabel?: React.ReactNode;\n  showPercentage?: boolean;\n  size?: ProgressBarSize;\n  tone?: ProgressBarTone;\n  className?: string;\n  trackClassName?: string;\n  fillClassName?: string;\n  ariaLabel?: string;\n}\n\nconst sizeStyles: Record<\n  ProgressBarSize,\n  {\n    track: string;\n    label: string;\n    percentage: string;\n  }\n> = {\n  sm: {\n    track: \"h-1.5\",\n    label: \"text-xs\",\n    percentage: \"text-xs\",\n  },\n  md: {\n    track: \"h-2.5\",\n    label: \"text-sm\",\n    percentage: \"text-sm\",\n  },\n  lg: {\n    track: \"h-3.5\",\n    label: \"text-base\",\n    percentage: \"text-base\",\n  },\n};\n\nconst toneStyles: Record<\n  ProgressBarTone,\n  {\n    color: string;\n    trackBackground: string;\n  }\n> = {\n  default: {\n    color: \"var(--ds-chart-1)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(15, 23, 42, 0.08) 0%, rgba(30, 41, 59, 0.14) 100%)\",\n  },\n  success: {\n    color: \"var(--ds-chart-3)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(20, 83, 45, 0.12) 0%, rgba(34, 197, 94, 0.18) 100%)\",\n  },\n  warning: {\n    color: \"var(--ds-chart-4)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(120, 53, 15, 0.12) 0%, rgba(245, 158, 11, 0.18) 100%)\",\n  },\n  danger: {\n    color: \"var(--ds-chart-5)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(127, 29, 29, 0.12) 0%, rgba(239, 68, 68, 0.18) 100%)\",\n  },\n  info: {\n    color: \"var(--ds-chart-2)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(30, 64, 175, 0.12) 0%, rgba(59, 130, 246, 0.18) 100%)\",\n  },\n};\n\nfunction clampValue(value: number, max: number): number {\n  if (!Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.min(Math.max(value, 0), max);\n}\n\nexport default function ProgressBar({\n  value,\n  max = 100,\n  label,\n  percentageLabel,\n  showPercentage = true,\n  size = \"md\",\n  tone = \"default\",\n  className = \"\",\n  trackClassName = \"\",\n  fillClassName = \"\",\n  ariaLabel = \"Progress\",\n}: ProgressBarProps) {\n  const safeMax = Number.isFinite(max) && max > 0 ? max : 100;\n  const clampedValue = clampValue(value, safeMax);\n  const percentage = (clampedValue / safeMax) * 100;\n  const roundedPercentage = Math.round(percentage);\n  const toneStyle = toneStyles[tone];\n  const resolvedPercentageLabel = percentageLabel ?? `${roundedPercentage}%`;\n\n  return (\n    <div className={`w-full space-y-3 ${className}`}>\n      {(label || showPercentage) && (\n        <div className=\"flex items-center justify-between gap-4\">\n          <div\n            className={`font-mono font-semibold tracking-[0.08em] text-foreground ${sizeStyles[size].label}`}\n          >\n            {label}\n          </div>\n          {showPercentage && (\n            <div\n              className={`font-mono font-medium tracking-[0.08em] text-muted-foreground ${sizeStyles[size].percentage}`}\n            >\n              {resolvedPercentageLabel}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div\n        role=\"progressbar\"\n        aria-label={ariaLabel}\n        aria-valuemin={0}\n        aria-valuemax={safeMax}\n        aria-valuenow={Math.round(clampedValue)}\n        aria-valuetext={`${roundedPercentage}%`}\n        className={`relative overflow-hidden rounded-full border border-white/12 bg-background-tertiary/80 shadow-[inset_0_1px_1px_rgba(255,255,255,0.2)] dark:border-white/6 ${sizeStyles[size].track} ${trackClassName}`}\n        style={{ background: toneStyle.trackBackground }}\n      >\n        <div\n          className={`h-full rounded-full transition-[width,filter,box-shadow] duration-500 ease-out ${fillClassName}`}\n          style={{\n            width: `${percentage}%`,\n            background: `linear-gradient(90deg, color-mix(in srgb, ${toneStyle.color} 68%, white 32%) 0%, ${toneStyle.color} 100%)`,\n            boxShadow: `inset 0 1px 0 rgba(255,255,255,0.4), 0 0 14px color-mix(in srgb, ${toneStyle.color} 32%, transparent)`,\n            filter: percentage > 0 ? \"saturate(1.05) brightness(1.02)\" : \"none\",\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;AAwBA,IAAM,aAOF;CACF,IAAI;EACF,OAAO;EACP,OAAO;EACP,YAAY;EACb;CACD,IAAI;EACF,OAAO;EACP,OAAO;EACP,YAAY;EACb;CACD,IAAI;EACF,OAAO;EACP,OAAO;EACP,YAAY;EACb;CACF;AAED,IAAM,aAMF;CACF,SAAS;EACP,OAAO;EACP,iBACE;EACH;CACD,SAAS;EACP,OAAO;EACP,iBACE;EACH;CACD,SAAS;EACP,OAAO;EACP,iBACE;EACH;CACD,QAAQ;EACN,OAAO;EACP,iBACE;EACH;CACD,MAAM;EACJ,OAAO;EACP,iBACE;EACH;CACF;AAED,SAAS,WAAW,OAAe,KAAqB;AACtD,KAAI,CAAC,OAAO,SAAS,MAAM,CACzB,QAAO;AAGT,QAAO,KAAK,IAAI,KAAK,IAAI,OAAO,EAAE,EAAE,IAAI;;AAG1C,SAAwB,YAAY,EAClC,OACA,MAAM,KACN,OACA,iBACA,iBAAiB,MACjB,OAAO,MACP,OAAO,WACP,YAAY,IACZ,iBAAiB,IACjB,gBAAgB,IAChB,YAAY,cACO;CACnB,MAAM,UAAU,OAAO,SAAS,IAAI,IAAI,MAAM,IAAI,MAAM;CACxD,MAAM,eAAe,WAAW,OAAO,QAAQ;CAC/C,MAAM,aAAc,eAAe,UAAW;CAC9C,MAAM,oBAAoB,KAAK,MAAM,WAAW;CAChD,MAAM,YAAY,WAAW;CAC7B,MAAM,0BAA0B,mBAAmB,GAAG,kBAAkB;AAExE,QACE,qBAAC,OAAD;EAAK,WAAW,oBAAoB;YAApC,EACI,SAAS,mBACT,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,OAAD;IACE,WAAW,6DAA6D,WAAW,MAAM;cAExF;IACG,CAAA,EACL,kBACC,oBAAC,OAAD;IACE,WAAW,iEAAiE,WAAW,MAAM;cAE5F;IACG,CAAA,CAEJ;MAGR,oBAAC,OAAD;GACE,MAAK;GACL,cAAY;GACZ,iBAAe;GACf,iBAAe;GACf,iBAAe,KAAK,MAAM,aAAa;GACvC,kBAAgB,GAAG,kBAAkB;GACrC,WAAW,6JAA6J,WAAW,MAAM,MAAM,GAAG;GAClM,OAAO,EAAE,YAAY,UAAU,iBAAiB;aAEhD,oBAAC,OAAD;IACE,WAAW,kFAAkF;IAC7F,OAAO;KACL,OAAO,GAAG,WAAW;KACrB,YAAY,6CAA6C,UAAU,MAAM,uBAAuB,UAAU,MAAM;KAChH,WAAW,oEAAoE,UAAU,MAAM;KAC/F,QAAQ,aAAa,IAAI,oCAAoC;KAC9D;IACD,CAAA;GACE,CAAA,CACF"}

package/dist/chunks/radio-C9w_CoiY.mjs

@@ -0,0 +1,44 @@
+import { n as mergeClassNames } from "./utils-ati1KkDb.mjs";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/forms/radio/Radio.tsx
+var sanitizeId = (value) => value.replace(/[^a-zA-Z0-9_-]/g, "-");
+var colorValues = {
+	red: "var(--ds-color-danger)",
+	blue: "var(--ds-color-info)",
+	green: "var(--ds-color-success)",
+	yellow: "var(--ds-color-warning)",
+	teal: "var(--ds-brand-teal)",
+	primary: "var(--ds-color-accent)"
+};
+var Radio = forwardRef(({ className = "", label, error, id, color = "primary", bgClassName = "", ...props }, ref) => {
+	const generatedId = useId();
+	const radioId = id || `radio-${sanitizeId(generatedId)}`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center space-x-2",
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				ref,
+				type: "radio",
+				id: radioId,
+				style: { accentColor: colorValues[color] },
+				className: mergeClassNames("h-5 w-5 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50", bgClassName, className),
+				...props
+			}),
+			label && /* @__PURE__ */ jsx("label", {
+				htmlFor: radioId,
+				className: "text-sm font-medium leading-none cursor-pointer text-neutral-900 dark:text-white",
+				children: label
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-sm font-medium text-destructive",
+				children: error
+			})
+		]
+	});
+});
+Radio.displayName = "Radio";
+//#endregion
+export { Radio as t };
+
+//# sourceMappingURL=radio-C9w_CoiY.mjs.map

package/dist/chunks/radio-C9w_CoiY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-C9w_CoiY.mjs","names":[],"sources":["../../src/components/forms/radio/Radio.tsx"],"sourcesContent":["import type { RadioProps, RadioColor } from \"./types\";\nimport { forwardRef, useId } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nconst colorValues: Record<RadioColor, string> = {\n  red: \"var(--ds-color-danger)\",\n  blue: \"var(--ds-color-info)\",\n  green: \"var(--ds-color-success)\",\n  yellow: \"var(--ds-color-warning)\",\n  teal: \"var(--ds-brand-teal)\",\n  primary: \"var(--ds-color-accent)\",\n};\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      id,\n      color = \"primary\",\n      bgClassName = \"\",\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id || `radio-${sanitizeId(generatedId)}`;\n\n    return (\n      <div className=\"flex items-center space-x-2\">\n        <input\n          ref={ref}\n          type=\"radio\"\n          id={radioId}\n          style={{ accentColor: colorValues[color] }}\n          className={mergeClassNames(\n            \"h-5 w-5 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50\",\n            bgClassName,\n            className,\n          )}\n          {...props}\n        />\n        {label && (\n          <label\n            htmlFor={radioId}\n            className=\"text-sm font-medium leading-none cursor-pointer text-neutral-900 dark:text-white\"\n          >\n            {label}\n          </label>\n        )}\n        {error && (\n          <p className=\"mt-1 text-sm font-medium text-destructive\">{error}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n"],"mappings":";;;;AAKA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAM,cAA0C;CAC9C,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAED,IAAa,QAAQ,YAEjB,EACE,YAAY,IACZ,OACA,OACA,IACA,QAAQ,WACR,cAAc,IACd,GAAG,SAEL,QACG;CACH,MAAM,cAAc,OAAO;CAC3B,MAAM,UAAU,MAAM,SAAS,WAAW,YAAY;AAEtD,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,SAAD;IACO;IACL,MAAK;IACL,IAAI;IACJ,OAAO,EAAE,aAAa,YAAY,QAAQ;IAC1C,WAAW,gBACT,0EACA,aACA,UACD;IACD,GAAI;IACJ,CAAA;GACD,SACC,oBAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA;GAET,SACC,oBAAC,KAAD;IAAG,WAAU;cAA6C;IAAU,CAAA;GAElE;;EAGX;AAED,MAAM,cAAc"}

package/dist/chunks/radio-jMHDvaMY.cjs

@@ -0,0 +1,50 @@
+require("./chunk-B_GkZjkl.cjs");
+const require_utils = require("./utils-B4SmmY4J.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/forms/radio/Radio.tsx
+var sanitizeId = (value) => value.replace(/[^a-zA-Z0-9_-]/g, "-");
+var colorValues = {
+	red: "var(--ds-color-danger)",
+	blue: "var(--ds-color-info)",
+	green: "var(--ds-color-success)",
+	yellow: "var(--ds-color-warning)",
+	teal: "var(--ds-brand-teal)",
+	primary: "var(--ds-color-accent)"
+};
+var Radio = (0, react.forwardRef)(({ className = "", label, error, id, color = "primary", bgClassName = "", ...props }, ref) => {
+	const generatedId = (0, react.useId)();
+	const radioId = id || `radio-${sanitizeId(generatedId)}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center space-x-2",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				ref,
+				type: "radio",
+				id: radioId,
+				style: { accentColor: colorValues[color] },
+				className: require_utils.mergeClassNames("h-5 w-5 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50", bgClassName, className),
+				...props
+			}),
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+				htmlFor: radioId,
+				className: "text-sm font-medium leading-none cursor-pointer text-neutral-900 dark:text-white",
+				children: label
+			}),
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "mt-1 text-sm font-medium text-destructive",
+				children: error
+			})
+		]
+	});
+});
+Radio.displayName = "Radio";
+//#endregion
+Object.defineProperty(exports, "Radio", {
+	enumerable: true,
+	get: function() {
+		return Radio;
+	}
+});
+
+//# sourceMappingURL=radio-jMHDvaMY.cjs.map

package/dist/chunks/radio-jMHDvaMY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-jMHDvaMY.cjs","names":[],"sources":["../../src/components/forms/radio/Radio.tsx"],"sourcesContent":["import type { RadioProps, RadioColor } from \"./types\";\nimport { forwardRef, useId } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nconst colorValues: Record<RadioColor, string> = {\n  red: \"var(--ds-color-danger)\",\n  blue: \"var(--ds-color-info)\",\n  green: \"var(--ds-color-success)\",\n  yellow: \"var(--ds-color-warning)\",\n  teal: \"var(--ds-brand-teal)\",\n  primary: \"var(--ds-color-accent)\",\n};\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      id,\n      color = \"primary\",\n      bgClassName = \"\",\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id || `radio-${sanitizeId(generatedId)}`;\n\n    return (\n      <div className=\"flex items-center space-x-2\">\n        <input\n          ref={ref}\n          type=\"radio\"\n          id={radioId}\n          style={{ accentColor: colorValues[color] }}\n          className={mergeClassNames(\n            \"h-5 w-5 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50\",\n            bgClassName,\n            className,\n          )}\n          {...props}\n        />\n        {label && (\n          <label\n            htmlFor={radioId}\n            className=\"text-sm font-medium leading-none cursor-pointer text-neutral-900 dark:text-white\"\n          >\n            {label}\n          </label>\n        )}\n        {error && (\n          <p className=\"mt-1 text-sm font-medium text-destructive\">{error}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n"],"mappings":";;;;;AAKA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAM,cAA0C;CAC9C,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAED,IAAa,SAAA,GAAA,MAAA,aAET,EACE,YAAY,IACZ,OACA,OACA,IACA,QAAQ,WACR,cAAc,IACd,GAAG,SAEL,QACG;CACH,MAAM,eAAA,GAAA,MAAA,QAAqB;CAC3B,MAAM,UAAU,MAAM,SAAS,WAAW,YAAY;AAEtD,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACO;IACL,MAAK;IACL,IAAI;IACJ,OAAO,EAAE,aAAa,YAAY,QAAQ;IAC1C,WAAW,cAAA,gBACT,0EACA,aACA,UACD;IACD,GAAI;IACJ,CAAA;GACD,SACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA;GAET,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA6C;IAAU,CAAA;GAElE;;EAGX;AAED,MAAM,cAAc"}

package/dist/chunks/select-D71tk6-I.mjs

@@ -0,0 +1,152 @@
+import { n as mergeClassNames } from "./utils-ati1KkDb.mjs";
+import { J as CheckIcon, N as ChevronDownIcon } from "./icons-DuumN7z-.mjs";
+import { forwardRef, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, useMotionTemplate, useMotionValue } from "framer-motion";
+//#region src/components/forms/select/Select.tsx
+var Select = forwardRef(({ className = "", containerClassName = "", triggerClassName = "", label, error, helperText, options, value, onChange, placeholder = "Select...", disabled, bgClassName = "bg-background-secondary", ...props }, ref) => {
+	const [open, setOpen] = useState(false);
+	const [visible, setVisible] = useState(false);
+	const containerRef = useRef(null);
+	const hiddenSelectRef = useRef(null);
+	const mouseX = useMotionValue(0);
+	const mouseY = useMotionValue(0);
+	const radius = 100;
+	useEffect(() => {
+		if (ref && typeof ref === "function") ref(hiddenSelectRef.current);
+		else if (ref) ref.current = hiddenSelectRef.current;
+	}, [ref]);
+	useEffect(() => {
+		const handleClick = (e) => {
+			if (containerRef.current && !containerRef.current.contains(e.target)) setOpen(false);
+		};
+		if (open) document.addEventListener("mousedown", handleClick);
+		return () => document.removeEventListener("mousedown", handleClick);
+	}, [open]);
+	const handleMouseMove = (event) => {
+		const { left, top } = event.currentTarget.getBoundingClientRect();
+		mouseX.set(event.clientX - left);
+		mouseY.set(event.clientY - top);
+	};
+	const selectedOption = options.find((opt) => opt.value === value);
+	const handleSelect = (optValue) => {
+		if (onChange && hiddenSelectRef.current) onChange({
+			target: {
+				value: optValue,
+				name: props.name
+			},
+			currentTarget: {
+				value: optValue,
+				name: props.name
+			}
+		});
+		setOpen(false);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: mergeClassNames("w-full min-w-48", containerClassName),
+		children: [
+			label && /* @__PURE__ */ jsx("label", {
+				className: "mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+				children: label
+			}),
+			/* @__PURE__ */ jsxs("select", {
+				ref: hiddenSelectRef,
+				className: "sr-only",
+				value,
+				onChange,
+				disabled,
+				...props,
+				children: [/* @__PURE__ */ jsx("option", {
+					value: "",
+					children: placeholder
+				}), options.map((option) => /* @__PURE__ */ jsx("option", {
+					value: option.value,
+					children: option.label
+				}, option.value))]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				ref: containerRef,
+				className: mergeClassNames("relative w-full", className),
+				children: [/* @__PURE__ */ jsx(motion.div, {
+					style: { backgroundImage: disabled ? "none" : useMotionTemplate`
+                    radial-gradient(
+                      ${visible ? `${radius}px` : "0px"} circle at ${mouseX}px ${mouseY}px,
+                      var(--ds-color-accent),
+                      transparent 90%
+                    )
+                  ` },
+					onMouseMove: !disabled ? handleMouseMove : void 0,
+					onMouseEnter: !disabled ? () => setVisible(true) : void 0,
+					onMouseLeave: !disabled ? () => setVisible(false) : void 0,
+					className: mergeClassNames("group/select rounded-lg p-[2px] transition duration-300 hover:border-accent", disabled ? "bg-muted border-none" : error ? "border-destructive" : "border-border"),
+					children: /* @__PURE__ */ jsxs("div", {
+						className: mergeClassNames("shadow-input flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-input px-3 py-2 text-sm transition duration-400 ease-in-out group-hover/select:shadow-none", bgClassName, disabled ? "cursor-not-allowed opacity-50" : "text-foreground", error && "border-destructive text-destructive focus-visible:ring-destructive", triggerClassName),
+						onClick: () => {
+							if (!disabled) setOpen((o) => !o);
+						},
+						onKeyDown: (event) => {
+							if (disabled) return;
+							if (event.key === "Enter" || event.key === " ") {
+								event.preventDefault();
+								setOpen((current) => !current);
+							}
+							if (event.key === "Escape") setOpen(false);
+						},
+						role: "button",
+						tabIndex: disabled ? -1 : 0,
+						"aria-haspopup": "listbox",
+						"aria-expanded": open,
+						children: [selectedOption ? /* @__PURE__ */ jsx("span", {
+							className: "flex-1 truncate text-foreground",
+							children: selectedOption.label
+						}) : /* @__PURE__ */ jsx("span", {
+							className: "flex-1 text-muted-foreground",
+							children: placeholder
+						}), /* @__PURE__ */ jsx("span", {
+							className: mergeClassNames("ml-2 text-muted-foreground transition-transform duration-300", open ? "rotate-180" : "rotate-0"),
+							children: /* @__PURE__ */ jsx(ChevronDownIcon, {
+								width: 24,
+								height: 24,
+								color: "currentColor",
+								className: "h-5 w-5"
+							})
+						})]
+					})
+				}), open && !disabled && /* @__PURE__ */ jsxs("div", {
+					className: mergeClassNames("absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col overflow-auto rounded-lg border border-border bg-background-secondary shadow-3 backdrop-blur-xl transition"),
+					children: [options.length === 0 && /* @__PURE__ */ jsx("div", {
+						className: "px-3 py-2 text-muted-foreground",
+						children: "No options"
+					}), options.map((opt) => /* @__PURE__ */ jsxs("div", {
+						className: mergeClassNames("mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground transition", opt.value === value ? "bg-accent-subtle text-accent font-semibold" : "", "hover:bg-accent hover:text-on-accent"),
+						onClick: () => handleSelect(opt.value),
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "flex w-5 items-center justify-center",
+							children: opt.value === value && /* @__PURE__ */ jsx(CheckIcon, {
+								className: "text-accent",
+								width: 18,
+								height: 18
+							})
+						}), /* @__PURE__ */ jsx("span", {
+							className: "min-w-0 flex-1 truncate",
+							children: opt.label
+						})]
+					}, opt.value))]
+				})]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-sm font-medium text-destructive",
+				children: error
+			}),
+			helperText && !error && /* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-sm text-muted-foreground",
+				children: helperText
+			})
+		]
+	});
+});
+Select.displayName = "Select";
+//#endregion
+export { Select as t };
+
+//# sourceMappingURL=select-D71tk6-I.mjs.map

package/dist/chunks/select-D71tk6-I.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-D71tk6-I.mjs","names":[],"sources":["../../src/components/forms/select/Select.tsx"],"sourcesContent":["import type { SelectProps } from \"./types\";\nimport { forwardRef, useState, useRef, useEffect } from \"react\";\nimport { motion, useMotionTemplate, useMotionValue } from \"framer-motion\";\n\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      className = \"\",\n      containerClassName = \"\",\n      triggerClassName = \"\",\n      label,\n      error,\n      helperText,\n      options,\n      value,\n      onChange,\n      placeholder = \"Select...\",\n      disabled,\n      bgClassName = \"bg-background-secondary\",\n      ...props\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = useState(false);\n    const [visible, setVisible] = useState(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n    const mouseX = useMotionValue(0);\n    const mouseY = useMotionValue(0);\n    const radius = 100;\n\n    // Combine refs\n    useEffect(() => {\n      if (ref && typeof ref === \"function\") {\n        ref(hiddenSelectRef.current);\n      } else if (ref) {\n        (ref as React.MutableRefObject<HTMLSelectElement | null>).current =\n          hiddenSelectRef.current;\n      }\n    }, [ref]);\n\n    // Close dropdown on outside click\n    useEffect(() => {\n      const handleClick = (e: MouseEvent) => {\n        if (\n          containerRef.current &&\n          !containerRef.current.contains(e.target as Node)\n        ) {\n          setOpen(false);\n        }\n      };\n      if (open) {\n        document.addEventListener(\"mousedown\", handleClick);\n      }\n      return () => document.removeEventListener(\"mousedown\", handleClick);\n    }, [open]);\n\n    const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n      const { left, top } = event.currentTarget.getBoundingClientRect();\n      mouseX.set(event.clientX - left);\n      mouseY.set(event.clientY - top);\n    };\n\n    const selectedOption = options.find((opt) => opt.value === value);\n\n    const handleSelect = (optValue: string) => {\n      // Trigger onChange with a synthetic event\n      if (onChange && hiddenSelectRef.current) {\n        const event = {\n          target: { value: optValue, name: props.name },\n          currentTarget: { value: optValue, name: props.name },\n        } as React.ChangeEvent<HTMLSelectElement>;\n        onChange(event);\n      }\n      setOpen(false);\n    };\n\n    return (\n      <div className={mergeClassNames(\"w-full min-w-48\", containerClassName)}>\n        {label && (\n          <label className=\"mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n            {label}\n          </label>\n        )}\n\n        {/* Hidden native select for form compatibility */}\n        <select\n          ref={hiddenSelectRef}\n          className=\"sr-only\"\n          value={value}\n          onChange={onChange}\n          disabled={disabled}\n          {...props}\n        >\n          <option value=\"\">{placeholder}</option>\n          {options.map((option) => (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n\n        {/* Custom styled dropdown */}\n        <div\n          ref={containerRef}\n          className={mergeClassNames(\"relative w-full\", className)}\n        >\n          <motion.div\n            style={{\n              backgroundImage: disabled\n                ? \"none\"\n                : useMotionTemplate`\n                    radial-gradient(\n                      ${\n                        visible ? `${radius}px` : \"0px\"\n                      } circle at ${mouseX}px ${mouseY}px,\n                      var(--ds-color-accent),\n                      transparent 90%\n                    )\n                  `,\n            }}\n            onMouseMove={!disabled ? handleMouseMove : undefined}\n            onMouseEnter={!disabled ? () => setVisible(true) : undefined}\n            onMouseLeave={!disabled ? () => setVisible(false) : undefined}\n            className={mergeClassNames(\n              \"group/select rounded-lg p-[2px] transition duration-300 hover:border-accent\",\n              disabled\n                ? \"bg-muted border-none\"\n                : error\n                  ? \"border-destructive\"\n                  : \"border-border\",\n            )}\n          >\n            <div\n              className={mergeClassNames(\n                \"shadow-input flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-input px-3 py-2 text-sm transition duration-400 ease-in-out group-hover/select:shadow-none\",\n                bgClassName,\n                disabled ? \"cursor-not-allowed opacity-50\" : \"text-foreground\",\n                error &&\n                  \"border-destructive text-destructive focus-visible:ring-destructive\",\n                triggerClassName,\n              )}\n              onClick={() => {\n                if (!disabled) {\n                  setOpen((o) => !o);\n                }\n              }}\n              onKeyDown={(event) => {\n                if (disabled) {\n                  return;\n                }\n\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  setOpen((current) => !current);\n                }\n\n                if (event.key === \"Escape\") {\n                  setOpen(false);\n                }\n              }}\n              role=\"button\"\n              tabIndex={disabled ? -1 : 0}\n              aria-haspopup=\"listbox\"\n              aria-expanded={open}\n            >\n              {selectedOption ? (\n                <span className=\"flex-1 truncate text-foreground\">\n                  {selectedOption.label}\n                </span>\n              ) : (\n                <span className=\"flex-1 text-muted-foreground\">\n                  {placeholder}\n                </span>\n              )}\n              <span\n                className={mergeClassNames(\n                  \"ml-2 text-muted-foreground transition-transform duration-300\",\n                  open ? \"rotate-180\" : \"rotate-0\",\n                )}\n              >\n                <ChevronDownIcon\n                  width={24}\n                  height={24}\n                  color=\"currentColor\"\n                  className=\"h-5 w-5\"\n                />\n              </span>\n            </div>\n          </motion.div>\n\n          {open && !disabled && (\n            <div\n              className={mergeClassNames(\n                \"absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col overflow-auto rounded-lg border border-border bg-background-secondary shadow-3 backdrop-blur-xl transition\",\n              )}\n            >\n              {options.length === 0 && (\n                <div className=\"px-3 py-2 text-muted-foreground\">\n                  No options\n                </div>\n              )}\n              {options.map((opt) => (\n                <div\n                  key={opt.value}\n                  className={mergeClassNames(\n                    \"mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground transition\",\n                    opt.value === value\n                      ? \"bg-accent-subtle text-accent font-semibold\"\n                      : \"\",\n                    \"hover:bg-accent hover:text-on-accent\",\n                  )}\n                  onClick={() => handleSelect(opt.value)}\n                >\n                  <span className=\"flex w-5 items-center justify-center\">\n                    {opt.value === value && (\n                      <CheckIcon\n                        className=\"text-accent\"\n                        width={18}\n                        height={18}\n                      />\n                    )}\n                  </span>\n                  <span className=\"min-w-0 flex-1 truncate\">{opt.label}</span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {error && (\n          <p className=\"mt-1 text-sm font-medium text-destructive\">{error}</p>\n        )}\n        {helperText && !error && (\n          <p className=\"mt-1 text-sm text-muted-foreground\">{helperText}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}