@commercetools/nimbus 0.0.9-rc8 → 0.0.11

package/dist/chunks/switch-Bxeo0Ktw.es.js

@@ -0,0 +1,78 @@
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { createSlotRecipeContext as P, mergeRefs as S, useSlotRecipe as w } from "@chakra-ui/react";
+import { V as x } from "./visually-hidden-CQabqCJt.es.js";
+import { e as R } from "./extractStyleProps-CxgBrz3O.es.js";
+import { s as y } from "./switch.recipe-CWOjEnIy.es.js";
+import { $ as k } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as v } from "./mergeProps-Bn6EInU5.es.js";
+import { $ as D } from "./useToggleState-mKFEFD2Q.es.js";
+import { $ as O } from "./useToggle-BXsvw8Q3.es.js";
+import { $ as V } from "./useFocusRing-BOPRvfsD.es.js";
+function j(t, e, s) {
+  let { labelProps: o, inputProps: a, isSelected: i, isPressed: l, isDisabled: d, isReadOnly: n } = O(t, e, s);
+  return {
+    labelProps: o,
+    inputProps: {
+      ...a,
+      role: "switch",
+      checked: i
+    },
+    isSelected: i,
+    isPressed: l,
+    isDisabled: d,
+    isReadOnly: n
+  };
+}
+const { withProvider: C, withContext: p } = /* @__PURE__ */ P({
+  key: "switch"
+}), L = /* @__PURE__ */ C(
+  "label",
+  "root"
+), T = /* @__PURE__ */ p(
+  "span",
+  "label"
+), g = /* @__PURE__ */ p(
+  "span",
+  "track"
+), F = /* @__PURE__ */ p(
+  "span",
+  "thumb"
+), H = ({ ref: t, ...e }) => {
+  const s = u(null), o = k(
+    t ? S(s, t) : s
+  ), a = w({ recipe: y }), [i, l] = a.splitVariantProps(e), [d, n] = R(l), f = D(e), { inputProps: b } = j(n, f, o), { isFocused: $, focusProps: h } = V(), r = {
+    "data-selected": f.isSelected,
+    "data-invalid": e.isInvalid,
+    "data-disabled": e.isDisabled,
+    "data-focus": $ || void 0
+  };
+  return /* @__PURE__ */ m(
+    L,
+    {
+      "data-slot": "root",
+      ...i,
+      ...r,
+      ...d,
+      children: [
+        /* @__PURE__ */ m(g, { "data-slot": "track", ...r, children: [
+          /* @__PURE__ */ c(F, { "data-slot": "thumb", ...r }),
+          /* @__PURE__ */ c(x, { as: "span", children: /* @__PURE__ */ c(
+            "input",
+            {
+              "data-slot": "input",
+              ...v(b, h),
+              ref: o
+            }
+          ) })
+        ] }),
+        e.children && /* @__PURE__ */ c(T, { "data-slot": "label", ...r, children: e.children })
+      ]
+    }
+  );
+};
+H.displayName = "Switch";
+export {
+  H as S
+};
+//# sourceMappingURL=switch-Bxeo0Ktw.es.js.map

