@dimasbaguspm/versaur 0.0.10 → 0.0.11

package/dist/{switch-input-DRNFMsqC.js → js/switch-input-B-pwBWbi.js}

@@ -1,7 +1,7 @@
 import { c as cva, j as jsxRuntimeExports, a as cn } from "./index-DOdDlCoL.js";
 import React__default, { useState, useRef, createContext, useContext, useEffect, useId, useCallback } from "react";
-import { I as Icon, C as Calculator, B as Button, b as Calendar, T as Text } from "./calendar-DwRERSxq.js";
-import { a as Modal, M as Menu } from "./menu--hEHXVZf.js";
+import { I as Icon, C as Calculator, B as Button, b as Calendar, T as Text } from "./calendar-De5dCVnE.js";
+import { a as Modal, M as Menu } from "./menu-Du409VIG.js";
 import { CalculatorIcon, Check, Clock } from "lucide-react";
 const textInputVariants = cva(
   "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50",
@@ -9,16 +9,16 @@ const textInputVariants = cva(
     variants: {
       variant: {
         // Core variants using Versaur color system
-        primary: "border-coral/30 text-foreground focus:border-coral focus:ring-coral/20",
-        secondary: "border-sage/30 text-foreground focus:border-sage focus:ring-sage/20",
-        tertiary: "border-mist/30 text-foreground focus:border-mist focus:ring-mist/20",
-        ghost: "border-slate/30 text-foreground focus:border-slate focus:ring-slate/20",
+        primary: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
+        secondary: "border-secondary/30 text-foreground focus:border-secondary focus:ring-secondary/20",
+        tertiary: "border-tertiary/30 text-foreground focus:border-tertiary focus:ring-tertiary/20",
+        ghost: "border-ghost/30 text-foreground focus:border-ghost focus:ring-ghost/20",
         neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
         // Outline variants
-        "primary-outline": "border-coral text-foreground focus:border-coral focus:ring-coral/20",
-        "secondary-outline": "border-sage text-foreground focus:border-sage focus:ring-sage/20",
-        "tertiary-outline": "border-mist text-foreground focus:border-mist focus:ring-mist/20",
-        "ghost-outline": "border-slate text-foreground focus:border-slate focus:ring-slate/20",
+        "primary-outline": "border-primary text-foreground focus:border-primary focus:ring-primary/20",
+        "secondary-outline": "border-secondary text-foreground focus:border-secondary focus:ring-secondary/20",
+        "tertiary-outline": "border-tertiary text-foreground focus:border-tertiary focus:ring-tertiary/20",
+        "ghost-outline": "border-ghost text-foreground focus:border-ghost focus:ring-ghost/20",
         "neutral-outline": "border-gray-400 text-foreground focus:border-gray-500 focus:ring-gray-500/20",
         // Semantic variants
         success: "border-success/30 text-foreground focus:border-success focus:ring-success/20",
@@ -225,16 +225,16 @@ const DEFAULT_HEADER = "Enter Amount", CalculatorInput = ({
     variants: {
       variant: {
         // Core variants using Versaur color system
-        primary: "border-coral/40 checked:bg-coral checked:border-coral focus:ring-coral/20",
-        secondary: "border-sage/40 checked:bg-sage checked:border-sage focus:ring-sage/20",
-        tertiary: "border-mist/40 checked:bg-mist checked:border-mist focus:ring-mist/20",
-        ghost: "border-slate/40 checked:bg-slate checked:border-slate focus:ring-slate/20",
+        primary: "border-primary/40 checked:bg-primary checked:border-primary focus:ring-primary/20",
+        secondary: "border-secondary/40 checked:bg-secondary checked:border-secondary focus:ring-secondary/20",
+        tertiary: "border-tertiary/40 checked:bg-tertiary checked:border-tertiary focus:ring-tertiary/20",
+        ghost: "border-ghost/40 checked:bg-ghost checked:border-ghost focus:ring-ghost/20",
         neutral: "border-gray-300 checked:bg-gray-500 checked:border-gray-500 focus:ring-gray-400/20",
         // Outline variants
-        "primary-outline": "border-coral checked:bg-white checked:border-coral focus:ring-coral/20",
-        "secondary-outline": "border-sage checked:bg-white checked:border-sage focus:ring-sage/20",
-        "tertiary-outline": "border-mist checked:bg-white checked:border-mist focus:ring-mist/20",
-        "ghost-outline": "border-slate checked:bg-white checked:border-slate focus:ring-slate/20",
+        "primary-outline": "border-primary checked:bg-white checked:border-primary focus:ring-primary/20",
+        "secondary-outline": "border-secondary checked:bg-white checked:border-secondary focus:ring-secondary/20",
+        "tertiary-outline": "border-tertiary checked:bg-white checked:border-tertiary focus:ring-tertiary/20",
+        "ghost-outline": "border-ghost checked:bg-white checked:border-ghost focus:ring-ghost/20",
         "neutral-outline": "border-gray-400 checked:bg-white checked:border-gray-400 focus:ring-gray-500/20",
         // Semantic variants
         success: "border-success/40 checked:bg-success checked:border-success focus:ring-success/20",
@@ -377,71 +377,71 @@ const CheckboxInput = Object.assign(CheckboxInputRoot, {
     throw new Error("useChipInputContext must be used within ChipInputContext");
   return e;
 }, chipOptionVariants = cva(
-  "inline-flex items-center px-2 py-1 text-xs bg-neutral rounded-full font-medium transition-colors duration-200 cursor-pointer border border-slate-100",
+  "inline-flex items-center px-2 py-1 text-xs bg-white rounded-full font-regular font-sm transition-colors duration-200 cursor-pointer border border-border",
   {
     variants: {
       variant: {
         primary: [
-          "hover:bg-coral/10",
-          "hover:border-coral/30",
-          "focus:border-coral/30",
-          "data-[selected=true]:bg-coral/10",
-          "data-[selected=true]:border-coral"
+          "hover:bg-primary-soft",
+          "hover:border-primary-light",
+          "focus:border-primary-light",
+          "data-[selected=true]:bg-primary-soft",
+          "data-[selected=true]:border-primary"
         ].join(" "),
         secondary: [
-          "hover:bg-sage/10",
-          "hover:border-sage/30",
-          "focus:border-sage/30",
-          "data-[selected=true]:bg-sage/10",
-          "data-[selected=true]:border-sage"
+          "hover:bg-secondary-soft",
+          "hover:border-secondary-light",
+          "focus:border-secondary-light",
+          "data-[selected=true]:bg-secondary-soft",
+          "data-[selected=true]:border-secondary"
         ].join(" "),
         tertiary: [
-          "hover:bg-mist/10",
-          "hover:border-mist/30",
-          "focus:border-mist/30",
-          "data-[selected=true]:bg-mist/10",
-          "data-[selected=true]:border-mist"
+          "hover:bg-tertiary-soft",
+          "hover:border-tertiary-light",
+          "focus:border-tertiary-light",
+          "data-[selected=true]:bg-tertiary-soft",
+          "data-[selected=true]:border-tertiary"
         ].join(" "),
         ghost: [
-          "hover:bg-slate/10",
-          "hover:border-slate/30",
-          "focus:border-slate/30",
-          "data-[selected=true]:bg-slate/10",
-          "data-[selected=true]:border-slate"
+          "hover:bg-ghost-soft",
+          "hover:border-ghost-light",
+          "focus:border-ghost-light",
+          "data-[selected=true]:bg-ghost-soft",
+          "data-[selected=true]:border-ghost"
         ].join(" "),
         neutral: [
-          "hover:bg-gray/10",
-          "hover:border-gray/30",
-          "focus:border-gray/30",
-          "data-[selected=true]:bg-gray/10",
+          "hover:bg-gray-soft",
+          "hover:border-gray-light",
+          "focus:border-gray-light",
+          "data-[selected=true]:bg-gray-soft",
           "data-[selected=true]:border-gray"
         ].join(" "),
         success: [
-          "hover:bg-success/10",
-          "hover:border-success/30",
-          "focus:border-success/30",
-          "data-[selected=true]:bg-success/10",
+          "hover:bg-success-soft",
+          "hover:border-success-light",
+          "focus:border-success-light",
+          "data-[selected=true]:bg-success-soft",
           "data-[selected=true]:border-success"
         ].join(" "),
         info: [
-          "hover:bg-info/10",
-          "hover:border-info/30",
-          "focus:border-info/30",
-          "data-[selected=true]:bg-info/10",
+          "hover:bg-info-soft",
+          "hover:border-info-light",
+          "focus:border-info-light",
+          "data-[selected=true]:bg-info-soft",
           "data-[selected=true]:border-info"
         ].join(" "),
         warning: [
-          "hover:bg-warning/10",
-          "hover:border-warning/30",
-          "focus:border-warning/30",
-          "data-[selected=true]:bg-warning/10",
+          "hover:bg-warning-soft",
+          "hover:border-warning-light",
+          "focus:border-warning-light",
+          "data-[selected=true]:bg-warning-soft",
           "data-[selected=true]:border-warning"
         ].join(" "),
         danger: [
-          "hover:bg-danger/10",
-          "hover:border-danger/30",
-          "focus:border-danger/30",
-          "data-[selected=true]:bg-danger/10",
+          "hover:bg-danger-soft",
+          "hover:border-danger-light",
+          "focus:border-danger-light",
+          "data-[selected=true]:bg-danger-soft",
           "data-[selected=true]:border-danger"
         ].join(" ")
       },
@@ -456,13 +456,13 @@ const CheckboxInput = Object.assign(CheckboxInputRoot, {
     }
   }
 ), ChipOption = React__default.forwardRef(({ children: e, className: t, disabled: s, id: a, value: n, ...c }, l) => {
-  const o = useChipInputContext(), r = React__default.useId(), u = a || r, x = s || o.disabled, i = o.error ? "danger" : o.variant || "primary", d = o.value?.includes(n) ?? !1, g = (f) => {
+  const o = useChipInputContext(), r = React__default.useId(), u = a || r, x = s || o.disabled, i = o.error ? "danger" : o.variant || "primary", d = o.value?.includes(n) ?? !1, g = (m) => {
     if (!x) {
-      const b = o.value || [];
-      let m;
-      d ? m = b.filter((p) => p !== n) : m = [...b, n], o.onChange?.(m);
+      const p = o.value || [];
+      let h;
+      d ? h = p.filter((b) => b !== n) : h = [...p, n], o.onChange?.(h);
     }
-    c.onChange?.(f);
+    c.onChange?.(m);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -507,7 +507,7 @@ const CheckboxInput = Object.assign(CheckboxInputRoot, {
                 Check,
                 {
                   size: 16,
-                  className: i === "primary" ? "text-coral" : i === "secondary" ? "text-sage" : i === "tertiary" ? "text-mist" : i === "ghost" ? "text-slate" : i === "success" ? "text-success" : i === "info" ? "text-info" : i === "warning" ? "text-warning" : i === "danger" ? "text-danger" : "text-coral"
+                  className: i === "primary" ? "text-primary" : i === "secondary" ? "text-secondary" : i === "tertiary" ? "text-tertiary" : i === "ghost" ? "text-ghost" : i === "success" ? "text-success" : i === "info" ? "text-info" : i === "warning" ? "text-warning" : i === "danger" ? "text-danger" : "text-primary"
                 }
               )
             }
@@ -716,25 +716,25 @@ const DateSinglePickerInput = React__default.forwardRef(
         "DateSinglePickerInput is a controlled component: value and onChange are required."
       );
     const {
-      open: f,
-      setOpen: b,
-      inputId: m,
-      buttonRef: p,
-      handleKeyDown: w,
+      open: m,
+      setOpen: p,
+      inputId: h,
+      buttonRef: b,
+      handleKeyDown: y,
       handleMenuClose: j
-    } = useDateSinglePicker({ id: x }), y = !!l, E = (R) => R ? R.toLocaleDateString(void 0, {
+    } = useDateSinglePicker({ id: x }), w = !!l, E = (R) => R ? R.toLocaleDateString(void 0, {
       year: "numeric",
       month: "short",
       day: "numeric"
-    }) : typeof u == "string" ? u : "Select date", I = (R) => typeof d.formatDate == "function" ? d.formatDate(R) : E(R), k = () => b((R) => !R), h = w, C = (R) => {
-      t?.(R), p.current?.focus();
+    }) : typeof u == "string" ? u : "Select date", I = (R) => typeof d.formatDate == "function" ? d.formatDate(R) : E(R), k = () => p((R) => !R), f = y, C = (R) => {
+      t?.(R), b.current?.focus();
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative w-full", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
         s && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "label",
           {
-            htmlFor: m,
+            htmlFor: h,
             className: "block text-sm font-medium text-foreground mb-2",
             children: s
           }
@@ -743,49 +743,49 @@ const DateSinglePickerInput = React__default.forwardRef(
           DateSinglePickerTrigger,
           {
             ref: (R) => {
-              p.current = R, typeof g == "function" ? g(R) : g && (g.current = R);
+              b.current = R, typeof g == "function" ? g(R) : g && (g.current = R);
             },
-            id: m,
+            id: h,
             "aria-haspopup": "dialog",
-            "aria-expanded": f,
-            "aria-controls": f ? `${m}-calendar` : void 0,
-            "aria-invalid": y,
+            "aria-expanded": m,
+            "aria-controls": m ? `${h}-calendar` : void 0,
+            "aria-invalid": w,
             "aria-disabled": r,
             disabled: r,
             leftContent: a,
             rightContent: n,
-            hasError: y,
+            hasError: w,
             variant: o,
             value: e,
             placeholder: typeof u == "string" ? u : "Select date",
             formatDate: I,
             onClick: k,
-            onKeyDown: h,
+            onKeyDown: f,
             tabIndex: 0,
             ...d
           }
         ),
-        y && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: l }),
+        w && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: l }),
         c && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: c })
       ] }),
       i === "docked" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         DateSinglePickerDocked,
         {
-          open: f,
+          open: m,
           value: e,
           onChange: C,
-          inputId: m,
+          inputId: h,
           handleMenuClose: j
         }
       ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
         DateSinglePickerModal,
         {
-          open: f,
-          setOpen: b,
+          open: m,
+          setOpen: p,
           value: e,
           onChange: C,
           label: typeof s == "string" ? s : void 0,
-          buttonRef: p
+          buttonRef: b
         }
       )
     ] });
@@ -806,16 +806,16 @@ const DateSinglePickerInput = React__default.forwardRef(
     variants: {
       variant: {
         // Core variants using Versaur color system
-        primary: "border-coral/40 checked:bg-coral checked:border-coral focus:ring-coral/20",
-        secondary: "border-sage/40 checked:bg-sage checked:border-sage focus:ring-sage/20",
-        tertiary: "border-mist/40 checked:bg-mist checked:border-mist focus:ring-mist/20",
-        ghost: "border-slate/40 checked:bg-slate checked:border-slate focus:ring-slate/20",
+        primary: "border-primary/40 checked:bg-primary checked:border-primary focus:ring-primary/20",
+        secondary: "border-secondary/40 checked:bg-secondary checked:border-secondary focus:ring-secondary/20",
+        tertiary: "border-tertiary/40 checked:bg-tertiary checked:border-tertiary focus:ring-tertiary/20",
+        ghost: "border-ghost/40 checked:bg-ghost checked:border-ghost focus:ring-ghost/20",
         neutral: "border-gray-300 checked:bg-gray-500 checked:border-gray-500 focus:ring-gray-400/20",
         // Outline variants
-        "primary-outline": "border-coral checked:bg-white checked:border-coral focus:ring-coral/20",
-        "secondary-outline": "border-sage checked:bg-white checked:border-sage focus:ring-sage/20",
-        "tertiary-outline": "border-mist checked:bg-white checked:border-mist focus:ring-mist/20",
-        "ghost-outline": "border-slate checked:bg-white checked:border-slate focus:ring-slate/20",
+        "primary-outline": "border-primary checked:bg-white checked:border-primary focus:ring-primary/20",
+        "secondary-outline": "border-secondary checked:bg-white checked:border-secondary focus:ring-secondary/20",
+        "tertiary-outline": "border-tertiary checked:bg-white checked:border-tertiary focus:ring-tertiary/20",
+        "ghost-outline": "border-ghost checked:bg-white checked:border-ghost focus:ring-ghost/20",
         "neutral-outline": "border-gray-400 checked:bg-white checked:border-gray-400 focus:ring-gray-500/20",
         // Semantic variants
         success: "border-success/40 checked:bg-success checked:border-success focus:ring-success/20",
@@ -962,16 +962,16 @@ const DateSinglePickerInput = React__default.forwardRef(
     variants: {
       variant: {
         // Core variants using Versaur color system
-        primary: "border-coral/20",
-        secondary: "border-sage/20",
-        tertiary: "border-mist/20",
-        ghost: "border-slate/20",
+        primary: "border-primary/20",
+        secondary: "border-secondary/20",
+        tertiary: "border-tertiary/20",
+        ghost: "border-ghost/20",
         neutral: "border-gray-200",
         // Outline variants
-        "primary-outline": "border-coral",
-        "secondary-outline": "border-sage",
-        "tertiary-outline": "border-mist",
-        "ghost-outline": "border-slate",
+        "primary-outline": "border-primary",
+        "secondary-outline": "border-secondary",
+        "tertiary-outline": "border-tertiary",
+        "ghost-outline": "border-ghost",
         "neutral-outline": "border-gray-400",
         // Semantic variants
         success: "border-success/20",
@@ -1005,25 +1005,25 @@ const DateSinglePickerInput = React__default.forwardRef(
     variants: {
       variant: {
         // Core variants using Versaur color system
-        primary: "text-slate hover:text-coral focus:ring-coral/30",
-        secondary: "text-slate hover:text-sage focus:ring-sage/30",
-        tertiary: "text-slate hover:text-mist focus:ring-mist/30",
-        ghost: "text-slate hover:text-slate focus:ring-slate/30",
-        neutral: "text-slate hover:text-gray-700 focus:ring-gray-400/30",
+        primary: "text-ghost hover:text-primary focus:ring-primary/30",
+        secondary: "text-ghost hover:text-secondary focus:ring-secondary/30",
+        tertiary: "text-ghost hover:text-tertiary focus:ring-tertiary/30",
+        ghost: "text-ghost hover:text-ghost focus:ring-ghost/30",
+        neutral: "text-ghost hover:text-gray-700 focus:ring-gray-400/30",
         // Outline variants
-        "primary-outline": "text-coral hover:bg-coral/10 focus:ring-coral/30",
-        "secondary-outline": "text-sage hover:bg-sage/10 focus:ring-sage/30",
-        "tertiary-outline": "text-mist hover:bg-mist/10 focus:ring-mist/30",
-        "ghost-outline": "text-slate hover:bg-slate/10 focus:ring-slate/30",
+        "primary-outline": "text-primary hover:bg-primary/10 focus:ring-primary/30",
+        "secondary-outline": "text-secondary hover:bg-secondary/10 focus:ring-secondary/30",
+        "tertiary-outline": "text-tertiary hover:bg-tertiary/10 focus:ring-tertiary/30",
+        "ghost-outline": "text-ghost hover:bg-ghost/10 focus:ring-ghost/30",
         "neutral-outline": "text-gray-600 hover:bg-gray-100 focus:ring-gray-500/30",
         // Semantic variants
-        success: "text-slate hover:text-success focus:ring-success/30",
+        success: "text-ghost hover:text-success focus:ring-success/30",
         "success-outline": "text-success hover:bg-success/10 focus:ring-success/30",
-        info: "text-slate hover:text-info focus:ring-info/30",
+        info: "text-ghost hover:text-info focus:ring-info/30",
         "info-outline": "text-info hover:bg-info/10 focus:ring-info/30",
-        warning: "text-slate hover:text-warning focus:ring-warning/30",
+        warning: "text-ghost hover:text-warning focus:ring-warning/30",
         "warning-outline": "text-warning hover:bg-warning/10 focus:ring-warning/30",
-        danger: "text-slate hover:text-danger focus:ring-danger/30",
+        danger: "text-ghost hover:text-danger focus:ring-danger/30",
         "danger-outline": "text-danger hover:bg-danger/10 focus:ring-danger/30"
       },
       size: {
@@ -1047,16 +1047,16 @@ const DateSinglePickerInput = React__default.forwardRef(
 ), getSegmentSelectedClasses$1 = (e) => {
   const t = {
     // Core variants - override hover text color changes
-    primary: "bg-coral text-white shadow-sm hover:text-white",
-    secondary: "bg-sage text-white shadow-sm hover:text-white",
-    tertiary: "bg-mist text-white shadow-sm hover:text-white",
-    ghost: "bg-slate text-white shadow-sm hover:text-white",
+    primary: "bg-primary text-white shadow-sm hover:text-white",
+    secondary: "bg-secondary text-white shadow-sm hover:text-white",
+    tertiary: "bg-tertiary text-white shadow-sm hover:text-white",
+    ghost: "bg-ghost text-white shadow-sm hover:text-white",
     neutral: "bg-gray-500 text-white shadow-sm hover:text-white",
     // Outline variants - override hover text color changes
-    "primary-outline": "bg-coral text-white shadow-sm hover:text-white",
-    "secondary-outline": "bg-sage text-white shadow-sm hover:text-white",
-    "tertiary-outline": "bg-mist text-white shadow-sm hover:text-white",
-    "ghost-outline": "bg-slate text-white shadow-sm hover:text-white",
+    "primary-outline": "bg-primary text-white shadow-sm hover:text-white",
+    "secondary-outline": "bg-secondary text-white shadow-sm hover:text-white",
+    "tertiary-outline": "bg-tertiary text-white shadow-sm hover:text-white",
+    "ghost-outline": "bg-ghost text-white shadow-sm hover:text-white",
     "neutral-outline": "bg-gray-500 text-white shadow-sm hover:text-white",
     // Semantic variants - override hover text color changes
     success: "bg-success text-white shadow-sm hover:text-white",
@@ -1078,12 +1078,12 @@ const DateSinglePickerInput = React__default.forwardRef(
   return e;
 }, SegmentOption$1 = React__default.forwardRef(
   ({ children: e, className: t, disabled: s, id: a, value: n, position: c = "middle", ...l }, o) => {
-    const r = useSegmentSingleInputContext(), u = React__default.useId(), x = a || u, i = s || r.disabled, d = r.error ? "danger" : r.variant || "primary", g = r.value === n, f = (b) => {
+    const r = useSegmentSingleInputContext(), u = React__default.useId(), x = a || u, i = s || r.disabled, d = r.error ? "danger" : r.variant || "primary", g = r.value === n, m = (p) => {
       if (!i) {
-        const m = r.value === n ? null : n;
-        r.onChange?.(m);
+        const h = r.value === n ? null : n;
+        r.onChange?.(h);
       }
-      l.onChange?.(b);
+      l.onChange?.(p);
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1096,7 +1096,7 @@ const DateSinglePickerInput = React__default.forwardRef(
           value: n,
           checked: g,
           disabled: i,
-          onChange: f,
+          onChange: m,
           className: "sr-only",
           ...l
         }
@@ -1142,26 +1142,26 @@ const SegmentSingleInputRoot = React__default.forwardRef(
     fullWidth: i = !1,
     ...d
   }, g) => {
-    const f = !!n, b = {
+    const m = !!n, p = {
       variant: e,
       size: t,
       disabled: l,
-      error: f,
+      error: m,
       name: o,
       value: r,
       onChange: u,
       fullWidth: i
-    }, m = React__default.Children.toArray(x), p = m.map((w, j) => {
-      if (React__default.isValidElement(w)) {
-        let y;
-        return m.length === 1 ? y = "single" : j === 0 ? y = "first" : j === m.length - 1 ? y = "last" : y = "middle", React__default.cloneElement(
-          w,
-          { position: y }
+    }, h = React__default.Children.toArray(x), b = h.map((y, j) => {
+      if (React__default.isValidElement(y)) {
+        let w;
+        return h.length === 1 ? w = "single" : j === 0 ? w = "first" : j === h.length - 1 ? w = "last" : w = "middle", React__default.cloneElement(
+          y,
+          { position: w }
         );
       }
-      return w;
+      return y;
     });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentSingleInputContext.Provider, { value: b, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentSingleInputContext.Provider, { value: p, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
         ref: g,
@@ -1174,17 +1174,17 @@ const SegmentSingleInputRoot = React__default.forwardRef(
             {
               className: cn(
                 segmentGroupVariants$1({
-                  variant: f ? "danger" : e,
+                  variant: m ? "danger" : e,
                   size: t,
-                  error: f
+                  error: m
                 }),
                 i ? "flex w-full" : ""
               ),
-              children: p
+              children: b
             }
           ),
-          f && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-          !f && a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+          m && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+          !m && a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
         ]
       }
     ) });
@@ -1197,16 +1197,16 @@ const SegmentSingleInputRoot = React__default.forwardRef(
     variants: {
       variant: {
         // Core variants using Versaur color system
-        primary: "border-coral/20",
-        secondary: "border-sage/20",
-        tertiary: "border-mist/20",
-        ghost: "border-slate/20",
+        primary: "border-primary/20",
+        secondary: "border-secondary/20",
+        tertiary: "border-tertiary/20",
+        ghost: "border-ghost/20",
         neutral: "border-gray-200",
         // Outline variants
-        "primary-outline": "border-coral",
-        "secondary-outline": "border-sage",
-        "tertiary-outline": "border-mist",
-        "ghost-outline": "border-slate",
+        "primary-outline": "border-primary",
+        "secondary-outline": "border-secondary",
+        "tertiary-outline": "border-tertiary",
+        "ghost-outline": "border-ghost",
         "neutral-outline": "border-gray-400",
         // Semantic variants
         success: "border-success/20",
@@ -1240,25 +1240,25 @@ const SegmentSingleInputRoot = React__default.forwardRef(
     variants: {
       variant: {
         // Core variants using Versaur color system
-        primary: "text-slate hover:text-coral focus:ring-coral/30",
-        secondary: "text-slate hover:text-sage focus:ring-sage/30",
-        tertiary: "text-slate hover:text-mist focus:ring-mist/30",
-        ghost: "text-slate hover:text-slate focus:ring-slate/30",
-        neutral: "text-slate hover:text-gray-700 focus:ring-gray-400/30",
+        primary: "text-ghost hover:text-primary focus:ring-primary/30",
+        secondary: "text-ghost hover:text-secondary focus:ring-secondary/30",
+        tertiary: "text-ghost hover:text-tertiary focus:ring-tertiary/30",
+        ghost: "text-ghost hover:text-ghost focus:ring-ghost/30",
+        neutral: "text-ghost hover:text-gray-700 focus:ring-gray-400/30",
         // Outline variants
-        "primary-outline": "text-coral hover:bg-coral/10 focus:ring-coral/30",
-        "secondary-outline": "text-sage hover:bg-sage/10 focus:ring-sage/30",
-        "tertiary-outline": "text-mist hover:bg-mist/10 focus:ring-mist/30",
-        "ghost-outline": "text-slate hover:bg-slate/10 focus:ring-slate/30",
+        "primary-outline": "text-primary hover:bg-primary/10 focus:ring-primary/30",
+        "secondary-outline": "text-secondary hover:bg-secondary/10 focus:ring-secondary/30",
+        "tertiary-outline": "text-tertiary hover:bg-tertiary/10 focus:ring-tertiary/30",
+        "ghost-outline": "text-ghost hover:bg-ghost/10 focus:ring-ghost/30",
         "neutral-outline": "text-gray-600 hover:bg-gray-100 focus:ring-gray-500/30",
         // Semantic variants
-        success: "text-slate hover:text-success focus:ring-success/30",
+        success: "text-ghost hover:text-success focus:ring-success/30",
         "success-outline": "text-success hover:bg-success/10 focus:ring-success/30",
-        info: "text-slate hover:text-info focus:ring-info/30",
+        info: "text-ghost hover:text-info focus:ring-info/30",
         "info-outline": "text-info hover:bg-info/10 focus:ring-info/30",
-        warning: "text-slate hover:text-warning focus:ring-warning/30",
+        warning: "text-ghost hover:text-warning focus:ring-warning/30",
         "warning-outline": "text-warning hover:bg-warning/10 focus:ring-warning/30",
-        danger: "text-slate hover:text-danger focus:ring-danger/30",
+        danger: "text-ghost hover:text-danger focus:ring-danger/30",
         "danger-outline": "text-danger hover:bg-danger/10 focus:ring-danger/30"
       },
       size: {
@@ -1282,16 +1282,16 @@ const SegmentSingleInputRoot = React__default.forwardRef(
 ), getSegmentSelectedClasses = (e) => {
   const t = {
     // Core variants - override hover text color changes
-    primary: "bg-coral text-white shadow-sm hover:text-white",
-    secondary: "bg-sage text-white shadow-sm hover:text-white",
-    tertiary: "bg-mist text-white shadow-sm hover:text-white",
-    ghost: "bg-slate text-white shadow-sm hover:text-white",
+    primary: "bg-primary text-white shadow-sm hover:text-white",
+    secondary: "bg-secondary text-white shadow-sm hover:text-white",
+    tertiary: "bg-tertiary text-white shadow-sm hover:text-white",
+    ghost: "bg-ghost text-white shadow-sm hover:text-white",
     neutral: "bg-gray-500 text-white shadow-sm hover:text-white",
     // Outline variants - override hover text color changes
-    "primary-outline": "bg-coral text-white shadow-sm hover:text-white",
-    "secondary-outline": "bg-sage text-white shadow-sm hover:text-white",
-    "tertiary-outline": "bg-mist text-white shadow-sm hover:text-white",
-    "ghost-outline": "bg-slate text-white shadow-sm hover:text-white",
+    "primary-outline": "bg-primary text-white shadow-sm hover:text-white",
+    "secondary-outline": "bg-secondary text-white shadow-sm hover:text-white",
+    "tertiary-outline": "bg-tertiary text-white shadow-sm hover:text-white",
+    "ghost-outline": "bg-ghost text-white shadow-sm hover:text-white",
     "neutral-outline": "bg-gray-500 text-white shadow-sm hover:text-white",
     // Semantic variants - override hover text color changes
     success: "bg-success text-white shadow-sm hover:text-white",
@@ -1313,13 +1313,13 @@ const SegmentSingleInputRoot = React__default.forwardRef(
   return e;
 }, SegmentOption = React__default.forwardRef(
   ({ children: e, className: t, disabled: s, id: a, value: n, position: c = "middle", ...l }, o) => {
-    const r = useSegmentMultipleInputContext(), u = React__default.useId(), x = a || u, i = s || r.disabled, d = r.error ? "danger" : r.variant || "primary", g = r.value?.includes(n) ?? !1, f = (b) => {
+    const r = useSegmentMultipleInputContext(), u = React__default.useId(), x = a || u, i = s || r.disabled, d = r.error ? "danger" : r.variant || "primary", g = r.value?.includes(n) ?? !1, m = (p) => {
       if (!i) {
-        const m = r.value || [];
-        let p;
-        g ? p = m.filter((w) => w !== n) : p = [...m, n], r.onChange?.(p);
+        const h = r.value || [];
+        let b;
+        g ? b = h.filter((y) => y !== n) : b = [...h, n], r.onChange?.(b);
       }
-      l.onChange?.(b);
+      l.onChange?.(p);
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1332,7 +1332,7 @@ const SegmentSingleInputRoot = React__default.forwardRef(
           value: n,
           checked: g,
           disabled: i,
-          onChange: f,
+          onChange: m,
           className: "sr-only",
           ...l
         }
@@ -1377,25 +1377,25 @@ const SegmentMultipleInputRoot = React__default.forwardRef(
     fullWidth: i = !1,
     ...d
   }, g) => {
-    const f = !!n, b = {
+    const m = !!n, p = {
       variant: e,
       size: t,
       disabled: l,
-      error: f,
+      error: m,
       name: o,
       value: r,
       onChange: u
-    }, m = React__default.Children.toArray(x), p = m.map((w, j) => {
-      if (React__default.isValidElement(w)) {
-        let y;
-        return m.length === 1 ? y = "single" : j === 0 ? y = "first" : j === m.length - 1 ? y = "last" : y = "middle", React__default.cloneElement(
-          w,
-          { position: y }
+    }, h = React__default.Children.toArray(x), b = h.map((y, j) => {
+      if (React__default.isValidElement(y)) {
+        let w;
+        return h.length === 1 ? w = "single" : j === 0 ? w = "first" : j === h.length - 1 ? w = "last" : w = "middle", React__default.cloneElement(
+          y,
+          { position: w }
         );
       }
-      return w;
+      return y;
     });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentMultipleInputContext.Provider, { value: b, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(SegmentMultipleInputContext.Provider, { value: p, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
         ref: g,
@@ -1411,17 +1411,17 @@ const SegmentMultipleInputRoot = React__default.forwardRef(
             {
               className: cn(
                 segmentGroupVariants({
-                  variant: f ? "danger" : e,
+                  variant: m ? "danger" : e,
                   size: t,
-                  error: f
+                  error: m
                 }),
                 i && "flex w-full"
               ),
-              children: p
+              children: b
             }
           ),
-          f && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-          !f && a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
+          m && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+          !m && a && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
         ]
       }
     ) });
@@ -1434,16 +1434,16 @@ const SegmentMultipleInputRoot = React__default.forwardRef(
     variants: {
       variant: {
         // Core variants using Versaur color system
-        primary: "border-coral/30 text-foreground focus:border-coral focus:ring-coral/20",
-        secondary: "border-sage/30 text-foreground focus:border-sage focus:ring-sage/20",
-        tertiary: "border-mist/30 text-foreground focus:border-mist focus:ring-mist/20",
-        ghost: "border-slate/30 text-foreground focus:border-slate focus:ring-slate/20",
+        primary: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
+        secondary: "border-secondary/30 text-foreground focus:border-secondary focus:ring-secondary/20",
+        tertiary: "border-tertiary/30 text-foreground focus:border-tertiary focus:ring-tertiary/20",
+        ghost: "border-ghost/30 text-foreground focus:border-ghost focus:ring-ghost/20",
         neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
         // Outline variants
-        "primary-outline": "border-coral text-foreground focus:border-coral focus:ring-coral/20",
-        "secondary-outline": "border-sage text-foreground focus:border-sage focus:ring-sage/20",
-        "tertiary-outline": "border-mist text-foreground focus:border-mist focus:ring-mist/20",
-        "ghost-outline": "border-slate text-foreground focus:border-slate focus:ring-slate/20",
+        "primary-outline": "border-primary text-foreground focus:border-primary focus:ring-primary/20",
+        "secondary-outline": "border-secondary text-foreground focus:border-secondary focus:ring-secondary/20",
+        "tertiary-outline": "border-tertiary text-foreground focus:border-tertiary focus:ring-tertiary/20",
+        "ghost-outline": "border-ghost text-foreground focus:border-ghost focus:ring-ghost/20",
         "neutral-outline": "border-gray-400 text-foreground focus:border-gray-500 focus:ring-gray-500/20",
         // Semantic variants
         success: "border-success/30 text-foreground focus:border-success focus:ring-success/20",
@@ -1536,16 +1536,16 @@ const textAreaInputVariants = cva(
     variants: {
       variant: {
         // Core variants using Versaur color system
-        primary: "border-coral/30 text-foreground focus:border-coral focus:ring-coral/20",
-        secondary: "border-sage/30 text-foreground focus:border-sage focus:ring-sage/20",
-        tertiary: "border-mist/30 text-foreground focus:border-mist focus:ring-mist/20",
-        ghost: "border-slate/30 text-foreground focus:border-slate focus:ring-slate/20",
+        primary: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
+        secondary: "border-secondary/30 text-foreground focus:border-secondary focus:ring-secondary/20",
+        tertiary: "border-tertiary/30 text-foreground focus:border-tertiary focus:ring-tertiary/20",
+        ghost: "border-ghost/30 text-foreground focus:border-ghost focus:ring-ghost/20",
         neutral: "border-gray-300 text-foreground focus:border-gray-400 focus:ring-gray-400/20",
         // Outline variants
-        "primary-outline": "border-coral text-foreground focus:border-coral focus:ring-coral/20",
-        "secondary-outline": "border-sage text-foreground focus:border-sage focus:ring-sage/20",
-        "tertiary-outline": "border-mist text-foreground focus:border-mist focus:ring-mist/20",
-        "ghost-outline": "border-slate text-foreground focus:border-slate focus:ring-slate/20",
+        "primary-outline": "border-primary text-foreground focus:border-primary focus:ring-primary/20",
+        "secondary-outline": "border-secondary text-foreground focus:border-secondary focus:ring-secondary/20",
+        "tertiary-outline": "border-tertiary text-foreground focus:border-tertiary focus:ring-tertiary/20",
+        "ghost-outline": "border-ghost text-foreground focus:border-ghost focus:ring-ghost/20",
         "neutral-outline": "border-gray-400 text-foreground focus:border-gray-500 focus:ring-gray-500/20",
         // Semantic variants
         success: "border-success/30 text-foreground focus:border-success focus:ring-success/20",
@@ -1583,10 +1583,10 @@ const textAreaInputVariants = cva(
     rows: i,
     ...d
   }, g) => {
-    const f = React__default.useId(), b = l || f, m = !!a, p = i || o, w = u === "content" ? void 0 : r, j = {
+    const m = React__default.useId(), p = l || m, h = !!a, b = i || o, y = u === "content" ? void 0 : r, j = {
       ...u === "content" && { fieldSizing: "content" },
-      ...w && {
-        maxHeight: `${w * 1.5}rem`
+      ...y && {
+        maxHeight: `${y * 1.5}rem`
         // Approximate line height
       },
       ...x
@@ -1595,7 +1595,7 @@ const textAreaInputVariants = cva(
       t && /* @__PURE__ */ jsxRuntimeExports.jsx(
         "label",
         {
-          htmlFor: b,
+          htmlFor: p,
           className: "block text-sm font-medium text-foreground mb-2",
           children: t
         }
@@ -1604,15 +1604,15 @@ const textAreaInputVariants = cva(
         "textarea",
         {
           ref: g,
-          id: b,
-          rows: p,
-          "aria-invalid": m,
+          id: p,
+          rows: b,
+          "aria-invalid": h,
           "aria-disabled": c,
           disabled: c,
           style: j,
           className: cn(
             textAreaInputVariants({
-              variant: m ? "danger" : e,
+              variant: h ? "danger" : e,
               fieldSizing: u
             }),
             "px-3 py-2"
@@ -1620,8 +1620,8 @@ const textAreaInputVariants = cva(
           ...d
         }
       ) }),
-      m && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: a }),
-      !m && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
+      h && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: a }),
+      !h && s && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
 );
@@ -1698,27 +1698,27 @@ const timeSegmentButtonVariants = cva(
   "aria-describedby": u
 }) => {
   const [x, i] = useState(!1), d = (k) => {
-    const h = k.match(/^(\d{1,2}):(\d{2})\s?(AM|PM)$/i);
-    return h ? {
-      hour: h[1],
-      minute: h[2],
-      period: h[3].toUpperCase()
+    const f = k.match(/^(\d{1,2}):(\d{2})\s?(AM|PM)$/i);
+    return f ? {
+      hour: f[1],
+      minute: f[2],
+      period: f[3].toUpperCase()
     } : { hour: "", minute: "", period: "AM" };
-  }, [{ hour: g, minute: f, period: b }, m] = useState(() => d(e)), p = () => {
-    n || (m(d(e)), i(!0));
-  }, w = (k) => {
-    let h = k.replace(/[^\d]/g, "");
-    h.length > 2 && (h = h.slice(0, 2)), Number(h) > 12 && (h = "12"), m((C) => ({ ...C, hour: h }));
-  }, j = (k) => {
-    let h = k.replace(/[^\d]/g, "");
-    h.length > 2 && (h = h.slice(0, 2)), Number(h) > 59 && (h = "59"), m((C) => ({ ...C, minute: h }));
+  }, [{ hour: g, minute: m, period: p }, h] = useState(() => d(e)), b = () => {
+    n || (h(d(e)), i(!0));
   }, y = (k) => {
-    m((h) => ({ ...h, period: k }));
+    let f = k.replace(/[^\d]/g, "");
+    f.length > 2 && (f = f.slice(0, 2)), Number(f) > 12 && (f = "12"), h((C) => ({ ...C, hour: f }));
+  }, j = (k) => {
+    let f = k.replace(/[^\d]/g, "");
+    f.length > 2 && (f = f.slice(0, 2)), Number(f) > 59 && (f = "59"), h((C) => ({ ...C, minute: f }));
+  }, w = (k) => {
+    h((f) => ({ ...f, period: k }));
   }, E = () => {
-    m(d(e)), i(!1);
+    h(d(e)), i(!1);
   }, I = () => {
-    const k = g.padStart(2, "0") || "12", h = f.padStart(2, "0") || "00";
-    t(`${k}:${h} ${b}`), i(!1);
+    const k = g.padStart(2, "0") || "12", f = m.padStart(2, "0") || "00";
+    t(`${k}:${f} ${p}`), i(!1);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1726,7 +1726,7 @@ const timeSegmentButtonVariants = cva(
       {
         label: s,
         value: e,
-        onClick: p,
+        onClick: b,
         readOnly: !0,
         disabled: n,
         error: c,
@@ -1755,7 +1755,7 @@ const timeSegmentButtonVariants = cva(
               TimeField,
               {
                 value: g,
-                onChange: w,
+                onChange: y,
                 label: "Hour",
                 "aria-label": "Hour",
                 disabled: n
@@ -1765,7 +1765,7 @@ const timeSegmentButtonVariants = cva(
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               TimeField,
               {
-                value: f,
+                value: m,
                 onChange: j,
                 label: "Minute",
                 "aria-label": "Minute",
@@ -1775,8 +1775,8 @@ const timeSegmentButtonVariants = cva(
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               AmPmSegment,
               {
-                value: b === "AM" ? "AM" : "PM",
-                onChange: y,
+                value: p === "AM" ? "AM" : "PM",
+                onChange: w,
                 disabled: n
               }
             )
@@ -1790,7 +1790,7 @@ const timeSegmentButtonVariants = cva(
     )
   ] });
 }, switchVariants = cva(
-  "relative inline-flex items-center transition-colors duration-200",
+  "relative inline-flex items-center transition-colors duration-200 border border-transparent",
   {
     variants: {
       color: {
@@ -1825,20 +1825,24 @@ const timeSegmentButtonVariants = cva(
       checked: !1
     },
     compoundVariants: [
-      { checked: !0, color: "primary", class: "bg-[var(--color-primary)]" },
+      {
+        checked: !0,
+        color: "primary",
+        class: "bg-primary"
+      },
       {
         checked: !0,
         color: "secondary",
-        class: "bg-[var(--color-secondary)]"
+        class: "bg-secondary"
       },
-      { checked: !0, color: "tertiary", class: "bg-[var(--color-tertiary)]" },
-      { checked: !0, color: "ghost", class: "bg-[var(--color-ghost)]" },
-      { checked: !0, color: "neutral", class: "bg-[var(--color-neutral)]" },
-      { checked: !0, color: "success", class: "bg-[var(--color-success)]" },
-      { checked: !0, color: "info", class: "bg-[var(--color-info)]" },
-      { checked: !0, color: "warning", class: "bg-[var(--color-warning)]" },
-      { checked: !0, color: "danger", class: "bg-[var(--color-danger)]" },
-      { checked: !1, class: "bg-white border border-slate-300" }
+      { checked: !0, color: "tertiary", class: "bg-tertiary" },
+      { checked: !0, color: "ghost", class: "bg-ghost" },
+      { checked: !0, color: "neutral", class: "bg-neutral" },
+      { checked: !0, color: "success", class: "bg-success" },
+      { checked: !0, color: "info", class: "bg-info" },
+      { checked: !0, color: "warning", class: "bg-warning" },
+      { checked: !0, color: "danger", class: "bg-danger" },
+      { checked: !1, class: "bg-white border-border" }
     ]
   }
 ), thumbVariants = cva(
@@ -1852,7 +1856,7 @@ const timeSegmentButtonVariants = cva(
       },
       checked: {
         true: "translate-x-full bg-white left-1.5",
-        false: "bg-slate-300 left-0.5"
+        false: "bg-neutral left-0.5"
       }
     },
     defaultVariants: {
@@ -1902,10 +1906,10 @@ const timeSegmentButtonVariants = cva(
     ariaLabel: x,
     ...i
   }, d) => {
-    const [g, f] = useState(
+    const [g, m] = useState(
       t ?? !1
-    ), b = useId(), m = u || b, p = typeof e == "boolean", w = p ? e : g, j = (y) => {
-      p || f(y.target.checked), s?.(y.target.checked);
+    ), p = useId(), h = u || p, b = typeof e == "boolean", y = b ? e : g, j = (w) => {
+      b || m(w.target.checked), s?.(w.target.checked);
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
@@ -1920,7 +1924,7 @@ const timeSegmentButtonVariants = cva(
             SwitchLabel,
             {
               label: c,
-              htmlFor: m,
+              htmlFor: h,
               placement: l,
               disabled: o
             }
@@ -1938,9 +1942,9 @@ const timeSegmentButtonVariants = cva(
                   {
                     ref: d,
                     type: "checkbox",
-                    id: m,
+                    id: h,
                     "aria-label": x || c,
-                    checked: w,
+                    checked: y,
                     disabled: o,
                     onChange: j,
                     className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",
@@ -1953,10 +1957,10 @@ const timeSegmentButtonVariants = cva(
                     color: a,
                     size: n,
                     disabled: o,
-                    checked: w
+                    checked: y
                   }
                 ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(SwitchThumb, { size: n, checked: w })
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SwitchThumb, { size: n, checked: y })
               ]
             }
           )