@traefik-labs/faency 12.0.7

package/dist/components/Button/Button.themes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.themes.cjs","sources":["../../../components/Button/Button.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    buttonPrimaryBg: Property.Color;\n    buttonPrimaryText: Property.Color;\n    buttonPrimaryFocusBorder: Property.Color;\n    buttonPrimaryGhostHoverText: Property.Color;\n\n    buttonSecondaryBg: Property.Color;\n    buttonSecondaryText: Property.Color;\n    buttonSecondaryBorder: Property.Color;\n    buttonSecondaryFocusBorder: Property.Color;\n\n    buttonRedBg: Property.Color;\n    buttonRedText: Property.Color;\n    buttonRedHoverText: Property.Color;\n    buttonRedFocusBg: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    buttonPrimaryBg: '$primary',\n    buttonPrimaryFocusBg: tinycolor(primaryColor.value).lighten(10).toHslString(),\n    buttonPrimaryText: 'white',\n    buttonPrimaryFocusBorder: primaryColor.helpers.pickScale(6, { alpha: true }),\n    buttonPrimaryGhostHoverText: '$deepBlue9',\n\n    buttonSecondaryBg: 'transparent',\n    buttonSecondaryText: 'hsla(0, 0%, 0%, 0.54)',\n    buttonSecondaryBorder: '$grayBlue9',\n    buttonSecondaryFocusBorder: tinycolor(primaryColor.value).setAlpha(0.19).toHslString(),\n\n    buttonRedBg: '$red9',\n    buttonRedText: '$loContrast',\n    buttonRedHoverText: '$red10',\n    buttonRedFocusBg: '$redA8',\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    buttonPrimaryBg: '$primary',\n    buttonPrimaryFocusBg: tinycolor(primaryColor.value).lighten(10).toHslString(),\n    buttonPrimaryText: '$deepBlue2',\n    buttonPrimaryFocusBorder: primaryColor.helpers.pickScale(12, { alpha: true }),\n    buttonPrimaryGhostHoverText: tinycolor(primaryColor.value).lighten(10).toHslString(),\n\n    buttonSecondaryBg: 'transparent',\n    buttonSecondaryText: tinycolor('white').setAlpha(0.74).toHslString(),\n    buttonSecondaryBorder: '$grayBlue9',\n    buttonSecondaryFocusBorder: '$primary',\n\n    buttonRedBg: '$red10',\n    buttonRedText: '$hiContrast',\n    buttonRedHoverText: '$red10',\n    buttonRedFocusBg: '$redA11',\n  });\n}\n"],"names":["Theme"],"mappings":";;;AAKiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAoBQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,iBAAiB;AAAA,IACjB,sBAAsB,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,IAChE,mBAAmB;AAAA,IACnB,0BAA0B,aAAa,QAAQ,UAAU,GAAG,EAAE,OAAO,MAAM;AAAA,IAC3E,6BAA6B;AAAA,IAE7B,mBAAmB;AAAA,IACnB,qBAAqB;AAAA,IACrB,uBAAuB;AAAA,IACvB,4BAA4B,UAAU,aAAa,KAAK,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IAEzE,aAAa;AAAA,IACb,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EAAA;AAGPA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,iBAAiB;AAAA,IACjB,sBAAsB,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,IAChE,mBAAmB;AAAA,IACnB,0BAA0B,aAAa,QAAQ,UAAU,IAAI,EAAE,OAAO,MAAM;AAAA,IAC5E,6BAA6B,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,IAEvE,mBAAmB;AAAA,IACnB,qBAAqB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACvD,uBAAuB;AAAA,IACvB,4BAA4B;AAAA,IAE5B,aAAa;AAAA,IACb,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EAAA;AACpB,GAtDeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}

package/dist/components/Button/Button.themes.js

@@ -0,0 +1,38 @@
+import tinycolor from "tinycolor2";
+var Theme;
+((Theme2) => {
+  Theme2.getLight = (primaryColor) => ({
+    buttonPrimaryBg: "$primary",
+    buttonPrimaryFocusBg: tinycolor(primaryColor.value).lighten(10).toHslString(),
+    buttonPrimaryText: "white",
+    buttonPrimaryFocusBorder: primaryColor.helpers.pickScale(6, { alpha: true }),
+    buttonPrimaryGhostHoverText: "$deepBlue9",
+    buttonSecondaryBg: "transparent",
+    buttonSecondaryText: "hsla(0, 0%, 0%, 0.54)",
+    buttonSecondaryBorder: "$grayBlue9",
+    buttonSecondaryFocusBorder: tinycolor(primaryColor.value).setAlpha(0.19).toHslString(),
+    buttonRedBg: "$red9",
+    buttonRedText: "$loContrast",
+    buttonRedHoverText: "$red10",
+    buttonRedFocusBg: "$redA8"
+  });
+  Theme2.getDark = (primaryColor) => ({
+    buttonPrimaryBg: "$primary",
+    buttonPrimaryFocusBg: tinycolor(primaryColor.value).lighten(10).toHslString(),
+    buttonPrimaryText: "$deepBlue2",
+    buttonPrimaryFocusBorder: primaryColor.helpers.pickScale(12, { alpha: true }),
+    buttonPrimaryGhostHoverText: tinycolor(primaryColor.value).lighten(10).toHslString(),
+    buttonSecondaryBg: "transparent",
+    buttonSecondaryText: tinycolor("white").setAlpha(0.74).toHslString(),
+    buttonSecondaryBorder: "$grayBlue9",
+    buttonSecondaryFocusBorder: "$primary",
+    buttonRedBg: "$red10",
+    buttonRedText: "$hiContrast",
+    buttonRedHoverText: "$red10",
+    buttonRedFocusBg: "$redA11"
+  });
+})(Theme || (Theme = {}));
+export {
+  Theme
+};
+//# sourceMappingURL=Button.themes.js.map

