@cocso-ui/react 0.2.21 → 1.0.0

package/dist/cjs/spinner/Spinner.js

@@ -1,40 +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 Spinner_module = require('./Spinner.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var color = require('../token/color.js');
-
-const Spinner = /*#__PURE__*/react.forwardRef(({
-  asChild,
-  className,
-  style: _style,
-  size = 'md',
-  color = 'primary',
-  ...props
-}, ref) => {
-  const Comp = asChild ? reactSlot.Slot : reactPrimitive.Primitive.div;
-  const style = {
-    ..._style,
-    '--cocso-spinner-size': getSize(size),
-    '--cocso-spinner-border-width': getBorderWidth(size),
-    '--cocso-spinner-border-color': getBorderColor(color),
-    '--cocso-spinner-bg-color': getBackgroundColor(color)
-  };
-  return /*#__PURE__*/jsxRuntime.jsx(Comp, {
-    ref: ref,
-    className: clsx.clsx(Spinner_module.spinner, className),
-    style: style,
-    ...props
-  });
-});
-const getSize = size => tsPattern.match(size).with('xl', () => '40px').with('lg', () => '32px').with('md', () => '24px').with('sm', () => '16px').exhaustive();
-const getBorderWidth = size => tsPattern.match(size).with('xl', () => '5px').with('lg', () => '4px').with('md', () => '3px').with('sm', () => '2px').exhaustive();
-const getBorderColor = color$1 => tsPattern.match(color$1).with('primary', () => color.colors.primary500).with('neutral', () => color.colors.neutral600).with('white', () => color.colors.white).exhaustive();
-const getBackgroundColor = color$1 => tsPattern.match(color$1).with('primary', () => color.colors.primary100).with('neutral', () => color.colors.neutral100).with('white', () => color.colors.whiteAlpha20).exhaustive();
-
-exports.Spinner = Spinner;

package/dist/cjs/spinner/Spinner.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 = "@keyframes Spinner-module_donut-spin__cBa-F{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Spinner-module_spinner__iIx6p{--cocso-spinner-size:inherit;--cocso-spinner-border-width:inherit;--cocso-spinner-border-color:inherit;--cocso-spinner-bg-color:inherit;animation:Spinner-module_donut-spin__cBa-F .5s linear infinite;border:var(--cocso-spinner-border-width) solid var(--cocso-spinner-bg-color);border-radius:50%;border-top-color:var(--cocso-spinner-border-color);display:inline-block;height:var(--cocso-spinner-size);position:relative;transform-origin:center center;width:var(--cocso-spinner-size)}";
-var styles = {"spinner":"Spinner-module_spinner__iIx6p"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/cjs/stock-quantity-status/StockQuantityStatus.d.ts

@@ -1,12 +0,0 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-
-type QuantityStatus = '보통' | '여유' | '부족';
-interface QuantityStatusProps extends ComponentPropsWithoutRef<'div'> {
-    quantity: QuantityStatus;
-}
-declare const StockQuantityStatus: react.ForwardRefExoticComponent<QuantityStatusProps & react.RefAttributes<HTMLDivElement>>;
-declare const getColor: (quantity: QuantityStatus) => string;
-
-export { StockQuantityStatus, getColor };
-export type { QuantityStatus, QuantityStatusProps };

package/dist/cjs/stock-quantity-status/StockQuantityStatus.js

@@ -1,105 +0,0 @@
-'use strict';
-
-var clsx = require('clsx');
-var react = require('react');
-var tsPattern = require('ts-pattern');
-var StockQuantityStatus_module = require('./StockQuantityStatus.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var spacing = require('../token/spacing.js');
-var Typography = require('../typography/Typography.js');
-var color = require('../token/color.js');
-
-const StockQuantityStatus = /*#__PURE__*/react.forwardRef(({
-  className,
-  style: _style,
-  quantity,
-  ...props
-}, ref) => {
-  const style = {
-    ..._style,
-    '--cocso-stock-quantity-status-color': getColor(quantity),
-    '--cocso-stock-quantity-status-indicator-width': spacing.spacing.s9
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    ref: ref,
-    className: clsx.clsx(StockQuantityStatus_module.stock, className),
-    style: style,
-    ...props,
-    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-      className: StockQuantityStatus_module.indicator,
-      children: quantity === '여유' ? /*#__PURE__*/jsxRuntime.jsxs("svg", {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        "aria-hidden": "true",
-        children: [/*#__PURE__*/jsxRuntime.jsx("path", {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",
-          fill: "#D9D9D9",
-          fillOpacity: "0.85098"
-        }), /*#__PURE__*/jsxRuntime.jsx("path", {
-          d: "M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",
-          fill: "#D9D9D9",
-          fillOpacity: "0.85098"
-        }), /*#__PURE__*/jsxRuntime.jsx("path", {
-          d: "M9.48047 6.10059H7.06543C5.98955 6.10059 5.11719 6.968 5.11719 8.03809C5.11741 9.10782 5.98893 9.97532 7.06445 9.97559H9.48047V13.0752H7.06445C4.35911 13.0749 2.14983 10.9652 2.00781 8.30957V7.76465C2.15041 5.10939 4.36025 3 7.06543 3H9.48047V6.10059ZM12.0518 6.10059C13.1276 6.10059 14 6.968 14 8.03809C13.9999 9.10806 13.1276 9.97559 12.0518 9.97559H9.48047V6.10059H12.0518Z",
-          fill: "currentColor"
-        })]
-      }) : quantity === '보통' ? /*#__PURE__*/jsxRuntime.jsxs("svg", {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        "aria-hidden": "true",
-        children: [/*#__PURE__*/jsxRuntime.jsx("path", {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",
-          fill: "#D9D9D9",
-          fillOpacity: "0.85098"
-        }), /*#__PURE__*/jsxRuntime.jsx("path", {
-          d: "M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",
-          fill: "#D9D9D9",
-          fillOpacity: "0.85098"
-        }), /*#__PURE__*/jsxRuntime.jsx("path", {
-          d: "M9.48145 6.0752V6.10059H7.06641C5.99053 6.10059 5.11817 6.968 5.11816 8.03809C5.11839 9.10782 5.98991 9.97532 7.06543 9.97559H9.48145V13.0752H7.06543C4.35577 13.0749 2.14345 10.9585 2.00781 8.29688V7.77832C2.03849 7.17662 2.17568 6.60303 2.40039 6.0752H9.48145ZM12.0527 6.10059C13.1286 6.10059 14.001 6.968 14.001 8.03809C14.0008 9.10806 13.1285 9.97559 12.0527 9.97559H9.48145V6.10059H12.0527Z",
-          fill: "currentColor"
-        })]
-      }) : /*#__PURE__*/jsxRuntime.jsxs("svg", {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        "aria-hidden": "true",
-        children: [/*#__PURE__*/jsxRuntime.jsx("path", {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",
-          fill: "#D9D9D9",
-          fillOpacity: "0.85098"
-        }), /*#__PURE__*/jsxRuntime.jsx("path", {
-          d: "M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",
-          fill: "#D9D9D9",
-          fillOpacity: "0.85098"
-        }), /*#__PURE__*/jsxRuntime.jsx("path", {
-          d: "M7.04688 9.97461C7.05273 9.97466 7.05859 9.97558 7.06445 9.97559H9.48047V13.0752H7.06445C4.95754 13.075 3.15182 11.7952 2.38867 9.97461H7.04688ZM12.0713 9.97461C12.0648 9.97467 12.0582 9.97559 12.0518 9.97559H9.48047V9.97461H12.0713Z",
-          fill: "currentColor"
-        })]
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
-      type: "body",
-      size: "sm",
-      color: "currentColor",
-      children: quantity
-    })]
-  });
-});
-const getColor = quantity => tsPattern.match(quantity).with('여유', () => color.colors.primary500).with('보통', () => color.colors.success400).with('부족', () => color.colors.danger500).exhaustive();
-
-exports.StockQuantityStatus = StockQuantityStatus;
-exports.getColor = getColor;

package/dist/cjs/stock-quantity-status/StockQuantityStatus.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 = ".StockQuantityStatus-module_stock__mWbqI{--cocso-stock-quantity-status-color:inherit;align-items:center;color:var(--cocso-stock-quantity-status-color);display:inline-flex;gap:var(--ds-spacing-2)}.StockQuantityStatus-module_indicator__inaKv{--cocso-stock-quantity-status-indicator-width:inherit;flex-shrink:0;height:auto;width:var(--cocso-stock-quantity-status-indicator-width)}.StockQuantityStatus-module_indicator__inaKv>svg{height:100%;width:100%}";
-var styles = {"stock":"StockQuantityStatus-module_stock__mWbqI","indicator":"StockQuantityStatus-module_indicator__inaKv"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/cjs/switch/Switch.d.ts

@@ -1,16 +0,0 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-
-type SwitchSize = 'sm' | 'md';
-interface SwitchProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
-    id?: string;
-    size?: SwitchSize;
-    disabled?: boolean;
-    label?: string;
-    position?: 'left' | 'right';
-}
-declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { Switch };
-export type { SwitchProps, SwitchSize };

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