@clickhouse/click-ui 0.6.0 → 0.6.1-rc1

package/dist/cjs/components/Separator/index.cjs

@@ -1,10 +1,13 @@
+require("./Separator.css");
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const styledComponents = require('styled-components');
 const RadixSeparator = require('@radix-ui/react-separator');
+const cva = require('../../lib/cva.cjs');
+const Separator_module = require('./Separator.module.css.cjs');
+const classVarianceAuthority = require('class-variance-authority');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -26,27 +29,32 @@ function _interopNamespace(e) {
 
 const RadixSeparator__namespace = /*#__PURE__*/_interopNamespace(RadixSeparator);
 
-const CUISeparator = styledComponents.styled(RadixSeparator__namespace.Root).withConfig({
-  componentId: "sc-ladr1y-0"
-})(["", ""], ({
-  theme,
-  size,
-  orientation
-}) => `
-    &[data-orientation="horizontal"] {
-      width: 100%;
-      border-top: 0.0625rem solid ${theme.click.separator.color.stroke.default};
-    }
-    &[data-orientation="vertical"] {
-      height: 100%;
-      border-right: 0.0625rem solid ${theme.click.separator.color.stroke.default};
+const separatorVariants = classVarianceAuthority.cva(Separator_module.default.separator, {
+  variants: {
+    variant: {
+      "horizontal-xs": Separator_module.default["separator_variant_horizontal-xs"],
+      "horizontal-sm": Separator_module.default["separator_variant_horizontal-sm"],
+      "horizontal-md": Separator_module.default["separator_variant_horizontal-md"],
+      "horizontal-lg": Separator_module.default["separator_variant_horizontal-lg"],
+      "horizontal-xl": Separator_module.default["separator_variant_horizontal-xl"],
+      "horizontal-xxl": Separator_module.default["separator_variant_horizontal-xxl"],
+      "vertical-xs": Separator_module.default["separator_variant_vertical-xs"],
+      "vertical-sm": Separator_module.default["separator_variant_vertical-sm"],
+      "vertical-md": Separator_module.default["separator_variant_vertical-md"],
+      "vertical-lg": Separator_module.default["separator_variant_vertical-lg"],
+      "vertical-xl": Separator_module.default["separator_variant_vertical-xl"],
+      "vertical-xxl": Separator_module.default["separator_variant_vertical-xxl"]
     }
-    margin: ${orientation === "horizontal" ? `${theme.click.separator.horizontal.space.y[size]} ${theme.click.separator.horizontal.space.x.all}` : `${theme.click.separator.vertical.space.y.all} ${theme.click.separator.vertical.space.x[size]}`}
-  `);
+  }
+});
 const Separator = ({
   orientation = "horizontal",
+  size,
+  className,
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(CUISeparator, { orientation, ...props });
+}) => /* @__PURE__ */ jsxRuntime.jsx(RadixSeparator__namespace.Root, { orientation, ...props, className: cva.cn(separatorVariants({
+  variant: `${orientation}-${size}`
+}), className) });
 
 exports.Separator = Separator;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Separator/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport * as RadixSeparator from '@radix-ui/react-separator';\nimport { SeparatorProps } from './Separator.types';\nconst CUISeparator = styled(RadixSeparator.Root)<SeparatorProps>`\n  ${({ theme, size, orientation }) => `\n    &[data-orientation=\"horizontal\"] {\n      width: 100%;\n      border-top: 0.0625rem solid ${theme.click.separator.color.stroke.default};\n    }\n    &[data-orientation=\"vertical\"] {\n      height: 100%;\n      border-right: 0.0625rem solid ${theme.click.separator.color.stroke.default};\n    }\n    margin: ${\n      orientation === 'horizontal'\n        ? `${theme.click.separator.horizontal.space.y[size]} ${theme.click.separator.horizontal.space.x.all}`\n        : `${theme.click.separator.vertical.space.y.all} ${theme.click.separator.vertical.space.x[size]}`\n    }\n  `}\n`;\n\nexport const Separator = ({ orientation = 'horizontal', ...props }: SeparatorProps) => (\n  <CUISeparator\n    orientation={orientation}\n    {...props}\n  />\n);\n"],"names":["CUISeparator","styled","RadixSeparator","Root","withConfig","componentId","theme","size","orientation","click","separator","color","stroke","default","horizontal","space","y","x","all","vertical","Separator","props","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAMA,YAAAA,GAAeC,uBAAAA,CAAOC,yBAAAA,CAAeC,IAAI,EAACC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,GAC5C,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAOC,IAAAA;AAAAA,EAAMC;AAAY,CAAA,KAAM;AAAA;AAAA;AAAA,kCAAA,EAGFF,KAAAA,CAAMG,KAAAA,CAAMC,SAAAA,CAAUC,KAAAA,CAAMC,OAAOC,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA,oCAAA,EAIxCP,KAAAA,CAAMG,KAAAA,CAAMC,SAAAA,CAAUC,KAAAA,CAAMC,OAAOC,OAAO,CAAA;AAAA;AAAA,YAAA,EAG1EL,gBAAgB,YAAA,GACZ,CAAA,EAAGF,KAAAA,CAAMG,KAAAA,CAAMC,UAAUI,UAAAA,CAAWC,KAAAA,CAAMC,CAAAA,CAAET,IAAI,CAAC,CAAA,CAAA,EAAID,KAAAA,CAAMG,KAAAA,CAAMC,SAAAA,CAAUI,WAAWC,KAAAA,CAAME,CAAAA,CAAEC,GAAG,CAAA,CAAA,GACjG,GAAGZ,KAAAA,CAAMG,KAAAA,CAAMC,SAAAA,CAAUS,QAAAA,CAASJ,MAAMC,CAAAA,CAAEE,GAAG,CAAA,CAAA,EAAIZ,KAAAA,CAAMG,MAAMC,SAAAA,CAAUS,QAAAA,CAASJ,MAAME,CAAAA,CAAEV,IAAI,CAAC,CAAA,CAAE;AAAA,EAAA,CAEtG,CAAA;AAGI,MAAMa,YAAYA,CAAC;AAAA,EAAEZ,WAAAA,GAAc,YAAA;AAAA,EAAc,GAAGa;AAAsB,CAAA,qBAC/EC,cAAA,CAAC,YAAA,EAAA,EACC,WAAA,EACA,GAAID,KAAAA,EAAM;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import * as RadixSeparator from '@radix-ui/react-separator';\nimport { cn, cva } from '@/lib/cva';\nimport { SeparatorProps } from './Separator.types';\nimport styles from './Separator.module.css';\n\nconst separatorVariants = cva(styles.separator, {\n  variants: {\n    variant: {\n      'horizontal-xs': styles['separator_variant_horizontal-xs'],\n      'horizontal-sm': styles['separator_variant_horizontal-sm'],\n      'horizontal-md': styles['separator_variant_horizontal-md'],\n      'horizontal-lg': styles['separator_variant_horizontal-lg'],\n      'horizontal-xl': styles['separator_variant_horizontal-xl'],\n      'horizontal-xxl': styles['separator_variant_horizontal-xxl'],\n      'vertical-xs': styles['separator_variant_vertical-xs'],\n      'vertical-sm': styles['separator_variant_vertical-sm'],\n      'vertical-md': styles['separator_variant_vertical-md'],\n      'vertical-lg': styles['separator_variant_vertical-lg'],\n      'vertical-xl': styles['separator_variant_vertical-xl'],\n      'vertical-xxl': styles['separator_variant_vertical-xxl'],\n    },\n  },\n});\n\nexport const Separator = ({\n  orientation = 'horizontal',\n  size,\n  className,\n  ...props\n}: SeparatorProps) => (\n  <RadixSeparator.Root\n    orientation={orientation}\n    {...props}\n    className={cn(separatorVariants({ variant: `${orientation}-${size}` }), className)}\n  />\n);\n"],"names":["separatorVariants","cva","styles","separator","variants","variant","Separator","orientation","size","className","props","jsx","RadixSeparator","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,iBAAAA,GAAoBC,0BAAAA,CAAIC,wBAAAA,CAAOC,SAAAA,EAAW;AAAA,EAC9CC,QAAAA,EAAU;AAAA,IACRC,OAAAA,EAAS;AAAA,MACP,eAAA,EAAiBH,yBAAO,iCAAiC,CAAA;AAAA,MACzD,eAAA,EAAiBA,yBAAO,iCAAiC,CAAA;AAAA,MACzD,eAAA,EAAiBA,yBAAO,iCAAiC,CAAA;AAAA,MACzD,eAAA,EAAiBA,yBAAO,iCAAiC,CAAA;AAAA,MACzD,eAAA,EAAiBA,yBAAO,iCAAiC,CAAA;AAAA,MACzD,gBAAA,EAAkBA,yBAAO,kCAAkC,CAAA;AAAA,MAC3D,aAAA,EAAeA,yBAAO,+BAA+B,CAAA;AAAA,MACrD,aAAA,EAAeA,yBAAO,+BAA+B,CAAA;AAAA,MACrD,aAAA,EAAeA,yBAAO,+BAA+B,CAAA;AAAA,MACrD,aAAA,EAAeA,yBAAO,+BAA+B,CAAA;AAAA,MACrD,aAAA,EAAeA,yBAAO,+BAA+B,CAAA;AAAA,MACrD,cAAA,EAAgBA,yBAAO,gCAAgC;AAAA;AACzD;AAEJ,CAAC,CAAA;AAEM,MAAMI,YAAYA,CAAC;AAAA,EACxBC,WAAAA,GAAc,YAAA;AAAA,EACdC,IAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACA,GAAGC;AACW,CAAA,qBACdC,cAAA,CAACC,0BAAe,IAAA,EAAf,EACC,aACA,GAAIF,KAAAA,EACJ,SAAA,EAAWG,MAAAA,CAAGb,iBAAAA,CAAkB;AAAA,EAAEK,OAAAA,EAAS,CAAA,EAAGE,WAAW,CAAA,CAAA,EAAIC,IAAI,CAAA;AAAG,CAAC,CAAA,EAAGC,SAAS,CAAA,EAAE;;;;"}