package/dist/components/Button/Button.themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.themes.js","sources":["../../../components/Button/Button.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    buttonPrimaryBg: Property.Color;\n    buttonPrimaryText: Property.Color;\n    buttonPrimaryFocusBorder: Property.Color;\n    buttonPrimaryGhostHoverText: Property.Color;\n\n    buttonSecondaryBg: Property.Color;\n    buttonSecondaryText: Property.Color;\n    buttonSecondaryBorder: Property.Color;\n    buttonSecondaryFocusBorder: Property.Color;\n\n    buttonRedBg: Property.Color;\n    buttonRedText: Property.Color;\n    buttonRedHoverText: Property.Color;\n    buttonRedFocusBg: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    buttonPrimaryBg: '$primary',\n    buttonPrimaryFocusBg: tinycolor(primaryColor.value).lighten(10).toHslString(),\n    buttonPrimaryText: 'white',\n    buttonPrimaryFocusBorder: primaryColor.helpers.pickScale(6, { alpha: true }),\n    buttonPrimaryGhostHoverText: '$deepBlue9',\n\n    buttonSecondaryBg: 'transparent',\n    buttonSecondaryText: 'hsla(0, 0%, 0%, 0.54)',\n    buttonSecondaryBorder: '$grayBlue9',\n    buttonSecondaryFocusBorder: tinycolor(primaryColor.value).setAlpha(0.19).toHslString(),\n\n    buttonRedBg: '$red9',\n    buttonRedText: '$loContrast',\n    buttonRedHoverText: '$red10',\n    buttonRedFocusBg: '$redA8',\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    buttonPrimaryBg: '$primary',\n    buttonPrimaryFocusBg: tinycolor(primaryColor.value).lighten(10).toHslString(),\n    buttonPrimaryText: '$deepBlue2',\n    buttonPrimaryFocusBorder: primaryColor.helpers.pickScale(12, { alpha: true }),\n    buttonPrimaryGhostHoverText: tinycolor(primaryColor.value).lighten(10).toHslString(),\n\n    buttonSecondaryBg: 'transparent',\n    buttonSecondaryText: tinycolor('white').setAlpha(0.74).toHslString(),\n    buttonSecondaryBorder: '$grayBlue9',\n    buttonSecondaryFocusBorder: '$primary',\n\n    buttonRedBg: '$red10',\n    buttonRedText: '$hiContrast',\n    buttonRedHoverText: '$red10',\n    buttonRedFocusBg: '$redA11',\n  });\n}\n"],"names":["Theme"],"mappings":";AAKO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAoBQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,iBAAiB;AAAA,IACjB,sBAAsB,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,IAChE,mBAAmB;AAAA,IACnB,0BAA0B,aAAa,QAAQ,UAAU,GAAG,EAAE,OAAO,MAAM;AAAA,IAC3E,6BAA6B;AAAA,IAE7B,mBAAmB;AAAA,IACnB,qBAAqB;AAAA,IACrB,uBAAuB;AAAA,IACvB,4BAA4B,UAAU,aAAa,KAAK,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IAEzE,aAAa;AAAA,IACb,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EAAA;AAGPA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,iBAAiB;AAAA,IACjB,sBAAsB,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,IAChE,mBAAmB;AAAA,IACnB,0BAA0B,aAAa,QAAQ,UAAU,IAAI,EAAE,OAAO,MAAM;AAAA,IAC5E,6BAA6B,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,IAEvE,mBAAmB;AAAA,IACnB,qBAAqB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACvD,uBAAuB;AAAA,IACvB,4BAA4B;AAAA,IAE5B,aAAa;AAAA,IACb,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EAAA;AACpB,GAtDe,UAAA,QAAA,CAAA,EAAA;"}

package/dist/components/Button/Button.vanilla.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const dynamic = require("@vanilla-extract/dynamic");
+const React = require("react");
+const cssProps = require("../../styles/cssProps.cjs");
+const themeContext = require("../../styles/themeContext.cjs");
+const Button_vanilla_css = require("./Button.vanilla.css.cjs");
+const ButtonVanillaComponentImpl = React.forwardRef(
+  ({
+    as,
+    className,
+    css,
+    style,
+    size,
+    variant,
+    state,
+    ghost,
+    rounded,
+    ...props
+  }, ref) => {
+    const Component = as || "button";
+    const { colors } = themeContext.useVanillaExtractTheme();
+    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
+    const mergedStyles = {
+      ...cssStyles,
+      ...style,
+      ...dynamic.assignInlineVars(vars)
+    };
+    const recipeClass = Button_vanilla_css.buttonRecipe({ size, variant, state, ghost, rounded });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ref,
+        className: `${recipeClass} ${className || ""}`.trim(),
+        style: mergedStyles,
+        ...props
+      }
+    );
+  }
+);
+ButtonVanillaComponentImpl.displayName = "ButtonVanilla";
+const ButtonVanilla = ButtonVanillaComponentImpl;
+exports.ButtonVanilla = ButtonVanilla;
+//# sourceMappingURL=Button.vanilla.cjs.map

