@cocso-ui/react 0.2.21 → 1.0.1

package/dist/cjs/switch/Switch.js

@@ -1,89 +0,0 @@
-'use strict';
-
-var reactPrimitive = require('@radix-ui/react-primitive');
-var SwitchPrimitive = require('@radix-ui/react-switch');
-var clsx = require('clsx');
-var react = require('react');
-var tsPattern = require('ts-pattern');
-var Switch_module = require('./Switch.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var color = require('../token/color.js');
-var Typography = require('../typography/Typography.js');
-var spacing = require('../token/spacing.js');
-
-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 SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(SwitchPrimitive);
-
-const Switch = /*#__PURE__*/react.forwardRef(({
-  id: _id,
-  className,
-  style: _style,
-  size = 'md',
-  position = 'right',
-  disabled,
-  label,
-  ...props
-}, ref) => {
-  const generatedId = react.useId();
-  const id = _id ?? generatedId;
-  const style = {
-    ..._style,
-    '--cocso-switch-width': getSwitchWidth(size),
-    '--cocso-switch-height': getSwitchHeight(size),
-    '--cocso-switch-thumb-width': getThumbSize(size),
-    '--cocso-switch-thumb-height': getThumbSize(size),
-    '--cocso-switch-bg-color': color.colors.neutral100
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs(reactPrimitive.Primitive.div, {
-    className: clsx.clsx(Switch_module.wrapper, className),
-    "aria-disabled": disabled,
-    style: style,
-    children: [position === 'left' && /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
-      type: "body",
-      size: size,
-      asChild: true,
-      children: /*#__PURE__*/jsxRuntime.jsx("label", {
-        htmlFor: id,
-        children: label
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(SwitchPrimitive__namespace.Root, {
-      ref: ref,
-      className: Switch_module.switch,
-      disabled: disabled,
-      ...props,
-      children: /*#__PURE__*/jsxRuntime.jsx(SwitchPrimitive__namespace.Thumb, {
-        className: Switch_module.thumb
-      })
-    }), position === 'right' && /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
-      type: "body",
-      size: size,
-      "aria-disabled": disabled,
-      asChild: true,
-      children: /*#__PURE__*/jsxRuntime.jsx("label", {
-        htmlFor: id,
-        children: label
-      })
-    })]
-  });
-});
-const getSwitchWidth = size => tsPattern.match(size).with('md', () => spacing.spacing.s14).with('sm', () => spacing.spacing.s12).exhaustive();
-const getSwitchHeight = size => tsPattern.match(size).with('md', () => spacing.spacing.s10).with('sm', () => spacing.spacing.s9).exhaustive();
-const getThumbSize = size => tsPattern.match(size).with('md', () => spacing.spacing.s9).with('sm', () => spacing.spacing.s8).exhaustive();
-
-exports.Switch = Switch;

package/dist/cjs/switch/Switch.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 = ".Switch-module_wrapper__qcI9-{align-items:center;display:flex;gap:var(--ds-spacing-5)}.Switch-module_wrapper__qcI9-[aria-disabled=true]{cursor:not-allowed;opacity:.4}.Switch-module_switch__pwmft{--cocso-switch-width:inherit;--cocso-switch-height:inherit;--cocso-switch-bg-color:inherit;background-color:var(--cocso-switch-bg-color);border-radius:var(--ds-spacing-max);cursor:pointer;height:var(--cocso-switch-height);opacity:1;position:relative;width:var(--cocso-switch-width)}.Switch-module_switch__pwmft[data-disabled=true],.Switch-module_switch__pwmft[disabled]{cursor:not-allowed;opacity:.4}.Switch-module_switch__pwmft[data-state=checked]{--cocso-switch-bg-color:var(--ds-color-primary-500)}.Switch-module_thumb__pQGDy{--cocso-switch-thumb-width:inherit;--cocso-switch-thumb-height:inherit;background-color:var(--ds-color-white);border-radius:var(--ds-spacing-max);display:block;height:var(--cocso-switch-thumb-width);transform:translateX(var(--ds-spacing-2));transition:transform .15s ease;width:var(--cocso-switch-thumb-width);will-change:transform}.Switch-module_thumb__pQGDy[data-state=checked]{transform:translateX(calc(var(--cocso-switch-width) - var(--cocso-switch-thumb-width) - var(--ds-spacing-2)))}";
-var styles = {"wrapper":"Switch-module_wrapper__qcI9-","switch":"Switch-module_switch__pwmft","thumb":"Switch-module_thumb__pQGDy"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/cjs/tab/Tab.d.ts

@@ -1,10 +0,0 @@
-import * as react from 'react';
-import * as TabPrimitive from '@radix-ui/react-tabs';
-
-declare const Tab: react.ForwardRefExoticComponent<Omit<TabPrimitive.TabsProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
-    List: react.ForwardRefExoticComponent<Omit<TabPrimitive.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    Trigger: react.ForwardRefExoticComponent<Omit<TabPrimitive.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    Content: react.ForwardRefExoticComponent<Omit<TabPrimitive.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-};
-
-export { Tab };

package/dist/cjs/tab/Tab.js

@@ -1,64 +0,0 @@
-'use strict';
-
-var TabPrimitive = require('@radix-ui/react-tabs');
-var react = require('react');
-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 TabPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(TabPrimitive);
-
-const TabPrimitiveRoot = /*#__PURE__*/react.forwardRef(({
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsx(TabPrimitive__namespace.Root, {
-    ref: ref,
-    ...props
-  });
-});
-const TabPrimitiveList = /*#__PURE__*/react.forwardRef(({
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsx(TabPrimitive__namespace.List, {
-    ref: ref,
-    ...props
-  });
-});
-const TabPrimitiveTrigger = /*#__PURE__*/react.forwardRef(({
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsx(TabPrimitive__namespace.Trigger, {
-    ref: ref,
-    ...props
-  });
-});
-const TabPrimitiveContent = /*#__PURE__*/react.forwardRef(({
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsx(TabPrimitive__namespace.Content, {
-    ref: ref,
-    ...props
-  });
-});
-const Tab = Object.assign(TabPrimitiveRoot, {
-  List: TabPrimitiveList,
-  Trigger: TabPrimitiveTrigger,
-  Content: TabPrimitiveContent
-});
-
-exports.Tab = Tab;

package/dist/cjs/typography/Typography.d.ts

@@ -1,33 +0,0 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import { FontWeight, LineHeight, ResponsiveFontSize } from '../token/typography.js';
-
-type BodySize = 'lg' | 'md' | 'sm' | 'xs';
-type DisplaySize = 'lg' | 'md' | 'sm';
-type HeadingSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-type TypographyPropsBase = {
-    asChild?: boolean;
-    weight?: FontWeight;
-    lineHeight?: LineHeight;
-} & ComponentPropsWithoutRef<'p'>;
-type CustomTypographyProps = TypographyPropsBase & {
-    type?: 'custom';
-    size?: ResponsiveFontSize;
-};
-type BodyTypographyProps = TypographyPropsBase & {
-    type: 'body';
-    size?: BodySize;
-};
-type DisplayTypographyProps = TypographyPropsBase & {
-    type: 'display';
-    size?: DisplaySize;
-};
-type HeadingTypographyProps = TypographyPropsBase & {
-    type: 'heading';
-    size?: HeadingSize;
-};
-type TypographyProps = CustomTypographyProps | BodyTypographyProps | DisplayTypographyProps | HeadingTypographyProps;
-declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLElement>>;
-
-export { Typography };
-export type { BodySize, DisplaySize, HeadingSize, TypographyProps };

package/dist/cjs/typography/Typography.js

@@ -1,90 +0,0 @@
-'use strict';
-
-var reactPrimitive = require('@radix-ui/react-primitive');
-var reactSlot = require('@radix-ui/react-slot');
-var clsx = require('clsx');
-var react = require('react');
-var tsPattern = require('ts-pattern');
-var Typography_module = require('./Typography.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var typography = require('../token/typography.js');
-
-const Typography = /*#__PURE__*/react.forwardRef(({
-  asChild,
-  className,
-  style: _style,
-  color,
-  type = 'custom',
-  weight = type === 'heading' ? 'bold' : 'normal',
-  lineHeight = 'normal',
-  ...props
-}, ref) => {
-  const Comp = tsPattern.match({
-    asChild,
-    type
-  }).with({
-    asChild: true
-  }, () => reactSlot.Slot).with({
-    type: 'display'
-  }, () => 'h1').with({
-    type: 'heading'
-  }, () => reactPrimitive.Primitive.h2).otherwise(() => reactPrimitive.Primitive.p);
-  const fontSize = tsPattern.match(type).with('custom', () => props.size ?? 16).with('body', () => tsPattern.match(props.size ?? 'md').with('lg', () => 18).with('md', () => 16).with('sm', () => 14).with('xs', () => 12).exhaustive()).with('display', () => tsPattern.match(props.size ?? 'md').with('lg', () => ({
-    base: 44,
-    tablet: 60
-  })).with('md', () => ({
-    base: 32,
-    tablet: 44
-  })).with('sm', () => ({
-    base: 28,
-    tablet: 36
-  })).exhaustive()).with('heading', () => tsPattern.match(props.size ?? 'md').with('xl', () => ({
-    base: 28,
-    tablet: 36
-  })).with('lg', () => ({
-    base: 24,
-    tablet: 32
-  })).with('md', () => ({
-    base: 20,
-    tablet: 24
-  })).with('sm', () => 18).with('xs', () => 16).exhaustive()).otherwise(() => 16);
-  let base;
-  let tablet;
-  let desktop;
-  if (Array.isArray(fontSize)) {
-    [base, tablet, desktop] = fontSize;
-  } else if (typeof fontSize === 'object') {
-    ({
-      base,
-      tablet,
-      desktop
-    } = fontSize);
-  } else {
-    base = fontSize;
-  }
-  const style = {
-    ..._style,
-    '--cocso-typography-font-color': color,
-    '--cocso-typography-font-size': `${typography.fontSize[base]}px`,
-    ...(tablet !== undefined && {
-      '--cocso-tablet-typography-font-size': `${typography.fontSize[tablet]}px`
-    }),
-    ...(desktop !== undefined && {
-      '--cocso-desktop-typography-font-size': `${typography.fontSize[desktop]}px`
-    }),
-    '--cocso-typography-font-weight': typography.fontWeight[weight],
-    '--cocso-typography-line-height': typography.lineHeight[lineHeight]
-  };
-  return /*#__PURE__*/jsxRuntime.jsx(Comp
-  // biome-ignore lint/suspicious/noExplicitAny: Polymorphic component with multiple element types (h1, h2, p, Slot) requires type assertion for ref compatibility
-  , {
-    ...(ref && {
-      ref: ref
-    }),
-    className: clsx.clsx(Typography_module.typography, className),
-    style: style,
-    ...props
-  });
-});
-
-exports.Typography = Typography;

package/dist/cjs/typography/Typography.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 = ".Typography-module_typography__45lnt{--cocso-typography-font-color:inherit;--cocso-typography-font-size:inherit;--cocso-typography-font-weight:inherit;--cocso-typography-line-height:inherit;color:var(--cocso-typography-font-color);font-size:var(--cocso-typography-font-size);font-weight:var(--cocso-typography-font-weight);line-height:var(--cocso-typography-line-height)}.Typography-module_typography__45lnt[aria-disabled=true]{cursor:not-allowed;opacity:.4}@media (min-width:768px){.Typography-module_typography__45lnt{font-size:var(--cocso-tablet-typography-font-size,var(--cocso-typography-font-size))}}@media (min-width:1024px){.Typography-module_typography__45lnt{font-size:var(--cocso-desktop-typography-font-size,var(--cocso-tablet-typography-font-size,var(--cocso-typography-font-size)))}}";
-var styles = {"typography":"Typography-module_typography__45lnt"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/esm/accordion/Accordion.d.mts

@@ -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/esm/accordion/Accordion.mjs

@@ -1,50 +0,0 @@
-import { KeyboardArrowDownIcon } from '@cocso-ui/react-icons';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import styles from './Accordion.module.css.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-const AccordionItem = /*#__PURE__*/forwardRef(({
-  className,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsx(AccordionPrimitive.Item, {
-    ref: ref,
-    className: clsx(styles.item, className),
-    ...props
-  });
-});
-const AccordionTrigger = /*#__PURE__*/forwardRef(({
-  className,
-  children,
-  chevron = true,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxs(AccordionPrimitive.Trigger, {
-    ref: ref,
-    className: clsx(styles.trigger, className),
-    ...props,
-    children: [children, chevron && /*#__PURE__*/jsx(KeyboardArrowDownIcon, {
-      className: styles.chevron
-    })]
-  });
-});
-const AccordionContent = /*#__PURE__*/forwardRef(({
-  className,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsx(AccordionPrimitive.Content, {
-    ref: ref,
-    className: clsx(styles.content, className),
-    ...props
-  });
-});
-const Accordion = Object.assign(AccordionPrimitive.Root, {
-  Item: AccordionItem,
-  Header: AccordionPrimitive.Header,
-  Trigger: AccordionTrigger,
-  Content: AccordionContent
-});
-
-export { Accordion };

package/dist/esm/accordion/Accordion.module.css.mjs

@@ -1,3 +0,0 @@
-var styles = {"item":"Accordion-module_item__iE3dq","content":"Accordion-module_content__V9Ftc","trigger":"Accordion-module_trigger__6nu7o","chevron":"Accordion-module_chevron__oFGVg"};
-
-export { styles as default };

package/dist/esm/badge/Badge.d.mts

@@ -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/esm/badge/Badge.mjs

@@ -1,48 +0,0 @@
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { match } from 'ts-pattern';
-import styles from './Badge.module.css.mjs';
-import { jsx } from 'react/jsx-runtime';
-import { Typography } from '../typography/Typography.mjs';
-import { colors } from '../token/color.mjs';
-
-const Badge = /*#__PURE__*/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__*/jsx("div", {
-    ref: ref,
-    className: clsx(styles.badge, className),
-    style: style,
-    ...props,
-    children: /*#__PURE__*/jsx(Typography, {
-      color: fontColor,
-      size: fontSize,
-      weight: "medium",
-      lineHeight: "tight",
-      asChild: true,
-      children: /*#__PURE__*/jsx("span", {
-        className: styles.inner,
-        children: children
-      })
-    })
-  });
-});
-const getPadding = size => match(size).with('sm', () => '4px 8px').with('md', () => '6px 10px').with('lg', () => '8px 12px').exhaustive();
-const getFontSize = size => match(size).with('sm', () => 12).with('md', () => 14).with('lg', () => 16).exhaustive();
-const getFontColor = variant => match(variant).with('default', () => colors.neutral600).with('danger', () => colors.danger600).with('primary', () => colors.primary600).with('success', () => colors.success600).with('warning', () => colors.warning600).exhaustive();
-const getBackgroundColor = variant => match(variant).with('default', () => colors.neutral50).with('danger', () => colors.danger50).with('primary', () => colors.primary50).with('success', () => colors.success50).with('warning', () => colors.warning50).exhaustive();
-
-export { Badge };

package/dist/esm/badge/Badge.module.css.mjs

@@ -1,3 +0,0 @@
-var styles = {"badge":"Badge-module_badge__ikDSa","inner":"Badge-module_inner__-g0sp"};
-
-export { styles as default };

package/dist/esm/button/Button.d.mts

@@ -1,23 +0,0 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { FontWeight } from '../token/typography.mjs';
-
-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/esm/button/Button.mjs

@@ -1,115 +0,0 @@
-import { Primitive } from '@radix-ui/react-primitive';
-import { clsx } from 'clsx';
-import { forwardRef, isValidElement, cloneElement } from 'react';
-import { match } from 'ts-pattern';
-import styles from './Button.module.css.mjs';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Spinner } from '../spinner/Spinner.mjs';
-import { fontWeight } from '../token/typography.mjs';
-import { colors } from '../token/color.mjs';
-
-const Button = /*#__PURE__*/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': 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(styles.button, isDisabled && styles.disabled, svgOnly && styles.svgOnly, className);
-  const renderButtonContent = ctx => /*#__PURE__*/jsxs(Fragment, {
-    children: [loading && /*#__PURE__*/jsx(Spinner, {
-      size: "sm",
-      color: "white"
-    }), prefix && /*#__PURE__*/jsx("span", {
-      className: styles.prefix,
-      children: prefix
-    }), /*#__PURE__*/jsx("span", {
-      className: styles.content,
-      children: ctx
-    }), suffix && /*#__PURE__*/jsx("span", {
-      className: styles.suffix,
-      children: suffix
-    })]
-  });
-  if (asChild) {
-    if (! /*#__PURE__*/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__*/cloneElement(target, {
-      ref,
-      ...props,
-      ...target.props,
-      className: clsx(cn, target.props.className),
-      style: {
-        ...style,
-        ...target.props.style
-      },
-      children: renderButtonContent(ctx)
-    });
-  }
-  return /*#__PURE__*/jsx(Primitive.button, {
-    ref: ref,
-    className: cn,
-    disabled: isDisabled,
-    style: style,
-    ...props,
-    children: renderButtonContent(children)
-  });
-});
-const getSizeStyles = size => {
-  const height = match(size).with('xl', () => 56).with('lg', () => 48).with('md', () => 40).with('sm', () => 32).with('xs', () => 28).exhaustive();
-  const inlinePadding = match(size).with('xl', () => 16).with('lg', () => 14).with('md', () => 10).with('sm', () => 8).with('xs', () => 6).exhaustive();
-  const contentPadding = match(size).with('xl', () => '0 6px').with('lg', () => '0 6px').with('md', () => '0 6px').with('sm', () => '0 2px').with('xs', () => '0').exhaustive();
-  const fontSize = 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 match(shape).with('square', () => {
-    return match(size).with('xs', () => '4px').otherwise(() => '6px');
-  }).with('circle', () => '100%').with('rounded', () => '100px').exhaustive();
-};
-const getColor = variant => {
-  return match(variant).with('primary', 'success', 'error', 'neutral', () => colors.white).with('secondary', 'tertiary', 'warning', () => colors.neutral950).exhaustive();
-};
-const getBorder = variant => {
-  return match(variant).with('tertiary', () => `1px solid ${colors.neutral100}`).otherwise(() => 'none');
-};
-const getBackgroundColor = variant => {
-  return match(variant).with('primary', () => colors.primary500).with('secondary', () => colors.white).with('tertiary', () => colors.transparent).with('success', () => colors.success500).with('error', () => colors.danger500).with('warning', () => colors.warning300).with('neutral', () => colors.neutral950).exhaustive();
-};
-const getBackgroundColorHover = variant => {
-  return match(variant).with('primary', () => colors.primary600).with('secondary', () => colors.neutral50).with('tertiary', () => colors.neutral50).with('success', () => colors.success600).with('error', () => colors.danger600).with('warning', () => colors.warning400).with('neutral', () => colors.neutral800).exhaustive();
-};
-const getBackgroundColorActive = variant => {
-  return match(variant).with('primary', () => colors.primary700).with('secondary', () => colors.neutral100).with('tertiary', () => colors.neutral100).with('success', () => colors.success700).with('error', () => colors.danger700).with('warning', () => colors.warning500).with('neutral', () => colors.neutral700).exhaustive();
-};
-
-export { Button };

package/dist/esm/button/Button.module.css.mjs

@@ -1,3 +0,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"};
-
-export { styles as default };

package/dist/esm/checkbox/Checkbox.d.mts

@@ -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 };