@zentauri-ui/zentauri-components 1.5.22 → 1.6.0

package/dist/ui/table.js

@@ -1,62 +1,62 @@
 "use client";
 'use strict';
 
-var chunkE4FZY7O2_js = require('../chunk-E4FZY7O2.js');
+var chunkGHJN3Z3V_js = require('../chunk-GHJN3Z3V.js');
 require('../chunk-ZS5756ZC.js');
 
 
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.TableBase; }
+  get: function () { return chunkGHJN3Z3V_js.TableBase; }
 });
 Object.defineProperty(exports, "TableBody", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.TableBody; }
+  get: function () { return chunkGHJN3Z3V_js.TableBody; }
 });
 Object.defineProperty(exports, "TableCaption", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.TableCaption; }
+  get: function () { return chunkGHJN3Z3V_js.TableCaption; }
 });
 Object.defineProperty(exports, "TableCell", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.TableCell; }
+  get: function () { return chunkGHJN3Z3V_js.TableCell; }
 });
 Object.defineProperty(exports, "TableContext", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.TableContext; }
+  get: function () { return chunkGHJN3Z3V_js.TableContext; }
 });
 Object.defineProperty(exports, "TableFooter", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.TableFooter; }
+  get: function () { return chunkGHJN3Z3V_js.TableFooter; }
 });
 Object.defineProperty(exports, "TableHead", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.TableHead; }
+  get: function () { return chunkGHJN3Z3V_js.TableHead; }
 });
 Object.defineProperty(exports, "TableHeader", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.TableHeader; }
+  get: function () { return chunkGHJN3Z3V_js.TableHeader; }
 });
 Object.defineProperty(exports, "TableRow", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.TableRow; }
+  get: function () { return chunkGHJN3Z3V_js.TableRow; }
 });
 Object.defineProperty(exports, "tableCellVariants", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.tableCellVariants; }
+  get: function () { return chunkGHJN3Z3V_js.tableCellVariants; }
 });
 Object.defineProperty(exports, "tableRowVariants", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.tableRowVariants; }
+  get: function () { return chunkGHJN3Z3V_js.tableRowVariants; }
 });
 Object.defineProperty(exports, "tableVariants", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.tableVariants; }
+  get: function () { return chunkGHJN3Z3V_js.tableVariants; }
 });
 Object.defineProperty(exports, "useTableContext", {
   enumerable: true,
-  get: function () { return chunkE4FZY7O2_js.useTableContext; }
+  get: function () { return chunkGHJN3Z3V_js.useTableContext; }
 });
 //# sourceMappingURL=table.js.map
 //# sourceMappingURL=table.js.map

package/dist/ui/table.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { TableBase as Table, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext } from '../chunk-LN77JJTY.mjs';
+export { TableBase as Table, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext } from '../chunk-PSIAOIXJ.mjs';
 import '../chunk-4D54YOL6.mjs';
 //# sourceMappingURL=table.mjs.map
 //# sourceMappingURL=table.mjs.map

package/dist/ui/tabs/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkPWL5WD34_js = require('../../chunk-PWL5WD34.js');
+var chunk662PJBZD_js = require('../../chunk-662PJBZD.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
@@ -54,7 +54,7 @@ function TabsContentAnimated({
     orientation,
     tabTriggerId,
     tabPanelId
-  } = chunkPWL5WD34_js.useTabs();
+  } = chunk662PJBZD_js.useTabs();
   const prefersReducedMotion2 = framerMotion.useReducedMotion();
   if (activeValue !== value) return null;
   const motionProps = getTabsContentMotionProps(

package/dist/ui/tabs/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { useTabs } from '../../chunk-TJUNN2PT.mjs';
+import { useTabs } from '../../chunk-YD3LVW7V.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { useReducedMotion, motion } from 'framer-motion';
 import { jsx } from 'react/jsx-runtime';

package/dist/ui/tabs/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;8EAqB3B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;8EA4C/B,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;8EAsB3B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;8EA0D/B,CAAC"}

package/dist/ui/tabs.js

@@ -1,42 +1,42 @@
 "use client";
 'use strict';
 
-var chunkPWL5WD34_js = require('../chunk-PWL5WD34.js');
+var chunk662PJBZD_js = require('../chunk-662PJBZD.js');
 require('../chunk-ZS5756ZC.js');
 
 
 
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkPWL5WD34_js.Tabs; }
+  get: function () { return chunk662PJBZD_js.Tabs; }
 });
 Object.defineProperty(exports, "TabsContent", {
   enumerable: true,
-  get: function () { return chunkPWL5WD34_js.TabsContent; }
+  get: function () { return chunk662PJBZD_js.TabsContent; }
 });
 Object.defineProperty(exports, "TabsContext", {
   enumerable: true,
-  get: function () { return chunkPWL5WD34_js.TabsContext; }
+  get: function () { return chunk662PJBZD_js.TabsContext; }
 });
 Object.defineProperty(exports, "TabsList", {
   enumerable: true,
-  get: function () { return chunkPWL5WD34_js.TabsList; }
+  get: function () { return chunk662PJBZD_js.TabsList; }
 });
 Object.defineProperty(exports, "TabsTrigger", {
   enumerable: true,
-  get: function () { return chunkPWL5WD34_js.TabsTrigger; }
+  get: function () { return chunk662PJBZD_js.TabsTrigger; }
 });
 Object.defineProperty(exports, "tabsListVariants", {
   enumerable: true,
-  get: function () { return chunkPWL5WD34_js.tabsListVariants; }
+  get: function () { return chunk662PJBZD_js.tabsListVariants; }
 });
 Object.defineProperty(exports, "tabsTriggerVariants", {
   enumerable: true,
-  get: function () { return chunkPWL5WD34_js.tabsTriggerVariants; }
+  get: function () { return chunk662PJBZD_js.tabsTriggerVariants; }
 });
 Object.defineProperty(exports, "useTabs", {
   enumerable: true,
-  get: function () { return chunkPWL5WD34_js.useTabs; }
+  get: function () { return chunk662PJBZD_js.useTabs; }
 });
 //# sourceMappingURL=tabs.js.map
 //# sourceMappingURL=tabs.js.map