package/dist/components/Button/Button.vanilla.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vanilla.cjs","sources":["../../../components/Button/Button.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { buttonRecipe } from './Button.vanilla.css';\n\ntype ButtonRecipeVariants = RecipeVariants<typeof buttonRecipe>;\n\ninterface ButtonOwnProps extends Omit<ButtonRecipeVariants, never>, CSSProps {}\n\nexport type ButtonVanillaProps<C extends ElementType = 'button'> = PolymorphicComponentProps<\n  C,\n  ButtonOwnProps\n>;\n\ntype ButtonVanillaComponent = PolymorphicComponent<'button', ButtonVanillaProps<ElementType>>;\n\nconst ButtonVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'button'>(\n    {\n      as,\n      className,\n      css,\n      style,\n      size,\n      variant,\n      state,\n      ghost,\n      rounded,\n      ...props\n    }: ButtonVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'button';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = buttonRecipe({ size, variant, state, ghost, rounded });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonVanillaComponentImpl.displayName = 'ButtonVanilla';\n\nexport const ButtonVanilla = ButtonVanillaComponentImpl as ButtonVanillaComponent;\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","buttonRecipe","jsx"],"mappings":";;;;;;;;AAwBA,MAAM,6BAA6BA,MAAAA;AAAAA,EACjC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAY,MAAM;AAExB,UAAM,EAAE,OAAA,IAAWC,oCAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAcC,mBAAAA,aAAa,EAAE,MAAM,SAAS,OAAO,OAAO,SAAS;AAEzE,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,2BAA2B,cAAc;AAElC,MAAM,gBAAgB;;"}

package/dist/components/Button/Button.vanilla.css.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                                    */
+const createRuntimeFn62c9670f_esm = require("../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.cjs");
+var buttonRecipe = createRuntimeFn62c9670f_esm.c({ defaultClassName: "krhgwq4 krhgwq3", variantClassNames: { size: { small: "krhgwq5", medium: "krhgwq6", large: "krhgwq7" }, variant: { primary: "krhgwq8", secondary: "krhgwq9", red: "krhgwqa" }, state: { active: "krhgwqb", waiting: "krhgwqc" }, ghost: { true: "krhgwqd" }, rounded: { true: "krhgwqe" } }, defaultVariants: { size: "medium", variant: "primary" }, compoundVariants: [[{ variant: "primary", ghost: true }, "krhgwqf"], [{ variant: "primary", state: "active" }, "krhgwqg"], [{ variant: "secondary", state: "waiting" }, "krhgwqh"], [{ variant: "secondary", ghost: true }, "krhgwqi"], [{ variant: "red", state: "waiting" }, "krhgwqj"], [{ variant: "red", state: "active" }, "krhgwqk"], [{ variant: "red", ghost: true }, "krhgwql"], [{ size: "small", state: "waiting" }, "krhgwqm"], [{ size: "large", state: "waiting" }, "krhgwqn"]] });
+exports.buttonRecipe = buttonRecipe;
+//# sourceMappingURL=Button.vanilla.css.cjs.map

package/dist/components/Button/Button.vanilla.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Button/Button.vanilla.css.js

@@ -0,0 +1,7 @@
+/* empty css                                  */
+import { c as createRuntimeFn } from "../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+var buttonRecipe = createRuntimeFn({ defaultClassName: "krhgwq4 krhgwq3", variantClassNames: { size: { small: "krhgwq5", medium: "krhgwq6", large: "krhgwq7" }, variant: { primary: "krhgwq8", secondary: "krhgwq9", red: "krhgwqa" }, state: { active: "krhgwqb", waiting: "krhgwqc" }, ghost: { true: "krhgwqd" }, rounded: { true: "krhgwqe" } }, defaultVariants: { size: "medium", variant: "primary" }, compoundVariants: [[{ variant: "primary", ghost: true }, "krhgwqf"], [{ variant: "primary", state: "active" }, "krhgwqg"], [{ variant: "secondary", state: "waiting" }, "krhgwqh"], [{ variant: "secondary", ghost: true }, "krhgwqi"], [{ variant: "red", state: "waiting" }, "krhgwqj"], [{ variant: "red", state: "active" }, "krhgwqk"], [{ variant: "red", ghost: true }, "krhgwql"], [{ size: "small", state: "waiting" }, "krhgwqm"], [{ size: "large", state: "waiting" }, "krhgwqn"]] });
+export {
+  buttonRecipe
+};
+//# sourceMappingURL=Button.vanilla.css.js.map

package/dist/components/Button/Button.vanilla.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Button/Button.vanilla.js

@@ -0,0 +1,45 @@
+import { jsx } from "react/jsx-runtime";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { forwardRef } from "react";
+import { processCSSProp } from "../../styles/cssProps.js";
+import { useVanillaExtractTheme } from "../../styles/themeContext.js";
+import { buttonRecipe } from "./Button.vanilla.css.js";
+const ButtonVanillaComponentImpl = forwardRef(
+  ({
+    as,
+    className,
+    css,
+    style,
+    size,
+    variant,
+    state,
+    ghost,
+    rounded,
+    ...props
+  }, ref) => {
+    const Component = as || "button";
+    const { colors } = useVanillaExtractTheme();
+    const { style: cssStyles, vars } = processCSSProp(css, colors);
+    const mergedStyles = {
+      ...cssStyles,
+      ...style,
+      ...assignInlineVars(vars)
+    };
+    const recipeClass = buttonRecipe({ size, variant, state, ghost, rounded });
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: `${recipeClass} ${className || ""}`.trim(),
+        style: mergedStyles,
+        ...props
+      }
+    );
+  }
+);
+ButtonVanillaComponentImpl.displayName = "ButtonVanilla";
+const ButtonVanilla = ButtonVanillaComponentImpl;
+export {
+  ButtonVanilla
+};
+//# sourceMappingURL=Button.vanilla.js.map

