@datatechsolutions/ui 2.11.30 → 2.11.32

package/dist/astrlabe/workflow-canvas.js

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkKMDY6OLI_js = require('../chunk-KMDY6OLI.js');
-require('../chunk-KPHTHSHJ.js');
+var chunk7O3FQ2PW_js = require('../chunk-7O3FQ2PW.js');
+require('../chunk-3N76EFJM.js');
 require('../chunk-YXN2K77G.js');
 require('../chunk-S7KHTUHA.js');
 require('../chunk-UZ3CMNUJ.js');
@@ -13,7 +13,7 @@ require('../chunk-PWBWP5FJ.js');
 
 Object.defineProperty(exports, "Workspace", {
   enumerable: true,
-  get: function () { return chunkKMDY6OLI_js.Workspace; }
+  get: function () { return chunk7O3FQ2PW_js.Workspace; }
 });
 //# sourceMappingURL=workflow-canvas.js.map
 //# sourceMappingURL=workflow-canvas.js.map

package/dist/astrlabe/workflow-canvas.mjs

@@ -1,6 +1,6 @@
 "use client";
-export { Workspace } from '../chunk-N4G3UXRU.mjs';
-import '../chunk-5ZWN5Q7H.mjs';
+export { Workspace } from '../chunk-YNZAYMGD.mjs';
+import '../chunk-QNR3NADH.mjs';
 import '../chunk-7VJ7CMMT.mjs';
 import '../chunk-QWG2FMUN.mjs';
 import '../chunk-D2JF6C3E.mjs';

package/dist/{chunk-KPHTHSHJ.js → chunk-3N76EFJM.js}

@@ -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-3N76EFJM.js.map
+//# sourceMappingURL=chunk-3N76EFJM.js.map