package/dist/ui/tabs.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants, useTabs } from '../chunk-TJUNN2PT.mjs';
+export { Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants, useTabs } from '../chunk-YD3LVW7V.mjs';
 import '../chunk-4D54YOL6.mjs';
 //# sourceMappingURL=tabs.mjs.map
 //# sourceMappingURL=tabs.mjs.map

package/dist/ui/toast/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkOLEMP2HL_js = require('../../chunk-OLEMP2HL.js');
+var chunk746CV3AN_js = require('../../chunk-746CV3AN.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var react = require('react');
@@ -28,7 +28,7 @@ function ToastViewportAnimated({
   position = "bottom-right",
   className
 }) {
-  const ctx = react.useContext(chunkOLEMP2HL_js.ToastStoreContext);
+  const ctx = react.useContext(chunk746CV3AN_js.ToastStoreContext);
   if (!ctx) {
     throw new Error(
       "ToastViewportAnimated must be used within <ToastProvider>"
@@ -42,7 +42,7 @@ function ToastViewportAnimated({
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkZS5756ZC_js.cn(chunkOLEMP2HL_js.toastViewportVariants({ position }), className),
+        className: chunkZS5756ZC_js.cn(chunk746CV3AN_js.toastViewportVariants({ position }), className),
         "data-slot": "toast-viewport",
         children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: ctx.toasts.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
           ToastAnimated,
@@ -52,9 +52,9 @@ function ToastViewportAnimated({
             size: item.size,
             animation: item.animation,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkOLEMP2HL_js.ToastTitle, { children: item.title }),
-              item.description ? /* @__PURE__ */ jsxRuntime.jsx(chunkOLEMP2HL_js.ToastDescription, { children: item.description }) : null,
-              /* @__PURE__ */ jsxRuntime.jsx(chunkOLEMP2HL_js.ToastClose, { onClick: () => ctx.dismiss(item.id) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunk746CV3AN_js.ToastTitle, { children: item.title }),
+              item.description ? /* @__PURE__ */ jsxRuntime.jsx(chunk746CV3AN_js.ToastDescription, { children: item.description }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx(chunk746CV3AN_js.ToastClose, { onClick: () => ctx.dismiss(item.id) })
             ]
           },
           item.id
@@ -85,7 +85,7 @@ function ToastAnimated({
       "aria-atomic": "true",
       className: chunkZS5756ZC_js.cn(
         "relative",
-        chunkOLEMP2HL_js.toastRootVariants({ appearance, size }),
+        chunk746CV3AN_js.toastRootVariants({ appearance, size }),
         className
       ),
       initial: animation === "none" ? false : motionProps.initial,

package/dist/ui/toast/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { ToastStoreContext, ToastTitle, ToastDescription, ToastClose, toastViewportVariants, toastRootVariants } from '../../chunk-INMNX3HQ.mjs';
+import { ToastStoreContext, ToastTitle, ToastDescription, ToastClose, toastViewportVariants, toastRootVariants } from '../../chunk-S5H2OMTZ.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useContext } from 'react';

package/dist/ui/toast/toast-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast-base.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/toast-base.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EAEtB,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,iBAAiB,wDAE7B,CAAC;AAIF,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,UAKtC;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAoD7D;yBApDe,aAAa;;;AAwD7B,wBAAgB,aAAa,CAAC,EAC5B,QAAyB,EACzB,SAAS,GACV,EAAE,kBAAkB,sCAkCpB;yBArCe,aAAa;;;AAyC7B,wBAAgB,KAAK,CAAC,EACpB,OAAO,EAAE,QAAQ,EACjB,UAAU,EACV,IAAI,EACJ,SAAS,EAAE,UAAoB,EAC/B,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,2CAkBZ;yBAzBe,KAAK;;;AA6BrB,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAMpE;yBANe,UAAU;;;AAU1B,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAS1E;yBATe,gBAAgB;;;AAahC,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAMrE;yBANe,WAAW;;;AAU3B,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,2CAgB9C;yBArBe,UAAU"}
+{"version":3,"file":"toast-base.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/toast-base.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACV,iBAAiB,EACjB,sBAAsB,EAEtB,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,iBAAiB,wDAE7B,CAAC;AAIF,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,UAKtC;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAoD7D;yBApDe,aAAa;;;AAwD7B,wBAAgB,aAAa,CAAC,EAC5B,QAAyB,EACzB,SAAS,GACV,EAAE,kBAAkB,sCAkCpB;yBArCe,aAAa;;;AAyC7B,wBAAgB,KAAK,CAAC,EACpB,OAAO,EAAE,QAAQ,EACjB,UAAU,EACV,IAAI,EACJ,SAAS,EAAE,UAAoB,EAC/B,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,2CAkBZ;yBAzBe,KAAK;;;AA6BrB,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAMpE;yBANe,UAAU;;;AAU1B,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAM1E;yBANe,gBAAgB;;;AAUhC,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAMrE;yBANe,WAAW;;;AAU3B,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,2CAgB9C;yBArBe,UAAU"}

package/dist/ui/toast/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;8EAiBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;8EAmD7B,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/toast/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;8EAiBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;8EA0D7B,CAAC"}

package/dist/ui/toast.js

@@ -1,54 +1,54 @@
 "use client";
 'use strict';
 
-var chunkOLEMP2HL_js = require('../chunk-OLEMP2HL.js');
+var chunk746CV3AN_js = require('../chunk-746CV3AN.js');
 require('../chunk-ZS5756ZC.js');
 
 
 
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
-  get: function () { return chunkOLEMP2HL_js.Toast; }
+  get: function () { return chunk746CV3AN_js.Toast; }
 });
 Object.defineProperty(exports, "ToastAction", {
   enumerable: true,
-  get: function () { return chunkOLEMP2HL_js.ToastAction; }
+  get: function () { return chunk746CV3AN_js.ToastAction; }
 });
 Object.defineProperty(exports, "ToastClose", {
   enumerable: true,
-  get: function () { return chunkOLEMP2HL_js.ToastClose; }
+  get: function () { return chunk746CV3AN_js.ToastClose; }
 });
 Object.defineProperty(exports, "ToastDescription", {
   enumerable: true,
-  get: function () { return chunkOLEMP2HL_js.ToastDescription; }
+  get: function () { return chunk746CV3AN_js.ToastDescription; }
 });
 Object.defineProperty(exports, "ToastProvider", {
   enumerable: true,
-  get: function () { return chunkOLEMP2HL_js.ToastProvider; }
+  get: function () { return chunk746CV3AN_js.ToastProvider; }
 });
 Object.defineProperty(exports, "ToastTitle", {
   enumerable: true,
-  get: function () { return chunkOLEMP2HL_js.ToastTitle; }
+  get: function () { return chunk746CV3AN_js.ToastTitle; }
 });
 Object.defineProperty(exports, "ToastViewport", {
   enumerable: true,
-  get: function () { return chunkOLEMP2HL_js.ToastViewport; }
+  get: function () { return chunk746CV3AN_js.ToastViewport; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
-  get: function () { return chunkOLEMP2HL_js.toast; }
+  get: function () { return chunk746CV3AN_js.toast; }
 });
 Object.defineProperty(exports, "toastRootVariants", {
   enumerable: true,
-  get: function () { return chunkOLEMP2HL_js.toastRootVariants; }
+  get: function () { return chunk746CV3AN_js.toastRootVariants; }
 });
 Object.defineProperty(exports, "toastViewportVariants", {
   enumerable: true,
-  get: function () { return chunkOLEMP2HL_js.toastViewportVariants; }
+  get: function () { return chunk746CV3AN_js.toastViewportVariants; }
 });
 Object.defineProperty(exports, "useToast", {
   enumerable: true,
-  get: function () { return chunkOLEMP2HL_js.useToast; }
+  get: function () { return chunk746CV3AN_js.useToast; }
 });
 //# sourceMappingURL=toast.js.map
 //# sourceMappingURL=toast.js.map

package/dist/ui/toast.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, toast, toastRootVariants, toastViewportVariants, useToast } from '../chunk-INMNX3HQ.mjs';
+export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, toast, toastRootVariants, toastViewportVariants, useToast } from '../chunk-S5H2OMTZ.mjs';
 import '../chunk-4D54YOL6.mjs';
 //# sourceMappingURL=toast.mjs.map
 //# sourceMappingURL=toast.mjs.map

package/dist/ui/toggle/animated/toggle-animated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8DxD;yBA9De,cAAc"}
+{"version":3,"file":"toggle-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA+DxD;yBA/De,cAAc"}

package/dist/ui/toggle/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkX22LLJL6_js = require('../../chunk-X22LLJL6.js');
+var chunk3PC7XLJX_js = require('../../chunk-3PC7XLJX.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var react = require('react');
@@ -20,6 +20,7 @@ function ToggleAnimated(props) {
     className,
     size,
     appearance,
+    thumbColor,
     animation = "spring",
     checked,
     defaultChecked = false,
@@ -43,7 +44,7 @@ function ToggleAnimated(props) {
     },
     [isControlled, onCheckedChange]
   );
-  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 26 : 20;
+  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 24 : 18;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -55,7 +56,7 @@ function ToggleAnimated(props) {
       "aria-label": ariaLabel,
       "data-state": resolved ? "checked" : "unchecked",
       disabled,
-      className: chunkZS5756ZC_js.cn(chunkX22LLJL6_js.toggleTrackVariants({ size, appearance }), className),
+      className: chunkZS5756ZC_js.cn(chunk3PC7XLJX_js.toggleTrackVariants({ size, appearance }), className),
       onClick: () => {
         if (!disabled) {
           setChecked(!resolved);
@@ -68,7 +69,7 @@ function ToggleAnimated(props) {
           framerMotion.motion.span,
           {
             className: chunkZS5756ZC_js.cn(
-              chunkX22LLJL6_js.toggleThumbVariants({ size }),
+              chunk3PC7XLJX_js.toggleThumbVariants({ size, thumbColor }),
               "absolute left-1 top-1/2 -translate-y-1/2"
             ),
             animate: { x: resolved ? thumbShiftPx : 0 },

package/dist/ui/toggle/animated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/toggle/animated/animations.ts","../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":["useState","useCallback","jsxs","cn","toggleTrackVariants","jsx","motion","toggleThumbVariants"],"mappings":";;;;;;;;;AAEO,IAAM,2BAAA,GAAsD;AAAA,EACjE,MAAM,EAAC;AAAA,EACP,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,IAAA;AAAA,IACR,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACGO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,GAAY,QAAA;AAAA,IACZ,OAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,eAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,cAAc,SAAA,GAAY,QAAA;AAAA,IAC1B,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIA,eAAS,cAAc,CAAA;AAC/D,EAAA,MAAM,QAAA,GAAW,YAAA,GAAe,OAAA,CAAQ,OAAO,CAAA,GAAI,YAAA;AACnD,EAAA,MAAM,WAAA,GAAc,4BAA4B,SAAS,CAAA;AAEzD,EAAA,MAAM,UAAA,GAAaC,iBAAA;AAAA,IACjB,CAAC,IAAA,KAAkB;AACjB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,MACtB;AACA,MAAA,eAAA,GAAkB,IAAI,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,GAChC;AAEA,EAAA,MAAM,eAAe,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,IAAA,KAAS,OAAO,EAAA,GAAK,EAAA;AAE/D,EAAA,uBACEC,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,QAAA;AAAA,MACd,YAAA,EAAY,SAAA;AAAA,MACZ,YAAA,EAAY,WAAW,SAAA,GAAY,WAAA;AAAA,MACnC,QAAA;AAAA,MACA,SAAA,EAAWC,oBAAGC,oCAAA,CAAoB,EAAE,MAAM,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MAClE,SAAS,MAAM;AACb,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,UAAA,CAAW,CAAC,QAAQ,CAAA;AAAA,QACtB;AAAA,MACF,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAS,CAAA;AAAA,wBACpCA,cAAA;AAAA,UAACC,mBAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,SAAA,EAAWH,mBAAA;AAAA,cACTI,oCAAA,CAAoB,EAAE,IAAA,EAAM,CAAA;AAAA,cAC5B;AAAA,aACF;AAAA,YACA,OAAA,EAAS,EAAE,CAAA,EAAG,QAAA,GAAW,eAAe,CAAA,EAAE;AAAA,YAC1C,YAAY,WAAA,CAAY,UAAA;AAAA,YACxB,QAAQ,WAAA,CAAY;AAAA;AAAA;AACtB;AAAA;AAAA,GACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,QAAA","file":"animated.js","sourcesContent":["import { ToggleAnimationPresets } from \"./types\";\n\nexport const toggleThumbAnimationPresets: ToggleAnimationPresets = {\n  none: {},\n  spring: {\n    layout: true,\n    transition: { type: \"spring\", stiffness: 520, damping: 32 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { toggleThumbAnimationPresets } from \"./animations\";\nimport type { ToggleAnimatedProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"../variants\";\n\nexport function ToggleAnimated(props: ToggleAnimatedProps) {\n  const {\n    className,\n    size,\n    appearance,\n    animation = \"spring\",\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabel = \"Toggle\",\n    children,\n    ...rest\n  } = props;\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n  const thumbMotion = toggleThumbAnimationPresets[animation];\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 14 : size === \"lg\" ? 26 : 20;\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      aria-label={ariaLabel}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      <span className=\"sr-only\">{children}</span>\n      <motion.span\n        className={cn(\n          toggleThumbVariants({ size }),\n          \"absolute left-1 top-1/2 -translate-y-1/2\",\n        )}\n        animate={{ x: resolved ? thumbShiftPx : 0 }}\n        transition={thumbMotion.transition}\n        layout={thumbMotion.layout}\n      />\n    </button>\n  );\n}\n\nToggleAnimated.displayName = \"Toggle\";\n"]}
+{"version":3,"sources":["../../../src/ui/toggle/animated/animations.ts","../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":["useState","useCallback","jsxs","cn","toggleTrackVariants","jsx","motion","toggleThumbVariants"],"mappings":";;;;;;;;;AAEO,IAAM,2BAAA,GAAsD;AAAA,EACjE,MAAM,EAAC;AAAA,EACP,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,IAAA;AAAA,IACR,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACGO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,GAAY,QAAA;AAAA,IACZ,OAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,eAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,cAAc,SAAA,GAAY,QAAA;AAAA,IAC1B,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIA,eAAS,cAAc,CAAA;AAC/D,EAAA,MAAM,QAAA,GAAW,YAAA,GAAe,OAAA,CAAQ,OAAO,CAAA,GAAI,YAAA;AACnD,EAAA,MAAM,WAAA,GAAc,4BAA4B,SAAS,CAAA;AAEzD,EAAA,MAAM,UAAA,GAAaC,iBAAA;AAAA,IACjB,CAAC,IAAA,KAAkB;AACjB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,MACtB;AACA,MAAA,eAAA,GAAkB,IAAI,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,GAChC;AAEA,EAAA,MAAM,eAAe,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,IAAA,KAAS,OAAO,EAAA,GAAK,EAAA;AAE/D,EAAA,uBACEC,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,QAAA;AAAA,MACd,YAAA,EAAY,SAAA;AAAA,MACZ,YAAA,EAAY,WAAW,SAAA,GAAY,WAAA;AAAA,MACnC,QAAA;AAAA,MACA,SAAA,EAAWC,oBAAGC,oCAAA,CAAoB,EAAE,MAAM,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MAClE,SAAS,MAAM;AACb,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,UAAA,CAAW,CAAC,QAAQ,CAAA;AAAA,QACtB;AAAA,MACF,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAS,CAAA;AAAA,wBACpCA,cAAA;AAAA,UAACC,mBAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,SAAA,EAAWH,mBAAA;AAAA,cACTI,oCAAA,CAAoB,EAAE,IAAA,EAAM,UAAA,EAAY,CAAA;AAAA,cACxC;AAAA,aACF;AAAA,YACA,OAAA,EAAS,EAAE,CAAA,EAAG,QAAA,GAAW,eAAe,CAAA,EAAE;AAAA,YAC1C,YAAY,WAAA,CAAY,UAAA;AAAA,YACxB,QAAQ,WAAA,CAAY;AAAA;AAAA;AACtB;AAAA;AAAA,GACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,QAAA","file":"animated.js","sourcesContent":["import { ToggleAnimationPresets } from \"./types\";\n\nexport const toggleThumbAnimationPresets: ToggleAnimationPresets = {\n  none: {},\n  spring: {\n    layout: true,\n    transition: { type: \"spring\", stiffness: 520, damping: 32 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { toggleThumbAnimationPresets } from \"./animations\";\nimport type { ToggleAnimatedProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"../variants\";\n\nexport function ToggleAnimated(props: ToggleAnimatedProps) {\n  const {\n    className,\n    size,\n    appearance,\n    thumbColor,\n    animation = \"spring\",\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabel = \"Toggle\",\n    children,\n    ...rest\n  } = props;\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n  const thumbMotion = toggleThumbAnimationPresets[animation];\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 14 : size === \"lg\" ? 24 : 18;\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      aria-label={ariaLabel}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      <span className=\"sr-only\">{children}</span>\n      <motion.span\n        className={cn(\n          toggleThumbVariants({ size, thumbColor }),\n          \"absolute left-1 top-1/2 -translate-y-1/2\",\n        )}\n        animate={{ x: resolved ? thumbShiftPx : 0 }}\n        transition={thumbMotion.transition}\n        layout={thumbMotion.layout}\n      />\n    </button>\n  );\n}\n\nToggleAnimated.displayName = \"Toggle\";\n"]}

package/dist/ui/toggle/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { toggleThumbVariants, toggleTrackVariants } from '../../chunk-JQ5TIJ4F.mjs';
+import { toggleThumbVariants, toggleTrackVariants } from '../../chunk-Y3AHRRNM.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';
 import { useState, useCallback } from 'react';
@@ -18,6 +18,7 @@ function ToggleAnimated(props) {
     className,
     size,
     appearance,
+    thumbColor,
     animation = "spring",
     checked,
     defaultChecked = false,
@@ -41,7 +42,7 @@ function ToggleAnimated(props) {
     },
     [isControlled, onCheckedChange]
   );
-  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 26 : 20;
+  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 24 : 18;
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -66,7 +67,7 @@ function ToggleAnimated(props) {
           motion.span,
           {
             className: cn(
-              toggleThumbVariants({ size }),
+              toggleThumbVariants({ size, thumbColor }),
               "absolute left-1 top-1/2 -translate-y-1/2"
             ),
             animate: { x: resolved ? thumbShiftPx : 0 },

package/dist/ui/toggle/animated.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/toggle/animated/animations.ts","../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":[],"mappings":";;;;;;;AAEO,IAAM,2BAAA,GAAsD;AAAA,EACjE,MAAM,EAAC;AAAA,EACP,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,IAAA;AAAA,IACR,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACGO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,GAAY,QAAA;AAAA,IACZ,OAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,eAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,cAAc,SAAA,GAAY,QAAA;AAAA,IAC1B,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,cAAc,CAAA;AAC/D,EAAA,MAAM,QAAA,GAAW,YAAA,GAAe,OAAA,CAAQ,OAAO,CAAA,GAAI,YAAA;AACnD,EAAA,MAAM,WAAA,GAAc,4BAA4B,SAAS,CAAA;AAEzD,EAAA,MAAM,UAAA,GAAa,WAAA;AAAA,IACjB,CAAC,IAAA,KAAkB;AACjB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,MACtB;AACA,MAAA,eAAA,GAAkB,IAAI,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,GAChC;AAEA,EAAA,MAAM,eAAe,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,IAAA,KAAS,OAAO,EAAA,GAAK,EAAA;AAE/D,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,QAAA;AAAA,MACd,YAAA,EAAY,SAAA;AAAA,MACZ,YAAA,EAAY,WAAW,SAAA,GAAY,WAAA;AAAA,MACnC,QAAA;AAAA,MACA,SAAA,EAAW,GAAG,mBAAA,CAAoB,EAAE,MAAM,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MAClE,SAAS,MAAM;AACb,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,UAAA,CAAW,CAAC,QAAQ,CAAA;AAAA,QACtB;AAAA,MACF,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAS,CAAA;AAAA,wBACpC,GAAA;AAAA,UAAC,MAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,mBAAA,CAAoB,EAAE,IAAA,EAAM,CAAA;AAAA,cAC5B;AAAA,aACF;AAAA,YACA,OAAA,EAAS,EAAE,CAAA,EAAG,QAAA,GAAW,eAAe,CAAA,EAAE;AAAA,YAC1C,YAAY,WAAA,CAAY,UAAA;AAAA,YACxB,QAAQ,WAAA,CAAY;AAAA;AAAA;AACtB;AAAA;AAAA,GACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,QAAA","file":"animated.mjs","sourcesContent":["import { ToggleAnimationPresets } from \"./types\";\n\nexport const toggleThumbAnimationPresets: ToggleAnimationPresets = {\n  none: {},\n  spring: {\n    layout: true,\n    transition: { type: \"spring\", stiffness: 520, damping: 32 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { toggleThumbAnimationPresets } from \"./animations\";\nimport type { ToggleAnimatedProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"../variants\";\n\nexport function ToggleAnimated(props: ToggleAnimatedProps) {\n  const {\n    className,\n    size,\n    appearance,\n    animation = \"spring\",\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabel = \"Toggle\",\n    children,\n    ...rest\n  } = props;\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n  const thumbMotion = toggleThumbAnimationPresets[animation];\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 14 : size === \"lg\" ? 26 : 20;\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      aria-label={ariaLabel}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      <span className=\"sr-only\">{children}</span>\n      <motion.span\n        className={cn(\n          toggleThumbVariants({ size }),\n          \"absolute left-1 top-1/2 -translate-y-1/2\",\n        )}\n        animate={{ x: resolved ? thumbShiftPx : 0 }}\n        transition={thumbMotion.transition}\n        layout={thumbMotion.layout}\n      />\n    </button>\n  );\n}\n\nToggleAnimated.displayName = \"Toggle\";\n"]}
+{"version":3,"sources":["../../../src/ui/toggle/animated/animations.ts","../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":[],"mappings":";;;;;;;AAEO,IAAM,2BAAA,GAAsD;AAAA,EACjE,MAAM,EAAC;AAAA,EACP,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,IAAA;AAAA,IACR,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACGO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,GAAY,QAAA;AAAA,IACZ,OAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,eAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,cAAc,SAAA,GAAY,QAAA;AAAA,IAC1B,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,cAAc,CAAA;AAC/D,EAAA,MAAM,QAAA,GAAW,YAAA,GAAe,OAAA,CAAQ,OAAO,CAAA,GAAI,YAAA;AACnD,EAAA,MAAM,WAAA,GAAc,4BAA4B,SAAS,CAAA;AAEzD,EAAA,MAAM,UAAA,GAAa,WAAA;AAAA,IACjB,CAAC,IAAA,KAAkB;AACjB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,MACtB;AACA,MAAA,eAAA,GAAkB,IAAI,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,GAChC;AAEA,EAAA,MAAM,eAAe,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,IAAA,KAAS,OAAO,EAAA,GAAK,EAAA;AAE/D,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,QAAA;AAAA,MACd,YAAA,EAAY,SAAA;AAAA,MACZ,YAAA,EAAY,WAAW,SAAA,GAAY,WAAA;AAAA,MACnC,QAAA;AAAA,MACA,SAAA,EAAW,GAAG,mBAAA,CAAoB,EAAE,MAAM,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MAClE,SAAS,MAAM;AACb,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,UAAA,CAAW,CAAC,QAAQ,CAAA;AAAA,QACtB;AAAA,MACF,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAS,CAAA;AAAA,wBACpC,GAAA;AAAA,UAAC,MAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,mBAAA,CAAoB,EAAE,IAAA,EAAM,UAAA,EAAY,CAAA;AAAA,cACxC;AAAA,aACF;AAAA,YACA,OAAA,EAAS,EAAE,CAAA,EAAG,QAAA,GAAW,eAAe,CAAA,EAAE;AAAA,YAC1C,YAAY,WAAA,CAAY,UAAA;AAAA,YACxB,QAAQ,WAAA,CAAY;AAAA;AAAA;AACtB;AAAA;AAAA,GACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,QAAA","file":"animated.mjs","sourcesContent":["import { ToggleAnimationPresets } from \"./types\";\n\nexport const toggleThumbAnimationPresets: ToggleAnimationPresets = {\n  none: {},\n  spring: {\n    layout: true,\n    transition: { type: \"spring\", stiffness: 520, damping: 32 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { toggleThumbAnimationPresets } from \"./animations\";\nimport type { ToggleAnimatedProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"../variants\";\n\nexport function ToggleAnimated(props: ToggleAnimatedProps) {\n  const {\n    className,\n    size,\n    appearance,\n    thumbColor,\n    animation = \"spring\",\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabel = \"Toggle\",\n    children,\n    ...rest\n  } = props;\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n  const thumbMotion = toggleThumbAnimationPresets[animation];\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 14 : size === \"lg\" ? 24 : 18;\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      aria-label={ariaLabel}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      <span className=\"sr-only\">{children}</span>\n      <motion.span\n        className={cn(\n          toggleThumbVariants({ size, thumbColor }),\n          \"absolute left-1 top-1/2 -translate-y-1/2\",\n        )}\n        animate={{ x: resolved ? thumbShiftPx : 0 }}\n        transition={thumbMotion.transition}\n        layout={thumbMotion.layout}\n      />\n    </button>\n  );\n}\n\nToggleAnimated.displayName = \"Toggle\";\n"]}

package/dist/ui/toggle/toggle-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-base.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/toggle-base.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAsB3C,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,2CAuE5C;yBAvEe,UAAU"}
+{"version":3,"file":"toggle-base.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/toggle-base.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAsB3C,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,2CAwE5C;yBAxEe,UAAU"}

package/dist/ui/toggle/variants.d.ts

@@ -4,5 +4,6 @@ export declare const toggleTrackVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const toggleThumbVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
+    thumbColor?: "default" | "emerald" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "teal" | "yellow" | "destructive" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "success" | "neutral" | "zinc" | "stone" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/ui/toggle/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;8EAiE/B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;8EAc/B,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;8EAkE/B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;8EA6C/B,CAAC"}

package/dist/ui/toggle.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkX22LLJL6_js = require('../chunk-X22LLJL6.js');
+var chunk3PC7XLJX_js = require('../chunk-3PC7XLJX.js');
 var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -36,6 +36,7 @@ function ToggleBase(props) {
     ref,
     "aria-label": ariaLabelProp,
     children,
+    thumbColor,
     ...rest
   } = props;
   const toggleLabelId = react.useId();
@@ -51,7 +52,7 @@ function ToggleBase(props) {
     },
     [isControlled, onCheckedChange]
   );
-  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 26 : 20;
+  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 24 : 19;
   const labeledByChildren = hasToggleLabelChildren(children);
   const labeling = labeledByChildren ? {
     "aria-labelledby": toggleLabelId
@@ -68,7 +69,7 @@ function ToggleBase(props) {
       "aria-checked": resolved,
       "data-state": resolved ? "checked" : "unchecked",
       disabled,
-      className: chunkZS5756ZC_js.cn(chunkX22LLJL6_js.toggleTrackVariants({ size, appearance }), className),
+      className: chunkZS5756ZC_js.cn(chunk3PC7XLJX_js.toggleTrackVariants({ size, appearance }), className),
       ...labeling,
       onClick: () => {
         if (!disabled) {
@@ -82,8 +83,8 @@ function ToggleBase(props) {
           "span",
           {
             className: chunkZS5756ZC_js.cn(
-              chunkX22LLJL6_js.toggleThumbVariants({ size }),
-              "absolute left-1 top-1/2 -translate-y-1/2 transition-[transform] duration-200 ease-out"
+              chunk3PC7XLJX_js.toggleThumbVariants({ size, thumbColor }),
+              "absolute top-1/2 -translate-y-1/2 transition-[transform] duration-200 ease-out"
             ),
             style: { transform: `translateX(${resolved ? thumbShiftPx : 0}px)` }
           }
@@ -100,11 +101,11 @@ Toggle.displayName = "Toggle";
 
 Object.defineProperty(exports, "toggleThumbVariants", {
   enumerable: true,
-  get: function () { return chunkX22LLJL6_js.toggleThumbVariants; }
+  get: function () { return chunk3PC7XLJX_js.toggleThumbVariants; }
 });
 Object.defineProperty(exports, "toggleTrackVariants", {
   enumerable: true,
-  get: function () { return chunkX22LLJL6_js.toggleTrackVariants; }
+  get: function () { return chunk3PC7XLJX_js.toggleTrackVariants; }
 });
 exports.Toggle = Toggle;
 //# sourceMappingURL=toggle.js.map

package/dist/ui/toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/toggle/toggle-base.tsx","../../src/ui/toggle/toggle.tsx"],"names":["useId","useState","useCallback","jsxs","cn","toggleTrackVariants","jsx","toggleThumbVariants"],"mappings":";;;;;;;AASA,SAAS,uBAAuB,IAAA,EAA0B;AACxD,EAAA,IAAI,IAAA,KAAS,MAAA,IAAa,IAAA,KAAS,IAAA,EAAM;AACvC,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,IAAI,OAAO,SAAS,SAAA,EAAW;AAC7B,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO,IAAA,CAAK,IAAA,EAAK,CAAE,MAAA,GAAS,CAAA;AAAA,EAC9B;AACA,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,EAAG;AACvB,IAAA,OAAO,IAAA,CAAK,KAAK,sBAAsB,CAAA;AAAA,EACzC;AACA,EAAA,OAAO,IAAA;AACT;AAEO,SAAS,WAAW,KAAA,EAAoB;AAC7C,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,eAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,YAAA,EAAc,aAAA;AAAA,IACd,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,gBAAgBA,WAAA,EAAM;AAC5B,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIC,eAAS,cAAc,CAAA;AAC/D,EAAA,MAAM,QAAA,GAAW,YAAA,GAAe,OAAA,CAAQ,OAAO,CAAA,GAAI,YAAA;AAEnD,EAAA,MAAM,UAAA,GAAaC,iBAAA;AAAA,IACjB,CAAC,IAAA,KAAkB;AACjB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,MACtB;AACA,MAAA,eAAA,GAAkB,IAAI,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,GAChC;AAEA,EAAA,MAAM,eAAe,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,IAAA,KAAS,OAAO,EAAA,GAAK,EAAA;AAC/D,EAAA,MAAM,iBAAA,GAAoB,uBAAuB,QAAQ,CAAA;AACzD,EAAA,MAAM,WAAW,iBAAA,GACb;AAAA,IACE,iBAAA,EAAmB;AAAA,GACrB,GACA;AAAA,IACE,cAAc,aAAA,IAAiB;AAAA,GACjC;AAEJ,EAAA,uBACEC,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,QAAA;AAAA,MACd,YAAA,EAAY,WAAW,SAAA,GAAY,WAAA;AAAA,MACnC,QAAA;AAAA,MACA,SAAA,EAAWC,oBAAGC,oCAAA,CAAoB,EAAE,MAAM,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MACjE,GAAG,QAAA;AAAA,MACJ,SAAS,MAAM;AACb,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,UAAA,CAAW,CAAC,QAAQ,CAAA;AAAA,QACtB;AAAA,MACF,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,iBAAA,kCACE,MAAA,EAAA,EAAK,EAAA,EAAI,eAAe,SAAA,EAAU,SAAA,EAChC,UACH,CAAA,GACE,IAAA;AAAA,wBACJC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWF,mBAAA;AAAA,cACTG,oCAAA,CAAoB,EAAE,IAAA,EAAM,CAAA;AAAA,cAC5B;AAAA,aACF;AAAA,YACA,OAAO,EAAE,SAAA,EAAW,cAAc,QAAA,GAAW,YAAA,GAAe,CAAC,CAAA,GAAA,CAAA;AAAM;AAAA;AACrE;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,QAAA;ACjGlB,SAAS,OAAO,KAAA,EAAoB;AACzC,EAAA,uBAAOD,cAAAA,CAAC,UAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"toggle.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useId, useState, type ReactNode } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ToggleProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"./variants\";\n\nfunction hasToggleLabelChildren(node: ReactNode): boolean {\n  if (node === undefined || node === null) {\n    return false;\n  }\n  if (typeof node === \"boolean\") {\n    return false;\n  }\n  if (typeof node === \"string\") {\n    return node.trim().length > 0;\n  }\n  if (typeof node === \"number\") {\n    return true;\n  }\n  if (Array.isArray(node)) {\n    return node.some(hasToggleLabelChildren);\n  }\n  return true;\n}\n\nexport function ToggleBase(props: ToggleProps) {\n  const {\n    className,\n    size,\n    appearance,\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabelProp,\n    children,\n    ...rest\n  } = props;\n  const toggleLabelId = useId();\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 14 : size === \"lg\" ? 26 : 20;\n  const labeledByChildren = hasToggleLabelChildren(children);\n  const labeling = labeledByChildren\n    ? {\n        \"aria-labelledby\": toggleLabelId,\n      }\n    : {\n        \"aria-label\": ariaLabelProp ?? \"Toggle\",\n      };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      {...labeling}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      {labeledByChildren ? (\n        <span id={toggleLabelId} className=\"sr-only\">\n          {children}\n        </span>\n      ) : null}\n      <span\n        className={cn(\n          toggleThumbVariants({ size }),\n          \"absolute left-1 top-1/2 -translate-y-1/2 transition-[transform] duration-200 ease-out\",\n        )}\n        style={{ transform: `translateX(${resolved ? thumbShiftPx : 0}px)` }}\n      />\n    </button>\n  );\n}\n\nToggleBase.displayName = \"Toggle\";\n","// toggle.tsx — default static entry (no framer-motion)\nimport { ToggleBase } from \"./toggle-base\";\nimport type { ToggleProps } from \"./types\";\n\nexport function Toggle(props: ToggleProps) {\n  return <ToggleBase {...props} />;\n}\n\nToggle.displayName = \"Toggle\";\n"]}
+{"version":3,"sources":["../../src/ui/toggle/toggle-base.tsx","../../src/ui/toggle/toggle.tsx"],"names":["useId","useState","useCallback","jsxs","cn","toggleTrackVariants","jsx","toggleThumbVariants"],"mappings":"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","file":"toggle.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useId, useState, type ReactNode } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ToggleProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"./variants\";\n\nfunction hasToggleLabelChildren(node: ReactNode): boolean {\n  if (node === undefined || node === null) {\n    return false;\n  }\n  if (typeof node === \"boolean\") {\n    return false;\n  }\n  if (typeof node === \"string\") {\n    return node.trim().length > 0;\n  }\n  if (typeof node === \"number\") {\n    return true;\n  }\n  if (Array.isArray(node)) {\n    return node.some(hasToggleLabelChildren);\n  }\n  return true;\n}\n\nexport function ToggleBase(props: ToggleProps) {\n  const {\n    className,\n    size,\n    appearance,\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabelProp,\n    children,\n    thumbColor,\n    ...rest\n  } = props;\n  const toggleLabelId = useId();\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 14 : size === \"lg\" ? 24 : 19;\n  const labeledByChildren = hasToggleLabelChildren(children);\n  const labeling = labeledByChildren\n    ? {\n        \"aria-labelledby\": toggleLabelId,\n      }\n    : {\n        \"aria-label\": ariaLabelProp ?? \"Toggle\",\n      };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      {...labeling}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      {labeledByChildren ? (\n        <span id={toggleLabelId} className=\"sr-only\">\n          {children}\n        </span>\n      ) : null}\n      <span\n        className={cn(\n          toggleThumbVariants({ size, thumbColor }),\n          \"absolute top-1/2 -translate-y-1/2 transition-[transform] duration-200 ease-out\",\n        )}\n        style={{ transform: `translateX(${resolved ? thumbShiftPx : 0}px)` }}\n      />\n    </button>\n  );\n}\n\nToggleBase.displayName = \"Toggle\";\n","// toggle.tsx — default static entry (no framer-motion)\nimport { ToggleBase } from \"./toggle-base\";\nimport type { ToggleProps } from \"./types\";\n\nexport function Toggle(props: ToggleProps) {\n  return <ToggleBase {...props} />;\n}\n\nToggle.displayName = \"Toggle\";\n"]}

package/dist/ui/toggle.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { toggleThumbVariants, toggleTrackVariants } from '../chunk-JQ5TIJ4F.mjs';
-export { toggleThumbVariants, toggleTrackVariants } from '../chunk-JQ5TIJ4F.mjs';
+import { toggleThumbVariants, toggleTrackVariants } from '../chunk-Y3AHRRNM.mjs';
+export { toggleThumbVariants, toggleTrackVariants } from '../chunk-Y3AHRRNM.mjs';
 import { cn } from '../chunk-4D54YOL6.mjs';
 import { useId, useState, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -35,6 +35,7 @@ function ToggleBase(props) {
     ref,
     "aria-label": ariaLabelProp,
     children,
+    thumbColor,
     ...rest
   } = props;
   const toggleLabelId = useId();
@@ -50,7 +51,7 @@ function ToggleBase(props) {
     },
     [isControlled, onCheckedChange]
   );
-  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 26 : 20;
+  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 24 : 19;
   const labeledByChildren = hasToggleLabelChildren(children);
   const labeling = labeledByChildren ? {
     "aria-labelledby": toggleLabelId
@@ -81,8 +82,8 @@ function ToggleBase(props) {
           "span",
           {
             className: cn(
-              toggleThumbVariants({ size }),
-              "absolute left-1 top-1/2 -translate-y-1/2 transition-[transform] duration-200 ease-out"
+              toggleThumbVariants({ size, thumbColor }),
+              "absolute top-1/2 -translate-y-1/2 transition-[transform] duration-200 ease-out"
             ),
             style: { transform: `translateX(${resolved ? thumbShiftPx : 0}px)` }
           }