package/dist/components/Button/Button.vanilla.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vanilla.js","sources":["../../../components/Button/Button.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport { ElementType, forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport {\n  PolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n} from '../../styles/polymorphic';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { buttonRecipe } from './Button.vanilla.css';\n\ntype ButtonRecipeVariants = RecipeVariants<typeof buttonRecipe>;\n\ninterface ButtonOwnProps extends Omit<ButtonRecipeVariants, never>, CSSProps {}\n\nexport type ButtonVanillaProps<C extends ElementType = 'button'> = PolymorphicComponentProps<\n  C,\n  ButtonOwnProps\n>;\n\ntype ButtonVanillaComponent = PolymorphicComponent<'button', ButtonVanillaProps<ElementType>>;\n\nconst ButtonVanillaComponentImpl = forwardRef(\n  <C extends ElementType = 'button'>(\n    {\n      as,\n      className,\n      css,\n      style,\n      size,\n      variant,\n      state,\n      ghost,\n      rounded,\n      ...props\n    }: ButtonVanillaProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'button';\n\n    const { colors } = useVanillaExtractTheme();\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n    const mergedStyles = {\n      ...cssStyles,\n      ...style,\n      ...assignInlineVars(vars),\n    };\n\n    const recipeClass = buttonRecipe({ size, variant, state, ghost, rounded });\n\n    return (\n      <Component\n        ref={ref}\n        className={`${recipeClass} ${className || ''}`.trim()}\n        style={mergedStyles}\n        {...props}\n      />\n    );\n  },\n);\n\nButtonVanillaComponentImpl.displayName = 'ButtonVanilla';\n\nexport const ButtonVanilla = ButtonVanillaComponentImpl as ButtonVanillaComponent;\n"],"names":[],"mappings":";;;;;;AAwBA,MAAM,6BAA6B;AAAA,EACjC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,YAAY,MAAM;AAExB,UAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAE7D,UAAM,eAAe;AAAA,MACnB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,iBAAiB,IAAI;AAAA,IAAA;AAG1B,UAAM,cAAc,aAAa,EAAE,MAAM,SAAS,OAAO,OAAO,SAAS;AAEzE,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,WAAW,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,QAC/C,OAAO;AAAA,QACN,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,2BAA2B,cAAc;AAElC,MAAM,gBAAgB;"}

package/dist/components/ButtonSwitch/ButtonSwitch.cjs

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ToggleGroupPrimitive = require("@radix-ui/react-toggle-group");
+const stitches_config = require("../../stitches.config.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const ToggleGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ToggleGroupPrimitive);
+const ButtonSwitchContainer = stitches_config.styled(ToggleGroupPrimitive__namespace.Root, {
+  display: "inline-flex",
+  bc: "$buttonSwitchContainerBg",
+  borderRadius: "$3",
+  p: "3px",
+  gap: "$1"
+});
+const ButtonSwitchItem = stitches_config.styled(ToggleGroupPrimitive__namespace.Item, {
+  display: "inline-flex",
+  bc: "$buttonSwitchOffBg",
+  c: "$buttonSwitchOffColor",
+  p: "$1",
+  width: "$10",
+  justifyContent: "center",
+  fontWeight: 600,
+  border: "none",
+  position: "relative",
+  "&::before": {
+    boxSizing: "border-box",
+    content: '""',
+    position: "absolute",
+    inset: 0,
+    borderRadius: "$3"
+  },
+  "&::after": {
+    boxSizing: "border-box",
+    content: '""',
+    position: "absolute",
+    inset: 0,
+    borderRadius: "$3"
+  },
+  "&:focus-visible": {
+    borderRadius: "$3",
+    "&::before": {
+      backgroundColor: "rgba(255, 255, 255, 0.15)"
+    },
+    "&::after": {
+      opacity: 0.15
+    }
+  },
+  "@hover": {
+    "&:hover": {
+      cursor: "pointer",
+      "&::before": {
+        backgroundColor: "rgba(255, 255, 255, 0.15)"
+      },
+      "&::after": {
+        opacity: 0.05
+      }
+    }
+  },
+  "&[data-state=on]": {
+    bc: "$buttonSwitchActiveBg",
+    c: "$buttonSwitchActiveColor",
+    borderRadius: "$3"
+  }
+});
+exports.ButtonSwitchContainer = ButtonSwitchContainer;
+exports.ButtonSwitchItem = ButtonSwitchItem;
+//# sourceMappingURL=ButtonSwitch.cjs.map

package/dist/components/ButtonSwitch/ButtonSwitch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSwitch.cjs","sources":["../../../components/ButtonSwitch/ButtonSwitch.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\n\nimport { styled } from '../../stitches.config';\n\nexport const ButtonSwitchContainer = styled(ToggleGroupPrimitive.Root, {\n  display: 'inline-flex',\n  bc: '$buttonSwitchContainerBg',\n  borderRadius: '$3',\n  p: '3px',\n  gap: '$1',\n});\n\nexport const ButtonSwitchItem = styled(ToggleGroupPrimitive.Item, {\n  display: 'inline-flex',\n  bc: '$buttonSwitchOffBg',\n  c: '$buttonSwitchOffColor',\n  p: '$1',\n  width: '$10',\n  justifyContent: 'center',\n  fontWeight: 600,\n  border: 'none',\n  position: 'relative',\n\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: '$3',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: '$3',\n  },\n\n  '&:focus-visible': {\n    borderRadius: '$3',\n    '&::before': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n    },\n    '&::after': {\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.15)',\n      },\n      '&::after': {\n        opacity: 0.05,\n      },\n    },\n  },\n\n  '&[data-state=on]': {\n    bc: '$buttonSwitchActiveBg',\n    c: '$buttonSwitchActiveColor',\n    borderRadius: '$3',\n  },\n});\n"],"names":["styled","ToggleGroupPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,wBAAwBA,gBAAAA,OAAOC,gCAAqB,MAAM;AAAA,EACrE,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,cAAc;AAAA,EACd,GAAG;AAAA,EACH,KAAK;AACP,CAAC;AAEM,MAAM,mBAAmBD,gBAAAA,OAAOC,gCAAqB,MAAM;AAAA,EAChE,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EAEV,aAAa;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAEhB,YAAY;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAGhB,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,aAAa;AAAA,MACX,iBAAiB;AAAA,IAAA;AAAA,IAEnB,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAGF,UAAU;AAAA,IACR,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,aAAa;AAAA,QACX,iBAAiB;AAAA,MAAA;AAAA,MAEnB,YAAY;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAGF,oBAAoB;AAAA,IAClB,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,cAAc;AAAA,EAAA;AAElB,CAAC;;;"}

package/dist/components/ButtonSwitch/ButtonSwitch.js

@@ -0,0 +1,64 @@
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { styled } from "../../stitches.config.js";
+const ButtonSwitchContainer = styled(ToggleGroupPrimitive.Root, {
+  display: "inline-flex",
+  bc: "$buttonSwitchContainerBg",
+  borderRadius: "$3",
+  p: "3px",
+  gap: "$1"
+});
+const ButtonSwitchItem = styled(ToggleGroupPrimitive.Item, {
+  display: "inline-flex",
+  bc: "$buttonSwitchOffBg",
+  c: "$buttonSwitchOffColor",
+  p: "$1",
+  width: "$10",
+  justifyContent: "center",
+  fontWeight: 600,
+  border: "none",
+  position: "relative",
+  "&::before": {
+    boxSizing: "border-box",
+    content: '""',
+    position: "absolute",
+    inset: 0,
+    borderRadius: "$3"
+  },
+  "&::after": {
+    boxSizing: "border-box",
+    content: '""',
+    position: "absolute",
+    inset: 0,
+    borderRadius: "$3"
+  },
+  "&:focus-visible": {
+    borderRadius: "$3",
+    "&::before": {
+      backgroundColor: "rgba(255, 255, 255, 0.15)"
+    },
+    "&::after": {
+      opacity: 0.15
+    }
+  },
+  "@hover": {
+    "&:hover": {
+      cursor: "pointer",
+      "&::before": {
+        backgroundColor: "rgba(255, 255, 255, 0.15)"
+      },
+      "&::after": {
+        opacity: 0.05
+      }
+    }
+  },
+  "&[data-state=on]": {
+    bc: "$buttonSwitchActiveBg",
+    c: "$buttonSwitchActiveColor",
+    borderRadius: "$3"
+  }
+});
+export {
+  ButtonSwitchContainer,
+  ButtonSwitchItem
+};
+//# sourceMappingURL=ButtonSwitch.js.map

package/dist/components/ButtonSwitch/ButtonSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSwitch.js","sources":["../../../components/ButtonSwitch/ButtonSwitch.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\n\nimport { styled } from '../../stitches.config';\n\nexport const ButtonSwitchContainer = styled(ToggleGroupPrimitive.Root, {\n  display: 'inline-flex',\n  bc: '$buttonSwitchContainerBg',\n  borderRadius: '$3',\n  p: '3px',\n  gap: '$1',\n});\n\nexport const ButtonSwitchItem = styled(ToggleGroupPrimitive.Item, {\n  display: 'inline-flex',\n  bc: '$buttonSwitchOffBg',\n  c: '$buttonSwitchOffColor',\n  p: '$1',\n  width: '$10',\n  justifyContent: 'center',\n  fontWeight: 600,\n  border: 'none',\n  position: 'relative',\n\n  '&::before': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: '$3',\n  },\n  '&::after': {\n    boxSizing: 'border-box',\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    borderRadius: '$3',\n  },\n\n  '&:focus-visible': {\n    borderRadius: '$3',\n    '&::before': {\n      backgroundColor: 'rgba(255, 255, 255, 0.15)',\n    },\n    '&::after': {\n      opacity: 0.15,\n    },\n  },\n\n  '@hover': {\n    '&:hover': {\n      cursor: 'pointer',\n      '&::before': {\n        backgroundColor: 'rgba(255, 255, 255, 0.15)',\n      },\n      '&::after': {\n        opacity: 0.05,\n      },\n    },\n  },\n\n  '&[data-state=on]': {\n    bc: '$buttonSwitchActiveBg',\n    c: '$buttonSwitchActiveColor',\n    borderRadius: '$3',\n  },\n});\n"],"names":[],"mappings":";;AAIO,MAAM,wBAAwB,OAAO,qBAAqB,MAAM;AAAA,EACrE,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,cAAc;AAAA,EACd,GAAG;AAAA,EACH,KAAK;AACP,CAAC;AAEM,MAAM,mBAAmB,OAAO,qBAAqB,MAAM;AAAA,EAChE,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EAEV,aAAa;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAEhB,YAAY;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,EAAA;AAAA,EAGhB,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,aAAa;AAAA,MACX,iBAAiB;AAAA,IAAA;AAAA,IAEnB,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAGF,UAAU;AAAA,IACR,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,aAAa;AAAA,QACX,iBAAiB;AAAA,MAAA;AAAA,MAEnB,YAAY;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAGF,oBAAoB;AAAA,IAClB,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,cAAc;AAAA,EAAA;AAElB,CAAC;"}

package/dist/components/ButtonSwitch/ButtonSwitch.themes.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+exports.Theme = void 0;
+((Theme2) => {
+  Theme2.getLight = () => ({
+    buttonSwitchContainerBg: "$02dp",
+    buttonSwitchActiveBg: "$primary",
+    buttonSwitchOffBg: "transparent",
+    buttonSwitchOffColor: "$hiContrast",
+    buttonSwitchActiveColor: "white"
+  });
+  Theme2.getDark = () => ({
+    buttonSwitchContainerBg: "$02dp",
+    buttonSwitchActiveBg: "$primary",
+    buttonSwitchOffBg: "transparent",
+    buttonSwitchOffColor: "$hiContrast",
+    buttonSwitchActiveColor: "$deepBlue2"
+  });
+})(exports.Theme || (exports.Theme = {}));
+//# sourceMappingURL=ButtonSwitch.themes.cjs.map

package/dist/components/ButtonSwitch/ButtonSwitch.themes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSwitch.themes.cjs","sources":["../../../components/ButtonSwitch/ButtonSwitch.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    buttonSwitchContainerBg: Property.Color;\n    buttonSwitchActiveBg: Property.Color;\n    buttonSwitchOffBg: Property.Color;\n    buttonSwitchOffColor: Property.Color;\n    buttonSwitchActiveColor: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    buttonSwitchContainerBg: '$02dp',\n    buttonSwitchActiveBg: '$primary',\n    buttonSwitchOffBg: 'transparent',\n    buttonSwitchOffColor: '$hiContrast',\n    buttonSwitchActiveColor: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    buttonSwitchContainerBg: '$02dp',\n    buttonSwitchActiveBg: '$primary',\n    buttonSwitchOffBg: 'transparent',\n    buttonSwitchOffColor: '$hiContrast',\n    buttonSwitchActiveColor: '$deepBlue2',\n  });\n}\n"],"names":["Theme"],"mappings":";;AAIiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAWQA,SAAA,WAAoB,OAAO;AAAA,IACtC,yBAAyB;AAAA,IACzB,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,EAAA;AAGdA,SAAA,UAAmB,OAAO;AAAA,IACrC,yBAAyB;AAAA,IACzB,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,EAAA;AAC3B,GAzBeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}

