@datatechsolutions/ui 2.11.31 → 2.11.33

package/dist/{chunk-KPHTHSHJ.js → chunk-LH2JDCO3.js}

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
-var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
+var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var Headless6 = require('@headlessui/react');
 var clsx = require('clsx');
 var React12 = require('react');
@@ -567,11 +567,11 @@ var Button = React12.forwardRef(function Button2({
 }, ref) {
   const finalColor = destructive ? "ios-red" : color;
   const isIosColor = finalColor && finalColor in iosColors2;
-  const colorStyles = isIosColor ? iosColors2[finalColor] : styles.colors[finalColor] ?? styles.colors["dark/zinc"];
+  const colorStyles2 = isIosColor ? iosColors2[finalColor] : styles.colors[finalColor] ?? styles.colors["dark/zinc"];
   let classes = clsx__default.default(
     className,
     styles.base,
-    gradient ? styles.gradient : outline ? styles.outline : plain ? styles.plain : clsx__default.default(styles.solid, colorStyles),
+    gradient ? styles.gradient : outline ? styles.outline : plain ? styles.plain : clsx__default.default(styles.solid, colorStyles2),
     pill && pillStyles,
     size !== "md" && sizeStyles[size],
     fullWidth && "w-full",
@@ -1784,6 +1784,15 @@ function DropdownSelect({
     error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-ios-red", role: "alert", "aria-live": "polite", children: error })
   ] });
 }
+var colorStyles = {
+  green: { solid: "bg-[#34C759]", glass: "bg-emerald-500/80 backdrop-blur-sm" },
+  blue: { solid: "bg-[#007AFF]", glass: "bg-blue-500/80 backdrop-blur-sm" },
+  indigo: { solid: "bg-indigo-500", glass: "bg-indigo-500/80 backdrop-blur-sm" },
+  violet: { solid: "bg-violet-500", glass: "bg-violet-500/80 backdrop-blur-sm" },
+  teal: { solid: "bg-teal-500", glass: "bg-teal-500/80 backdrop-blur-sm" },
+  orange: { solid: "bg-orange-500", glass: "bg-orange-500/80 backdrop-blur-sm" },
+  red: { solid: "bg-[#FF3B30]", glass: "bg-red-500/80 backdrop-blur-sm" }
+};
 var sizes = {
   sm: { track: "w-10 h-6", thumb: "h-5 w-5", translateX: 16 },
   md: { track: "w-[51px] h-[31px]", thumb: "h-[27px] w-[27px]", translateX: 20 },
@@ -1794,9 +1803,11 @@ function ToggleSwitch({
   onChange,
   disabled = false,
   size = "md",
+  color = "green",
   label
 }) {
   const sizeConfig3 = sizes[size];
+  const checkedBg = colorStyles[color].glass;
   const handleToggle = () => {
     if (disabled) return;
     chunkUZ3CMNUJ_js.triggerHaptic("light");
@@ -1823,7 +1834,7 @@ function ToggleSwitch({
         transition-colors duration-200 ease-in-out
         focus:outline-none focus-visible:ring-2 focus-visible:ring-[#007AFF] focus-visible:ring-offset-2
         ${sizeConfig3.track}
-        ${checked ? "bg-[#34C759]" : "bg-gray-200 dark:bg-gray-600"}
+        ${checked ? checkedBg : "bg-gray-200 dark:bg-white/[0.08]"}
         ${disabled ? "opacity-50 cursor-not-allowed" : ""}
       `,
       children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1855,7 +1866,8 @@ function LabeledToggle({
   checked,
   onChange,
   disabled,
-  size = "md"
+  size = "md",
+  color
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -1869,6 +1881,7 @@ function LabeledToggle({
         onChange,
         disabled,
         size,
+        color,
         label: title
       }
     )
@@ -20877,5 +20890,5 @@ exports.useGeoMapState = useGeoMapState;
 exports.useNotifications = useNotifications;
 exports.usePlatformShellStore = usePlatformShellStore;
 exports.usePullToRefresh = usePullToRefresh;
-//# sourceMappingURL=chunk-KPHTHSHJ.js.map
-//# sourceMappingURL=chunk-KPHTHSHJ.js.map
+//# sourceMappingURL=chunk-LH2JDCO3.js.map
+//# sourceMappingURL=chunk-LH2JDCO3.js.map