@cocso-ui/react 0.2.21 → 1.0.1

package/dist/esm/token/spacing.mjs

@@ -1,27 +1,28 @@
+/** Spacing token scale from s0 (0) to max (80px). */
 const spacing = {
-  s0: 'var(--ds-spacing-0)',
-  s1: 'var(--ds-spacing-1)',
-  s2: 'var(--ds-spacing-2)',
-  s3: 'var(--ds-spacing-3)',
-  s4: 'var(--ds-spacing-4)',
-  s5: 'var(--ds-spacing-5)',
-  s6: 'var(--ds-spacing-6)',
-  s7: 'var(--ds-spacing-7)',
-  s8: 'var(--ds-spacing-8)',
-  s9: 'var(--ds-spacing-9)',
-  s10: 'var(--ds-spacing-10)',
-  s11: 'var(--ds-spacing-11)',
-  s12: 'var(--ds-spacing-12)',
-  s13: 'var(--ds-spacing-13)',
-  s14: 'var(--ds-spacing-14)',
-  s15: 'var(--ds-spacing-15)',
-  s16: 'var(--ds-spacing-16)',
-  s17: 'var(--ds-spacing-17)',
-  s18: 'var(--ds-spacing-18)',
-  s19: 'var(--ds-spacing-19)',
-  s20: 'var(--ds-spacing-20)',
-  s21: 'var(--ds-spacing-21)',
-  max: 'var(--ds-spacing-max)'
+  s0: "var(--cocso-spacing-0)",
+  s1: "var(--cocso-spacing-1)",
+  s2: "var(--cocso-spacing-2)",
+  s3: "var(--cocso-spacing-3)",
+  s4: "var(--cocso-spacing-4)",
+  s5: "var(--cocso-spacing-5)",
+  s6: "var(--cocso-spacing-6)",
+  s7: "var(--cocso-spacing-7)",
+  s8: "var(--cocso-spacing-8)",
+  s9: "var(--cocso-spacing-9)",
+  s10: "var(--cocso-spacing-10)",
+  s11: "var(--cocso-spacing-11)",
+  s12: "var(--cocso-spacing-12)",
+  s13: "var(--cocso-spacing-13)",
+  s14: "var(--cocso-spacing-14)",
+  s15: "var(--cocso-spacing-15)",
+  s16: "var(--cocso-spacing-16)",
+  s17: "var(--cocso-spacing-17)",
+  s18: "var(--cocso-spacing-18)",
+  s19: "var(--cocso-spacing-19)",
+  s20: "var(--cocso-spacing-20)",
+  s21: "var(--cocso-spacing-21)",
+  max: "var(--cocso-spacing-max)"
 };
 
 export { spacing };

package/dist/esm/token/typography.d.mts