package/dist/components/ButtonSwitch/ButtonSwitch.themes.js

@@ -0,0 +1,21 @@
+var Theme;
+((Theme2) => {
+  Theme2.getLight = () => ({
+    buttonSwitchContainerBg: "$02dp",
+    buttonSwitchActiveBg: "$primary",
+    buttonSwitchOffBg: "transparent",
+    buttonSwitchOffColor: "$hiContrast",
+    buttonSwitchActiveColor: "white"
+  });
+  Theme2.getDark = () => ({
+    buttonSwitchContainerBg: "$02dp",
+    buttonSwitchActiveBg: "$primary",
+    buttonSwitchOffBg: "transparent",
+    buttonSwitchOffColor: "$hiContrast",
+    buttonSwitchActiveColor: "$deepBlue2"
+  });
+})(Theme || (Theme = {}));
+export {
+  Theme
+};
+//# sourceMappingURL=ButtonSwitch.themes.js.map

package/dist/components/ButtonSwitch/ButtonSwitch.themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSwitch.themes.js","sources":["../../../components/ButtonSwitch/ButtonSwitch.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    buttonSwitchContainerBg: Property.Color;\n    buttonSwitchActiveBg: Property.Color;\n    buttonSwitchOffBg: Property.Color;\n    buttonSwitchOffColor: Property.Color;\n    buttonSwitchActiveColor: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    buttonSwitchContainerBg: '$02dp',\n    buttonSwitchActiveBg: '$primary',\n    buttonSwitchOffBg: 'transparent',\n    buttonSwitchOffColor: '$hiContrast',\n    buttonSwitchActiveColor: 'white',\n  });\n\n  export const getDark: Factory = () => ({\n    buttonSwitchContainerBg: '$02dp',\n    buttonSwitchActiveBg: '$primary',\n    buttonSwitchOffBg: 'transparent',\n    buttonSwitchOffColor: '$hiContrast',\n    buttonSwitchActiveColor: '$deepBlue2',\n  });\n}\n"],"names":["Theme"],"mappings":"AAIO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAWQA,SAAA,WAAoB,OAAO;AAAA,IACtC,yBAAyB;AAAA,IACzB,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,EAAA;AAGdA,SAAA,UAAmB,OAAO;AAAA,IACrC,yBAAyB;AAAA,IACzB,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,EAAA;AAC3B,GAzBe,UAAA,QAAA,CAAA,EAAA;"}

