@choco-vanille/ui 1.14.6 → 1.15.0

package/dist/components/actions/toggle/Toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.cjs","sources":["../../../../src/components/actions/toggle/Toggle.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { buttonSizeToIconSize } from '@components/actions/_shared/buttons/constants'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { TOGGLE_SIZE_TO_FONT_SIZE } from '@components/actions/toggle/constants/toggleSizes.const.ts'\r\nimport { TOGGLE_STYLES } from '@components/actions/toggle/styles/Toggle.css.ts'\r\nimport type { ToggleProps } from '@components/actions/toggle/types/Toggle.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\n/**\r\n * Two-state toggle button backed by Base UI Toggle. Supports text mode\r\n * (requires `label`) and icon-only mode (pass `icon`). Accepts\r\n * `variant` (outlined|ghost), semantic `color`, `size`, and the full\r\n * Base UI controlled/uncontrolled state contract.\r\n */\r\nconst Toggle: FC<ToggleProps> = ({\r\n    variant,\r\n    subtle,\r\n    color,\r\n    size = 'md',\r\n    radius,\r\n    className,\r\n    label,\r\n    icon,\r\n    startIcon,\r\n    endIcon,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const fontSize = TOGGLE_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            data-icon-only={icon ? '' : undefined}\r\n            className={cn(\r\n                TOGGLE_STYLES.recipe({ variant, color, size, radius, subtle }),\r\n                getButtonLayoutClassName({ marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n        >\r\n            {icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : (\r\n                <>\r\n                    {startIcon && (\r\n                        <Icon\r\n                            icon={startIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                    <Typography\r\n                        as={'span'}\r\n                        fontSize={fontSize}\r\n                        fontWeight={'medium'}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                    {endIcon && (\r\n                        <Icon\r\n                            icon={endIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggle.displayName = 'Toggle'\r\n\r\nexport default Toggle\r\n"],"names":["Toggle","variant","subtle","color","size","radius","className","label","icon","startIcon","endIcon","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","buttonSizeToIconSize","fontSize","TOGGLE_SIZE_TO_FONT_SIZE","jsx","BaseToggle","cn","TOGGLE_STYLES","getButtonLayoutClassName","Icon","BUTTON_SHARED_STYLES","jsxs","Fragment","Typography"],"mappings":"+lBAmBMA,EAA0B,CAAC,CAC7B,QAAAC,EACA,OAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,KACP,OAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAWC,EAAAA,qBAAqBjB,CAAI,EACpCkB,EAAWC,EAAAA,yBAAyBnB,CAAI,EAE9C,OACIoB,EAAAA,IAACC,EAAAA,OAAA,CACG,IAAAP,EACA,iBAAgBV,EAAO,GAAK,OAC5B,UAAWkB,EAAAA,GACPC,EAAAA,cAAc,OAAO,CAAE,QAAA1B,EAAS,MAAAE,EAAO,KAAAC,EAAM,OAAAC,EAAQ,OAAAH,EAAQ,EAC7D0B,EAAAA,yBAAyB,CAAE,UAAAjB,EAAW,YAAAC,EAAa,aAAAC,EAAc,WAAAC,CAA6B,CAAC,EAC/FR,CAAA,EAEJ,MAAO,CAAE,MAAAS,EAAO,UAAAC,EAAW,GAAGC,CAAA,EAC7B,GAAGE,EAEH,SAAAX,EACGgB,EAAAA,IAACK,EAAA,CACG,KAAArB,EACA,KAAMY,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,EAGpCC,EAAAA,KAAAC,WAAA,CACK,SAAA,CAAAvB,GACGe,EAAAA,IAACK,EAAA,CACG,KAAMpB,EACN,KAAMW,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,EAGxCN,EAAAA,IAACS,EAAA,CACG,GAAI,OACJ,SAAAX,EACA,WAAY,SAEX,SAAAf,CAAA,CAAA,EAEJG,GACGc,EAAAA,IAACK,EAAA,CACG,KAAMnB,EACN,KAAMU,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,CACpC,CAAA,CAER,CAAA,CAAA,CAIhB,EAEA9B,EAAO,YAAc"}
+{"version":3,"file":"Toggle.cjs","sources":["../../../../src/components/actions/toggle/Toggle.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { buttonSizeToIconSize } from '@components/actions/_shared/buttons/constants'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { TOGGLE_SIZE_TO_FONT_SIZE } from '@components/actions/toggle/constants/toggleSizes.const.ts'\r\nimport { TOGGLE_STYLES } from '@components/actions/toggle/styles/Toggle.css.ts'\r\nimport type { ToggleProps } from '@components/actions/toggle/types/Toggle.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\n/**\r\n * Two-state toggle button backed by Base UI Toggle. Supports text mode\r\n * (requires `label`) and icon-only mode (pass `icon`). Accepts\r\n * `variant` (outlined|ghost), semantic `color`, `size`, and the full\r\n * Base UI controlled/uncontrolled state contract.\r\n */\r\nconst Toggle: FC<ToggleProps> = ({\r\n    variant,\r\n    subtle,\r\n    color,\r\n    size = 'md',\r\n    radius,\r\n    className,\r\n    label,\r\n    icon,\r\n    startIcon,\r\n    endIcon,\r\n    margin,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const fontSize = TOGGLE_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            data-icon-only={icon ? '' : undefined}\r\n            className={cn(\r\n                TOGGLE_STYLES.recipe({ variant, color, size, radius, subtle }),\r\n                getButtonLayoutClassName({ margin, marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n        >\r\n            {icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : (\r\n                <>\r\n                    {startIcon && (\r\n                        <Icon\r\n                            icon={startIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                    <Typography\r\n                        as={'span'}\r\n                        fontSize={fontSize}\r\n                        fontWeight={'medium'}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                    {endIcon && (\r\n                        <Icon\r\n                            icon={endIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggle.displayName = 'Toggle'\r\n\r\nexport default Toggle\r\n"],"names":["Toggle","variant","subtle","color","size","radius","className","label","icon","startIcon","endIcon","margin","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","buttonSizeToIconSize","fontSize","TOGGLE_SIZE_TO_FONT_SIZE","jsx","BaseToggle","cn","TOGGLE_STYLES","getButtonLayoutClassName","Icon","BUTTON_SHARED_STYLES","jsxs","Fragment","Typography"],"mappings":"+lBAmBMA,EAA0B,CAAC,CAC7B,QAAAC,EACA,OAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,KACP,OAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAWC,EAAAA,qBAAqBlB,CAAI,EACpCmB,EAAWC,EAAAA,yBAAyBpB,CAAI,EAE9C,OACIqB,EAAAA,IAACC,EAAAA,OAAA,CACG,IAAAP,EACA,iBAAgBX,EAAO,GAAK,OAC5B,UAAWmB,EAAAA,GACPC,EAAAA,cAAc,OAAO,CAAE,QAAA3B,EAAS,MAAAE,EAAO,KAAAC,EAAM,OAAAC,EAAQ,OAAAH,EAAQ,EAC7D2B,EAAAA,yBAAyB,CAAE,OAAAlB,EAAQ,UAAAC,EAAW,YAAAC,EAAa,aAAAC,EAAc,WAAAC,CAA6B,CAAC,EACvGT,CAAA,EAEJ,MAAO,CAAE,MAAAU,EAAO,UAAAC,EAAW,GAAGC,CAAA,EAC7B,GAAGE,EAEH,SAAAZ,EACGiB,EAAAA,IAACK,EAAA,CACG,KAAAtB,EACA,KAAMa,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,EAGpCC,EAAAA,KAAAC,WAAA,CACK,SAAA,CAAAxB,GACGgB,EAAAA,IAACK,EAAA,CACG,KAAMrB,EACN,KAAMY,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,EAGxCN,EAAAA,IAACS,EAAA,CACG,GAAI,OACJ,SAAAX,EACA,WAAY,SAEX,SAAAhB,CAAA,CAAA,EAEJG,GACGe,EAAAA,IAACK,EAAA,CACG,KAAMpB,EACN,KAAMW,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,CACpC,CAAA,CAER,CAAA,CAAA,CAIhB,EAEA/B,EAAO,YAAc"}

package/dist/components/actions/toggle/Toggle.js

@@ -1,16 +1,16 @@
-import { jsx as o, jsxs as L, Fragment as O } from "react/jsx-runtime";
-import { Toggle as G } from "@base-ui/react/toggle";
+import { jsx as o, jsxs as O, Fragment as G } from "react/jsx-runtime";
+import { Toggle as x } from "@base-ui/react/toggle";
 import { BUTTON_SHARED_STYLES as t } from "../_shared/buttons/styles/buttonShared.css.js";
-import { buttonSizeToIconSize as x } from "../_shared/buttons/constants/index.js";
-import { getButtonLayoutClassName as j } from "../_shared/buttons/utils/buttonLayout.utils.js";
+import { buttonSizeToIconSize as j } from "../_shared/buttons/constants/index.js";
+import { getButtonLayoutClassName as B } from "../_shared/buttons/utils/buttonLayout.utils.js";
 import e from "../../foundation/icon/Icon.js";
 import "../../foundation/icon/styles/Icon.css.js";
-import B from "../../foundation/typography/Typography.js";
+import F from "../../foundation/typography/Typography.js";
 import "../../foundation/typography/styles/Typography.css.js";
