@cocso-ui/react 0.2.21 → 1.0.0

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

package/dist/cjs/checkbox/Checkbox.js

@@ -1,117 +0,0 @@
-'use strict';
-
-var reactIcons = require('@cocso-ui/react-icons');
-var CheckboxPrimitive = require('@radix-ui/react-checkbox');
-var clsx = require('clsx');
-var react = require('react');
-var tsPattern = require('ts-pattern');
-var Checkbox_module = require('./Checkbox.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var spacing = require('../token/spacing.js');
-var color = require('../token/color.js');
-var Typography = require('../typography/Typography.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 CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(CheckboxPrimitive);
-
-const Checkbox = /*#__PURE__*/react.forwardRef(({
-  id: _id,
-  className,
-  style: _style,
-  size = 'md',
-  status,
-  onChange,
-  label,
-  disabled,
-  ...props
-}, ref) => {
-  const generatedId = react.useId();
-  const id = _id ?? generatedId;
-  const handleCheckedChange = checked => {
-    if (!disabled) {
-      const nextStatus = tsPattern.match(checked).with(true, () => 'on').with('indeterminate', () => 'intermediate').with(false, () => 'off').exhaustive();
-      onChange(nextStatus);
-    }
-  };
-  const getCheckedState = () => {
-    return tsPattern.match(status).with('on', () => true).with('intermediate', () => 'indeterminate').with('off', () => false).exhaustive();
-  };
-  const style = {
-    ..._style,
-    '--cocso-checkbox-size': getSize(size),
-    '--cocso-checkbox-color': color.colors.white,
-    '--cocso-checkbox-border-color': getBorderColor(status),
-    '--cocso-checkbox-bg-color': getBackgroundColor(status)
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: clsx.clsx(Checkbox_module.wrapper, className),
-    style: style,
-    children: [/*#__PURE__*/jsxRuntime.jsxs(CheckboxPrimitive__namespace.Root, {
-      ref: ref,
-      id: id,
-      className: Checkbox_module.checkbox,
-      checked: getCheckedState(),
-      onCheckedChange: handleCheckedChange,
-      disabled: disabled,
-      ...props,
-      children: [/*#__PURE__*/jsxRuntime.jsx(CheckboxPrimitive__namespace.Indicator, {
-        className: Checkbox_module.indicator,
-        style: {
-          opacity: status === 'on' ? 1 : 0
-        },
-        "aria-hidden": "true",
-        children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.CheckIcon, {
-          className: Checkbox_module.icon,
-          size: 24
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: Checkbox_module.indicator,
-        style: {
-          opacity: status === 'intermediate' ? 1 : 0
-        },
-        "aria-hidden": "true",
-        children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.CheckIcon, {
-          className: Checkbox_module.icon,
-          size: 24
-        })
-      })]
-    }), label && /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
-      type: "body",
-      className: Checkbox_module.label,
-      size: size,
-      "aria-disabled": disabled,
-      asChild: true,
-      children: /*#__PURE__*/jsxRuntime.jsx("label", {
-        htmlFor: id,
-        children: label
-      })
-    })]
-  });
-});
-const getSize = size => {
-  return tsPattern.match(size).with('lg', () => spacing.spacing.s10).with('md', () => spacing.spacing.s9).with('sm', () => spacing.spacing.s8).exhaustive();
-};
-const getBorderColor = status => {
-  return tsPattern.match(status).with('on', () => color.colors.primary500).with('intermediate', () => color.colors.primary500).with('off', () => color.colors.neutral100).exhaustive();
-};
-const getBackgroundColor = status => {
-  return tsPattern.match(status).with('on', () => color.colors.primary500).with('intermediate', () => color.colors.primary500).with('off', () => color.colors.white).exhaustive();
-};
-
-exports.Checkbox = Checkbox;

