@commercetools/nimbus 0.0.11 → 1.0.0

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

@@ -1,78 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,100 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"}