@@ -1,3 +1,4 @@
+/** Font size scale from 10 to 60. */
 declare const fontSize: {
     readonly 10: 10;
     readonly 11: 11;
@@ -16,11 +17,23 @@ declare const fontSize: {
     readonly 60: 60;
 };
 type FontSize = keyof typeof fontSize;
+/**
+ * A font size that can optionally vary across breakpoints.
+ *
+ * Accepted forms:
+ * - A single {@link FontSize} applied at all breakpoints.
+ * - A tuple `[base, tablet?, desktop?]` for ordered breakpoint overrides.
+ * - An object `{ base, tablet?, desktop? }` for named breakpoint overrides.
+ */
 type ResponsiveFontSize = FontSize | [FontSize, FontSize?, FontSize?] | {
     base: FontSize;
     tablet?: FontSize;
     desktop?: FontSize;
 };
+/**
+ * Font weights as defined in the CSS specification.
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
+ */
 declare const fontWeight: {
     readonly thin: 100;
     readonly extralight: 200;
@@ -33,6 +46,10 @@ declare const fontWeight: {
     readonly black: 900;
 };
 type FontWeight = keyof typeof fontWeight;
+/**
+ * Line heights as defined in the tailwindcss documentation.
+ * @see https://v3.tailwindcss.com/docs/line-height
+ */
 declare const lineHeight: {
     readonly none: 1;
     readonly tight: 1.25;

package/dist/esm/token/typography.mjs

@@ -1,3 +1,4 @@
+/** Font size scale from 10 to 60. */
 const fontSize = {
   10: 10,
   11: 11,
@@ -15,9 +16,19 @@ const fontSize = {
   44: 44,
   60: 60
 };
-/*
-  Font weights as defined in the CSS specification.
-  @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
+
+/**
+ * A font size that can optionally vary across breakpoints.
+ *
+ * Accepted forms:
+ * - A single {@link FontSize} applied at all breakpoints.
+ * - A tuple `[base, tablet?, desktop?]` for ordered breakpoint overrides.
+ * - An object `{ base, tablet?, desktop? }` for named breakpoint overrides.
+ */
+
+/**
+ * Font weights as defined in the CSS specification.
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
  */
 const fontWeight = {
   thin: 100,
@@ -30,9 +41,9 @@ const fontWeight = {
   extrabold: 800,
   black: 900
 };
-/*
-  Line heights as defined in the tailwindcss documentation.
-  @see https://v3.tailwindcss.com/docs/line-height
+/**
+ * Line heights as defined in the tailwindcss documentation.
+ * @see https://v3.tailwindcss.com/docs/line-height
  */
 const lineHeight = {
   none: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocso-ui/react",
-  "version": "0.2.21",
+  "version": "1.0.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cocso/cocso-ui.git",
@@ -26,42 +26,42 @@
     "dist"
   ],
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-one-time-password-field": "^0.1.8",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-primitive": "^2.1.3",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
+    "@base-ui/react": "^1.3.0",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "react-datepicker": "^8.8.0",
+    "input-otp": "^1.4.2",
+    "react-datepicker": "^9.1.0",
     "sonner": "^2.0.7",
+    "tailwind-merge": "^3.5.0",
     "ts-pattern": "^5.9.0",
-    "@cocso-ui/react-icons": "^0.2.0"
+    "@cocso-ui/react-icons": "^1.0.0"
   },
   "devDependencies": {
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@rollup/plugin-babel": "^6.1.0",
-    "@rollup/plugin-commonjs": "^28.0.9",
+    "@rollup/plugin-babel": "^7.0.0",
+    "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/react": "^10.0.6",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
-    "react": "^19.2.0",
-    "rollup": "^4.52.5",
-    "rollup-plugin-dts": "^6.2.3",
+    "@storybook/react": "^10.3.4",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitest/coverage-v8": "^4.1.2",
+    "jsdom": "^28.1.0",
+    "react": "^19.2.4",
+    "rollup": "^4.60.1",
+    "rollup-plugin-dts": "^6.4.1",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-preserve-directives": "^0.4.0",
-    "typescript": "^5.9.3"
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.2",
+    "@cocso-ui/codegen": "0.0.1"
   },
   "peerDependencies": {
-    "react": "^19.1.1"
+    "react": "^19.1.1",
+    "@cocso-ui/css": "^1.0.1"
   },
   "publishConfig": {
     "access": "public"
@@ -69,7 +69,10 @@
   "scripts": {
     "prebuild": "rm -rf dist",
     "build": "rollup -c rollup.config.cjs",
-    "lint": "biome lint .",
-    "lint:fix": "biome lint . --fix"
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
+    "lint": "biome check .",
+    "lint:fix": "biome check . --write"
   }
 }

package/dist/cjs/accordion/Accordion.d.ts

@@ -1,15 +0,0 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-
-interface TriggerProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
-    chevron?: boolean;
-}
-declare const Accordion: react.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & react.RefAttributes<HTMLDivElement>> & {
-    Item: react.ForwardRefExoticComponent<Omit<Omit<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    Header: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionHeaderProps & react.RefAttributes<HTMLHeadingElement>>;
-    Trigger: react.ForwardRefExoticComponent<TriggerProps & react.RefAttributes<HTMLButtonElement>>;
-    Content: react.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-};
-
-export { Accordion };

package/dist/cjs/accordion/Accordion.js

@@ -1,71 +0,0 @@
-'use strict';
-
-var reactIcons = require('@cocso-ui/react-icons');
-var AccordionPrimitive = require('@radix-ui/react-accordion');
-var clsx = require('clsx');
-var react = require('react');
-var Accordion_module = require('./Accordion.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(AccordionPrimitive);
-
-const AccordionItem = /*#__PURE__*/react.forwardRef(({
-  className,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsx(AccordionPrimitive__namespace.Item, {
-    ref: ref,
-    className: clsx.clsx(Accordion_module.item, className),
-    ...props
-  });
-});
-const AccordionTrigger = /*#__PURE__*/react.forwardRef(({
-  className,
-  children,
-  chevron = true,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsxs(AccordionPrimitive__namespace.Trigger, {
-    ref: ref,
-    className: clsx.clsx(Accordion_module.trigger, className),
-    ...props,
-    children: [children, chevron && /*#__PURE__*/jsxRuntime.jsx(reactIcons.KeyboardArrowDownIcon, {
-      className: Accordion_module.chevron
-    })]
-  });
-});
-const AccordionContent = /*#__PURE__*/react.forwardRef(({
-  className,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsx(AccordionPrimitive__namespace.Content, {
-    ref: ref,
-    className: clsx.clsx(Accordion_module.content, className),
-    ...props
-  });
-});
-const Accordion = Object.assign(AccordionPrimitive__namespace.Root, {
-  Item: AccordionItem,
-  Header: AccordionPrimitive__namespace.Header,
-  Trigger: AccordionTrigger,
-  Content: AccordionContent
-});
-
-exports.Accordion = Accordion;

package/dist/cjs/accordion/Accordion.module.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".Accordion-module_content__V9Ftc,.Accordion-module_item__iE3dq{overflow:hidden}.Accordion-module_content__V9Ftc[data-state=open]{animation:Accordion-module_slide-down__88c3a .3s cubic-bezier(.87,0,.13,1)}.Accordion-module_content__V9Ftc[data-state=closed]{animation:Accordion-module_slide-up__hbYw7 .3s cubic-bezier(.87,0,.13,1)}.Accordion-module_trigger__6nu7o{cursor:pointer;display:flex;justify-content:space-between;width:100%}.Accordion-module_chevron__oFGVg{display:inline-block;height:var(--ds-spacing-10);transition:transform .2s ease-in-out;width:var(--ds-spacing-10)}.Accordion-module_trigger__6nu7o[data-state=closed]>.Accordion-module_chevron__oFGVg{transform:rotate(0deg)}.Accordion-module_trigger__6nu7o[data-state=open]>.Accordion-module_chevron__oFGVg{transform:rotate(180deg)}@keyframes Accordion-module_slide-up__hbYw7{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes Accordion-module_slide-down__88c3a{0%{height:0}to{height:var(--radix-accordion-content-height)}}";
-var styles = {"item":"Accordion-module_item__iE3dq","content":"Accordion-module_content__V9Ftc","trigger":"Accordion-module_trigger__6nu7o","chevron":"Accordion-module_chevron__oFGVg"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/cjs/badge/Badge.d.ts

@@ -1,13 +0,0 @@
-import * as react from 'react';
-import { ComponentProps } from 'react';
-
-type BadgeSize = 'sm' | 'md' | 'lg';
-type BadgeVariant = 'default' | 'danger' | 'primary' | 'success' | 'warning';
-interface BadgeProps extends ComponentProps<'div'> {
-    size?: BadgeSize;
-    variant?: BadgeVariant;
-}
-declare const Badge: react.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-export { Badge };
-export type { BadgeProps };

package/dist/cjs/badge/Badge.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var clsx = require('clsx');
-var react = require('react');
-var tsPattern = require('ts-pattern');
-var Badge_module = require('./Badge.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Typography = require('../typography/Typography.js');
-var color = require('../token/color.js');
-
-const Badge = /*#__PURE__*/react.forwardRef(({
-  className,
-  children,
-  size = 'md',
-  variant = 'default',
-  style: _style,
-  ...props
-}, ref) => {
-  const style = {
-    ..._style,
-    '--cocso-badge-padding': getPadding(size),
-    '--cocso-badge-border-radius': '6px',
-    '--cocso-badge-bg-color': getBackgroundColor(variant)
-  };
-  const fontColor = getFontColor(variant);
-  const fontSize = getFontSize(size);
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: ref,
-    className: clsx.clsx(Badge_module.badge, className),
-    style: style,
-    ...props,
-    children: /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
-      color: fontColor,
-      size: fontSize,
-      weight: "medium",
-      lineHeight: "tight",
-      asChild: true,
-      children: /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: Badge_module.inner,
-        children: children
-      })
-    })
-  });
-});
-const getPadding = size => tsPattern.match(size).with('sm', () => '4px 8px').with('md', () => '6px 10px').with('lg', () => '8px 12px').exhaustive();
-const getFontSize = size => tsPattern.match(size).with('sm', () => 12).with('md', () => 14).with('lg', () => 16).exhaustive();
-const getFontColor = variant => tsPattern.match(variant).with('default', () => color.colors.neutral600).with('danger', () => color.colors.danger600).with('primary', () => color.colors.primary600).with('success', () => color.colors.success600).with('warning', () => color.colors.warning600).exhaustive();
-const getBackgroundColor = variant => tsPattern.match(variant).with('default', () => color.colors.neutral50).with('danger', () => color.colors.danger50).with('primary', () => color.colors.primary50).with('success', () => color.colors.success50).with('warning', () => color.colors.warning50).exhaustive();
-
-exports.Badge = Badge;

package/dist/cjs/badge/Badge.module.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".Badge-module_badge__ikDSa{--cocso-badge-padding:inherit;--cocso-badge-border-radius:inherit;--cocso-badge-bg-color:inherit;background-color:var(--cocso-badge-bg-color);border-radius:var(--cocso-badge-border-radius);display:inline-flex;padding:var(--cocso-badge-padding);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.Badge-module_inner__-g0sp{align-items:center;display:inline-flex;gap:2px}";
-var styles = {"badge":"Badge-module_badge__ikDSa","inner":"Badge-module_inner__-g0sp"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/cjs/button/Button.d.ts

@@ -1,23 +0,0 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { FontWeight } from '../token/typography.js';
-
-type ButtonSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'warning' | 'neutral';
-type ButtonShape = 'square' | 'circle' | 'rounded';
-interface ButtonProps extends Omit<ComponentPropsWithoutRef<'button'>, 'prefix'> {
-    asChild?: boolean;
-    size?: ButtonSize;
-    variant?: ButtonVariant;
-    weight?: FontWeight;
-    shape?: ButtonShape;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    svgOnly?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-}
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { Button };
-export type { ButtonProps, ButtonShape, ButtonSize, ButtonVariant };

package/dist/cjs/button/Button.js

@@ -1,117 +0,0 @@
-'use strict';
-
-var reactPrimitive = require('@radix-ui/react-primitive');
-var clsx = require('clsx');
-var react = require('react');
-var tsPattern = require('ts-pattern');
-var Button_module = require('./Button.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Spinner = require('../spinner/Spinner.js');
-var typography = require('../token/typography.js');
-var color = require('../token/color.js');
-
-const Button = /*#__PURE__*/react.forwardRef(({
-  asChild,
-  className,
-  style: _style,
-  children,
-  size = 'md',
-  variant = 'primary',
-  weight = 'medium',
-  shape = 'square',
-  prefix,
-  suffix,
-  svgOnly = false,
-  disabled = false,
-  loading = false,
-  ...props
-}, ref) => {
-  const style = {
-    ..._style,
-    ...getSizeStyles(size),
-    '--cocso-button-font-color': getColor(variant),
-    '--cocso-button-font-weight': typography.fontWeight[weight],
-    '--cocso-button-border': getBorder(variant),
-    '--cocso-button-border-radius': getBorderRadius(shape, size),
-    '--cocso-button-bg-color': getBackgroundColor(variant),
-    '--cocso-button-bg-color-hover': getBackgroundColorHover(variant),
-    '--cocso-button-bg-color-active': getBackgroundColorActive(variant)
-  };
-  const isDisabled = disabled || loading;
-  const cn = clsx.clsx(Button_module.button, isDisabled && Button_module.disabled, svgOnly && Button_module.svgOnly, className);
-  const renderButtonContent = ctx => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [loading && /*#__PURE__*/jsxRuntime.jsx(Spinner.Spinner, {
-      size: "sm",
-      color: "white"
-    }), prefix && /*#__PURE__*/jsxRuntime.jsx("span", {
-      className: Button_module.prefix,
-      children: prefix
-    }), /*#__PURE__*/jsxRuntime.jsx("span", {
-      className: Button_module.content,
-      children: ctx
-    }), suffix && /*#__PURE__*/jsxRuntime.jsx("span", {
-      className: Button_module.suffix,
-      children: suffix
-    })]
-  });
-  if (asChild) {
-    if (! /*#__PURE__*/react.isValidElement(children)) {
-      throw new Error('Button: asChild requires a single React element as a child');
-    }
-    const target = children;
-    const ctx = target.props.children;
-    return /*#__PURE__*/react.cloneElement(target, {
-      ref,
-      ...props,
-      ...target.props,
-      className: clsx.clsx(cn, target.props.className),
-      style: {
-        ...style,
-        ...target.props.style
-      },
-      children: renderButtonContent(ctx)
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsx(reactPrimitive.Primitive.button, {
-    ref: ref,
-    className: cn,
-    disabled: isDisabled,
-    style: style,
-    ...props,
-    children: renderButtonContent(children)
-  });
-});
-const getSizeStyles = size => {
-  const height = tsPattern.match(size).with('xl', () => 56).with('lg', () => 48).with('md', () => 40).with('sm', () => 32).with('xs', () => 28).exhaustive();
-  const inlinePadding = tsPattern.match(size).with('xl', () => 16).with('lg', () => 14).with('md', () => 10).with('sm', () => 8).with('xs', () => 6).exhaustive();
-  const contentPadding = tsPattern.match(size).with('xl', () => '0 6px').with('lg', () => '0 6px').with('md', () => '0 6px').with('sm', () => '0 2px').with('xs', () => '0').exhaustive();
-  const fontSize = tsPattern.match(size).with('xl', () => 16).with('lg', () => 16).with('xs', () => 12).otherwise(() => 14);
-  return {
-    '--cocso-button-height': `${height}px`,
-    '--cocso-button-padding-inline': `${inlinePadding}px`,
-    '--cocso-button-content-padding': contentPadding,
-    '--cocso-button-font-size': `${fontSize}px`
-  };
-};
-const getBorderRadius = (shape, size) => {
-  return tsPattern.match(shape).with('square', () => {
-    return tsPattern.match(size).with('xs', () => '4px').otherwise(() => '6px');
-  }).with('circle', () => '100%').with('rounded', () => '100px').exhaustive();
-};
-const getColor = variant => {
-  return tsPattern.match(variant).with('primary', 'success', 'error', 'neutral', () => color.colors.white).with('secondary', 'tertiary', 'warning', () => color.colors.neutral950).exhaustive();
-};
-const getBorder = variant => {
-  return tsPattern.match(variant).with('tertiary', () => `1px solid ${color.colors.neutral100}`).otherwise(() => 'none');
-};
-const getBackgroundColor = variant => {
-  return tsPattern.match(variant).with('primary', () => color.colors.primary500).with('secondary', () => color.colors.white).with('tertiary', () => color.colors.transparent).with('success', () => color.colors.success500).with('error', () => color.colors.danger500).with('warning', () => color.colors.warning300).with('neutral', () => color.colors.neutral950).exhaustive();
-};
-const getBackgroundColorHover = variant => {
-  return tsPattern.match(variant).with('primary', () => color.colors.primary600).with('secondary', () => color.colors.neutral50).with('tertiary', () => color.colors.neutral50).with('success', () => color.colors.success600).with('error', () => color.colors.danger600).with('warning', () => color.colors.warning400).with('neutral', () => color.colors.neutral800).exhaustive();
-};
-const getBackgroundColorActive = variant => {
-  return tsPattern.match(variant).with('primary', () => color.colors.primary700).with('secondary', () => color.colors.neutral100).with('tertiary', () => color.colors.neutral100).with('success', () => color.colors.success700).with('error', () => color.colors.danger700).with('warning', () => color.colors.warning500).with('neutral', () => color.colors.neutral700).exhaustive();
-};
-
-exports.Button = Button;

package/dist/cjs/button/Button.module.css.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = ".Button-module_button__eiKKZ{--cocso-button-height:inherit;--cocso-button-padding-inline:inherit;--cocso-button-content-padding:inherit;--cocso-button-font-color:inherit;--cocso-button-font-size:inherit;--cocso-button-font-weight:inherit;--cocso-button-border:inherit;--cocso-button-border-radius:inherit;--cocso-button-bg-color:inherit;align-items:center;background-color:var(--cocso-button-bg-color);border:var(--cocso-button-border);border-radius:var(--cocso-button-border-radius);color:var(--cocso-button-font-color);cursor:pointer;display:inline-flex;font-size:var(--cocso-button-font-size);font-weight:var(--cocso-button-font-weight);height:var(--cocso-button-height);justify-content:center;opacity:1;padding-inline:var(--cocso-button-padding-inline);position:relative;transform:translateZ(0);transition:background-color .15s ease-in-out,transform .15s ease-in-out}.Button-module_button__eiKKZ:not(.Button-module_disabled__M6r1w):hover{--cocso-button-bg-color-hover:inherit;background-color:var(--cocso-button-bg-color-hover)}.Button-module_button__eiKKZ:not(.Button-module_disabled__M6r1w):active{--cocso-button-bg-color-active:inherit;background-color:var(--cocso-button-bg-color-active);transform:scale(.98)}.Button-module_content__SVjwi{padding:var(--cocso-button-content-padding)}.Button-module_prefix__d7ljt{margin-right:2px}.Button-module_prefix__d7ljt,.Button-module_suffix__9oysT{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.Button-module_suffix__9oysT{margin-left:2px}.Button-module_disabled__M6r1w{cursor:not-allowed;opacity:.4}.Button-module_svgOnly__8RcZ7{aspect-ratio:1/1;padding:0}";
-var styles = {"button":"Button-module_button__eiKKZ","disabled":"Button-module_disabled__M6r1w","content":"Button-module_content__SVjwi","prefix":"Button-module_prefix__d7ljt","suffix":"Button-module_suffix__9oysT","svgOnly":"Button-module_svgOnly__8RcZ7"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/cjs/checkbox/Checkbox.d.ts

@@ -1,18 +0,0 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-
-type CheckboxSize = 'lg' | 'md' | 'sm';
-type CheckboxStatus = 'on' | 'off' | 'intermediate';
-interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, 'checked' | 'onCheckedChange' | 'onChange'> {
-    id?: string;
-    size?: CheckboxSize;
-    status: CheckboxStatus;
-    onChange: (status: CheckboxStatus) => void;
-    label?: string;
-    disabled?: boolean;
-}
-declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { Checkbox };
-export type { CheckboxProps, CheckboxSize, CheckboxStatus };