package/dist/cjs/checkbox/Checkbox.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 = ".Checkbox-module_wrapper__5uqJp{align-items:center;display:flex;gap:var(--ds-spacing-5)}.Checkbox-module_checkbox__05Z5t{--cocso-checkbox-size:inherit;--cocso-checkbox-color:inherit;--cocso-checkbox-border-color:inherit;--cocso-checkbox-bg-color:inherit;align-items:center;background-color:var(--cocso-checkbox-bg-color);border:1px solid var(--cocso-checkbox-border-color);border-radius:4px;color:var(--cocso-checkbox-color);cursor:pointer;display:inline-flex;height:var(--cocso-checkbox-size);justify-content:center;opacity:1;position:relative;transition:color .15s ease-in-out,border-color .15s ease-in-out,background-color .15s ease-in-out;width:var(--cocso-checkbox-size)}.Checkbox-module_icon__hEcKq{stroke:var(--cocso-checkbox-color);display:block;height:auto;max-width:100%;transition:stroke .15s ease-in-out}.Checkbox-module_checkbox__05Z5t input[type=checkbox]{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.Checkbox-module_indicator__MLpNt{bottom:var(--ds-spacing-1);left:var(--ds-spacing-1);position:absolute;right:var(--ds-spacing-1);top:var(--ds-spacing-1);transition:opacity .15s ease-in-out}.Checkbox-module_label__ubb5U{cursor:pointer;opacity:1}.Checkbox-module_checkbox__05Z5t[disabled],.Checkbox-module_label__ubb5U[aria-disabled=true]{cursor:not-allowed;opacity:.4}";
-var styles = {"wrapper":"Checkbox-module_wrapper__5uqJp","checkbox":"Checkbox-module_checkbox__05Z5t","icon":"Checkbox-module_icon__hEcKq","indicator":"Checkbox-module_indicator__MLpNt","label":"Checkbox-module_label__ubb5U"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/cjs/day-picker/DayPicker.d.ts

@@ -1,14 +0,0 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-
-interface DayPickerProps extends ComponentPropsWithoutRef<'div'> {
-    value?: Date;
-    onValueChange?: (value: Date | null) => void;
-    minDate?: Date;
-    maxDate?: Date;
-    disabled?: boolean;
-}
-declare const DayPicker: react.ForwardRefExoticComponent<DayPickerProps & react.RefAttributes<HTMLDivElement>>;
-
-export { DayPicker };
-export type { DayPickerProps };

package/dist/cjs/day-picker/DayPicker.js

@@ -1,98 +0,0 @@
-"use client";
-'use strict';
-
-var reactIcons = require('@cocso-ui/react-icons');
-var clsx = require('clsx');
-var locale = require('date-fns/locale');
-var react = require('react');
-var DatePicker = require('react-datepicker');
-var DayPicker_module = require('./DayPicker.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Dropdown = require('../dropdown/Dropdown.js');
-var Button = require('../button/Button.js');
-var Typography = require('../typography/Typography.js');
-
-const DayPicker = /*#__PURE__*/react.forwardRef(({
-  className,
-  value,
-  onValueChange,
-  disabled,
-  children,
-  minDate,
-  maxDate,
-  ...props
-}, ref) => {
-  const [open, setOpen] = react.useState(false);
-  const handleChange = date => {
-    onValueChange?.(date);
-    setOpen(false);
-  };
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: ref,
-    className: clsx.clsx(DayPicker_module.root, className),
-    ...props,
-    children: /*#__PURE__*/jsxRuntime.jsxs(Dropdown.Dropdown, {
-      open: open,
-      onOpenChange: setOpen,
-      children: [/*#__PURE__*/jsxRuntime.jsx(Dropdown.Dropdown.Trigger, {
-        asChild: true,
-        children: children
-      }), /*#__PURE__*/jsxRuntime.jsx(Dropdown.Dropdown.Portal, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Dropdown.Dropdown.Content, {
-          className: DayPicker_module.content,
-          "aria-label": "\uB0A0\uC9DC \uC120\uD0DD",
-          children: /*#__PURE__*/jsxRuntime.jsx(DatePicker, {
-            selected: value,
-            onChange: handleChange,
-            disabled: disabled,
-            locale: locale.ko,
-            minDate: minDate,
-            maxDate: maxDate,
-            dateFormat: "yyyy\uB144 MM\uC6D4 dd\uC77C",
-            showPopperArrow: false,
-            dayClassName: date => {
-              const day = date.getDay();
-              if (day === 0) return DayPicker_module.sunday;
-              if (day === 6) return DayPicker_module.saturday;
-              return '';
-            },
-            renderCustomHeader: ({
-              date,
-              decreaseMonth,
-              increaseMonth,
-              prevMonthButtonDisabled,
-              nextMonthButtonDisabled
-            }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/jsxRuntime.jsx(Button.Button, {
-                type: "button",
-                variant: "secondary",
-                size: "xs",
-                onClick: decreaseMonth,
-                disabled: prevMonthButtonDisabled,
-                children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSBackwardIcon, {})
-              }), /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
-                type: "body",
-                weight: "semibold",
-                children: date.toLocaleDateString('ko-KR', {
-                  year: 'numeric',
-                  month: 'long'
-                })
-              }), /*#__PURE__*/jsxRuntime.jsx(Button.Button, {
-                type: "button",
-                variant: "secondary",
-                size: "xs",
-                onClick: increaseMonth,
-                disabled: nextMonthButtonDisabled,
-                children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSForwardIcon, {})
-              })]
-            }),
-            inline: true
-          })
-        })
-      })]
-    })
-  });
-});
-DayPicker.displayName = 'DayPicker';
-
-exports.DayPicker = DayPicker;