package/dist/cjs/components/Spacer/Spacer.css

@@ -0,0 +1,28 @@
+.spacer__okdOd {
+  display: flex;
+  background: transparent;
+}
+
+.spacer_size_xs__-oP-2 {
+  padding: var(--click-spacer-horizontal-space-y-xs) var(--click-spacer-horizontal-space-x-all);
+}
+
+.spacer_size_sm__k6iFW {
+  padding: var(--click-spacer-horizontal-space-y-sm) var(--click-spacer-horizontal-space-x-all);
+}
+
+.spacer_size_md__rX0x5 {
+  padding: var(--click-spacer-horizontal-space-y-md) var(--click-spacer-horizontal-space-x-all);
+}
+
+.spacer_size_lg__PWKa0 {
+  padding: var(--click-spacer-horizontal-space-y-lg) var(--click-spacer-horizontal-space-x-all);
+}
+
+.spacer_size_xl__IrjcH {
+  padding: var(--click-spacer-horizontal-space-y-xl) var(--click-spacer-horizontal-space-x-all);
+}
+
+.spacer_size_xxl__upvXv {
+  padding: var(--click-spacer-horizontal-space-y-xxl) var(--click-spacer-horizontal-space-x-all);
+}

package/dist/cjs/components/Spacer/Spacer.module.css.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const spacer = "spacer__okdOd";
+const spacer_size_xs = "spacer_size_xs__-oP-2";
+const spacer_size_sm = "spacer_size_sm__k6iFW";
+const spacer_size_md = "spacer_size_md__rX0x5";
+const spacer_size_lg = "spacer_size_lg__PWKa0";
+const spacer_size_xl = "spacer_size_xl__IrjcH";
+const spacer_size_xxl = "spacer_size_xxl__upvXv";
+const styles = {
+	spacer: spacer,
+	spacer_size_xs: spacer_size_xs,
+	spacer_size_sm: spacer_size_sm,
+	spacer_size_md: spacer_size_md,
+	spacer_size_lg: spacer_size_lg,
+	spacer_size_xl: spacer_size_xl,
+	spacer_size_xxl: spacer_size_xxl
+};
+
+exports.default = styles;
+exports.spacer = spacer;
+exports.spacer_size_lg = spacer_size_lg;
+exports.spacer_size_md = spacer_size_md;
+exports.spacer_size_sm = spacer_size_sm;
+exports.spacer_size_xl = spacer_size_xl;
+exports.spacer_size_xs = spacer_size_xs;
+exports.spacer_size_xxl = spacer_size_xxl;
+//# sourceMappingURL=Spacer.module.css.cjs.map