-import { TOGGLE_SIZE_TO_FONT_SIZE as F } from "./constants/toggleSizes.const.js";
-import { TOGGLE_STYLES as I } from "./styles/Toggle.css.js";
-import { cn as Y } from "../../../utils/cn.js";
-const Z = ({
+import { TOGGLE_SIZE_TO_FONT_SIZE as I } from "./constants/toggleSizes.const.js";
+import { TOGGLE_STYLES as Y } from "./styles/Toggle.css.js";
+import { cn as Z } from "../../../utils/cn.js";
+const b = ({
   variant: n,
   subtle: p,
   color: c,
@@ -21,29 +21,30 @@ const Z = ({
   icon: i,
   startIcon: s,
   endIcon: a,
-  marginTop: g,
-  marginRight: S,
-  marginBottom: d,
-  marginLeft: N,
-  width: E,
-  alignSelf: _,
-  style: u,
-  ref: y,
-  ...h
+  margin: g,
+  marginTop: S,
+  marginRight: d,
+  marginBottom: N,
+  marginLeft: E,
+  width: _,
+  alignSelf: u,
+  style: y,
+  ref: h,
+  ...z
 }) => {
-  const r = x[m], z = F[m];
+  const r = j[m], L = I[m];
   return /* @__PURE__ */ o(
-    G,
+    x,
     {
-      ref: y,
+      ref: h,
       "data-icon-only": i ? "" : void 0,
-      className: Y(
-        I.recipe({ variant: n, color: c, size: m, radius: l, subtle: p }),
-        j({ marginTop: g, marginRight: S, marginBottom: d, marginLeft: N }),
+      className: Z(
+        Y.recipe({ variant: n, color: c, size: m, radius: l, subtle: p }),
+        B({ margin: g, marginTop: S, marginRight: d, marginBottom: N, marginLeft: E }),
         T
       ),
-      style: { width: E, alignSelf: _, ...u },
-      ...h,
+      style: { width: _, alignSelf: u, ...y },
+      ...z,
       children: i ? /* @__PURE__ */ o(
         e,
         {
@@ -51,7 +52,7 @@ const Z = ({
           size: r,
           className: t.icon
         }
-      ) : /* @__PURE__ */ L(O, { children: [
+      ) : /* @__PURE__ */ O(G, { children: [
         s && /* @__PURE__ */ o(
           e,
           {
@@ -61,10 +62,10 @@ const Z = ({
           }
         ),
         /* @__PURE__ */ o(
-          B,
+          F,
           {
             as: "span",
-            fontSize: z,
+            fontSize: L,
             fontWeight: "medium",
             children: f
           }
@@ -81,8 +82,8 @@ const Z = ({
     }
   );
 };
-Z.displayName = "Toggle";
+b.displayName = "Toggle";
 export {
-  Z as default
+  b as default
 };
 //# sourceMappingURL=Toggle.js.map

package/dist/components/actions/toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../../src/components/actions/toggle/Toggle.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { buttonSizeToIconSize } from '@components/actions/_shared/buttons/constants'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { TOGGLE_SIZE_TO_FONT_SIZE } from '@components/actions/toggle/constants/toggleSizes.const.ts'\r\nimport { TOGGLE_STYLES } from '@components/actions/toggle/styles/Toggle.css.ts'\r\nimport type { ToggleProps } from '@components/actions/toggle/types/Toggle.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\n/**\r\n * Two-state toggle button backed by Base UI Toggle. Supports text mode\r\n * (requires `label`) and icon-only mode (pass `icon`). Accepts\r\n * `variant` (outlined|ghost), semantic `color`, `size`, and the full\r\n * Base UI controlled/uncontrolled state contract.\r\n */\r\nconst Toggle: FC<ToggleProps> = ({\r\n    variant,\r\n    subtle,\r\n    color,\r\n    size = 'md',\r\n    radius,\r\n    className,\r\n    label,\r\n    icon,\r\n    startIcon,\r\n    endIcon,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const fontSize = TOGGLE_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            data-icon-only={icon ? '' : undefined}\r\n            className={cn(\r\n                TOGGLE_STYLES.recipe({ variant, color, size, radius, subtle }),\r\n                getButtonLayoutClassName({ marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n        >\r\n            {icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : (\r\n                <>\r\n                    {startIcon && (\r\n                        <Icon\r\n                            icon={startIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                    <Typography\r\n                        as={'span'}\r\n                        fontSize={fontSize}\r\n                        fontWeight={'medium'}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                    {endIcon && (\r\n                        <Icon\r\n                            icon={endIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggle.displayName = 'Toggle'\r\n\r\nexport default Toggle\r\n"],"names":["Toggle","variant","subtle","color","size","radius","className","label","icon","startIcon","endIcon","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","buttonSizeToIconSize","fontSize","TOGGLE_SIZE_TO_FONT_SIZE","jsx","BaseToggle","cn","TOGGLE_STYLES","getButtonLayoutClassName","Icon","BUTTON_SHARED_STYLES","jsxs","Fragment","Typography"],"mappings":";;;;;;;;;;;;AAmBA,MAAMA,IAA0B,CAAC;AAAA,EAC7B,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWC,EAAqBjB,CAAI,GACpCkB,IAAWC,EAAyBnB,CAAI;AAE9C,SACI,gBAAAoB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,KAAAP;AAAA,MACA,kBAAgBV,IAAO,KAAK;AAAA,MAC5B,WAAWkB;AAAA,QACPC,EAAc,OAAO,EAAE,SAAA1B,GAAS,OAAAE,GAAO,MAAAC,GAAM,QAAAC,GAAQ,QAAAH,GAAQ;AAAA,QAC7D0B,EAAyB,EAAE,WAAAjB,GAAW,aAAAC,GAAa,cAAAC,GAAc,YAAAC,EAA6B,CAAC;AAAA,QAC/FR;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,OAAAS,GAAO,WAAAC,GAAW,GAAGC,EAAA;AAAA,MAC7B,GAAGE;AAAA,MAEH,UAAAX,IACG,gBAAAgB;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,MAAArB;AAAA,UACA,MAAMY;AAAA,UACN,WAAWU,EAAqB;AAAA,QAAA;AAAA,MAAA,IAGpC,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAvB,KACG,gBAAAe;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,MAAMpB;AAAA,YACN,MAAMW;AAAA,YACN,WAAWU,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxC,gBAAAN;AAAA,UAACS;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,UAAAX;AAAA,YACA,YAAY;AAAA,YAEX,UAAAf;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJG,KACG,gBAAAc;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,MAAMnB;AAAA,YACN,MAAMU;AAAA,YACN,WAAWU,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,EAAA,CAER;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA9B,EAAO,cAAc;"}
+{"version":3,"file":"Toggle.js","sources":["../../../../src/components/actions/toggle/Toggle.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { buttonSizeToIconSize } from '@components/actions/_shared/buttons/constants'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { TOGGLE_SIZE_TO_FONT_SIZE } from '@components/actions/toggle/constants/toggleSizes.const.ts'\r\nimport { TOGGLE_STYLES } from '@components/actions/toggle/styles/Toggle.css.ts'\r\nimport type { ToggleProps } from '@components/actions/toggle/types/Toggle.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\n/**\r\n * Two-state toggle button backed by Base UI Toggle. Supports text mode\r\n * (requires `label`) and icon-only mode (pass `icon`). Accepts\r\n * `variant` (outlined|ghost), semantic `color`, `size`, and the full\r\n * Base UI controlled/uncontrolled state contract.\r\n */\r\nconst Toggle: FC<ToggleProps> = ({\r\n    variant,\r\n    subtle,\r\n    color,\r\n    size = 'md',\r\n    radius,\r\n    className,\r\n    label,\r\n    icon,\r\n    startIcon,\r\n    endIcon,\r\n    margin,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const fontSize = TOGGLE_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            data-icon-only={icon ? '' : undefined}\r\n            className={cn(\r\n                TOGGLE_STYLES.recipe({ variant, color, size, radius, subtle }),\r\n                getButtonLayoutClassName({ margin, marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n        >\r\n            {icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : (\r\n                <>\r\n                    {startIcon && (\r\n                        <Icon\r\n                            icon={startIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                    <Typography\r\n                        as={'span'}\r\n                        fontSize={fontSize}\r\n                        fontWeight={'medium'}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                    {endIcon && (\r\n                        <Icon\r\n                            icon={endIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggle.displayName = 'Toggle'\r\n\r\nexport default Toggle\r\n"],"names":["Toggle","variant","subtle","color","size","radius","className","label","icon","startIcon","endIcon","margin","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","buttonSizeToIconSize","fontSize","TOGGLE_SIZE_TO_FONT_SIZE","jsx","BaseToggle","cn","TOGGLE_STYLES","getButtonLayoutClassName","Icon","BUTTON_SHARED_STYLES","jsxs","Fragment","Typography"],"mappings":";;;;;;;;;;;;AAmBA,MAAMA,IAA0B,CAAC;AAAA,EAC7B,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWC,EAAqBlB,CAAI,GACpCmB,IAAWC,EAAyBpB,CAAI;AAE9C,SACI,gBAAAqB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,KAAAP;AAAA,MACA,kBAAgBX,IAAO,KAAK;AAAA,MAC5B,WAAWmB;AAAA,QACPC,EAAc,OAAO,EAAE,SAAA3B,GAAS,OAAAE,GAAO,MAAAC,GAAM,QAAAC,GAAQ,QAAAH,GAAQ;AAAA,QAC7D2B,EAAyB,EAAE,QAAAlB,GAAQ,WAAAC,GAAW,aAAAC,GAAa,cAAAC,GAAc,YAAAC,EAA6B,CAAC;AAAA,QACvGT;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,OAAAU,GAAO,WAAAC,GAAW,GAAGC,EAAA;AAAA,MAC7B,GAAGE;AAAA,MAEH,UAAAZ,IACG,gBAAAiB;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,MAAAtB;AAAA,UACA,MAAMa;AAAA,UACN,WAAWU,EAAqB;AAAA,QAAA;AAAA,MAAA,IAGpC,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAxB,KACG,gBAAAgB;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,MAAMrB;AAAA,YACN,MAAMY;AAAA,YACN,WAAWU,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxC,gBAAAN;AAAA,UAACS;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,UAAAX;AAAA,YACA,YAAY;AAAA,YAEX,UAAAhB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJG,KACG,gBAAAe;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,MAAMpB;AAAA,YACN,MAAMW;AAAA,YACN,WAAWU,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,EAAA,CAER;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA/B,EAAO,cAAc;"}

package/dist/components/actions/toggle/styles/Toggle.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit67.css');require('../../../../ui-kit43.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                                             */;/* empty css                            */const t=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:t.createRuntimeFn({defaultClassName:"_1lqapti0",variantClassNames:{variant:{outlined:"_1lqapti1",ghost:"_1lqapti2"},subtle:{true:"_1lqapti3",false:"_1lqapti4"},color:{primary:"_1lqapti5",secondary:"_1lqapti6",tertiary:"_1lqapti7",destructive:"_1lqapti8",success:"_1lqapti9",warning:"_1lqaptia",info:"_1lqaptib"},size:{sm:"_1lqaptic",md:"_1lqaptid",lg:"_1lqaptie"},radius:{none:"_1lqaptif",xs:"_1lqaptig",sm:"_1lqaptih",md:"_1lqaptii",lg:"_1lqaptij",xl:"_1lqaptik","2xl":"_1lqaptil",full:"_1lqaptim"}},defaultVariants:{variant:"outlined",color:"primary",size:"md",radius:"sm"},compoundVariants:[[{variant:"ghost",color:"primary",subtle:!0},"_1lqaptin"],[{variant:"outlined",color:"primary",subtle:!0},"_1lqaptio"],[{variant:"ghost",color:"secondary",subtle:!0},"_1lqaptip"],[{variant:"outlined",color:"secondary",subtle:!0},"_1lqaptiq"],[{variant:"ghost",color:"tertiary",subtle:!0},"_1lqaptir"],[{variant:"outlined",color:"tertiary",subtle:!0},"_1lqaptis"],[{variant:"ghost",color:"destructive",subtle:!0},"_1lqaptit"],[{variant:"outlined",color:"destructive",subtle:!0},"_1lqaptiu"],[{variant:"ghost",color:"success",subtle:!0},"_1lqaptiv"],[{variant:"outlined",color:"success",subtle:!0},"_1lqaptiw"],[{variant:"ghost",color:"warning",subtle:!0},"_1lqaptix"],[{variant:"outlined",color:"warning",subtle:!0},"_1lqaptiy"],[{variant:"ghost",color:"info",subtle:!0},"_1lqaptiz"],[{variant:"outlined",color:"info",subtle:!0},"_1lqapti10"]]})};exports.TOGGLE_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit66.css');require('../../../../ui-kit45.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                                             */;/* empty css                            */const t=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:t.createRuntimeFn({defaultClassName:"_1lqapti0",variantClassNames:{variant:{outlined:"_1lqapti1",ghost:"_1lqapti2"},subtle:{true:"_1lqapti3",false:"_1lqapti4"},color:{primary:"_1lqapti5",secondary:"_1lqapti6",tertiary:"_1lqapti7",destructive:"_1lqapti8",success:"_1lqapti9",warning:"_1lqaptia",info:"_1lqaptib"},size:{sm:"_1lqaptic",md:"_1lqaptid",lg:"_1lqaptie"},radius:{none:"_1lqaptif",xs:"_1lqaptig",sm:"_1lqaptih",md:"_1lqaptii",lg:"_1lqaptij",xl:"_1lqaptik","2xl":"_1lqaptil",full:"_1lqaptim"}},defaultVariants:{variant:"outlined",color:"primary",size:"md",radius:"sm"},compoundVariants:[[{variant:"ghost",color:"primary",subtle:!0},"_1lqaptin"],[{variant:"outlined",color:"primary",subtle:!0},"_1lqaptio"],[{variant:"ghost",color:"secondary",subtle:!0},"_1lqaptip"],[{variant:"outlined",color:"secondary",subtle:!0},"_1lqaptiq"],[{variant:"ghost",color:"tertiary",subtle:!0},"_1lqaptir"],[{variant:"outlined",color:"tertiary",subtle:!0},"_1lqaptis"],[{variant:"ghost",color:"destructive",subtle:!0},"_1lqaptit"],[{variant:"outlined",color:"destructive",subtle:!0},"_1lqaptiu"],[{variant:"ghost",color:"success",subtle:!0},"_1lqaptiv"],[{variant:"outlined",color:"success",subtle:!0},"_1lqaptiw"],[{variant:"ghost",color:"warning",subtle:!0},"_1lqaptix"],[{variant:"outlined",color:"warning",subtle:!0},"_1lqaptiy"],[{variant:"ghost",color:"info",subtle:!0},"_1lqaptiz"],[{variant:"outlined",color:"info",subtle:!0},"_1lqapti10"]]})};exports.TOGGLE_STYLES=a;
 //# sourceMappingURL=Toggle.css.cjs.map

package/dist/components/actions/toggle/styles/Toggle.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit67.css';import '../../../../ui-kit43.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit66.css';import '../../../../ui-kit45.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                                           */
 /* empty css                          */
 import { createRuntimeFn as t } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),O=require("@base-ui/react/toggle"),r=require("../../../_shared/buttons/styles/buttonShared.css.cjs"),h=require("../../../_shared/buttons/constants/index.cjs"),z=require("../../../_shared/buttons/utils/buttonLayout.utils.cjs"),i=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const G=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const B=require("../../../toggle/constants/toggleSizes.const.cjs"),I=require("../../../toggle/styles/Toggle.css.cjs"),R=require("../../../../../utils/cn.cjs"),u=({variant:a,subtle:T,color:S,size:s="md",radius:l,className:g,label:_,icon:o,startIcon:n,endIcon:c,marginTop:m,marginRight:q,marginBottom:E,marginLeft:N,width:d,alignSelf:x,style:p,ref:L,...j})=>{const t=h.buttonSizeToIconSize[s],y=B.TOGGLE_SIZE_TO_FONT_SIZE[s];return e.jsx(O.Toggle,{ref:L,"data-icon-only":o?"":void 0,className:R.cn(I.TOGGLE_STYLES.recipe({variant:a,color:S,size:s,radius:l,subtle:T}),z.getButtonLayoutClassName({marginTop:m,marginRight:q,marginBottom:E,marginLeft:N}),g),style:{width:d,alignSelf:x,...p},...j,children:o?e.jsx(i,{icon:o,size:t,className:r.BUTTON_SHARED_STYLES.icon}):e.jsxs(e.Fragment,{children:[n&&e.jsx(i,{icon:n,size:t,className:r.BUTTON_SHARED_STYLES.icon}),e.jsx(G,{as:"span",fontSize:y,fontWeight:"medium",children:_}),c&&e.jsx(i,{icon:c,size:t,className:r.BUTTON_SHARED_STYLES.icon})]})})};u.displayName="ToggleGroup.Item";module.exports=u;
+"use strict";const e=require("react/jsx-runtime"),h=require("@base-ui/react/toggle"),r=require("../../../_shared/buttons/styles/buttonShared.css.cjs"),z=require("../../../_shared/buttons/constants/index.cjs"),G=require("../../../_shared/buttons/utils/buttonLayout.utils.cjs"),i=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const B=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const I=require("../../../toggle/constants/toggleSizes.const.cjs"),R=require("../../../toggle/styles/Toggle.css.cjs"),Y=require("../../../../../utils/cn.cjs"),u=({variant:a,subtle:T,color:S,size:s="md",radius:l,className:g,label:_,icon:o,startIcon:n,endIcon:c,margin:m,marginTop:q,marginRight:E,marginBottom:N,marginLeft:d,width:x,alignSelf:p,style:L,ref:j,...y})=>{const t=z.buttonSizeToIconSize[s],O=I.TOGGLE_SIZE_TO_FONT_SIZE[s];return e.jsx(h.Toggle,{ref:j,"data-icon-only":o?"":void 0,className:Y.cn(R.TOGGLE_STYLES.recipe({variant:a,color:S,size:s,radius:l,subtle:T}),G.getButtonLayoutClassName({margin:m,marginTop:q,marginRight:E,marginBottom:N,marginLeft:d}),g),style:{width:x,alignSelf:p,...L},...y,children:o?e.jsx(i,{icon:o,size:t,className:r.BUTTON_SHARED_STYLES.icon}):e.jsxs(e.Fragment,{children:[n&&e.jsx(i,{icon:n,size:t,className:r.BUTTON_SHARED_STYLES.icon}),e.jsx(B,{as:"span",fontSize:O,fontWeight:"medium",children:_}),c&&e.jsx(i,{icon:c,size:t,className:r.BUTTON_SHARED_STYLES.icon})]})})};u.displayName="ToggleGroup.Item";module.exports=u;
 //# sourceMappingURL=ToggleGroupItem.cjs.map

package/dist/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupItem.cjs","sources":["../../../../../../src/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { buttonSizeToIconSize } from '@components/actions/_shared/buttons/constants'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { TOGGLE_SIZE_TO_FONT_SIZE } from '@components/actions/toggle/constants/toggleSizes.const.ts'\r\nimport { TOGGLE_STYLES } from '@components/actions/toggle/styles/Toggle.css.ts'\r\nimport type { ToggleGroupItemProps } from '@components/actions/toggle-group/components/toggle-group-item/types/ToggleGroupItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\nconst ToggleGroupItem: FC<ToggleGroupItemProps> = ({\r\n    variant,\r\n    subtle,\r\n    color,\r\n    size = 'md',\r\n    radius,\r\n    className,\r\n    label,\r\n    icon,\r\n    startIcon,\r\n    endIcon,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const fontSize = TOGGLE_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            data-icon-only={icon ? '' : undefined}\r\n            className={cn(\r\n                TOGGLE_STYLES.recipe({ variant, color, size, radius, subtle }),\r\n                getButtonLayoutClassName({ marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n        >\r\n            {icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : (\r\n                <>\r\n                    {startIcon && (\r\n                        <Icon\r\n                            icon={startIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                    <Typography\r\n                        as={'span'}\r\n                        fontSize={fontSize}\r\n                        fontWeight={'medium'}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                    {endIcon && (\r\n                        <Icon\r\n                            icon={endIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggleGroupItem.displayName = 'ToggleGroup.Item'\r\n\r\nexport default ToggleGroupItem\r\n"],"names":["ToggleGroupItem","variant","subtle","color","size","radius","className","label","icon","startIcon","endIcon","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","buttonSizeToIconSize","fontSize","TOGGLE_SIZE_TO_FONT_SIZE","jsx","BaseToggle","cn","TOGGLE_STYLES","getButtonLayoutClassName","Icon","BUTTON_SHARED_STYLES","jsxs","Fragment","Typography"],"mappings":"2qBAaMA,EAA4C,CAAC,CAC/C,QAAAC,EACA,OAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,KACP,OAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAWC,EAAAA,qBAAqBjB,CAAI,EACpCkB,EAAWC,EAAAA,yBAAyBnB,CAAI,EAE9C,OACIoB,EAAAA,IAACC,EAAAA,OAAA,CACG,IAAAP,EACA,iBAAgBV,EAAO,GAAK,OAC5B,UAAWkB,EAAAA,GACPC,EAAAA,cAAc,OAAO,CAAE,QAAA1B,EAAS,MAAAE,EAAO,KAAAC,EAAM,OAAAC,EAAQ,OAAAH,EAAQ,EAC7D0B,EAAAA,yBAAyB,CAAE,UAAAjB,EAAW,YAAAC,EAAa,aAAAC,EAAc,WAAAC,CAA6B,CAAC,EAC/FR,CAAA,EAEJ,MAAO,CAAE,MAAAS,EAAO,UAAAC,EAAW,GAAGC,CAAA,EAC7B,GAAGE,EAEH,SAAAX,EACGgB,EAAAA,IAACK,EAAA,CACG,KAAArB,EACA,KAAMY,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,EAGpCC,EAAAA,KAAAC,WAAA,CACK,SAAA,CAAAvB,GACGe,EAAAA,IAACK,EAAA,CACG,KAAMpB,EACN,KAAMW,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,EAGxCN,EAAAA,IAACS,EAAA,CACG,GAAI,OACJ,SAAAX,EACA,WAAY,SAEX,SAAAf,CAAA,CAAA,EAEJG,GACGc,EAAAA,IAACK,EAAA,CACG,KAAMnB,EACN,KAAMU,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,CACpC,CAAA,CAER,CAAA,CAAA,CAIhB,EAEA9B,EAAgB,YAAc"}
+{"version":3,"file":"ToggleGroupItem.cjs","sources":["../../../../../../src/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { buttonSizeToIconSize } from '@components/actions/_shared/buttons/constants'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { TOGGLE_SIZE_TO_FONT_SIZE } from '@components/actions/toggle/constants/toggleSizes.const.ts'\r\nimport { TOGGLE_STYLES } from '@components/actions/toggle/styles/Toggle.css.ts'\r\nimport type { ToggleGroupItemProps } from '@components/actions/toggle-group/components/toggle-group-item/types/ToggleGroupItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\nconst ToggleGroupItem: FC<ToggleGroupItemProps> = ({\r\n    variant,\r\n    subtle,\r\n    color,\r\n    size = 'md',\r\n    radius,\r\n    className,\r\n    label,\r\n    icon,\r\n    startIcon,\r\n    endIcon,\r\n    margin,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const fontSize = TOGGLE_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            data-icon-only={icon ? '' : undefined}\r\n            className={cn(\r\n                TOGGLE_STYLES.recipe({ variant, color, size, radius, subtle }),\r\n                getButtonLayoutClassName({ margin, marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n        >\r\n            {icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : (\r\n                <>\r\n                    {startIcon && (\r\n                        <Icon\r\n                            icon={startIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                    <Typography\r\n                        as={'span'}\r\n                        fontSize={fontSize}\r\n                        fontWeight={'medium'}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                    {endIcon && (\r\n                        <Icon\r\n                            icon={endIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggleGroupItem.displayName = 'ToggleGroup.Item'\r\n\r\nexport default ToggleGroupItem\r\n"],"names":["ToggleGroupItem","variant","subtle","color","size","radius","className","label","icon","startIcon","endIcon","margin","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","buttonSizeToIconSize","fontSize","TOGGLE_SIZE_TO_FONT_SIZE","jsx","BaseToggle","cn","TOGGLE_STYLES","getButtonLayoutClassName","Icon","BUTTON_SHARED_STYLES","jsxs","Fragment","Typography"],"mappings":"2qBAaMA,EAA4C,CAAC,CAC/C,QAAAC,EACA,OAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,KACP,OAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAWC,EAAAA,qBAAqBlB,CAAI,EACpCmB,EAAWC,EAAAA,yBAAyBpB,CAAI,EAE9C,OACIqB,EAAAA,IAACC,EAAAA,OAAA,CACG,IAAAP,EACA,iBAAgBX,EAAO,GAAK,OAC5B,UAAWmB,EAAAA,GACPC,EAAAA,cAAc,OAAO,CAAE,QAAA3B,EAAS,MAAAE,EAAO,KAAAC,EAAM,OAAAC,EAAQ,OAAAH,EAAQ,EAC7D2B,EAAAA,yBAAyB,CAAE,OAAAlB,EAAQ,UAAAC,EAAW,YAAAC,EAAa,aAAAC,EAAc,WAAAC,CAA6B,CAAC,EACvGT,CAAA,EAEJ,MAAO,CAAE,MAAAU,EAAO,UAAAC,EAAW,GAAGC,CAAA,EAC7B,GAAGE,EAEH,SAAAZ,EACGiB,EAAAA,IAACK,EAAA,CACG,KAAAtB,EACA,KAAMa,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,EAGpCC,EAAAA,KAAAC,WAAA,CACK,SAAA,CAAAxB,GACGgB,EAAAA,IAACK,EAAA,CACG,KAAMrB,EACN,KAAMY,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,EAGxCN,EAAAA,IAACS,EAAA,CACG,GAAI,OACJ,SAAAX,EACA,WAAY,SAEX,SAAAhB,CAAA,CAAA,EAEJG,GACGe,EAAAA,IAACK,EAAA,CACG,KAAMpB,EACN,KAAMW,EACN,UAAWU,EAAAA,qBAAqB,IAAA,CAAA,CACpC,CAAA,CAER,CAAA,CAAA,CAIhB,EAEA/B,EAAgB,YAAc"}

package/dist/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.js

@@ -1,16 +1,16 @@
-import { jsx as o, jsxs as z, Fragment as L } from "react/jsx-runtime";
-import { Toggle as O } from "@base-ui/react/toggle";
+import { jsx as o, jsxs as L, Fragment as O } from "react/jsx-runtime";
+import { Toggle as I } from "@base-ui/react/toggle";
 import { BUTTON_SHARED_STYLES as t } from "../../../_shared/buttons/styles/buttonShared.css.js";
-import { buttonSizeToIconSize as I } from "../../../_shared/buttons/constants/index.js";
-import { getButtonLayoutClassName as x } from "../../../_shared/buttons/utils/buttonLayout.utils.js";
+import { buttonSizeToIconSize as x } from "../../../_shared/buttons/constants/index.js";
+import { getButtonLayoutClassName as j } from "../../../_shared/buttons/utils/buttonLayout.utils.js";
 import e from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
-import j from "../../../../foundation/typography/Typography.js";
+import B from "../../../../foundation/typography/Typography.js";
 import "../../../../foundation/typography/styles/Typography.css.js";
-import { TOGGLE_SIZE_TO_FONT_SIZE as B } from "../../../toggle/constants/toggleSizes.const.js";
-import { TOGGLE_STYLES as F } from "../../../toggle/styles/Toggle.css.js";
-import { cn as Y } from "../../../../../utils/cn.js";
-const Z = ({
+import { TOGGLE_SIZE_TO_FONT_SIZE as F } from "../../../toggle/constants/toggleSizes.const.js";
+import { TOGGLE_STYLES as Y } from "../../../toggle/styles/Toggle.css.js";
+import { cn as Z } from "../../../../../utils/cn.js";
+const b = ({
   variant: p,
   subtle: n,
   color: c,
@@ -21,29 +21,30 @@ const Z = ({
   icon: r,
   startIcon: s,
   endIcon: a,
-  marginTop: S,
-  marginRight: g,
-  marginBottom: d,
-  marginLeft: u,
-  width: N,
-  alignSelf: E,
-  style: _,
-  ref: y,
-  ...G
+  margin: S,
+  marginTop: g,
+  marginRight: d,
+  marginBottom: u,
+  marginLeft: N,
+  width: E,
+  alignSelf: _,
+  style: y,
+  ref: G,
+  ...h
 }) => {
-  const i = I[m], h = B[m];
+  const i = x[m], z = F[m];
   return /* @__PURE__ */ o(
-    O,
+    I,
     {
-      ref: y,
+      ref: G,
       "data-icon-only": r ? "" : void 0,
-      className: Y(
-        F.recipe({ variant: p, color: c, size: m, radius: l, subtle: n }),
-        x({ marginTop: S, marginRight: g, marginBottom: d, marginLeft: u }),
+      className: Z(
+        Y.recipe({ variant: p, color: c, size: m, radius: l, subtle: n }),
+        j({ margin: S, marginTop: g, marginRight: d, marginBottom: u, marginLeft: N }),
         f
       ),
-      style: { width: N, alignSelf: E, ..._ },
-      ...G,
+      style: { width: E, alignSelf: _, ...y },
+      ...h,
       children: r ? /* @__PURE__ */ o(
         e,
         {
@@ -51,7 +52,7 @@ const Z = ({
           size: i,
           className: t.icon
         }
-      ) : /* @__PURE__ */ z(L, { children: [
+      ) : /* @__PURE__ */ L(O, { children: [
         s && /* @__PURE__ */ o(
           e,
           {
@@ -61,10 +62,10 @@ const Z = ({
           }
         ),
         /* @__PURE__ */ o(
-          j,
+          B,
           {
             as: "span",
-            fontSize: h,
+            fontSize: z,
             fontWeight: "medium",
             children: T
           }
@@ -81,8 +82,8 @@ const Z = ({
     }
   );
 };
-Z.displayName = "ToggleGroup.Item";
+b.displayName = "ToggleGroup.Item";
 export {
-  Z as default
+  b as default
 };
 //# sourceMappingURL=ToggleGroupItem.js.map

package/dist/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupItem.js","sources":["../../../../../../src/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { buttonSizeToIconSize } from '@components/actions/_shared/buttons/constants'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { TOGGLE_SIZE_TO_FONT_SIZE } from '@components/actions/toggle/constants/toggleSizes.const.ts'\r\nimport { TOGGLE_STYLES } from '@components/actions/toggle/styles/Toggle.css.ts'\r\nimport type { ToggleGroupItemProps } from '@components/actions/toggle-group/components/toggle-group-item/types/ToggleGroupItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\nconst ToggleGroupItem: FC<ToggleGroupItemProps> = ({\r\n    variant,\r\n    subtle,\r\n    color,\r\n    size = 'md',\r\n    radius,\r\n    className,\r\n    label,\r\n    icon,\r\n    startIcon,\r\n    endIcon,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const fontSize = TOGGLE_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            data-icon-only={icon ? '' : undefined}\r\n            className={cn(\r\n                TOGGLE_STYLES.recipe({ variant, color, size, radius, subtle }),\r\n                getButtonLayoutClassName({ marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n        >\r\n            {icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : (\r\n                <>\r\n                    {startIcon && (\r\n                        <Icon\r\n                            icon={startIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                    <Typography\r\n                        as={'span'}\r\n                        fontSize={fontSize}\r\n                        fontWeight={'medium'}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                    {endIcon && (\r\n                        <Icon\r\n                            icon={endIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggleGroupItem.displayName = 'ToggleGroup.Item'\r\n\r\nexport default ToggleGroupItem\r\n"],"names":["ToggleGroupItem","variant","subtle","color","size","radius","className","label","icon","startIcon","endIcon","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","buttonSizeToIconSize","fontSize","TOGGLE_SIZE_TO_FONT_SIZE","jsx","BaseToggle","cn","TOGGLE_STYLES","getButtonLayoutClassName","Icon","BUTTON_SHARED_STYLES","jsxs","Fragment","Typography"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,IAA4C,CAAC;AAAA,EAC/C,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWC,EAAqBjB,CAAI,GACpCkB,IAAWC,EAAyBnB,CAAI;AAE9C,SACI,gBAAAoB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,KAAAP;AAAA,MACA,kBAAgBV,IAAO,KAAK;AAAA,MAC5B,WAAWkB;AAAA,QACPC,EAAc,OAAO,EAAE,SAAA1B,GAAS,OAAAE,GAAO,MAAAC,GAAM,QAAAC,GAAQ,QAAAH,GAAQ;AAAA,QAC7D0B,EAAyB,EAAE,WAAAjB,GAAW,aAAAC,GAAa,cAAAC,GAAc,YAAAC,EAA6B,CAAC;AAAA,QAC/FR;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,OAAAS,GAAO,WAAAC,GAAW,GAAGC,EAAA;AAAA,MAC7B,GAAGE;AAAA,MAEH,UAAAX,IACG,gBAAAgB;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,MAAArB;AAAA,UACA,MAAMY;AAAA,UACN,WAAWU,EAAqB;AAAA,QAAA;AAAA,MAAA,IAGpC,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAvB,KACG,gBAAAe;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,MAAMpB;AAAA,YACN,MAAMW;AAAA,YACN,WAAWU,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxC,gBAAAN;AAAA,UAACS;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,UAAAX;AAAA,YACA,YAAY;AAAA,YAEX,UAAAf;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJG,KACG,gBAAAc;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,MAAMnB;AAAA,YACN,MAAMU;AAAA,YACN,WAAWU,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,EAAA,CAER;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA9B,EAAgB,cAAc;"}
+{"version":3,"file":"ToggleGroupItem.js","sources":["../../../../../../src/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.tsx"],"sourcesContent":["import { Toggle as BaseToggle } from '@base-ui/react/toggle'\r\n\r\nimport { BUTTON_SHARED_STYLES } from '@components/actions/_shared/buttons/styles/buttonShared.css.ts'\r\nimport { buttonSizeToIconSize } from '@components/actions/_shared/buttons/constants'\r\nimport { getButtonLayoutClassName } from '@components/actions/_shared/buttons/utils/buttonLayout.utils.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { TOGGLE_SIZE_TO_FONT_SIZE } from '@components/actions/toggle/constants/toggleSizes.const.ts'\r\nimport { TOGGLE_STYLES } from '@components/actions/toggle/styles/Toggle.css.ts'\r\nimport type { ToggleGroupItemProps } from '@components/actions/toggle-group/components/toggle-group-item/types/ToggleGroupItem.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type { FC } from 'react'\r\n\r\nconst ToggleGroupItem: FC<ToggleGroupItemProps> = ({\r\n    variant,\r\n    subtle,\r\n    color,\r\n    size = 'md',\r\n    radius,\r\n    className,\r\n    label,\r\n    icon,\r\n    startIcon,\r\n    endIcon,\r\n    margin,\r\n    marginTop,\r\n    marginRight,\r\n    marginBottom,\r\n    marginLeft,\r\n    width,\r\n    alignSelf,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const iconSize = buttonSizeToIconSize[size]\r\n    const fontSize = TOGGLE_SIZE_TO_FONT_SIZE[size]\r\n\r\n    return (\r\n        <BaseToggle\r\n            ref={ref}\r\n            data-icon-only={icon ? '' : undefined}\r\n            className={cn(\r\n                TOGGLE_STYLES.recipe({ variant, color, size, radius, subtle }),\r\n                getButtonLayoutClassName({ margin, marginTop, marginRight, marginBottom, marginLeft, width, alignSelf }),\r\n                className,\r\n            )}\r\n            style={{ width, alignSelf, ...style }}\r\n            {...props}\r\n        >\r\n            {icon ? (\r\n                <Icon\r\n                    icon={icon}\r\n                    size={iconSize}\r\n                    className={BUTTON_SHARED_STYLES.icon}\r\n                />\r\n            ) : (\r\n                <>\r\n                    {startIcon && (\r\n                        <Icon\r\n                            icon={startIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                    <Typography\r\n                        as={'span'}\r\n                        fontSize={fontSize}\r\n                        fontWeight={'medium'}\r\n                    >\r\n                        {label}\r\n                    </Typography>\r\n                    {endIcon && (\r\n                        <Icon\r\n                            icon={endIcon}\r\n                            size={iconSize}\r\n                            className={BUTTON_SHARED_STYLES.icon}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        </BaseToggle>\r\n    )\r\n}\r\n\r\nToggleGroupItem.displayName = 'ToggleGroup.Item'\r\n\r\nexport default ToggleGroupItem\r\n"],"names":["ToggleGroupItem","variant","subtle","color","size","radius","className","label","icon","startIcon","endIcon","margin","marginTop","marginRight","marginBottom","marginLeft","width","alignSelf","style","ref","props","iconSize","buttonSizeToIconSize","fontSize","TOGGLE_SIZE_TO_FONT_SIZE","jsx","BaseToggle","cn","TOGGLE_STYLES","getButtonLayoutClassName","Icon","BUTTON_SHARED_STYLES","jsxs","Fragment","Typography"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,IAA4C,CAAC;AAAA,EAC/C,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAWC,EAAqBlB,CAAI,GACpCmB,IAAWC,EAAyBpB,CAAI;AAE9C,SACI,gBAAAqB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,KAAAP;AAAA,MACA,kBAAgBX,IAAO,KAAK;AAAA,MAC5B,WAAWmB;AAAA,QACPC,EAAc,OAAO,EAAE,SAAA3B,GAAS,OAAAE,GAAO,MAAAC,GAAM,QAAAC,GAAQ,QAAAH,GAAQ;AAAA,QAC7D2B,EAAyB,EAAE,QAAAlB,GAAQ,WAAAC,GAAW,aAAAC,GAAa,cAAAC,GAAc,YAAAC,EAA6B,CAAC;AAAA,QACvGT;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,OAAAU,GAAO,WAAAC,GAAW,GAAGC,EAAA;AAAA,MAC7B,GAAGE;AAAA,MAEH,UAAAZ,IACG,gBAAAiB;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,MAAAtB;AAAA,UACA,MAAMa;AAAA,UACN,WAAWU,EAAqB;AAAA,QAAA;AAAA,MAAA,IAGpC,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAxB,KACG,gBAAAgB;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,MAAMrB;AAAA,YACN,MAAMY;AAAA,YACN,WAAWU,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGxC,gBAAAN;AAAA,UAACS;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,UAAAX;AAAA,YACA,YAAY;AAAA,YAEX,UAAAhB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJG,KACG,gBAAAe;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,MAAMpB;AAAA,YACN,MAAMW;AAAA,YACN,WAAWU,EAAqB;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,EAAA,CAER;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA/B,EAAgB,cAAc;"}

package/dist/components/actions/toggle-group/styles/ToggleGroup.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit31.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:e.createRuntimeFn({defaultClassName:"_40ge150",variantClassNames:{orientation:{horizontal:"_40ge151",vertical:"_40ge152"}},defaultVariants:{orientation:"horizontal"},compoundVariants:[]})};exports.TOGGLE_GROUP_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit56.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var t={recipe:e.createRuntimeFn({defaultClassName:"_40ge150",variantClassNames:{orientation:{horizontal:"_40ge151",vertical:"_40ge152"}},defaultVariants:{orientation:"horizontal"},compoundVariants:[]})};exports.TOGGLE_GROUP_STYLES=t;
 //# sourceMappingURL=ToggleGroup.css.cjs.map

package/dist/components/actions/toggle-group/styles/ToggleGroup.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit31.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit56.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                               */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var i = { recipe: a({ defaultClassName: "_40ge150", variantClassNames: { orientation: { horizontal: "_40ge151", vertical: "_40ge152" } }, defaultVariants: { orientation: "horizontal" }, compoundVariants: [] }) };

package/dist/components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit77.css');;/* empty css                                    */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_13eayvd0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};exports.AVATAR_FALLBACK_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit71.css');;/* empty css                                    */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_13eayvd0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};exports.AVATAR_FALLBACK_STYLES=a;
 //# sourceMappingURL=AvatarFallback.css.cjs.map

package/dist/components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit77.css';/* empty css                                  */
+import '../../../../../../ui-kit71.css';/* empty css                                  */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = { recipe: a({ defaultClassName: "_13eayvd0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] }) };
 export {

package/dist/components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit102.css');;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1if4j8q0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};exports.AVATAR_IMAGE_STYLES=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit74.css');;/* empty css                                 */const e=require("@vanilla-extract/recipes/createRuntimeFn");var a={recipe:e.createRuntimeFn({defaultClassName:"_1if4j8q0",variantClassNames:{},defaultVariants:{},compoundVariants:[]})};exports.AVATAR_IMAGE_STYLES=a;
 //# sourceMappingURL=AvatarImage.css.cjs.map

package/dist/components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit102.css';/* empty css                               */
+import '../../../../../../ui-kit74.css';/* empty css                               */
 import { createRuntimeFn as a } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = { recipe: a({ defaultClassName: "_1if4j8q0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] }) };
 export {

package/dist/components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit106.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:r.createRuntimeFn({defaultClassName:"d3r51n0",variantClassNames:{size:{sm:"d3r51n1",md:"d3r51n2",lg:"d3r51n3",xl:"d3r51n4"},shape:{circle:"d3r51n5",square:"d3r51n6"},color:{primary:"d3r51n7",secondary:"d3r51n8",tertiary:"d3r51n9",destructive:"d3r51na",success:"d3r51nb",warning:"d3r51nc",info:"d3r51nd",purple:"d3r51ne",pink:"d3r51nf",orange:"d3r51ng",teal:"d3r51nh",cyan:"d3r51ni",indigo:"d3r51nj"}},defaultVariants:{size:"md",shape:"circle",color:"primary"},compoundVariants:[]})};exports.AVATAR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit70.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:r.createRuntimeFn({defaultClassName:"d3r51n0",variantClassNames:{size:{sm:"d3r51n1",md:"d3r51n2",lg:"d3r51n3",xl:"d3r51n4"},shape:{circle:"d3r51n5",square:"d3r51n6"},color:{primary:"d3r51n7",secondary:"d3r51n8",tertiary:"d3r51n9",destructive:"d3r51na",success:"d3r51nb",warning:"d3r51nc",info:"d3r51nd",purple:"d3r51ne",pink:"d3r51nf",orange:"d3r51ng",teal:"d3r51nh",cyan:"d3r51ni",indigo:"d3r51nj"}},defaultVariants:{size:"md",shape:"circle",color:"primary"},compoundVariants:[]})};exports.AVATAR_STYLES=e;
 //# sourceMappingURL=AvatarRoot.css.cjs.map

package/dist/components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit106.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit70.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                              */
 import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
 var e = { recipe: r({ defaultClassName: "d3r51n0", variantClassNames: { size: { sm: "d3r51n1", md: "d3r51n2", lg: "d3r51n3", xl: "d3r51n4" }, shape: { circle: "d3r51n5", square: "d3r51n6" }, color: { primary: "d3r51n7", secondary: "d3r51n8", tertiary: "d3r51n9", destructive: "d3r51na", success: "d3r51nb", warning: "d3r51nc", info: "d3r51nd", purple: "d3r51ne", pink: "d3r51nf", orange: "d3r51ng", teal: "d3r51nh", cyan: "d3r51ni", indigo: "d3r51nj" } }, defaultVariants: { size: "md", shape: "circle", color: "primary" }, compoundVariants: [] }) };

package/dist/components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit105.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */const e=require("@vanilla-extract/recipes/createRuntimeFn");var n={recipe:e.createRuntimeFn({defaultClassName:"_1n12kyw0",variantClassNames:{size:{sm:"_1n12kyw1",md:"_1n12kyw2",lg:"_1n12kyw3",xl:"_1n12kyw4"},status:{online:"_1n12kyw5",offline:"_1n12kyw6",busy:"_1n12kyw7",away:"_1n12kyw8"}},defaultVariants:{size:"md",status:"online"},compoundVariants:[]})};exports.AVATAR_STATUS_STYLES=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit81.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */const e=require("@vanilla-extract/recipes/createRuntimeFn");var n={recipe:e.createRuntimeFn({defaultClassName:"_1n12kyw0",variantClassNames:{size:{sm:"_1n12kyw1",md:"_1n12kyw2",lg:"_1n12kyw3",xl:"_1n12kyw4"},status:{online:"_1n12kyw5",offline:"_1n12kyw6",busy:"_1n12kyw7",away:"_1n12kyw8"}},defaultVariants:{size:"md",status:"online"},compoundVariants:[]})};exports.AVATAR_STATUS_STYLES=n;
 //# sourceMappingURL=AvatarStatus.css.cjs.map

package/dist/components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit105.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit81.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                */
 import { createRuntimeFn as n } from "@vanilla-extract/recipes/createRuntimeFn";
 var t = { recipe: n({ defaultClassName: "_1n12kyw0", variantClassNames: { size: { sm: "_1n12kyw1", md: "_1n12kyw2", lg: "_1n12kyw3", xl: "_1n12kyw4" }, status: { online: "_1n12kyw5", offline: "_1n12kyw6", busy: "_1n12kyw7", away: "_1n12kyw8" } }, defaultVariants: { size: "md", status: "online" }, compoundVariants: [] }) };

package/dist/components/data-display/badge/styles/Badge.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit50.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const r=require("@vanilla-extract/recipes/createRuntimeFn");var o={recipe:r.createRuntimeFn({defaultClassName:"mw901r0",variantClassNames:{size:{sm:"mw901r1",md:"mw901r2",lg:"mw901r3"},variant:{contained:"mw901r4",subtle:"mw901r5",outlined:"mw901r6",outlinedSubtle:"mw901r7"},color:{primary:"mw901r8",secondary:"mw901r9",tertiary:"mw901ra",destructive:"mw901rb",success:"mw901rc",warning:"mw901rd",info:"mw901re",purple:"mw901rf",pink:"mw901rg",orange:"mw901rh",teal:"mw901ri",cyan:"mw901rj",indigo:"mw901rk"}},defaultVariants:{variant:"outlinedSubtle",color:"primary",size:"md"},compoundVariants:[[{variant:"contained",color:"primary"},"mw901rl"],[{variant:"contained",color:"secondary"},"mw901rm"],[{variant:"contained",color:"tertiary"},"mw901rn"],[{variant:"contained",color:"destructive"},"mw901ro"],[{variant:"contained",color:"success"},"mw901rp"],[{variant:"contained",color:"warning"},"mw901rq"],[{variant:"contained",color:"info"},"mw901rr"],[{variant:"contained",color:"purple"},"mw901rs"],[{variant:"contained",color:"pink"},"mw901rt"],[{variant:"contained",color:"orange"},"mw901ru"],[{variant:"contained",color:"teal"},"mw901rv"],[{variant:"contained",color:"cyan"},"mw901rw"],[{variant:"contained",color:"indigo"},"mw901rx"],[{variant:"subtle",color:"primary"},"mw901ry"],[{variant:"subtle",color:"secondary"},"mw901rz"],[{variant:"subtle",color:"tertiary"},"mw901r10"],[{variant:"subtle",color:"destructive"},"mw901r11"],[{variant:"subtle",color:"success"},"mw901r12"],[{variant:"subtle",color:"warning"},"mw901r13"],[{variant:"subtle",color:"info"},"mw901r14"],[{variant:"subtle",color:"purple"},"mw901r15"],[{variant:"subtle",color:"pink"},"mw901r16"],[{variant:"subtle",color:"orange"},"mw901r17"],[{variant:"subtle",color:"teal"},"mw901r18"],[{variant:"subtle",color:"cyan"},"mw901r19"],[{variant:"subtle",color:"indigo"},"mw901r1a"],[{variant:"outlined",color:"primary"},"mw901r1b"],[{variant:"outlined",color:"secondary"},"mw901r1c"],[{variant:"outlined",color:"tertiary"},"mw901r1d"],[{variant:"outlined",color:"destructive"},"mw901r1e"],[{variant:"outlined",color:"success"},"mw901r1f"],[{variant:"outlined",color:"warning"},"mw901r1g"],[{variant:"outlined",color:"info"},"mw901r1h"],[{variant:"outlined",color:"purple"},"mw901r1i"],[{variant:"outlined",color:"pink"},"mw901r1j"],[{variant:"outlined",color:"orange"},"mw901r1k"],[{variant:"outlined",color:"teal"},"mw901r1l"],[{variant:"outlined",color:"cyan"},"mw901r1m"],[{variant:"outlined",color:"indigo"},"mw901r1n"],[{variant:"outlinedSubtle",color:"primary"},"mw901r1o"],[{variant:"outlinedSubtle",color:"secondary"},"mw901r1p"],[{variant:"outlinedSubtle",color:"tertiary"},"mw901r1q"],[{variant:"outlinedSubtle",color:"destructive"},"mw901r1r"],[{variant:"outlinedSubtle",color:"success"},"mw901r1s"],[{variant:"outlinedSubtle",color:"warning"},"mw901r1t"],[{variant:"outlinedSubtle",color:"info"},"mw901r1u"],[{variant:"outlinedSubtle",color:"purple"},"mw901r1v"],[{variant:"outlinedSubtle",color:"pink"},"mw901r1w"],[{variant:"outlinedSubtle",color:"orange"},"mw901r1x"],[{variant:"outlinedSubtle",color:"teal"},"mw901r1y"],[{variant:"outlinedSubtle",color:"cyan"},"mw901r1z"],[{variant:"outlinedSubtle",color:"indigo"},"mw901r20"]]})};exports.BADGE_STYLES=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit48.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const r=require("@vanilla-extract/recipes/createRuntimeFn");var o={recipe:r.createRuntimeFn({defaultClassName:"mw901r0",variantClassNames:{size:{sm:"mw901r1",md:"mw901r2",lg:"mw901r3"},variant:{contained:"mw901r4",subtle:"mw901r5",outlined:"mw901r6",outlinedSubtle:"mw901r7"},color:{primary:"mw901r8",secondary:"mw901r9",tertiary:"mw901ra",destructive:"mw901rb",success:"mw901rc",warning:"mw901rd",info:"mw901re",purple:"mw901rf",pink:"mw901rg",orange:"mw901rh",teal:"mw901ri",cyan:"mw901rj",indigo:"mw901rk"}},defaultVariants:{variant:"outlinedSubtle",color:"primary",size:"md"},compoundVariants:[[{variant:"contained",color:"primary"},"mw901rl"],[{variant:"contained",color:"secondary"},"mw901rm"],[{variant:"contained",color:"tertiary"},"mw901rn"],[{variant:"contained",color:"destructive"},"mw901ro"],[{variant:"contained",color:"success"},"mw901rp"],[{variant:"contained",color:"warning"},"mw901rq"],[{variant:"contained",color:"info"},"mw901rr"],[{variant:"contained",color:"purple"},"mw901rs"],[{variant:"contained",color:"pink"},"mw901rt"],[{variant:"contained",color:"orange"},"mw901ru"],[{variant:"contained",color:"teal"},"mw901rv"],[{variant:"contained",color:"cyan"},"mw901rw"],[{variant:"contained",color:"indigo"},"mw901rx"],[{variant:"subtle",color:"primary"},"mw901ry"],[{variant:"subtle",color:"secondary"},"mw901rz"],[{variant:"subtle",color:"tertiary"},"mw901r10"],[{variant:"subtle",color:"destructive"},"mw901r11"],[{variant:"subtle",color:"success"},"mw901r12"],[{variant:"subtle",color:"warning"},"mw901r13"],[{variant:"subtle",color:"info"},"mw901r14"],[{variant:"subtle",color:"purple"},"mw901r15"],[{variant:"subtle",color:"pink"},"mw901r16"],[{variant:"subtle",color:"orange"},"mw901r17"],[{variant:"subtle",color:"teal"},"mw901r18"],[{variant:"subtle",color:"cyan"},"mw901r19"],[{variant:"subtle",color:"indigo"},"mw901r1a"],[{variant:"outlined",color:"primary"},"mw901r1b"],[{variant:"outlined",color:"secondary"},"mw901r1c"],[{variant:"outlined",color:"tertiary"},"mw901r1d"],[{variant:"outlined",color:"destructive"},"mw901r1e"],[{variant:"outlined",color:"success"},"mw901r1f"],[{variant:"outlined",color:"warning"},"mw901r1g"],[{variant:"outlined",color:"info"},"mw901r1h"],[{variant:"outlined",color:"purple"},"mw901r1i"],[{variant:"outlined",color:"pink"},"mw901r1j"],[{variant:"outlined",color:"orange"},"mw901r1k"],[{variant:"outlined",color:"teal"},"mw901r1l"],[{variant:"outlined",color:"cyan"},"mw901r1m"],[{variant:"outlined",color:"indigo"},"mw901r1n"],[{variant:"outlinedSubtle",color:"primary"},"mw901r1o"],[{variant:"outlinedSubtle",color:"secondary"},"mw901r1p"],[{variant:"outlinedSubtle",color:"tertiary"},"mw901r1q"],[{variant:"outlinedSubtle",color:"destructive"},"mw901r1r"],[{variant:"outlinedSubtle",color:"success"},"mw901r1s"],[{variant:"outlinedSubtle",color:"warning"},"mw901r1t"],[{variant:"outlinedSubtle",color:"info"},"mw901r1u"],[{variant:"outlinedSubtle",color:"purple"},"mw901r1v"],[{variant:"outlinedSubtle",color:"pink"},"mw901r1w"],[{variant:"outlinedSubtle",color:"orange"},"mw901r1x"],[{variant:"outlinedSubtle",color:"teal"},"mw901r1y"],[{variant:"outlinedSubtle",color:"cyan"},"mw901r1z"],[{variant:"outlinedSubtle",color:"indigo"},"mw901r20"]]})};exports.BADGE_STYLES=o;
 //# sourceMappingURL=Badge.css.cjs.map

package/dist/components/data-display/badge/styles/Badge.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit50.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit48.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                         */
 import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
 var n = { recipe: r({ defaultClassName: "mw901r0", variantClassNames: { size: { sm: "mw901r1", md: "mw901r2", lg: "mw901r3" }, variant: { contained: "mw901r4", subtle: "mw901r5", outlined: "mw901r6", outlinedSubtle: "mw901r7" }, color: { primary: "mw901r8", secondary: "mw901r9", tertiary: "mw901ra", destructive: "mw901rb", success: "mw901rc", warning: "mw901rd", info: "mw901re", purple: "mw901rf", pink: "mw901rg", orange: "mw901rh", teal: "mw901ri", cyan: "mw901rj", indigo: "mw901rk" } }, defaultVariants: { variant: "outlinedSubtle", color: "primary", size: "md" }, compoundVariants: [[{ variant: "contained", color: "primary" }, "mw901rl"], [{ variant: "contained", color: "secondary" }, "mw901rm"], [{ variant: "contained", color: "tertiary" }, "mw901rn"], [{ variant: "contained", color: "destructive" }, "mw901ro"], [{ variant: "contained", color: "success" }, "mw901rp"], [{ variant: "contained", color: "warning" }, "mw901rq"], [{ variant: "contained", color: "info" }, "mw901rr"], [{ variant: "contained", color: "purple" }, "mw901rs"], [{ variant: "contained", color: "pink" }, "mw901rt"], [{ variant: "contained", color: "orange" }, "mw901ru"], [{ variant: "contained", color: "teal" }, "mw901rv"], [{ variant: "contained", color: "cyan" }, "mw901rw"], [{ variant: "contained", color: "indigo" }, "mw901rx"], [{ variant: "subtle", color: "primary" }, "mw901ry"], [{ variant: "subtle", color: "secondary" }, "mw901rz"], [{ variant: "subtle", color: "tertiary" }, "mw901r10"], [{ variant: "subtle", color: "destructive" }, "mw901r11"], [{ variant: "subtle", color: "success" }, "mw901r12"], [{ variant: "subtle", color: "warning" }, "mw901r13"], [{ variant: "subtle", color: "info" }, "mw901r14"], [{ variant: "subtle", color: "purple" }, "mw901r15"], [{ variant: "subtle", color: "pink" }, "mw901r16"], [{ variant: "subtle", color: "orange" }, "mw901r17"], [{ variant: "subtle", color: "teal" }, "mw901r18"], [{ variant: "subtle", color: "cyan" }, "mw901r19"], [{ variant: "subtle", color: "indigo" }, "mw901r1a"], [{ variant: "outlined", color: "primary" }, "mw901r1b"], [{ variant: "outlined", color: "secondary" }, "mw901r1c"], [{ variant: "outlined", color: "tertiary" }, "mw901r1d"], [{ variant: "outlined", color: "destructive" }, "mw901r1e"], [{ variant: "outlined", color: "success" }, "mw901r1f"], [{ variant: "outlined", color: "warning" }, "mw901r1g"], [{ variant: "outlined", color: "info" }, "mw901r1h"], [{ variant: "outlined", color: "purple" }, "mw901r1i"], [{ variant: "outlined", color: "pink" }, "mw901r1j"], [{ variant: "outlined", color: "orange" }, "mw901r1k"], [{ variant: "outlined", color: "teal" }, "mw901r1l"], [{ variant: "outlined", color: "cyan" }, "mw901r1m"], [{ variant: "outlined", color: "indigo" }, "mw901r1n"], [{ variant: "outlinedSubtle", color: "primary" }, "mw901r1o"], [{ variant: "outlinedSubtle", color: "secondary" }, "mw901r1p"], [{ variant: "outlinedSubtle", color: "tertiary" }, "mw901r1q"], [{ variant: "outlinedSubtle", color: "destructive" }, "mw901r1r"], [{ variant: "outlinedSubtle", color: "success" }, "mw901r1s"], [{ variant: "outlinedSubtle", color: "warning" }, "mw901r1t"], [{ variant: "outlinedSubtle", color: "info" }, "mw901r1u"], [{ variant: "outlinedSubtle", color: "purple" }, "mw901r1v"], [{ variant: "outlinedSubtle", color: "pink" }, "mw901r1w"], [{ variant: "outlinedSubtle", color: "orange" }, "mw901r1x"], [{ variant: "outlinedSubtle", color: "teal" }, "mw901r1y"], [{ variant: "outlinedSubtle", color: "cyan" }, "mw901r1z"], [{ variant: "outlinedSubtle", color: "indigo" }, "mw901r20"]] }) };

package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit42.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                      */var e="_14fy7o60";exports.RICH_TEXT_RENDERER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit39.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                      */var e="_14fy7o60";exports.RICH_TEXT_RENDERER_STYLES=e;
 //# sourceMappingURL=RichTextRenderer.css.cjs.map

package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit42.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit39.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                    */
 var r = "_14fy7o60";
 export {

package/dist/components/data-display/status-badge/styles/StatusBadge.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit55.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */const n=require("@vanilla-extract/recipes/createRuntimeFn");var e={root:"l0kdnh0",number:"l0kdnh1",indicator:n.createRuntimeFn({defaultClassName:"l0kdnh2",variantClassNames:{color:{primary:"l0kdnh3",secondary:"l0kdnh4",tertiary:"l0kdnh5",destructive:"l0kdnh6",success:"l0kdnh7",warning:"l0kdnh8",info:"l0kdnh9",purple:"l0kdnha",pink:"l0kdnhb",orange:"l0kdnhc",teal:"l0kdnhd",cyan:"l0kdnhe",indigo:"l0kdnhf"},position:{"top-left":"l0kdnhg","top-right":"l0kdnhh","bottom-left":"l0kdnhi","bottom-right":"l0kdnhj"},size:{sm:"l0kdnhk",md:"l0kdnhl",lg:"l0kdnhm"},hasNumber:{true:"l0kdnhn",false:"l0kdnho"}},defaultVariants:{color:"primary",position:"top-right",size:"md",hasNumber:!1},compoundVariants:[[{size:"sm",hasNumber:!0},"l0kdnhp"],[{size:"md",hasNumber:!0},"l0kdnhq"],[{size:"lg",hasNumber:!0},"l0kdnhr"]]})};exports.STATUS_BADGE_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit52.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */const n=require("@vanilla-extract/recipes/createRuntimeFn");var e={root:"l0kdnh0",number:"l0kdnh1",indicator:n.createRuntimeFn({defaultClassName:"l0kdnh2",variantClassNames:{color:{primary:"l0kdnh3",secondary:"l0kdnh4",tertiary:"l0kdnh5",destructive:"l0kdnh6",success:"l0kdnh7",warning:"l0kdnh8",info:"l0kdnh9",purple:"l0kdnha",pink:"l0kdnhb",orange:"l0kdnhc",teal:"l0kdnhd",cyan:"l0kdnhe",indigo:"l0kdnhf"},position:{"top-left":"l0kdnhg","top-right":"l0kdnhh","bottom-left":"l0kdnhi","bottom-right":"l0kdnhj"},size:{sm:"l0kdnhk",md:"l0kdnhl",lg:"l0kdnhm"},hasNumber:{true:"l0kdnhn",false:"l0kdnho"}},defaultVariants:{color:"primary",position:"top-right",size:"md",hasNumber:!1},compoundVariants:[[{size:"sm",hasNumber:!0},"l0kdnhp"],[{size:"md",hasNumber:!0},"l0kdnhq"],[{size:"lg",hasNumber:!0},"l0kdnhr"]]})};exports.STATUS_BADGE_STYLES=e;
 //# sourceMappingURL=StatusBadge.css.cjs.map

package/dist/components/data-display/status-badge/styles/StatusBadge.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit55.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit52.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                               */
 import { createRuntimeFn as n } from "@vanilla-extract/recipes/createRuntimeFn";
 var h = { root: "l0kdnh0", number: "l0kdnh1", indicator: n({ defaultClassName: "l0kdnh2", variantClassNames: { color: { primary: "l0kdnh3", secondary: "l0kdnh4", tertiary: "l0kdnh5", destructive: "l0kdnh6", success: "l0kdnh7", warning: "l0kdnh8", info: "l0kdnh9", purple: "l0kdnha", pink: "l0kdnhb", orange: "l0kdnhc", teal: "l0kdnhd", cyan: "l0kdnhe", indigo: "l0kdnhf" }, position: { "top-left": "l0kdnhg", "top-right": "l0kdnhh", "bottom-left": "l0kdnhi", "bottom-right": "l0kdnhj" }, size: { sm: "l0kdnhk", md: "l0kdnhl", lg: "l0kdnhm" }, hasNumber: { true: "l0kdnhn", false: "l0kdnho" } }, defaultVariants: { color: "primary", position: "top-right", size: "md", hasNumber: !1 }, compoundVariants: [[{ size: "sm", hasNumber: !0 }, "l0kdnhp"], [{ size: "md", hasNumber: !0 }, "l0kdnhq"], [{ size: "lg", hasNumber: !0 }, "l0kdnhr"]] }) };

package/dist/components/data-display/table/components/table-caption/styles/TableCaption.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit87.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"_1950t4m0"};exports.TABLE_CAPTION_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit96.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"_1950t4m0"};exports.TABLE_CAPTION_STYLES=e;
 //# sourceMappingURL=TableCaption.css.cjs.map

package/dist/components/data-display/table/components/table-caption/styles/TableCaption.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit87.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit96.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                */
 var t = { root: "_1950t4m0" };
 export {

package/dist/components/data-display/table/components/table-cell/styles/TableCell.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit96.css');require('../../../../../../ui-kit49.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                         */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_1x19plz0",variantClassNames:{align:{left:"_1x19plz1",center:"_1x19plz2",right:"_1x19plz3"}},defaultVariants:{align:"left"},compoundVariants:[]}),truncate:"_1x19plz4",numeric:"_1x19plz5"};exports.TABLE_CELL_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit89.css');require('../../../../../../ui-kit33.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                         */;/* empty css                               */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_1x19plz0",variantClassNames:{align:{left:"_1x19plz1",center:"_1x19plz2",right:"_1x19plz3"}},defaultVariants:{align:"left"},compoundVariants:[]}),truncate:"_1x19plz4",numeric:"_1x19plz5"};exports.TABLE_CELL_STYLES=r;
 //# sourceMappingURL=TableCell.css.cjs.map

package/dist/components/data-display/table/components/table-cell/styles/TableCell.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit96.css';import '../../../../../../ui-kit49.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit89.css';import '../../../../../../ui-kit33.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                       */
 /* empty css                             */
 import { createRuntimeFn as t } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/components/data-display/table/components/table-footer/styles/TableFooter.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit78.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_48ilzc0"};exports.TABLE_FOOTER_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit82.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_48ilzc0"};exports.TABLE_FOOTER_STYLES=e;
 //# sourceMappingURL=TableFooter.css.cjs.map

package/dist/components/data-display/table/components/table-footer/styles/TableFooter.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit78.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit82.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                               */
 var t = { root: "_48ilzc0" };
 export {