package/dist/cjs/day-picker/DayPicker.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 = ".DayPicker-module_root__lDrAw{display:inline-block;transform:translateZ(0)}.DayPicker-module_content__VVh4Y{min-width:260px;overflow:hidden}.DayPicker-module_sunday__RaZuV{color:var(--ds-color-danger-600)!important}.DayPicker-module_saturday__e-AQO{color:var(--ds-color-primary-600)!important}.react-datepicker{background-color:var(--ds-color-white);color:var(--ds-color-text-primary);display:inline-block;font-size:.8rem;position:relative}.react-datepicker__aria-live{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.react-datepicker__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__month-container{padding-block:var(--ds-spacing-8);width:100%}.react-datepicker__header--custom{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--ds-spacing-5);width:100%}.react-datepicker__day-names,.react-datepicker__week{text-align:center;white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name{color:var(--ds-color-text-primary);display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day{border-radius:8px;cursor:pointer;font-weight:500}.react-datepicker__day:hover{background-color:var(--ds-color-neutral-50)}.react-datepicker__day--selected{background-color:var(--ds-color-primary-500);color:var(--ds-color-white)!important}.react-datepicker__day--selected:hover{background-color:var(--ds-color-primary-600)!important}.react-datepicker__day-name:first-child{color:var(--ds-color-danger-600)}.react-datepicker__day-name:nth-child(7){color:var(--ds-color-primary-600)}.react-datepicker__day--disabled{cursor:not-allowed;opacity:.3}";
-var styles = {"root":"DayPicker-module_root__lDrAw","content":"DayPicker-module_content__VVh4Y","sunday":"DayPicker-module_sunday__RaZuV","saturday":"DayPicker-module_saturday__e-AQO"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/cjs/dropdown/Dropdown.d.ts

@@ -1,11 +0,0 @@
-import * as react from 'react';
-import * as DropdownPrimitive from '@radix-ui/react-dropdown-menu';
-
-declare const Dropdown: react.FC<DropdownPrimitive.DropdownMenuProps> & {
-    Trigger: react.ForwardRefExoticComponent<DropdownPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-    Portal: react.FC<DropdownPrimitive.DropdownMenuPortalProps>;
-    Content: react.ForwardRefExoticComponent<Omit<Omit<DropdownPrimitive.DropdownMenuContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    Item: react.ForwardRefExoticComponent<Omit<DropdownPrimitive.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-};
-
-export { Dropdown };

package/dist/cjs/dropdown/Dropdown.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var DropdownPrimitive = require('@radix-ui/react-dropdown-menu');
-var clsx = require('clsx');
-var react = require('react');
-var Dropdown_module = require('./Dropdown.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 DropdownPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(DropdownPrimitive);
-
-const DropdownContent = /*#__PURE__*/react.forwardRef(({
-  className,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsx(DropdownPrimitive__namespace.Content, {
-    ref: ref,
-    className: clsx.clsx(Dropdown_module.content, className),
-    ...props
-  });
-});
-const DropdownItem = /*#__PURE__*/react.forwardRef(({
-  className,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsx(DropdownPrimitive__namespace.Item, {
-    ref: ref,
-    className: clsx.clsx(Dropdown_module.item, className),
-    ...props
-  });
-});
-const Dropdown = Object.assign(DropdownPrimitive__namespace.Root, {
-  Trigger: DropdownPrimitive__namespace.Trigger,
-  Portal: DropdownPrimitive__namespace.Portal,
-  Content: DropdownContent,
-  Item: DropdownItem
-});
-
-exports.Dropdown = Dropdown;

package/dist/cjs/dropdown/Dropdown.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 Dropdown-module_dropdown-slide-up__2uVH3{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes Dropdown-module_dropdown-slide-down__T5LLc{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.Dropdown-module_content__S3TRi{background-color:var(--ds-color-white);border-radius:var(--ds-spacing-3);box-shadow:var(--ds-shadow-2);display:flex;flex-direction:column;will-change:transform,opacity;z-index:var(--ds-z-index-overlay)}.Dropdown-module_content__S3TRi[data-side=top]{animation:Dropdown-module_dropdown-slide-up__2uVH3 .4s cubic-bezier(.16,1,.3,1)}.Dropdown-module_content__S3TRi[data-side=bottom]{animation:Dropdown-module_dropdown-slide-down__T5LLc .4s cubic-bezier(.16,1,.3,1)}.Dropdown-module_item__MIltz{display:flex;flex-direction:column}";
-var styles = {"content":"Dropdown-module_content__S3TRi","item":"Dropdown-module_item__MIltz"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/cjs/link/Link.d.ts

@@ -1,16 +0,0 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import { FontWeight, LineHeight } from '../token/typography.js';
-
-type LinkSize = 'lg' | 'md' | 'sm' | 'xs';
-interface LinkProps extends ComponentPropsWithoutRef<'a'> {
-    asChild?: boolean;
-    size?: LinkSize;
-    weight?: FontWeight;
-    lineHeight?: LineHeight;
-    indicator?: boolean;
-}
-declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
-
-export { Link };
-export type { LinkProps, LinkSize };

package/dist/cjs/link/Link.js

@@ -1,35 +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 Link_module = require('./Link.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Typography = require('../typography/Typography.js');
-
-const Link = /*#__PURE__*/react.forwardRef(({
-  asChild,
-  className,
-  size,
-  weight,
-  lineHeight,
-  indicator = true,
-  ...props
-}, ref) => {
-  const Comp = asChild ? reactSlot.Slot : reactPrimitive.Primitive.a;
-  return /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
-    type: "body",
-    size: size,
-    weight: weight,
-    lineHeight: lineHeight,
-    asChild: true,
-    children: /*#__PURE__*/jsxRuntime.jsx(Comp, {
-      ref: ref,
-      className: clsx.clsx(Link_module.link, indicator && Link_module.indicator, className),
-      ...props
-    })
-  });
-});
-
-exports.Link = Link;

package/dist/cjs/link/Link.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 = ".Link-module_link__J9CFb{align-items:center;cursor:pointer;display:inline-flex;gap:var(--ds-spacing-2);justify-content:center;text-decoration:none;transition:color .15s ease-in-out;width:fit-content}.Link-module_link__J9CFb>svg{flex-shrink:0;height:var(--ds-spacing-8);width:var(--ds-spacing-8)}.Link-module_indicator__DIUaW{text-decoration:underline}";
-var styles = {"link":"Link-module_link__J9CFb","indicator":"Link-module_indicator__DIUaW"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/cjs/modal/Modal.d.ts

@@ -1,12 +0,0 @@
-import * as react from 'react';
-import * as ModalPrimitive from '@radix-ui/react-dialog';
-
-declare const Modal: react.FC<ModalPrimitive.DialogProps> & {
-    Trigger: react.ForwardRefExoticComponent<ModalPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-    Content: react.ForwardRefExoticComponent<Omit<Omit<ModalPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    Close: react.ForwardRefExoticComponent<Omit<ModalPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    Title: react.ForwardRefExoticComponent<Omit<ModalPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
-    Description: react.ForwardRefExoticComponent<Omit<ModalPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
-};
-
-export { Modal };