package/dist/cjs/components/Spacer/Spacer.module.css.cjs.map

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

package/dist/cjs/components/Spacer/index.cjs

@@ -1,19 +1,33 @@
+require("./Spacer.css");
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const styledComponents = require('styled-components');
+const cva = require('../../lib/cva.cjs');
+const Spacer_module = require('./Spacer.module.css.cjs');
+const classVarianceAuthority = require('class-variance-authority');
 
-const CUISpacer = styledComponents.styled.div.withConfig({
-  componentId: "sc-6ga865-0"
-})(["background:transparent;display:flex;padding:", ";"], ({
-  theme,
-  $size = "md"
-}) => `${theme.click.spacer.horizontal.space.y[$size]} ${theme.click.spacer.horizontal.space.x.all}`);
+const spacerVariants = classVarianceAuthority.cva(Spacer_module.default.spacer, {
+  variants: {
+    size: {
+      xs: Spacer_module.default["spacer_size_xs"],
+      sm: Spacer_module.default["spacer_size_sm"],
+      md: Spacer_module.default["spacer_size_md"],
+      lg: Spacer_module.default["spacer_size_lg"],
+      xl: Spacer_module.default["spacer_size_xl"],
+      xxl: Spacer_module.default["spacer_size_xxl"]
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
 const Spacer = ({
   size
-}) => /* @__PURE__ */ jsxRuntime.jsx(CUISpacer, { $size: size });
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(spacerVariants({
+  size
+})) });
 
 exports.Spacer = Spacer;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Spacer/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport { SpacerProps, SizeType } from './Spacer.types';\n\nconst CUISpacer = styled.div<{\n  $size?: SizeType;\n}>`\n  background: transparent;\n  display: flex;\n  padding: ${({ theme, $size = 'md' }) =>\n    `${theme.click.spacer.horizontal.space.y[$size]} ${theme.click.spacer.horizontal.space.x.all}`};\n`;\n\nexport const Spacer = ({ size }: SpacerProps) => <CUISpacer $size={size} />;\n"],"names":["CUISpacer","styled","div","withConfig","componentId","theme","$size","click","spacer","horizontal","space","y","x","all","Spacer","size","jsx"],"mappings":";;;;;;;AAGA,MAAMA,SAAAA,GAAYC,uBAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,8CAAA,EAAA,GAAA,GAKf,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAOC,KAAAA,GAAQ;AAAK,CAAA,KAChC,GAAGD,KAAAA,CAAME,KAAAA,CAAMC,MAAAA,CAAOC,UAAAA,CAAWC,MAAMC,CAAAA,CAAEL,KAAK,CAAC,CAAA,CAAA,EAAID,MAAME,KAAAA,CAAMC,MAAAA,CAAOC,WAAWC,KAAAA,CAAME,CAAAA,CAAEC,GAAG,CAAA,CAAE,CAAA;AAG3F,MAAMC,SAASA,CAAC;AAAA,EAAEC;AAAkB,CAAA,qBAAMC,cAAA,CAAC,SAAA,EAAA,EAAU,KAAA,EAAOD,IAAAA,EAAK;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import { cn, cva } from '@/lib/cva';\nimport { SpacerProps } from './Spacer.types';\nimport styles from './Spacer.module.css';\n\nconst spacerVariants = cva(styles.spacer, {\n  variants: {\n    size: {\n      xs: styles['spacer_size_xs'],\n      sm: styles['spacer_size_sm'],\n      md: styles['spacer_size_md'],\n      lg: styles['spacer_size_lg'],\n      xl: styles['spacer_size_xl'],\n      xxl: styles['spacer_size_xxl'],\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport const Spacer = ({ size }: SpacerProps) => (\n  <div className={cn(spacerVariants({ size }))} />\n);\n"],"names":["spacerVariants","cva","styles","spacer","variants","size","xs","sm","md","lg","xl","xxl","defaultVariants","Spacer","jsx","cn"],"mappings":";;;;;;;;;AAIA,MAAMA,cAAAA,GAAiBC,0BAAAA,CAAIC,qBAAAA,CAAOC,MAAAA,EAAQ;AAAA,EACxCC,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,EAAAA,EAAIJ,sBAAO,gBAAgB,CAAA;AAAA,MAC3BK,EAAAA,EAAIL,sBAAO,gBAAgB,CAAA;AAAA,MAC3BM,EAAAA,EAAIN,sBAAO,gBAAgB,CAAA;AAAA,MAC3BO,EAAAA,EAAIP,sBAAO,gBAAgB,CAAA;AAAA,MAC3BQ,EAAAA,EAAIR,sBAAO,gBAAgB,CAAA;AAAA,MAC3BS,GAAAA,EAAKT,sBAAO,iBAAiB;AAAA;AAC/B,GACF;AAAA,EACAU,eAAAA,EAAiB;AAAA,IACfP,IAAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAEM,MAAMQ,SAASA,CAAC;AAAA,EAAER;AAAkB,CAAA,qBACzCS,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,MAAAA,CAAGf,cAAAA,CAAe;AAAA,EAAEK;AAAK,CAAC,CAAC,CAAA,EAAE;;;;"}

package/dist/cjs/components/Switch/Switch.css

@@ -0,0 +1,65 @@
+/* The wrapper class is applied alongside FormRoot's styled-components class.
+   The .wrapper.wrapper double-class boost matches the specificity behavior of
+   the original `styled(FormRoot)` chain so these overrides reliably beat
+   FormRoot's `align-items: flex-start` regardless of stylesheet insertion
+   order between CSS Modules and the runtime-injected styled-components. */
+.wrapper__kudO9.wrapper__kudO9 {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- `fit-content`
+     keyword on `max-width` is widely supported on evergreen browsers; the original
+     styled-components rule used the same value. */
+  max-width: fit-content;
+  align-items: center;
+}
+
+.switch__hgdMu {
+  position: relative;
+  width: var(--click-switch-size-width);
+  height: var(--click-switch-size-height);
+  padding: 0;
+  border: 1px solid var(--click-switch-color-stroke-default);
+  border-radius: var(--click-switch-radii-all);
+  background-color: var(--click-switch-color-background-default);
+  cursor: pointer;
+}
+
+.switch__hgdMu[data-state='checked'] {
+  border: 1px solid var(--click-switch-color-stroke-active);
+  background-color: var(--click-switch-color-background-active);
+}
+
+/* stylelint-disable no-descending-specificity -- disabled state intentionally
+   defined after the checked state to mirror the original `getRootVars`
+   priority, where `disabled` is evaluated before `checked` so a disabled
+   switch always shows the disabled colors regardless of checked. */
+.switch__hgdMu[data-disabled],
+.switch__hgdMu[data-disabled][data-state='checked'] {
+  border: 1px solid var(--click-switch-color-stroke-disabled);
+  background-color: var(--click-switch-color-background-disabled);
+  cursor: not-allowed;
+}
+/* stylelint-enable no-descending-specificity */
+
+.switch__thumb__cPlbD {
+  display: block;
+  width: 12px;
+  height: 12px;
+  border-radius: var(--click-switch-radii-all);
+  background-color: var(--click-switch-color-indicator-default);
+  transition: transform 100ms;
+  transform: translateX(2px);
+  will-change: transform;
+}
+
+.switch__thumb__cPlbD[data-state='checked'] {
+  background-color: var(--click-switch-color-indicator-active);
+  transform: translateX(15px);
+}
+
+/* stylelint-disable no-descending-specificity -- disabled state intentionally
+   defined after the checked state to mirror the original `getThumbVars`
+   priority, where `disabled` is evaluated before `checked`. */
+.switch__thumb__cPlbD[data-disabled],
+.switch__thumb__cPlbD[data-disabled][data-state='checked'] {
+  background-color: var(--click-switch-color-indicator-disabled);
+}
+/* stylelint-enable no-descending-specificity */

package/dist/cjs/components/Switch/Switch.module.css.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const wrapper = "wrapper__kudO9";
+const switch__thumb = "switch__thumb__cPlbD";
+const styles = {
+	wrapper: wrapper,
+	"switch": "switch__hgdMu",
+	switch__thumb: switch__thumb
+};
+
+exports.default = styles;
+exports.switch__thumb = switch__thumb;
+exports.wrapper = wrapper;
+//# sourceMappingURL=Switch.module.css.cjs.map

package/dist/cjs/components/Switch/Switch.module.css.cjs.map

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

package/dist/cjs/components/Switch/index.cjs

@@ -1,3 +1,4 @@
+require("./Switch.css");
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -5,9 +6,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const RadixSwitch = require('@radix-ui/react-switch');
 const react = require('react');
-const styledComponents = require('styled-components');
-const GenericLabel = require('../GenericLabel/index.cjs');
+const cva = require('../../lib/cva.cjs');
+const Switch_module = require('./Switch.module.css.cjs');
 const FormRoot = require('../FormContainer/FormRoot.cjs');
+const GenericLabel = require('../GenericLabel/index.cjs');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -29,9 +31,6 @@ function _interopNamespace(e) {
 
 const RadixSwitch__namespace = /*#__PURE__*/_interopNamespace(RadixSwitch);
 
-const Wrapper = styledComponents.styled(FormRoot.FormRoot).withConfig({
-  componentId: "sc-egkkgl-0"
-})(["align-items:center;max-width:fit-content;"]);
 const Switch = react.forwardRef(({
   checked,
   disabled,
@@ -39,77 +38,15 @@ const Switch = react.forwardRef(({
   dir,
   label,
   id,
+  className,
   ...props
 }, ref) => {
   const defaultId = react.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { $orientation: orientation, $dir: dir, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SwitchRoot, { ref, id: id ?? defaultId, disabled, "aria-label": `${label}`, checked, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(SwitchThumb, { $checked: checked, $disabled: disabled }) }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(FormRoot.FormRoot, { $orientation: orientation, $dir: dir, className: Switch_module.default.wrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(RadixSwitch__namespace.Root, { ref, id: id ?? defaultId, disabled, "aria-label": `${label}`, checked, ...props, className: cva.cn(Switch_module.default.switch, className), children: /* @__PURE__ */ jsxRuntime.jsx(RadixSwitch__namespace.Thumb, { className: Switch_module.default.switch__thumb }) }),
     label && /* @__PURE__ */ jsxRuntime.jsx(GenericLabel.GenericLabel, { htmlFor: id ?? defaultId, disabled, children: label })
   ] });
 });
-const getRootVars = (theme, disabled, checked) => {
-  if (disabled) {
-    return {
-      backgroundColor: theme.click.switch.color.background.disabled,
-      border: `1px solid ${theme.click.switch.color.stroke.disabled}`
-    };
-  } else if (checked) {
-    return {
-      backgroundColor: theme.click.switch.color.background.active,
-      border: `1px solid ${theme.click.switch.color.stroke.active}`
-    };
-  } else {
-    return {
-      backgroundColor: theme.click.switch.color.background.default,
-      border: `1px solid ${theme.click.switch.color.stroke.default}`
-    };
-  }
-};
-const getThumbVars = (theme, disabled, checked) => {
-  if (disabled) {
-    return {
-      backgroundColor: theme.click.switch.color.indicator.disabled
-    };
-  } else if (checked) {
-    return {
-      backgroundColor: theme.click.switch.color.indicator.active
-    };
-  } else {
-    return {
-      backgroundColor: theme.click.switch.color.indicator.default
-    };
-  }
-};
-const SwitchRoot = styledComponents.styled(RadixSwitch__namespace.Root).withConfig({
-  componentId: "sc-egkkgl-1"
-})((props) => {
-  const vars = getRootVars(props.theme, props.disabled ?? false, props.checked ?? false);
-  return {
-    width: props.theme.click.switch.size.width,
-    height: props.theme.click.switch.size.height,
-    backgroundColor: vars.backgroundColor,
-    border: vars.border,
-    borderRadius: props.theme.click.switch.radii.all,
-    position: "relative",
-    padding: 0,
-    cursor: props.disabled ? "not-allowed" : "pointer"
-  };
-});
-const SwitchThumb = styledComponents.styled(RadixSwitch__namespace.Thumb).withConfig({
-  componentId: "sc-egkkgl-2"
-})((props) => {
-  const vars = getThumbVars(props.theme, props.$disabled, props.$checked);
-  return {
-    display: "block",
-    width: "12px",
-    height: "12px",
-    backgroundColor: vars.backgroundColor,
-    borderRadius: props.theme.click.switch.radii.all,
-    transition: "transform 100ms",
-    transform: props.$checked ? "translateX(15px)" : "translateX(2px)",
-    willChange: "transform"
-  };
-});
 
 exports.Switch = Switch;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Switch/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch';\nimport { forwardRef, useId } from 'react';\nimport { styled } from 'styled-components';\nimport { FormRoot } from '@/components/FormContainer';\nimport { GenericLabel } from '@/components/GenericLabel';\nimport { SwitchProps } from './Switch.types';\nimport type { Theme } from '@/theme/theme.types';\n\ninterface ThumbProps {\n  $checked: boolean;\n  $disabled?: boolean;\n}\n\nconst Wrapper = styled(FormRoot)`\n  align-items: center;\n  max-width: fit-content;\n`;\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ checked, disabled, orientation, dir, label, id, ...props }, ref) => {\n    const defaultId = useId();\n    return (\n      <Wrapper\n        $orientation={orientation}\n        $dir={dir}\n      >\n        <SwitchRoot\n          ref={ref}\n          id={id ?? defaultId}\n          disabled={disabled}\n          aria-label={`${label}`}\n          checked={checked}\n          {...props}\n        >\n          <SwitchThumb\n            $checked={checked}\n            $disabled={disabled}\n          />\n        </SwitchRoot>\n        {label && (\n          <GenericLabel\n            htmlFor={id ?? defaultId}\n            disabled={disabled}\n          >\n            {label}\n          </GenericLabel>\n        )}\n      </Wrapper>\n    );\n  }\n);\n\nconst getRootVars = (theme: Theme, disabled: boolean | undefined, checked: boolean) => {\n  if (disabled) {\n    return {\n      backgroundColor: theme.click.switch.color.background.disabled,\n      border: `1px solid ${theme.click.switch.color.stroke.disabled}`,\n    };\n  } else if (checked) {\n    return {\n      backgroundColor: theme.click.switch.color.background.active,\n      border: `1px solid ${theme.click.switch.color.stroke.active}`,\n    };\n  } else {\n    return {\n      backgroundColor: theme.click.switch.color.background.default,\n      border: `1px solid ${theme.click.switch.color.stroke.default}`,\n    };\n  }\n};\n\nconst getThumbVars = (theme: Theme, disabled: boolean | undefined, checked: boolean) => {\n  if (disabled) {\n    return {\n      backgroundColor: theme.click.switch.color.indicator.disabled,\n    };\n  } else if (checked) {\n    return {\n      backgroundColor: theme.click.switch.color.indicator.active,\n    };\n  } else {\n    return {\n      backgroundColor: theme.click.switch.color.indicator.default,\n    };\n  }\n};\n\nconst SwitchRoot = styled(RadixSwitch.Root)(props => {\n  const vars = getRootVars(props.theme, props.disabled ?? false, props.checked ?? false);\n\n  return {\n    width: props.theme.click.switch.size.width,\n    height: props.theme.click.switch.size.height,\n    backgroundColor: vars.backgroundColor,\n    border: vars.border,\n    borderRadius: props.theme.click.switch.radii.all,\n    position: 'relative',\n    padding: 0,\n    cursor: props.disabled ? 'not-allowed' : 'pointer',\n  };\n});\n\nconst SwitchThumb = styled(RadixSwitch.Thumb)<ThumbProps>(props => {\n  const vars = getThumbVars(props.theme, props.$disabled, props.$checked);\n\n  return {\n    display: 'block',\n    width: '12px',\n    height: '12px',\n    backgroundColor: vars.backgroundColor,\n    borderRadius: props.theme.click.switch.radii.all,\n    transition: 'transform 100ms',\n    transform: props.$checked ? 'translateX(15px)' : 'translateX(2px)',\n    willChange: 'transform',\n  };\n});\n"],"names":["Wrapper","styled","FormRoot","withConfig","componentId","Switch","forwardRef","checked","disabled","orientation","dir","label","id","props","ref","defaultId","useId","jsxs","jsx","GenericLabel","getRootVars","theme","backgroundColor","click","switch","color","background","border","stroke","active","default","getThumbVars","indicator","SwitchRoot","RadixSwitch","Root","vars","width","size","height","borderRadius","radii","all","position","padding","cursor","SwitchThumb","Thumb","$disabled","$checked","display","transition","transform","willChange"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch';\nimport { forwardRef, useId } from 'react';\nimport { FormRoot } from '@/components/FormContainer';\nimport { GenericLabel } from '@/components/GenericLabel';\nimport { cn } from '@/lib/cva';\nimport styles from './Switch.module.css';\nimport { SwitchProps } from './Switch.types';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ checked, disabled, orientation, dir, label, id, className, ...props }, ref) => {\n    const defaultId = useId();\n    return (\n      <FormRoot\n        $orientation={orientation}\n        $dir={dir}\n        className={styles.wrapper}\n      >\n        <RadixSwitch.Root\n          ref={ref}\n          id={id ?? defaultId}\n          disabled={disabled}\n          aria-label={`${label}`}\n          checked={checked}\n          {...props}\n          className={cn(styles.switch, className)}\n        >\n          <RadixSwitch.Thumb className={styles.switch__thumb} />\n        </RadixSwitch.Root>\n        {label && (\n          <GenericLabel\n            htmlFor={id ?? defaultId}\n            disabled={disabled}\n          >\n            {label}\n          </GenericLabel>\n        )}\n      </FormRoot>\n    );\n  }\n);\n"],"names":["Switch","forwardRef","checked","disabled","orientation","dir","label","id","className","props","ref","defaultId","useId","jsxs","FormRoot","styles","wrapper","jsx","RadixSwitch","cn","switch","switch__thumb","GenericLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,MAAAA,GAASC,iBACpB,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAASC,QAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAaC,GAAAA;AAAAA,EAAKC,KAAAA;AAAAA,EAAOC,EAAAA;AAAAA,EAAIC,SAAAA;AAAAA,EAAW,GAAGC;AAAM,CAAA,EAAGC,GAAAA,KAAQ;AAChF,EAAA,MAAMC,YAAYC,WAAAA,EAAM;AACxB,EAAA,uBACEC,eAAA,CAACC,qBACC,YAAA,EAAcV,WAAAA,EACd,MAAMC,GAAAA,EACN,SAAA,EAAWU,sBAAOC,OAAAA,EAElB,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,sBAAA,CAAY,IAAA,EAAZ,EACC,GAAA,EACA,EAAA,EAAIX,EAAAA,IAAMI,SAAAA,EACV,QAAA,EACA,YAAA,EAAY,CAAA,EAAGL,KAAK,CAAA,CAAA,EACpB,OAAA,EACA,GAAIG,KAAAA,EACJ,SAAA,EAAWU,MAAAA,CAAGJ,qBAAAA,CAAOK,MAAAA,EAAQZ,SAAS,CAAA,EAEtC,QAAA,kBAAAS,cAAA,CAACC,sBAAA,CAAY,KAAA,EAAZ,EAAkB,SAAA,EAAWH,qBAAAA,CAAOM,aAAAA,EAAc,CAAA,EACrD,CAAA;AAAA,IACCf,yBACCW,cAAA,CAACK,yBAAA,EAAA,EACC,SAASf,EAAAA,IAAMI,SAAAA,EACf,UAECL,QAAAA,EAAAA,KAAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ,CACF;;;;"}

package/dist/cjs/components/Text/Text.css

@@ -0,0 +1,125 @@
+.text__78lq0 {
+  margin: 0;
+  color: var(--click-global-color-text-default);
+  font: var(--typography-styles-product-text-normal-md);
+  text-align: left;
+}
+
+.text_fill-width__zRuxC {
+  width: 100%;
+}
+
+/* font shorthand depends on both size and weight; one class per pairing
+   mirrors the single `font:` declaration emitted by styled-components. */
+
+.text_font_normal-xs__78uM- {
+  font: var(--typography-styles-product-text-normal-xs);
+}
+
+.text_font_normal-sm__nFGGC {
+  font: var(--typography-styles-product-text-normal-sm);
+}
+
+.text_font_normal-md__In-T2 {
+  font: var(--typography-styles-product-text-normal-md);
+}
+
+.text_font_normal-lg__WHd7I {
+  font: var(--typography-styles-product-text-normal-lg);
+}
+
+.text_font_medium-xs__KhN9o {
+  font: var(--typography-styles-product-text-medium-xs);
+}
+
+.text_font_medium-sm__zOR0K {
+  font: var(--typography-styles-product-text-medium-sm);
+}
+
+.text_font_medium-md__-svhL {
+  font: var(--typography-styles-product-text-medium-md);
+}
+
+.text_font_medium-lg__G8YvP {
+  font: var(--typography-styles-product-text-medium-lg);
+}
+
+.text_font_semibold-xs__MM2zu {
+  font: var(--typography-styles-product-text-semibold-xs);
+}
+
+.text_font_semibold-sm__2-9t1 {
+  font: var(--typography-styles-product-text-semibold-sm);
+}
+
+.text_font_semibold-md__o-5L5 {
+  font: var(--typography-styles-product-text-semibold-md);
+}
+
+.text_font_semibold-lg__0Tcyn {
+  font: var(--typography-styles-product-text-semibold-lg);
+}
+
+.text_font_bold-xs__WGk3B {
+  font: var(--typography-styles-product-text-bold-xs);
+}
+
+.text_font_bold-sm__-h2Ak {
+  font: var(--typography-styles-product-text-bold-sm);
+}
+
+.text_font_bold-md__IdFMh {
+  font: var(--typography-styles-product-text-bold-md);
+}
+
+.text_font_bold-lg__TAnMH {
+  font: var(--typography-styles-product-text-bold-lg);
+}
+
+.text_font_mono-xs__h2Ng9 {
+  font: var(--typography-styles-product-text-mono-xs);
+}
+
+.text_font_mono-sm__-TW-0 {
+  font: var(--typography-styles-product-text-mono-sm);
+}
+
+.text_font_mono-md__8WvNk {
+  font: var(--typography-styles-product-text-mono-md);
+}
+
+.text_font_mono-lg__1npTu {
+  font: var(--typography-styles-product-text-mono-lg);
+}
+
+.text_color_default__225Wd {
+  color: var(--click-global-color-text-default);
+}
+
+.text_color_muted__DpcbG {
+  color: var(--click-global-color-text-muted);
+}
+
+.text_color_danger__hphaQ {
+  color: var(--click-global-color-text-danger);
+}
+
+.text_color_disabled__noB1s {
+  color: var(--click-global-color-text-disabled);
+}
+
+.text_color_warning__OosOF {
+  color: var(--click-global-color-text-warning);
+}
+
+.text_align_left__W0fKP {
+  text-align: left;
+}
+
+.text_align_center__TjmiH {
+  text-align: center;
+}
+
+.text_align_right__azLA3 {
+  text-align: right;
+}

package/dist/cjs/components/Text/Text.module.css.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const text = "text__78lq0";
+const text_color_default = "text_color_default__225Wd";
+const text_color_muted = "text_color_muted__DpcbG";
+const text_color_danger = "text_color_danger__hphaQ";
+const text_color_disabled = "text_color_disabled__noB1s";
+const text_color_warning = "text_color_warning__OosOF";
+const text_align_left = "text_align_left__W0fKP";
+const text_align_center = "text_align_center__TjmiH";
+const text_align_right = "text_align_right__azLA3";
+const styles = {
+	text: text,
+	"text_fill-width": "text_fill-width__zRuxC",
+	"text_font_normal-xs": "text_font_normal-xs__78uM-",
+	"text_font_normal-sm": "text_font_normal-sm__nFGGC",
+	"text_font_normal-md": "text_font_normal-md__In-T2",
+	"text_font_normal-lg": "text_font_normal-lg__WHd7I",
+	"text_font_medium-xs": "text_font_medium-xs__KhN9o",
+	"text_font_medium-sm": "text_font_medium-sm__zOR0K",
+	"text_font_medium-md": "text_font_medium-md__-svhL",
+	"text_font_medium-lg": "text_font_medium-lg__G8YvP",
+	"text_font_semibold-xs": "text_font_semibold-xs__MM2zu",
+	"text_font_semibold-sm": "text_font_semibold-sm__2-9t1",
+	"text_font_semibold-md": "text_font_semibold-md__o-5L5",
+	"text_font_semibold-lg": "text_font_semibold-lg__0Tcyn",
+	"text_font_bold-xs": "text_font_bold-xs__WGk3B",
+	"text_font_bold-sm": "text_font_bold-sm__-h2Ak",
+	"text_font_bold-md": "text_font_bold-md__IdFMh",
+	"text_font_bold-lg": "text_font_bold-lg__TAnMH",
+	"text_font_mono-xs": "text_font_mono-xs__h2Ng9",
+	"text_font_mono-sm": "text_font_mono-sm__-TW-0",
+	"text_font_mono-md": "text_font_mono-md__8WvNk",
+	"text_font_mono-lg": "text_font_mono-lg__1npTu",
+	text_color_default: text_color_default,
+	text_color_muted: text_color_muted,
+	text_color_danger: text_color_danger,
+	text_color_disabled: text_color_disabled,
+	text_color_warning: text_color_warning,
+	text_align_left: text_align_left,
+	text_align_center: text_align_center,
+	text_align_right: text_align_right
+};
+
+exports.default = styles;
+exports.text = text;
+exports.text_align_center = text_align_center;
+exports.text_align_left = text_align_left;
+exports.text_align_right = text_align_right;
+exports.text_color_danger = text_color_danger;
+exports.text_color_default = text_color_default;
+exports.text_color_disabled = text_color_disabled;
+exports.text_color_muted = text_color_muted;
+exports.text_color_warning = text_color_warning;
+//# sourceMappingURL=Text.module.css.cjs.map

package/dist/cjs/components/Text/Text.module.css.cjs.map

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