@cocso-ui/react 0.2.21 → 1.0.1

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

package/dist/cjs/modal/Modal.js

@@ -1,106 +0,0 @@
-'use strict';
-
-var reactIcons = require('@cocso-ui/react-icons');
-var ModalPrimitive = require('@radix-ui/react-dialog');
-var clsx = require('clsx');
-var react = require('react');
-var Modal_module = require('./Modal.module.css.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Typography = require('../typography/Typography.js');
-var color = require('../token/color.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 ModalPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(ModalPrimitive);
-
-const ModalContent = /*#__PURE__*/react.forwardRef(({
-  className,
-  children,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsxs(ModalPrimitive__namespace.Portal, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(ModalPrimitive__namespace.Overlay, {
-      className: Modal_module.overlay
-    }), /*#__PURE__*/jsxRuntime.jsx(ModalPrimitive__namespace.Content, {
-      ref: ref,
-      className: clsx.clsx(Modal_module.content, className),
-      ...props,
-      children: children
-    })]
-  });
-});
-const ModalClose = /*#__PURE__*/react.forwardRef(({
-  asChild,
-  className,
-  children,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsx(ModalPrimitive__namespace.Close, {
-    ref: ref,
-    className: clsx.clsx(!asChild && Modal_module.close, className),
-    asChild: asChild,
-    ...props,
-    children: asChild ? children : /*#__PURE__*/jsxRuntime.jsx(reactIcons.CloseIcon, {
-      size: 24
-    })
-  });
-});
-const ModalTitle = /*#__PURE__*/react.forwardRef(({
-  className,
-  children,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsx(ModalPrimitive__namespace.Title, {
-    ref: ref,
-    className: clsx.clsx(Modal_module.title, className),
-    asChild: true,
-    ...props,
-    children: /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
-      size: 20,
-      weight: "bold",
-      children: children
-    })
-  });
-});
-const ModalDescription = /*#__PURE__*/react.forwardRef(({
-  className,
-  children,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsx(ModalPrimitive__namespace.Description, {
-    ref: ref,
-    className: clsx.clsx(Modal_module.description, className),
-    asChild: true,
-    ...props,
-    children: /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
-      size: 14,
-      color: color.colors.textSecondary,
-      weight: "medium",
-      children: children
-    })
-  });
-});
-const Modal = Object.assign(ModalPrimitive__namespace.Root, {
-  Trigger: ModalPrimitive__namespace.Trigger,
-  Content: ModalContent,
-  Close: ModalClose,
-  Title: ModalTitle,
-  Description: ModalDescription
-});
-
-exports.Modal = Modal;

package/dist/cjs/modal/Modal.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 Modal-module_overlay-show__zyvAx{0%{opacity:0}to{opacity:1}}.Modal-module_overlay__7ZBDB{animation:Modal-module_overlay-show__zyvAx .4s cubic-bezier(.16,1,.3,1);background-color:var(--ds-color-black-alpha-30);inset:0;position:fixed;z-index:var(--ds-z-index-overlay)}@keyframes Modal-module_content-show__anq3d{0%{opacity:0;transform:translate(-50%,-48%) scale(.997)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.Modal-module_content__M1b6Q{animation:Modal-module_content-show__anq3d .4s cubic-bezier(.16,1,.3,1);background-color:var(--ds-color-white);border-radius:12px;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:380px;padding:var(--ds-spacing-9);position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:var(--ds-z-index-modal)}.Modal-module_close__UbAF7{align-items:center;align-self:flex-end;cursor:pointer;display:flex;height:var(--ds-spacing-10);justify-content:center;position:absolute;right:var(--ds-spacing-9);top:var(--ds-spacing-9);width:var(--ds-spacing-10)}.Modal-module_title__oTluo{word-break:keep-all}.Modal-module_description__RgMC5{margin-top:var(--ds-spacing-3)}";
-var styles = {"overlay":"Modal-module_overlay__7ZBDB","content":"Modal-module_content__M1b6Q","close":"Modal-module_close__UbAF7","title":"Modal-module_title__oTluo","description":"Modal-module_description__RgMC5"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/cjs/month-picker/MonthPicker.d.ts

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

package/dist/cjs/month-picker/MonthPicker.js

@@ -1,91 +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 MonthPicker_module = require('./MonthPicker.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 MonthPicker = /*#__PURE__*/react.forwardRef(({
-  className,
-  value,
-  onValueChange,
-  children,
-  minDate,
-  maxDate,
-  disabled,
-  ...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(MonthPicker_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: MonthPicker_module.content,
-          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,
-            renderCustomHeader: ({
-              date,
-              decreaseYear,
-              increaseYear,
-              prevYearButtonDisabled,
-              nextYearButtonDisabled
-            }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-              children: [/*#__PURE__*/jsxRuntime.jsx(Button.Button, {
-                type: "button",
-                variant: "secondary",
-                size: "xs",
-                onClick: decreaseYear,
-                disabled: prevYearButtonDisabled,
-                children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSBackwardIcon, {})
-              }), /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
-                type: "body",
-                weight: "semibold",
-                children: date.toLocaleDateString('ko-KR', {
-                  year: 'numeric'
-                })
-              }), /*#__PURE__*/jsxRuntime.jsx(Button.Button, {
-                type: "button",
-                variant: "secondary",
-                size: "xs",
-                onClick: increaseYear,
-                disabled: nextYearButtonDisabled,
-                children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSForwardIcon, {})
-              })]
-            }),
-            inline: true,
-            showMonthYearPicker: true
-          })
-        })
-      })]
-    })
-  });
-});
-MonthPicker.displayName = 'MonthPicker';
-
-exports.MonthPicker = MonthPicker;

package/dist/cjs/month-picker/MonthPicker.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 = ".MonthPicker-module_root__my2Kl{display:inline-block;transform:translateZ(0)}.MonthPicker-module_content__6glhz{min-width:260px;overflow:hidden}.react-datepicker{background-color:var(--ds-color-white);color:var(--ds-color-text-primary);display:inline-block;font-size:.8rem;padding-inline:var(--ds-spacing-8);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__header--custom{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--ds-spacing-5);width:100%}.react-datepicker__week{text-align:center;white-space:nowrap}.react-datepicker__month{display:flex;flex-direction:column;gap:var(--ds-spacing-5)}.react-datepicker__month-wrapper{align-items:center;display:flex;gap:var(--ds-spacing-5);justify-content:space-between}.react-datepicker__month-text{align-items:center;border-radius:8px;color:var(--ds-color-text-primary);cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:500;height:40px;justify-content:center}.react-datepicker__month-text:hover{background-color:var(--ds-color-neutral-50)}.react-datepicker__month-text--selected{background-color:var(--ds-color-primary-500);color:var(--ds-color-white);font-weight:600}";
-var styles = {"root":"MonthPicker-module_root__my2Kl","content":"MonthPicker-module_content__6glhz"};
-styleInject_es(css_248z);
-
-module.exports = styles;

package/dist/cjs/one-time-password-field/OneTimePasswordField.d.ts

@@ -1,8 +0,0 @@
-import * as react from 'react';
-import * as OneTimePasswordFieldPrimitive from '@radix-ui/react-one-time-password-field';
-
-declare const OneTimePasswordField: react.ForwardRefExoticComponent<Omit<Omit<OneTimePasswordFieldPrimitive.OneTimePasswordFieldProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
-    Input: react.ForwardRefExoticComponent<Omit<Omit<OneTimePasswordFieldPrimitive.OneTimePasswordFieldInputProps, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
-};
-
-export { OneTimePasswordField };