package/dist/chunks/switch-Bxeo0Ktw.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-Bxeo0Ktw.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+switch@3.7.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/switch/dist/useSwitch.mjs","../../src/components/switch/switch.slots.tsx","../../src/components/switch/switch.tsx"],"sourcesContent":["import {useToggle as $ifSyJ$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $ifSyJ$useToggle)(props, state, ref);\n    return {\n        labelProps: labelProps,\n        inputProps: {\n            ...inputProps,\n            role: 'switch',\n            checked: isSelected\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly\n    };\n}\n\n\nexport {$b418ec0c85c52f27$export$d853f7095ae95f88 as useSwitch};\n//# sourceMappingURL=useSwitch.module.js.map\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"switch\",\n});\n\nexport interface SwitchRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof switchSlotRecipe>\n  > {}\nexport const SwitchRootSlot = withProvider<HTMLLabelElement, SwitchRootProps>(\n  \"label\",\n  \"root\"\n);\n\ninterface SwitchLabelProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchLabelSlot = withContext<HTMLSpanElement, SwitchLabelProps>(\n  \"span\",\n  \"label\"\n);\n\ninterface SwitchTrackProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchTrackSlot = withContext<HTMLSpanElement, SwitchTrackProps>(\n  \"span\",\n  \"track\"\n);\n\ninterface SwitchThumbProps extends HTMLChakraProps<\"span\"> {}\nexport const SwitchThumbSlot = withContext<HTMLSpanElement, SwitchThumbProps>(\n  \"span\",\n  \"thumb\"\n);\n","import { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useFocusRing, useSwitch, useObjectRef, mergeProps } from \"react-aria\";\nimport { useSlotRecipe, mergeRefs } from \"@chakra-ui/react\";\nimport { VisuallyHidden } from \"@/components\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { SwitchProps } from \"./switch.types\";\nimport {\n  SwitchRootSlot,\n  SwitchTrackSlot,\n  SwitchThumbSlot,\n  SwitchLabelSlot,\n} from \"./switch.slots\";\nimport { switchSlotRecipe } from \"./switch.recipe\";\n\n/**\n * Switch\n * ============================================================\n * displays a switch toggle and optionally an associated label\n */\nexport const Switch = ({ ref: externalRef, ...props }: SwitchProps) => {\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(\n    externalRef ? mergeRefs(localRef, externalRef) : localRef\n  );\n\n  const recipe = useSlotRecipe({ recipe: switchSlotRecipe });\n\n  const [recipeProps, recipeLessProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(recipeLessProps);\n\n  const state = useToggleState(props);\n  const { inputProps } = useSwitch(functionalProps, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n\n  const stateProps = {\n    \"data-selected\": state.isSelected,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n  return (\n    <SwitchRootSlot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <SwitchTrackSlot data-slot=\"track\" {...stateProps}>\n        <SwitchThumbSlot data-slot=\"thumb\" {...stateProps} />\n        <VisuallyHidden as=\"span\">\n          <input\n            data-slot=\"input\"\n            {...mergeProps(inputProps, focusProps)}\n            ref={ref}\n          />\n        </VisuallyHidden>\n      </SwitchTrackSlot>\n\n      {props.children && (\n        <SwitchLabelSlot data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </SwitchLabelSlot>\n      )}\n    </SwitchRootSlot>\n  );\n};\nSwitch.displayName = \"Switch\";\n"],"names":["$b418ec0c85c52f27$export$d853f7095ae95f88","props","state","ref","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$ifSyJ$useToggle","withProvider","withContext","createSlotRecipeContext","SwitchRootSlot","SwitchLabelSlot","SwitchTrackSlot","SwitchThumbSlot","Switch","externalRef","localRef","useRef","useObjectRef","mergeRefs","recipe","useSlotRecipe","switchSlotRecipe","recipeProps","recipeLessProps","styleProps","functionalProps","extractStyleProps","useToggleState","useSwitch","isFocused","focusProps","useFocusRing","stateProps","jsxs","jsx","VisuallyHidden","mergeProps"],"mappings":";;;;;;;;;;;AAaA,SAASA,EAA0CC,GAAOC,GAAOC,GAAK;AAClE,MAAI,EAAE,YAAYC,GAAY,YAAYC,GAAY,YAAYC,GAAY,WAAWC,GAAW,YAAYC,GAAY,YAAYC,EAAU,IAASC,EAAkBT,GAAOC,GAAOC,CAAG;AAC9L,SAAO;AAAA,IACH,YAAYC;AAAA,IACZ,YAAY;AAAA,MACR,GAAGC;AAAA,MACH,MAAM;AAAA,MACN,SAASC;AAAA,IACrB;AAAA,IACQ,YAAYA;AAAA,IACZ,WAAWC;AAAA,IACX,YAAYC;AAAA,IACZ,YAAYC;AAAA,EACpB;AACA;ACnBA,MAAM,EAAE,cAAAE,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAOYC,IAAiB,gBAAAH;AAAA,EAC5B;AAAA,EACA;AACF,GAGaI,IAAkB,gBAAAH;AAAA,EAC7B;AAAA,EACA;AACF,GAGaI,IAAkB,gBAAAJ;AAAA,EAC7B;AAAA,EACA;AACF,GAGaK,IAAkB,gBAAAL;AAAA,EAC7B;AAAA,EACA;AACF,GClBaM,IAAS,CAAC,EAAE,KAAKC,GAAa,GAAGlB,QAAyB;AACrE,QAAMmB,IAAWC,EAAyB,IAAI,GACxClB,IAAMmB;AAAAA,IACVH,IAAcI,EAAUH,GAAUD,CAAW,IAAIC;AAAA,EAAA,GAG7CI,IAASC,EAAc,EAAE,QAAQC,GAAkB,GAEnD,CAACC,GAAaC,CAAe,IAAIJ,EAAO,kBAAkBvB,CAAK,GAC/D,CAAC4B,GAAYC,CAAe,IAAIC,EAAkBH,CAAe,GAEjE1B,IAAQ8B,EAAe/B,CAAK,GAC5B,EAAE,YAAAI,EAAA,IAAe4B,EAAUH,GAAiB5B,GAAOC,CAAG,GAEtD,EAAE,WAAA+B,GAAW,YAAAC,EAAA,IAAeC,EAAA,GAE5BC,IAAa;AAAA,IACjB,iBAAiBnC,EAAM;AAAA,IACvB,gBAAgBD,EAAM;AAAA,IACtB,iBAAiBA,EAAM;AAAA,IACvB,cAAciC,KAAa;AAAA,EAAA;AAE7B,SACE,gBAAAI;AAAA,IAACxB;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACT,GAAGa;AAAA,MACH,GAAGU;AAAA,MACH,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAS,EAACtB,GAAA,EAAgB,aAAU,SAAS,GAAGqB,GACrC,UAAA;AAAA,UAAA,gBAAAE,EAACtB,GAAA,EAAgB,aAAU,SAAS,GAAGoB,EAAA,CAAY;AAAA,UACnD,gBAAAE,EAACC,GAAA,EAAe,IAAG,QACjB,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,aAAU;AAAA,cACT,GAAGE,EAAWpC,GAAY8B,CAAU;AAAA,cACrC,KAAAhC;AAAA,YAAA;AAAA,UAAA,EACF,CACF;AAAA,QAAA,GACF;AAAA,QAECF,EAAM,YACL,gBAAAsC,EAACxB,GAAA,EAAgB,aAAU,SAAS,GAAGsB,GACpC,UAAApC,EAAM,SAAA,CACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AACAiB,EAAO,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/switch.recipe-CWOjEnIy.es.js