package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const ToggleGroupPrimitive = require("@radix-ui/react-toggle-group");
+const dynamic = require("@vanilla-extract/dynamic");
+const React = require("react");
+const cssProps = require("../../styles/cssProps.cjs");
+const themeContext = require("../../styles/themeContext.cjs");
+const ButtonSwitch_vanilla_css = require("./ButtonSwitch.vanilla.css.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const ToggleGroupPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ToggleGroupPrimitive);
+const ButtonSwitchContainerVanilla = React.forwardRef(({ className, css, style, ...props }, ref) => {
+  const { colors } = themeContext.useVanillaExtractTheme();
+  const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
+  const mergedStyles = {
+    ...cssStyles,
+    ...style,
+    ...dynamic.assignInlineVars(vars)
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToggleGroupPrimitive__namespace.Root,
+    {
+      ref,
+      className: `${ButtonSwitch_vanilla_css.buttonSwitchContainer} ${className || ""}`.trim(),
+      style: mergedStyles,
+      ...props
+    }
+  );
+});
+ButtonSwitchContainerVanilla.displayName = "ButtonSwitchContainerVanilla";
+const ButtonSwitchItemVanilla = React.forwardRef(({ className, css, style, ...props }, ref) => {
+  const { colors } = themeContext.useVanillaExtractTheme();
+  const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
+  const mergedStyles = {
+    ...cssStyles,
+    ...style,
+    ...dynamic.assignInlineVars(vars)
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToggleGroupPrimitive__namespace.Item,
+    {
+      ref,
+      className: `${ButtonSwitch_vanilla_css.buttonSwitchItem} ${className || ""}`.trim(),
+      style: mergedStyles,
+      ...props
+    }
+  );
+});
+ButtonSwitchItemVanilla.displayName = "ButtonSwitchItemVanilla";
+exports.ButtonSwitchContainerVanilla = ButtonSwitchContainerVanilla;
+exports.ButtonSwitchItemVanilla = ButtonSwitchItemVanilla;
+//# sourceMappingURL=ButtonSwitch.vanilla.cjs.map

package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSwitch.vanilla.cjs","sources":["../../../components/ButtonSwitch/ButtonSwitch.vanilla.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { buttonSwitchContainer, buttonSwitchItem } from './ButtonSwitch.vanilla.css';\n\n// Container Component\ntype ButtonSwitchContainerVanillaProps = (\n  | ToggleGroupPrimitive.ToggleGroupSingleProps\n  | ToggleGroupPrimitive.ToggleGroupMultipleProps\n) &\n  CSSProps;\n\nexport const ButtonSwitchContainerVanilla = forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  ButtonSwitchContainerVanillaProps\n>(({ className, css, style, ...props }, ref) => {\n  const { colors } = useVanillaExtractTheme();\n\n  const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n  const mergedStyles = {\n    ...cssStyles,\n    ...style,\n    ...assignInlineVars(vars),\n  };\n\n  return (\n    <ToggleGroupPrimitive.Root\n      ref={ref}\n      className={`${buttonSwitchContainer} ${className || ''}`.trim()}\n      style={mergedStyles}\n      {...props}\n    />\n  );\n});\n\nButtonSwitchContainerVanilla.displayName = 'ButtonSwitchContainerVanilla';\n\n// Item Component\ntype ButtonSwitchItemVanillaProps = Omit<ToggleGroupPrimitive.ToggleGroupItemProps, 'css'> &\n  CSSProps;\n\nexport const ButtonSwitchItemVanilla = forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ButtonSwitchItemVanillaProps\n>(({ className, css, style, ...props }, ref) => {\n  const { colors } = useVanillaExtractTheme();\n\n  const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n  const mergedStyles = {\n    ...cssStyles,\n    ...style,\n    ...assignInlineVars(vars),\n  };\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={`${buttonSwitchItem} ${className || ''}`.trim()}\n      style={mergedStyles}\n      {...props}\n    />\n  );\n});\n\nButtonSwitchItemVanilla.displayName = 'ButtonSwitchItemVanilla';\n"],"names":["forwardRef","useVanillaExtractTheme","processCSSProp","assignInlineVars","jsx","ToggleGroupPrimitive","buttonSwitchContainer","buttonSwitchItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,+BAA+BA,MAAAA,WAG1C,CAAC,EAAE,WAAW,KAAK,OAAO,GAAG,MAAA,GAAS,QAAQ;AAC9C,QAAM,EAAE,OAAA,IAAWC,oCAAA;AAEnB,QAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAE7D,QAAM,eAAe;AAAA,IACnB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,EAAA;AAG1B,SACEC,2BAAAA;AAAAA,IAACC,gCAAqB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW,GAAGC,8CAAqB,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,MACzD,OAAO;AAAA,MACN,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAED,6BAA6B,cAAc;AAMpC,MAAM,0BAA0BN,MAAAA,WAGrC,CAAC,EAAE,WAAW,KAAK,OAAO,GAAG,MAAA,GAAS,QAAQ;AAC9C,QAAM,EAAE,OAAA,IAAWC,oCAAA;AAEnB,QAAM,EAAE,OAAO,WAAW,SAASC,SAAAA,eAAe,KAAK,MAAM;AAE7D,QAAM,eAAe;AAAA,IACnB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAGC,QAAAA,iBAAiB,IAAI;AAAA,EAAA;AAG1B,SACEC,2BAAAA;AAAAA,IAACC,gCAAqB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW,GAAGE,yCAAgB,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,MACpD,OAAO;AAAA,MACN,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAED,wBAAwB,cAAc;;;"}

package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.css.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                                          */
+var buttonSwitchContainer = "_1mwvsf70";
+var buttonSwitchItem = "_1mwvsf71";
+exports.buttonSwitchContainer = buttonSwitchContainer;
+exports.buttonSwitchItem = buttonSwitchItem;
+//# sourceMappingURL=ButtonSwitch.vanilla.css.cjs.map

package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSwitch.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.css.js

@@ -0,0 +1,8 @@
+/* empty css                                        */
+var buttonSwitchContainer = "_1mwvsf70";
+var buttonSwitchItem = "_1mwvsf71";
+export {
+  buttonSwitchContainer,
+  buttonSwitchItem
+};
+//# sourceMappingURL=ButtonSwitch.vanilla.css.js.map

package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSwitch.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { forwardRef } from "react";
+import { processCSSProp } from "../../styles/cssProps.js";
+import { useVanillaExtractTheme } from "../../styles/themeContext.js";
+import { buttonSwitchContainer, buttonSwitchItem } from "./ButtonSwitch.vanilla.css.js";
+const ButtonSwitchContainerVanilla = forwardRef(({ className, css, style, ...props }, ref) => {
+  const { colors } = useVanillaExtractTheme();
+  const { style: cssStyles, vars } = processCSSProp(css, colors);
+  const mergedStyles = {
+    ...cssStyles,
+    ...style,
+    ...assignInlineVars(vars)
+  };
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Root,
+    {
+      ref,
+      className: `${buttonSwitchContainer} ${className || ""}`.trim(),
+      style: mergedStyles,
+      ...props
+    }
+  );
+});
+ButtonSwitchContainerVanilla.displayName = "ButtonSwitchContainerVanilla";
+const ButtonSwitchItemVanilla = forwardRef(({ className, css, style, ...props }, ref) => {
+  const { colors } = useVanillaExtractTheme();
+  const { style: cssStyles, vars } = processCSSProp(css, colors);
+  const mergedStyles = {
+    ...cssStyles,
+    ...style,
+    ...assignInlineVars(vars)
+  };
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: `${buttonSwitchItem} ${className || ""}`.trim(),
+      style: mergedStyles,
+      ...props
+    }
+  );
+});
+ButtonSwitchItemVanilla.displayName = "ButtonSwitchItemVanilla";
+export {
+  ButtonSwitchContainerVanilla,
+  ButtonSwitchItemVanilla
+};
+//# sourceMappingURL=ButtonSwitch.vanilla.js.map

package/dist/components/ButtonSwitch/ButtonSwitch.vanilla.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSwitch.vanilla.js","sources":["../../../components/ButtonSwitch/ButtonSwitch.vanilla.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { forwardRef } from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { buttonSwitchContainer, buttonSwitchItem } from './ButtonSwitch.vanilla.css';\n\n// Container Component\ntype ButtonSwitchContainerVanillaProps = (\n  | ToggleGroupPrimitive.ToggleGroupSingleProps\n  | ToggleGroupPrimitive.ToggleGroupMultipleProps\n) &\n  CSSProps;\n\nexport const ButtonSwitchContainerVanilla = forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Root>,\n  ButtonSwitchContainerVanillaProps\n>(({ className, css, style, ...props }, ref) => {\n  const { colors } = useVanillaExtractTheme();\n\n  const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n  const mergedStyles = {\n    ...cssStyles,\n    ...style,\n    ...assignInlineVars(vars),\n  };\n\n  return (\n    <ToggleGroupPrimitive.Root\n      ref={ref}\n      className={`${buttonSwitchContainer} ${className || ''}`.trim()}\n      style={mergedStyles}\n      {...props}\n    />\n  );\n});\n\nButtonSwitchContainerVanilla.displayName = 'ButtonSwitchContainerVanilla';\n\n// Item Component\ntype ButtonSwitchItemVanillaProps = Omit<ToggleGroupPrimitive.ToggleGroupItemProps, 'css'> &\n  CSSProps;\n\nexport const ButtonSwitchItemVanilla = forwardRef<\n  React.ElementRef<typeof ToggleGroupPrimitive.Item>,\n  ButtonSwitchItemVanillaProps\n>(({ className, css, style, ...props }, ref) => {\n  const { colors } = useVanillaExtractTheme();\n\n  const { style: cssStyles, vars } = processCSSProp(css, colors);\n\n  const mergedStyles = {\n    ...cssStyles,\n    ...style,\n    ...assignInlineVars(vars),\n  };\n\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={ref}\n      className={`${buttonSwitchItem} ${className || ''}`.trim()}\n      style={mergedStyles}\n      {...props}\n    />\n  );\n});\n\nButtonSwitchItemVanilla.displayName = 'ButtonSwitchItemVanilla';\n"],"names":[],"mappings":";;;;;;;AAeO,MAAM,+BAA+B,WAG1C,CAAC,EAAE,WAAW,KAAK,OAAO,GAAG,MAAA,GAAS,QAAQ;AAC9C,QAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,QAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAE7D,QAAM,eAAe;AAAA,IACnB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG,iBAAiB,IAAI;AAAA,EAAA;AAG1B,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,qBAAqB,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,MACzD,OAAO;AAAA,MACN,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAED,6BAA6B,cAAc;AAMpC,MAAM,0BAA0B,WAGrC,CAAC,EAAE,WAAW,KAAK,OAAO,GAAG,MAAA,GAAS,QAAQ;AAC9C,QAAM,EAAE,OAAA,IAAW,uBAAA;AAEnB,QAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAE7D,QAAM,eAAe;AAAA,IACnB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG,iBAAiB,IAAI;AAAA,EAAA;AAG1B,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,gBAAgB,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,MACpD,OAAO;AAAA,MACN,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AAED,wBAAwB,cAAc;"}