@@ -0,0 +1,100 @@
+import { defineSlotRecipe as e } from "@chakra-ui/react";
+const r = /* @__PURE__ */ e({
+  slots: ["root", "label", "track", "thumb"],
+  // Unique class name prefix for the component
+  className: "nimbus-switch",
+  base: {
+    root: {
+      colorPalette: "primary",
+      display: "inline-flex",
+      gap: "200",
+      alignItems: "center",
+      verticalAlign: "top",
+      cursor: "pointer",
+      borderRadius: "full",
+      "&[data-disabled='true']": {
+        layerStyle: "disabled",
+        pointerEvents: "none"
+      }
+    },
+    label: {
+      flexShrink: 0,
+      userSelect: "none",
+      color: "neutral.11",
+      fontSize: "var(--label-font-size)"
+    },
+    track: {
+      colorPalette: "neutral",
+      focusRing: "outside",
+      position: "relative",
+      display: "flex",
+      alignItems: "center",
+      flexShrink: 0,
+      width: "var(--track-width)",
+      height: "var(--track-height)",
+      borderRadius: "calc(var(--track-height) / 2)",
+      backgroundColor: "colorPalette.5",
+      transition: "background-color 0.2s",
+      "&[data-selected='true']": {
+        colorPalette: "primary",
+        backgroundColor: "colorPalette.9"
+      },
+      "&:hover": {
+        backgroundColor: "colorPalette.7",
+        "&[data-selected='true']": {
+          backgroundColor: "colorPalette.10"
+        }
+      }
+    },
+    thumb: {
+      position: "absolute",
+      borderRadius: "full",
+      border: "solid-50",
+      borderColor: "primary.9",
+      backgroundColor: "neutral.1",
+      transition: "all 0.2s",
+      boxSize: "var(--thumb-size)",
+      "&[data-selected='false']": {
+        left: "0"
+      },
+      "&[data-selected='true']": {
+        left: "calc(100% - var(--thumb-size))"
+      }
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        track: {
+          "--track-height": "sizes.400",
+          "--track-width": "sizes.700"
+        },
+        thumb: {
+          "--thumb-size": "sizes.400"
+        },
+        label: {
+          "--label-font-size": "fontSizes.350"
+        }
+      },
+      md: {
+        track: {
+          "--track-height": "sizes.600",
+          "--track-width": "sizes.1100"
+        },
+        thumb: {
+          "--thumb-size": "sizes.600"
+        },
+        label: {
+          "--label-font-size": "fontSizes.400"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+export {
+  r as s
+};
+//# sourceMappingURL=switch.recipe-CWOjEnIy.es.js.map

package/dist/chunks/switch.recipe-CWOjEnIy.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.recipe-CWOjEnIy.es.js","sources":["../../src/components/switch/switch.recipe.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Switch component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const switchSlotRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"track\", \"thumb\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-switch\",\n\n  base: {\n    root: {\n      colorPalette: \"primary\",\n      display: \"inline-flex\",\n      gap: \"200\",\n      alignItems: \"center\",\n      verticalAlign: \"top\",\n      cursor: \"pointer\",\n      borderRadius: \"full\",\n\n      [\"&[data-disabled='true']\"]: {\n        layerStyle: \"disabled\",\n        pointerEvents: \"none\",\n      },\n    },\n    label: {\n      flexShrink: 0,\n      userSelect: \"none\",\n      color: \"neutral.11\",\n      fontSize: \"var(--label-font-size)\",\n    },\n    track: {\n      colorPalette: \"neutral\",\n      focusRing: \"outside\",\n      position: \"relative\",\n      display: \"flex\",\n      alignItems: \"center\",\n      flexShrink: 0,\n      width: \"var(--track-width)\",\n      height: \"var(--track-height)\",\n      borderRadius: \"calc(var(--track-height) / 2)\",\n      backgroundColor: \"colorPalette.5\",\n      transition: \"background-color 0.2s\",\n\n      [\"&[data-selected='true']\"]: {\n        colorPalette: \"primary\",\n        backgroundColor: \"colorPalette.9\",\n      },\n\n      \"&:hover\": {\n        backgroundColor: \"colorPalette.7\",\n\n        [\"&[data-selected='true']\"]: {\n          backgroundColor: \"colorPalette.10\",\n        },\n      },\n    },\n    thumb: {\n      position: \"absolute\",\n      borderRadius: \"full\",\n      border: \"solid-50\",\n      borderColor: \"primary.9\",\n      backgroundColor: \"neutral.1\",\n      transition: \"all 0.2s\",\n      boxSize: \"var(--thumb-size)\",\n\n      [\"&[data-selected='false']\"]: {\n        left: \"0\",\n      },\n\n      [\"&[data-selected='true']\"]: {\n        left: \"calc(100% - var(--thumb-size))\",\n      },\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        track: {\n          \"--track-height\": \"sizes.400\",\n          \"--track-width\": \"sizes.700\",\n        },\n        thumb: {\n          \"--thumb-size\": \"sizes.400\",\n        },\n        label: {\n          \"--label-font-size\": \"fontSizes.350\",\n        },\n      },\n      md: {\n        track: {\n          \"--track-height\": \"sizes.600\",\n          \"--track-width\": \"sizes.1100\",\n        },\n        thumb: {\n          \"--thumb-size\": \"sizes.600\",\n        },\n        label: {\n          \"--label-font-size\": \"fontSizes.400\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n"],"names":["switchSlotRecipe","defineSlotRecipe"],"mappings":";AAMO,MAAMA,IAAmB,gBAAAC,EAAiB;AAAA,EAC/C,OAAO,CAAC,QAAQ,SAAS,SAAS,OAAO;AAAA;AAAA,EAEzC,WAAW;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,SAAS;AAAA,MACT,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,cAAc;AAAA,MAEb,2BAA4B;AAAA,QAC3B,YAAY;AAAA,QACZ,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,IAEF,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ,OAAO;AAAA,MACL,cAAc;AAAA,MACd,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,YAAY;AAAA,MAEX,2BAA4B;AAAA,QAC3B,cAAc;AAAA,QACd,iBAAiB;AAAA,MAAA;AAAA,MAGnB,WAAW;AAAA,QACT,iBAAiB;AAAA,QAEhB,2BAA4B;AAAA,UAC3B,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IACF;AAAA,IAEF,OAAO;AAAA,MACL,UAAU;AAAA,MACV,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,SAAS;AAAA,MAER,4BAA6B;AAAA,QAC5B,MAAM;AAAA,MAAA;AAAA,MAGP,2BAA4B;AAAA,QAC3B,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,UACL,kBAAkB;AAAA,UAClB,iBAAiB;AAAA,QAAA;AAAA,QAEnB,OAAO;AAAA,UACL,gBAAgB;AAAA,QAAA;AAAA,QAElB,OAAO;AAAA,UACL,qBAAqB;AAAA,QAAA;AAAA,MACvB;AAAA,MAEF,IAAI;AAAA,QACF,OAAO;AAAA,UACL,kBAAkB;AAAA,UAClB,iBAAiB;AAAA,QAAA;AAAA,QAEnB,OAAO;AAAA,UACL,gBAAgB;AAAA,QAAA;AAAA,QAElB,OAAO;AAAA,UACL,qBAAqB;AAAA,QAAA;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;"}

package/dist/chunks/switch.recipe-DHopLj_g.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("@chakra-ui/react"),t=e.defineSlotRecipe({slots:["root","label","track","thumb"],className:"nimbus-switch",base:{root:{colorPalette:"primary",display:"inline-flex",gap:"200",alignItems:"center",verticalAlign:"top",cursor:"pointer",borderRadius:"full","&[data-disabled='true']":{layerStyle:"disabled",pointerEvents:"none"}},label:{flexShrink:0,userSelect:"none",color:"neutral.11",fontSize:"var(--label-font-size)"},track:{colorPalette:"neutral",focusRing:"outside",position:"relative",display:"flex",alignItems:"center",flexShrink:0,width:"var(--track-width)",height:"var(--track-height)",borderRadius:"calc(var(--track-height) / 2)",backgroundColor:"colorPalette.5",transition:"background-color 0.2s","&[data-selected='true']":{colorPalette:"primary",backgroundColor:"colorPalette.9"},"&:hover":{backgroundColor:"colorPalette.7","&[data-selected='true']":{backgroundColor:"colorPalette.10"}}},thumb:{position:"absolute",borderRadius:"full",border:"solid-50",borderColor:"primary.9",backgroundColor:"neutral.1",transition:"all 0.2s",boxSize:"var(--thumb-size)","&[data-selected='false']":{left:"0"},"&[data-selected='true']":{left:"calc(100% - var(--thumb-size))"}}},variants:{size:{sm:{track:{"--track-height":"sizes.400","--track-width":"sizes.700"},thumb:{"--thumb-size":"sizes.400"},label:{"--label-font-size":"fontSizes.350"}},md:{track:{"--track-height":"sizes.600","--track-width":"sizes.1100"},thumb:{"--thumb-size":"sizes.600"},label:{"--label-font-size":"fontSizes.400"}}}},defaultVariants:{size:"md"}});exports.switchSlotRecipe=t;
+//# sourceMappingURL=switch.recipe-DHopLj_g.cjs.js.map

package/dist/chunks/switch.recipe-DHopLj_g.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.recipe-DHopLj_g.cjs.js","sources":["../../src/components/switch/switch.recipe.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Switch component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const switchSlotRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"track\", \"thumb\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-switch\",\n\n  base: {\n    root: {\n      colorPalette: \"primary\",\n      display: \"inline-flex\",\n      gap: \"200\",\n      alignItems: \"center\",\n      verticalAlign: \"top\",\n      cursor: \"pointer\",\n      borderRadius: \"full\",\n\n      [\"&[data-disabled='true']\"]: {\n        layerStyle: \"disabled\",\n        pointerEvents: \"none\",\n      },\n    },\n    label: {\n      flexShrink: 0,\n      userSelect: \"none\",\n      color: \"neutral.11\",\n      fontSize: \"var(--label-font-size)\",\n    },\n    track: {\n      colorPalette: \"neutral\",\n      focusRing: \"outside\",\n      position: \"relative\",\n      display: \"flex\",\n      alignItems: \"center\",\n      flexShrink: 0,\n      width: \"var(--track-width)\",\n      height: \"var(--track-height)\",\n      borderRadius: \"calc(var(--track-height) / 2)\",\n      backgroundColor: \"colorPalette.5\",\n      transition: \"background-color 0.2s\",\n\n      [\"&[data-selected='true']\"]: {\n        colorPalette: \"primary\",\n        backgroundColor: \"colorPalette.9\",\n      },\n\n      \"&:hover\": {\n        backgroundColor: \"colorPalette.7\",\n\n        [\"&[data-selected='true']\"]: {\n          backgroundColor: \"colorPalette.10\",\n        },\n      },\n    },\n    thumb: {\n      position: \"absolute\",\n      borderRadius: \"full\",\n      border: \"solid-50\",\n      borderColor: \"primary.9\",\n      backgroundColor: \"neutral.1\",\n      transition: \"all 0.2s\",\n      boxSize: \"var(--thumb-size)\",\n\n      [\"&[data-selected='false']\"]: {\n        left: \"0\",\n      },\n\n      [\"&[data-selected='true']\"]: {\n        left: \"calc(100% - var(--thumb-size))\",\n      },\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        track: {\n          \"--track-height\": \"sizes.400\",\n          \"--track-width\": \"sizes.700\",\n        },\n        thumb: {\n          \"--thumb-size\": \"sizes.400\",\n        },\n        label: {\n          \"--label-font-size\": \"fontSizes.350\",\n        },\n      },\n      md: {\n        track: {\n          \"--track-height\": \"sizes.600\",\n          \"--track-width\": \"sizes.1100\",\n        },\n        thumb: {\n          \"--thumb-size\": \"sizes.600\",\n        },\n        label: {\n          \"--label-font-size\": \"fontSizes.400\",\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n"],"names":["switchSlotRecipe","defineSlotRecipe"],"mappings":"iDAMaA,EAAmBC,EAAAA,iBAAiB,CAC/C,MAAO,CAAC,OAAQ,QAAS,QAAS,OAAO,EAEzC,UAAW,gBAEX,KAAM,CACJ,KAAM,CACJ,aAAc,UACd,QAAS,cACT,IAAK,MACL,WAAY,SACZ,cAAe,MACf,OAAQ,UACR,aAAc,OAEb,0BAA4B,CAC3B,WAAY,WACZ,cAAe,MAAA,CACjB,EAEF,MAAO,CACL,WAAY,EACZ,WAAY,OACZ,MAAO,aACP,SAAU,wBAAA,EAEZ,MAAO,CACL,aAAc,UACd,UAAW,UACX,SAAU,WACV,QAAS,OACT,WAAY,SACZ,WAAY,EACZ,MAAO,qBACP,OAAQ,sBACR,aAAc,gCACd,gBAAiB,iBACjB,WAAY,wBAEX,0BAA4B,CAC3B,aAAc,UACd,gBAAiB,gBAAA,EAGnB,UAAW,CACT,gBAAiB,iBAEhB,0BAA4B,CAC3B,gBAAiB,iBAAA,CACnB,CACF,EAEF,MAAO,CACL,SAAU,WACV,aAAc,OACd,OAAQ,WACR,YAAa,YACb,gBAAiB,YACjB,WAAY,WACZ,QAAS,oBAER,2BAA6B,CAC5B,KAAM,GAAA,EAGP,0BAA4B,CAC3B,KAAM,gCAAA,CACR,CACF,EAEF,SAAU,CACR,KAAM,CACJ,GAAI,CACF,MAAO,CACL,iBAAkB,YAClB,gBAAiB,WAAA,EAEnB,MAAO,CACL,eAAgB,WAAA,EAElB,MAAO,CACL,oBAAqB,eAAA,CACvB,EAEF,GAAI,CACF,MAAO,CACL,iBAAkB,YAClB,gBAAiB,YAAA,EAEnB,MAAO,CACL,eAAgB,WAAA,EAElB,MAAO,CACL,oBAAqB,eAAA,CACvB,CACF,CACF,EAEF,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC"}