@cocso-ui/react 0.2.17 → 0.2.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -69,8 +69,7 @@ const DayPicker = /*#__PURE__*/react.forwardRef(({
69
69
  size: "xs",
70
70
  onClick: decreaseMonth,
71
71
  disabled: prevMonthButtonDisabled,
72
- className: DayPicker_module.backButton,
73
- children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSForwardIcon, {})
72
+ children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSBackwardIcon, {})
74
73
  }), /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
75
74
  type: "body",
76
75
  weight: "semibold",
@@ -2,8 +2,8 @@
2
2
 
3
3
  var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
4
4
 
5
- var css_248z = ".DayPicker-module_root__lDrAw{display:inline-block;transform:translateZ(0)}.DayPicker-module_content__VVh4Y{min-width:260px;overflow:hidden}.DayPicker-module_backButton__jYW7L{transform:rotate(180deg)}.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}";
6
- var styles = {"root":"DayPicker-module_root__lDrAw","content":"DayPicker-module_content__VVh4Y","backButton":"DayPicker-module_backButton__jYW7L","sunday":"DayPicker-module_sunday__RaZuV","saturday":"DayPicker-module_saturday__e-AQO"};
5
+ 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}";
6
+ var styles = {"root":"DayPicker-module_root__lDrAw","content":"DayPicker-module_content__VVh4Y","sunday":"DayPicker-module_sunday__RaZuV","saturday":"DayPicker-module_saturday__e-AQO"};
7
7
  styleInject_es(css_248z);
8
8
 
9
9
  module.exports = styles;
@@ -10,6 +10,7 @@ export { MonthPicker, MonthPickerProps } from './month-picker/MonthPicker.js';
10
10
  export { OneTimePasswordField } from './one-time-password-field/OneTimePasswordField.js';
11
11
  export { Pagination, PaginationProps } from './pagination/Pagination.js';
12
12
  export { Popover } from './popover/Popover.js';
13
+ export { RadioGroup } from './radio-group/RadioGroup.js';
13
14
  export { Select, SelectProps } from './select/Select.js';
14
15
  export { Spinner, SpinnerColor, SpinnerProps, SpinnerSize } from './spinner/Spinner.js';
15
16
  export { QuantityStatus, QuantityStatusProps, StockQuantityStatus, getColor } from './stock-quantity-status/StockQuantityStatus.js';
package/dist/cjs/index.js CHANGED
@@ -12,6 +12,7 @@ var MonthPicker = require('./month-picker/MonthPicker.js');
12
12
  var OneTimePasswordField = require('./one-time-password-field/OneTimePasswordField.js');
13
13
  var Pagination = require('./pagination/Pagination.js');
14
14
  var Popover = require('./popover/Popover.js');
15
+ var RadioGroup = require('./radio-group/RadioGroup.js');
15
16
  var Select = require('./select/Select.js');
16
17
  var Spinner = require('./spinner/Spinner.js');
17
18
  var StockQuantityStatus = require('./stock-quantity-status/StockQuantityStatus.js');
@@ -37,6 +38,7 @@ exports.MonthPicker = MonthPicker.MonthPicker;
37
38
  exports.OneTimePasswordField = OneTimePasswordField.OneTimePasswordField;
38
39
  exports.Pagination = Pagination.Pagination;
39
40
  exports.Popover = Popover.Popover;
41
+ exports.RadioGroup = RadioGroup.RadioGroup;
40
42
  exports.Select = Select.Select;
41
43
  exports.Spinner = Spinner.Spinner;
42
44
  exports.StockQuantityStatus = StockQuantityStatus.StockQuantityStatus;
@@ -45,15 +45,17 @@ const ModalContent = /*#__PURE__*/react.forwardRef(({
45
45
  });
46
46
  });
47
47
  const ModalClose = /*#__PURE__*/react.forwardRef(({
48
+ asChild,
48
49
  className,
49
50
  children,
50
51
  ...props
51
52
  }, ref) => {
52
53
  return /*#__PURE__*/jsxRuntime.jsx(ModalPrimitive__namespace.Close, {
53
54
  ref: ref,
54
- className: clsx.clsx(Modal_module.close, className),
55
+ className: clsx.clsx(!asChild && Modal_module.close, className),
56
+ asChild: asChild,
55
57
  ...props,
56
- children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.CloseIcon, {
58
+ children: asChild ? children : /*#__PURE__*/jsxRuntime.jsx(reactIcons.CloseIcon, {
57
59
  size: 24
58
60
  })
59
61
  });
@@ -69,8 +71,8 @@ const ModalTitle = /*#__PURE__*/react.forwardRef(({
69
71
  asChild: true,
70
72
  ...props,
71
73
  children: /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
72
- type: "heading",
73
- size: "sm",
74
+ size: 20,
75
+ weight: "bold",
74
76
  children: children
75
77
  })
76
78
  });
@@ -86,7 +88,7 @@ const ModalDescription = /*#__PURE__*/react.forwardRef(({
86
88
  asChild: true,
87
89
  ...props,
88
90
  children: /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
89
- size: 15,
91
+ size: 14,
90
92
  color: color.colors.textSecondary,
91
93
  weight: "medium",
92
94
  children: children
@@ -2,7 +2,7 @@
2
2
 
3
3
  var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
4
4
 
5
- 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 .15s 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 .15s cubic-bezier(.16,1,.3,1);background-color:var(--ds-color-white);border-radius:8px;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;width:var(--ds-spacing-10)}.Modal-module_title__oTluo{word-break:keep-all}.Modal-module_description__RgMC5{margin-top:var(--ds-spacing-5)}";
5
+ 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)}";
6
6
  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"};
7
7
  styleInject_es(css_248z);
8
8
 
@@ -62,8 +62,7 @@ const MonthPicker = /*#__PURE__*/react.forwardRef(({
62
62
  size: "xs",
63
63
  onClick: decreaseYear,
64
64
  disabled: prevYearButtonDisabled,
65
- className: MonthPicker_module.backButton,
66
- children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSForwardIcon, {})
65
+ children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSBackwardIcon, {})
67
66
  }), /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
68
67
  type: "body",
69
68
  weight: "semibold",
@@ -2,8 +2,8 @@
2
2
 
3
3
  var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
4
4
 
5
- var css_248z = ".MonthPicker-module_root__my2Kl{display:inline-block;transform:translateZ(0)}.MonthPicker-module_content__6glhz{min-width:260px;overflow:hidden}.MonthPicker-module_backButton__Mplxj{transform:rotate(180deg)}.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}";
6
- var styles = {"root":"MonthPicker-module_root__my2Kl","content":"MonthPicker-module_content__6glhz","backButton":"MonthPicker-module_backButton__Mplxj"};
5
+ 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}";
6
+ var styles = {"root":"MonthPicker-module_root__my2Kl","content":"MonthPicker-module_content__6glhz"};
7
7
  styleInject_es(css_248z);
8
8
 
9
9
  module.exports = styles;
@@ -31,21 +31,7 @@ const Pagination = /*#__PURE__*/react.forwardRef(({
31
31
  type: "button",
32
32
  disabled: page === 1,
33
33
  onClick: () => page > 1 && onChange(page - 1),
34
- children: /*#__PURE__*/jsxRuntime.jsx("svg", {
35
- xmlns: "http://www.w3.org/2000/svg",
36
- width: "24",
37
- height: "24",
38
- viewBox: "0 0 24 24",
39
- fill: "none",
40
- stroke: "currentColor",
41
- strokeWidth: "2",
42
- strokeLinecap: "round",
43
- strokeLinejoin: "round",
44
- "aria-hidden": "true",
45
- children: /*#__PURE__*/jsxRuntime.jsx("path", {
46
- d: "m15 18-6-6 6-6"
47
- })
48
- })
34
+ children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSBackwardIcon, {})
49
35
  }), totalPages <= maxVisible + 2 ? Array(totalPages).fill(0).map((_, index) => renderPageButton(index + 1)) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
50
36
  children: [renderPageButton(1), page > 1 + halfVisible && /*#__PURE__*/jsxRuntime.jsx("span", {
51
37
  className: Pagination_module.trunc,
@@ -62,21 +48,7 @@ const Pagination = /*#__PURE__*/react.forwardRef(({
62
48
  type: "button",
63
49
  disabled: page === totalPages,
64
50
  onClick: () => page < totalPages && onChange(page + 1),
65
- children: /*#__PURE__*/jsxRuntime.jsx("svg", {
66
- xmlns: "http://www.w3.org/2000/svg",
67
- width: "24",
68
- height: "24",
69
- viewBox: "0 0 24 24",
70
- fill: "none",
71
- stroke: "currentColor",
72
- strokeWidth: "2",
73
- strokeLinecap: "round",
74
- strokeLinejoin: "round",
75
- "aria-hidden": "true",
76
- children: /*#__PURE__*/jsxRuntime.jsx("path", {
77
- d: "m9 18 6-6-6-6"
78
- })
79
- })
51
+ children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSForwardIcon, {})
80
52
  })]
81
53
  });
82
54
  });
@@ -2,7 +2,7 @@
2
2
 
3
3
  var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
4
4
 
5
- var css_248z = ".Pagination-module_pagination__viYLy{align-items:center;display:flex;gap:var(--ds-spacing-2);justify-content:center;margin-inline:auto}.Pagination-module_arrow__YYkob,.Pagination-module_item__uVIra{--cocso-pagination-font-color:var(--ds-color-text-primary);--cocso-pagination-font-weight:inherit;--cocso-pagination-bg-color:inherit;align-items:center;background-color:var(--cocso-pagination-bg-color);border-radius:var(--ds-spacing-5);color:var(--cocso-pagination-font-color);cursor:pointer;display:inline-flex;font-size:14px;font-weight:var(--cocso-pagination-font-weight);height:var(--ds-spacing-12);justify-content:center;transition:background-color .15s ease-in-out;width:var(--ds-spacing-12)}.Pagination-module_arrow__YYkob:disabled{cursor:not-allowed;opacity:.4}.Pagination-module_arrow__YYkob:not([disabled]):hover{--cocso-pagination-bg-color:var(--ds-color-neutral-50)}.Pagination-module_arrow__YYkob:not([disabled]):active{--cocso-pagination-bg-color:var(--ds-color-neutral-100)}.Pagination-module_arrow__YYkob>svg{flex-shrink:0;height:var(--ds-spacing-8);width:var(--ds-spacing-8)}.Pagination-module_item__uVIra[data-active=true]{--cocso-pagination-font-color:var(--ds-color-white);--cocso-pagination-bg-color:var(--ds-color-primary-500);--cocso-pagination-font-weight:600}.Pagination-module_item__uVIra[data-active=false]:hover{--cocso-pagination-bg-color:var(--ds-color-neutral-50)}.Pagination-module_item__uVIra[data-active=false]:active{--cocso-pagination-bg-color:var(--ds-color-neutral-100)}.Pagination-module_trunc__-ZgYQ{align-items:center;color:var(--ds-color-text-primary);display:inline-flex;font-size:16px;height:var(--ds-spacing-13);justify-content:center;width:var(--ds-spacing-13)}";
5
+ var css_248z = ".Pagination-module_pagination__viYLy{align-items:center;display:flex;gap:var(--ds-spacing-2);justify-content:center;margin-inline:auto}.Pagination-module_arrow__YYkob,.Pagination-module_item__uVIra{--cocso-pagination-font-color:var(--ds-color-text-primary);--cocso-pagination-font-weight:inherit;--cocso-pagination-bg-color:inherit;align-items:center;background-color:var(--cocso-pagination-bg-color);border-radius:var(--ds-spacing-5);color:var(--cocso-pagination-font-color);cursor:pointer;display:inline-flex;font-size:14px;font-weight:var(--cocso-pagination-font-weight);height:var(--ds-spacing-12);justify-content:center;transition:transform .15s ease-in-out;width:var(--ds-spacing-12);will-change:transform}.Pagination-module_arrow__YYkob:disabled{cursor:not-allowed;opacity:.4}.Pagination-module_arrow__YYkob:not([disabled]):hover{--cocso-pagination-bg-color:var(--ds-color-neutral-50)}.Pagination-module_arrow__YYkob:not([disabled]):active{--cocso-pagination-bg-color:var(--ds-color-neutral-100)}.Pagination-module_arrow__YYkob>svg{flex-shrink:0;height:var(--ds-spacing-8);width:var(--ds-spacing-8)}.Pagination-module_arrow__YYkob:active,.Pagination-module_item__uVIra:active{transform:scale(.98)}.Pagination-module_item__uVIra[data-active=true]{--cocso-pagination-font-color:var(--ds-color-white);--cocso-pagination-bg-color:var(--ds-color-primary-500);--cocso-pagination-font-weight:600}.Pagination-module_item__uVIra[data-active=false]:hover{--cocso-pagination-bg-color:var(--ds-color-neutral-50)}.Pagination-module_item__uVIra[data-active=false]:active{--cocso-pagination-bg-color:var(--ds-color-neutral-100)}.Pagination-module_trunc__-ZgYQ{align-items:center;color:var(--ds-color-text-primary);display:inline-flex;font-size:16px;height:var(--ds-spacing-13);justify-content:center;width:var(--ds-spacing-13)}";
6
6
  var styles = {"pagination":"Pagination-module_pagination__viYLy","arrow":"Pagination-module_arrow__YYkob","item":"Pagination-module_item__uVIra","trunc":"Pagination-module_trunc__-ZgYQ"};
7
7
  styleInject_es(css_248z);
8
8
 
@@ -0,0 +1,9 @@
1
+ import * as react from 'react';
2
+ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
3
+
4
+ declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
5
+ Item: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
6
+ Indicator: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupIndicatorProps & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
7
+ };
8
+
9
+ export { RadioGroup };
@@ -0,0 +1,66 @@
1
+ 'use strict';
2
+
3
+ var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
4
+ var clsx = require('clsx');
5
+ var react = require('react');
6
+ var RadioGroup_module = require('./RadioGroup.module.css.js');
7
+ var jsxRuntime = require('react/jsx-runtime');
8
+
9
+ function _interopNamespaceDefault(e) {
10
+ var n = Object.create(null);
11
+ if (e) {
12
+ Object.keys(e).forEach(function (k) {
13
+ if (k !== 'default') {
14
+ var d = Object.getOwnPropertyDescriptor(e, k);
15
+ Object.defineProperty(n, k, d.get ? d : {
16
+ enumerable: true,
17
+ get: function () { return e[k]; }
18
+ });
19
+ }
20
+ });
21
+ }
22
+ n.default = e;
23
+ return Object.freeze(n);
24
+ }
25
+
26
+ var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(RadioGroupPrimitive);
27
+
28
+ const RadioGroupRoot = /*#__PURE__*/react.forwardRef(({
29
+ className,
30
+ ...props
31
+ }, ref) => {
32
+ return /*#__PURE__*/jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, {
33
+ ref: ref,
34
+ className: clsx.clsx(RadioGroup_module.root, className),
35
+ ...props
36
+ });
37
+ });
38
+ RadioGroupRoot.displayName = RadioGroupPrimitive__namespace.Root.displayName;
39
+ const RadioGroupItem = /*#__PURE__*/react.forwardRef(({
40
+ className,
41
+ ...props
42
+ }, ref) => {
43
+ return /*#__PURE__*/jsxRuntime.jsx(RadioGroupPrimitive__namespace.Item, {
44
+ ref: ref,
45
+ className: clsx.clsx(RadioGroup_module.item, className),
46
+ ...props
47
+ });
48
+ });
49
+ RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
50
+ const RadioGroupIndicator = /*#__PURE__*/react.forwardRef(({
51
+ className,
52
+ ...props
53
+ }, ref) => {
54
+ return /*#__PURE__*/jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, {
55
+ ref: ref,
56
+ className: clsx.clsx(RadioGroup_module.indicator, className),
57
+ ...props
58
+ });
59
+ });
60
+ RadioGroupIndicator.displayName = RadioGroupPrimitive__namespace.Indicator.displayName;
61
+ const RadioGroup = Object.assign(RadioGroupRoot, {
62
+ Item: RadioGroupItem,
63
+ Indicator: RadioGroupIndicator
64
+ });
65
+
66
+ exports.RadioGroup = RadioGroup;
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
4
+
5
+ var css_248z = ".RadioGroup-module_root__6bGu5{display:flex;flex-direction:column;gap:6px}.RadioGroup-module_root__6bGu5[data-disabled]{opacity:.5;pointer-events:none}.RadioGroup-module_item__g-YFM{background-color:#fff;border:2px solid var(--ds-color-text-primary);border-radius:100%;cursor:pointer;height:18px;width:18px}.RadioGroup-module_item__g-YFM[data-state=checked]{border-color:var(--ds-color-primary-500)}.RadioGroup-module_item__g-YFM[data-disabled]{opacity:.5;pointer-events:none}.RadioGroup-module_indicator__Tb6Nm{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.RadioGroup-module_indicator__Tb6Nm:after{background-color:var(--ds-color-primary-500);border-radius:50%;content:\"\";display:block;height:8px;width:8px}";
6
+ var styles = {"root":"RadioGroup-module_root__6bGu5","item":"RadioGroup-module_item__g-YFM","indicator":"RadioGroup-module_indicator__Tb6Nm"};
7
+ styleInject_es(css_248z);
8
+
9
+ module.exports = styles;
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { ArrowIOSForwardIcon } from '@cocso-ui/react-icons';
2
+ import { ArrowIOSBackwardIcon, ArrowIOSForwardIcon } from '@cocso-ui/react-icons';
3
3
  import { clsx } from 'clsx';
4
4
  import { ko } from 'date-fns/locale';
5
5
  import { forwardRef, useState } from 'react';
@@ -67,8 +67,7 @@ const DayPicker = /*#__PURE__*/forwardRef(({
67
67
  size: "xs",
68
68
  onClick: decreaseMonth,
69
69
  disabled: prevMonthButtonDisabled,
70
- className: styles.backButton,
71
- children: /*#__PURE__*/jsx(ArrowIOSForwardIcon, {})
70
+ children: /*#__PURE__*/jsx(ArrowIOSBackwardIcon, {})
72
71
  }), /*#__PURE__*/jsx(Typography, {
73
72
  type: "body",
74
73
  weight: "semibold",
@@ -1,3 +1,3 @@
1
- var styles = {"root":"DayPicker-module_root__lDrAw","content":"DayPicker-module_content__VVh4Y","backButton":"DayPicker-module_backButton__jYW7L","sunday":"DayPicker-module_sunday__RaZuV","saturday":"DayPicker-module_saturday__e-AQO"};
1
+ var styles = {"root":"DayPicker-module_root__lDrAw","content":"DayPicker-module_content__VVh4Y","sunday":"DayPicker-module_sunday__RaZuV","saturday":"DayPicker-module_saturday__e-AQO"};
2
2
 
3
3
  export { styles as default };
@@ -1 +1 @@
1
- .Accordion-module_content__V9Ftc,.Accordion-module_item__iE3dq{overflow:hidden}.Accordion-module_content__V9Ftc[data-state=open]{animation:Accordion-module_slide-down__88c3a .3s cubic-bezier(.87,0,.13,1)}.Accordion-module_content__V9Ftc[data-state=closed]{animation:Accordion-module_slide-up__hbYw7 .3s cubic-bezier(.87,0,.13,1)}.Accordion-module_trigger__6nu7o{cursor:pointer;display:flex;justify-content:space-between;width:100%}.Accordion-module_chevron__oFGVg{display:inline-block;height:var(--ds-spacing-10);transition:transform .2s ease-in-out;width:var(--ds-spacing-10)}.Accordion-module_trigger__6nu7o[data-state=closed]>.Accordion-module_chevron__oFGVg{transform:rotate(0deg)}.Accordion-module_trigger__6nu7o[data-state=open]>.Accordion-module_chevron__oFGVg{transform:rotate(180deg)}@keyframes Accordion-module_slide-up__hbYw7{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes Accordion-module_slide-down__88c3a{0%{height:0}to{height:var(--radix-accordion-content-height)}}.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)))}}.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}@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)}.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}.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}@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}.DayPicker-module_root__lDrAw{display:inline-block;transform:translateZ(0)}.DayPicker-module_content__VVh4Y{min-width:260px;overflow:hidden}.DayPicker-module_backButton__jYW7L{transform:rotate(180deg)}.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__month-container{padding-block:var(--ds-spacing-8);width:100%}.react-datepicker__day-names{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}.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}@keyframes Modal-module_overlay-show__zyvAx{0%{opacity:0}to{opacity:1}}.Modal-module_overlay__7ZBDB{animation:Modal-module_overlay-show__zyvAx .15s 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 .15s cubic-bezier(.16,1,.3,1);background-color:var(--ds-color-white);border-radius:8px;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;width:var(--ds-spacing-10)}.Modal-module_title__oTluo{word-break:keep-all}.Modal-module_description__RgMC5{margin-top:var(--ds-spacing-5)}.MonthPicker-module_root__my2Kl{display:inline-block;transform:translateZ(0)}.MonthPicker-module_content__6glhz{min-width:260px;overflow:hidden}.MonthPicker-module_backButton__Mplxj{transform:rotate(180deg)}.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}.OneTimePasswordField-module_otp__zoWO7{align-items:center;display:flex;gap:var(--ds-spacing-5)}.OneTimePasswordField-module_input__owV9H{align-items:center;background-color:var(--ds-color-neutral-50);border:none;border-radius:var(--ds-spacing-2);box-shadow:0 0 0 var(--ds-spacing-1,1px) var(--ds-color-neutral-50);color:var(--ds-color-neutral-950);display:inline-flex;flex:1;font-size:16px;font-weight:500;height:100%;justify-content:center;line-height:1;outline:none;text-align:center;text-transform:uppercase;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.OneTimePasswordField-module_input__owV9H:focus,.OneTimePasswordField-module_input__owV9H:hover{box-shadow:0 0 0 var(--ds-spacing-1,1px) var(--ds-color-neutral-200)}.OneTimePasswordField-module_input__owV9H::selection{background-color:var(--ds-color-neutral-400)}.Pagination-module_pagination__viYLy{align-items:center;display:flex;gap:var(--ds-spacing-2);justify-content:center;margin-inline:auto}.Pagination-module_arrow__YYkob,.Pagination-module_item__uVIra{--cocso-pagination-font-color:var(--ds-color-text-primary);--cocso-pagination-font-weight:inherit;--cocso-pagination-bg-color:inherit;align-items:center;background-color:var(--cocso-pagination-bg-color);border-radius:var(--ds-spacing-5);color:var(--cocso-pagination-font-color);cursor:pointer;display:inline-flex;font-size:14px;font-weight:var(--cocso-pagination-font-weight);height:var(--ds-spacing-12);justify-content:center;transition:background-color .15s ease-in-out;width:var(--ds-spacing-12)}.Pagination-module_arrow__YYkob:disabled{cursor:not-allowed;opacity:.4}.Pagination-module_arrow__YYkob:not([disabled]):hover{--cocso-pagination-bg-color:var(--ds-color-neutral-50)}.Pagination-module_arrow__YYkob:not([disabled]):active{--cocso-pagination-bg-color:var(--ds-color-neutral-100)}.Pagination-module_arrow__YYkob>svg{flex-shrink:0;height:var(--ds-spacing-8);width:var(--ds-spacing-8)}.Pagination-module_item__uVIra[data-active=true]{--cocso-pagination-font-color:var(--ds-color-white);--cocso-pagination-bg-color:var(--ds-color-primary-500);--cocso-pagination-font-weight:600}.Pagination-module_item__uVIra[data-active=false]:hover{--cocso-pagination-bg-color:var(--ds-color-neutral-50)}.Pagination-module_item__uVIra[data-active=false]:active{--cocso-pagination-bg-color:var(--ds-color-neutral-100)}.Pagination-module_trunc__-ZgYQ{align-items:center;color:var(--ds-color-text-primary);display:inline-flex;font-size:16px;height:var(--ds-spacing-13);justify-content:center;width:var(--ds-spacing-13)}@keyframes Popover-module_slide-up-and-fade__adQar{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes Popover-module_slide-right-and-fade__br3DV{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes Popover-module_slide-down-and-fade__Lkl4N{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes Popover-module_slide-left-and-fade__yHinG{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.Popover-module_content__ry9PF{animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--ds-color-white);border:1px solid var(--ds-color-neutral-100);border-radius:var(--ds-spacing-4);box-shadow:var(--ds-shadow-2);padding-block:var(--ds-spacing-6);padding-inline:var(--ds-spacing-8);will-change:transform,opacity}.Popover-module_content__ry9PF[data-state=open][data-side=top]{animation-name:Popover-module_slide-down-and-fade__Lkl4N}.Popover-module_content__ry9PF[data-state=open][data-side=right]{animation-name:Popover-module_slide-left-and-fade__yHinG}.Popover-module_content__ry9PF[data-state=open][data-side=bottom]{animation-name:Popover-module_slide-up-and-fade__adQar}.Popover-module_content__ry9PF[data-state=open][data-side=left]{animation-name:Popover-module_slide-right-and-fade__br3DV}.Select-module_wrapper__4k8By{cursor:pointer;position:relative;width:fit-content}.Select-module_wrapper__4k8By.Select-module_stretch__2KlaW,.Select-module_wrapper__4k8By.Select-module_stretch__2KlaW .Select-module_select__MUUdH{width:100%}.Select-module_select__MUUdH{--cocso-select-min-width:inherit;--cocso-select-height:inherit;--cocso-select-padding-left:inherit;--cocso-select-padding-right:inherit;--cocso-select-font-size:inherit;--cocso-select-border-radius:inherit;--cocso-select-bg-color:var(--ds-color-white);appearance:none;-o-appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--cocso-select-bg-color);border:1px solid var(--ds-color-neutral-100);border-radius:var(--cocso-select-border-radius);color:var(--ds-color-neutral-950);font-size:var(--cocso-select-font-size);height:var(--cocso-select-height);min-width:var(--cocso-select-min-width);padding-left:var(--cocso-select-padding-left);padding-right:var(--cocso-select-padding-right)}.Select-module_wrapper__4k8By.Select-module_disabled__JO7OG{cursor:not-allowed}.Select-module_wrapper__4k8By.Select-module_disabled__JO7OG .Select-module_select__MUUdH{cursor:not-allowed;opacity:.4}.Select-module_icon__EuBJI{color:var(--ds-color-neutral-500);pointer-events:none;position:absolute;right:var(--ds-spacing-5);top:50%;transform:translateY(-50%)}.Select-module_wrapper__4k8By.Select-module_disabled__JO7OG .Select-module_icon__EuBJI{cursor:not-allowed;opacity:.4}.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%}.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)))}
1
+ .Accordion-module_content__V9Ftc,.Accordion-module_item__iE3dq{overflow:hidden}.Accordion-module_content__V9Ftc[data-state=open]{animation:Accordion-module_slide-down__88c3a .3s cubic-bezier(.87,0,.13,1)}.Accordion-module_content__V9Ftc[data-state=closed]{animation:Accordion-module_slide-up__hbYw7 .3s cubic-bezier(.87,0,.13,1)}.Accordion-module_trigger__6nu7o{cursor:pointer;display:flex;justify-content:space-between;width:100%}.Accordion-module_chevron__oFGVg{display:inline-block;height:var(--ds-spacing-10);transition:transform .2s ease-in-out;width:var(--ds-spacing-10)}.Accordion-module_trigger__6nu7o[data-state=closed]>.Accordion-module_chevron__oFGVg{transform:rotate(0deg)}.Accordion-module_trigger__6nu7o[data-state=open]>.Accordion-module_chevron__oFGVg{transform:rotate(180deg)}@keyframes Accordion-module_slide-up__hbYw7{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes Accordion-module_slide-down__88c3a{0%{height:0}to{height:var(--radix-accordion-content-height)}}.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)))}}.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}@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)}.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}.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}@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}.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__month-container{padding-block:var(--ds-spacing-8);width:100%}.react-datepicker__day-names{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}.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}@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)}.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}.OneTimePasswordField-module_otp__zoWO7{align-items:center;display:flex;gap:var(--ds-spacing-5)}.OneTimePasswordField-module_input__owV9H{align-items:center;background-color:var(--ds-color-neutral-50);border:none;border-radius:var(--ds-spacing-2);box-shadow:0 0 0 var(--ds-spacing-1,1px) var(--ds-color-neutral-50);color:var(--ds-color-neutral-950);display:inline-flex;flex:1;font-size:16px;font-weight:500;height:100%;justify-content:center;line-height:1;outline:none;text-align:center;text-transform:uppercase;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.OneTimePasswordField-module_input__owV9H:focus,.OneTimePasswordField-module_input__owV9H:hover{box-shadow:0 0 0 var(--ds-spacing-1,1px) var(--ds-color-neutral-200)}.OneTimePasswordField-module_input__owV9H::selection{background-color:var(--ds-color-neutral-400)}.Pagination-module_pagination__viYLy{align-items:center;display:flex;gap:var(--ds-spacing-2);justify-content:center;margin-inline:auto}.Pagination-module_arrow__YYkob,.Pagination-module_item__uVIra{--cocso-pagination-font-color:var(--ds-color-text-primary);--cocso-pagination-font-weight:inherit;--cocso-pagination-bg-color:inherit;align-items:center;background-color:var(--cocso-pagination-bg-color);border-radius:var(--ds-spacing-5);color:var(--cocso-pagination-font-color);cursor:pointer;display:inline-flex;font-size:14px;font-weight:var(--cocso-pagination-font-weight);height:var(--ds-spacing-12);justify-content:center;transition:transform .15s ease-in-out;width:var(--ds-spacing-12);will-change:transform}.Pagination-module_arrow__YYkob:disabled{cursor:not-allowed;opacity:.4}.Pagination-module_arrow__YYkob:not([disabled]):hover{--cocso-pagination-bg-color:var(--ds-color-neutral-50)}.Pagination-module_arrow__YYkob:not([disabled]):active{--cocso-pagination-bg-color:var(--ds-color-neutral-100)}.Pagination-module_arrow__YYkob>svg{flex-shrink:0;height:var(--ds-spacing-8);width:var(--ds-spacing-8)}.Pagination-module_arrow__YYkob:active,.Pagination-module_item__uVIra:active{transform:scale(.98)}.Pagination-module_item__uVIra[data-active=true]{--cocso-pagination-font-color:var(--ds-color-white);--cocso-pagination-bg-color:var(--ds-color-primary-500);--cocso-pagination-font-weight:600}.Pagination-module_item__uVIra[data-active=false]:hover{--cocso-pagination-bg-color:var(--ds-color-neutral-50)}.Pagination-module_item__uVIra[data-active=false]:active{--cocso-pagination-bg-color:var(--ds-color-neutral-100)}.Pagination-module_trunc__-ZgYQ{align-items:center;color:var(--ds-color-text-primary);display:inline-flex;font-size:16px;height:var(--ds-spacing-13);justify-content:center;width:var(--ds-spacing-13)}@keyframes Popover-module_slide-up-and-fade__adQar{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes Popover-module_slide-right-and-fade__br3DV{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes Popover-module_slide-down-and-fade__Lkl4N{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes Popover-module_slide-left-and-fade__yHinG{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.Popover-module_content__ry9PF{animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--ds-color-white);border:1px solid var(--ds-color-neutral-100);border-radius:var(--ds-spacing-4);box-shadow:var(--ds-shadow-2);padding-block:var(--ds-spacing-6);padding-inline:var(--ds-spacing-8);will-change:transform,opacity}.Popover-module_content__ry9PF[data-state=open][data-side=top]{animation-name:Popover-module_slide-down-and-fade__Lkl4N}.Popover-module_content__ry9PF[data-state=open][data-side=right]{animation-name:Popover-module_slide-left-and-fade__yHinG}.Popover-module_content__ry9PF[data-state=open][data-side=bottom]{animation-name:Popover-module_slide-up-and-fade__adQar}.Popover-module_content__ry9PF[data-state=open][data-side=left]{animation-name:Popover-module_slide-right-and-fade__br3DV}.RadioGroup-module_root__6bGu5{display:flex;flex-direction:column;gap:6px}.RadioGroup-module_root__6bGu5[data-disabled]{opacity:.5;pointer-events:none}.RadioGroup-module_item__g-YFM{background-color:#fff;border:2px solid var(--ds-color-text-primary);border-radius:100%;cursor:pointer;height:18px;width:18px}.RadioGroup-module_item__g-YFM[data-state=checked]{border-color:var(--ds-color-primary-500)}.RadioGroup-module_item__g-YFM[data-disabled]{opacity:.5;pointer-events:none}.RadioGroup-module_indicator__Tb6Nm{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.RadioGroup-module_indicator__Tb6Nm:after{background-color:var(--ds-color-primary-500);border-radius:50%;content:"";display:block;height:8px;width:8px}.Select-module_wrapper__4k8By{cursor:pointer;position:relative;width:fit-content}.Select-module_wrapper__4k8By.Select-module_stretch__2KlaW,.Select-module_wrapper__4k8By.Select-module_stretch__2KlaW .Select-module_select__MUUdH{width:100%}.Select-module_select__MUUdH{--cocso-select-min-width:inherit;--cocso-select-height:inherit;--cocso-select-padding-left:inherit;--cocso-select-padding-right:inherit;--cocso-select-font-size:inherit;--cocso-select-border-radius:inherit;--cocso-select-bg-color:var(--ds-color-white);appearance:none;-o-appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--cocso-select-bg-color);border:1px solid var(--ds-color-neutral-100);border-radius:var(--cocso-select-border-radius);color:var(--ds-color-neutral-950);font-size:var(--cocso-select-font-size);height:var(--cocso-select-height);min-width:var(--cocso-select-min-width);padding-left:var(--cocso-select-padding-left);padding-right:var(--cocso-select-padding-right)}.Select-module_wrapper__4k8By.Select-module_disabled__JO7OG{cursor:not-allowed}.Select-module_wrapper__4k8By.Select-module_disabled__JO7OG .Select-module_select__MUUdH{cursor:not-allowed;opacity:.4}.Select-module_icon__EuBJI{color:var(--ds-color-neutral-500);pointer-events:none;position:absolute;right:var(--ds-spacing-5);top:50%;transform:translateY(-50%)}.Select-module_wrapper__4k8By.Select-module_disabled__JO7OG .Select-module_icon__EuBJI{cursor:not-allowed;opacity:.4}.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%}.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)))}
@@ -10,6 +10,7 @@ export { MonthPicker, MonthPickerProps } from './month-picker/MonthPicker.mjs';
10
10
  export { OneTimePasswordField } from './one-time-password-field/OneTimePasswordField.mjs';
11
11
  export { Pagination, PaginationProps } from './pagination/Pagination.mjs';
12
12
  export { Popover } from './popover/Popover.mjs';
13
+ export { RadioGroup } from './radio-group/RadioGroup.mjs';
13
14
  export { Select, SelectProps } from './select/Select.mjs';
14
15
  export { Spinner, SpinnerColor, SpinnerProps, SpinnerSize } from './spinner/Spinner.mjs';
15
16
  export { QuantityStatus, QuantityStatusProps, StockQuantityStatus, getColor } from './stock-quantity-status/StockQuantityStatus.mjs';
@@ -10,6 +10,7 @@ export { MonthPicker } from './month-picker/MonthPicker.mjs';
10
10
  export { OneTimePasswordField } from './one-time-password-field/OneTimePasswordField.mjs';
11
11
  export { Pagination } from './pagination/Pagination.mjs';
12
12
  export { Popover } from './popover/Popover.mjs';
13
+ export { RadioGroup } from './radio-group/RadioGroup.mjs';
13
14
  export { Select } from './select/Select.mjs';
14
15
  export { Spinner } from './spinner/Spinner.mjs';
15
16
  export { StockQuantityStatus, getColor } from './stock-quantity-status/StockQuantityStatus.mjs';
@@ -24,15 +24,17 @@ const ModalContent = /*#__PURE__*/forwardRef(({
24
24
  });
25
25
  });
26
26
  const ModalClose = /*#__PURE__*/forwardRef(({
27
+ asChild,
27
28
  className,
28
29
  children,
29
30
  ...props
30
31
  }, ref) => {
31
32
  return /*#__PURE__*/jsx(ModalPrimitive.Close, {
32
33
  ref: ref,
33
- className: clsx(styles.close, className),
34
+ className: clsx(!asChild && styles.close, className),
35
+ asChild: asChild,
34
36
  ...props,
35
- children: /*#__PURE__*/jsx(CloseIcon, {
37
+ children: asChild ? children : /*#__PURE__*/jsx(CloseIcon, {
36
38
  size: 24
37
39
  })
38
40
  });
@@ -48,8 +50,8 @@ const ModalTitle = /*#__PURE__*/forwardRef(({
48
50
  asChild: true,
49
51
  ...props,
50
52
  children: /*#__PURE__*/jsx(Typography, {
51
- type: "heading",
52
- size: "sm",
53
+ size: 20,
54
+ weight: "bold",
53
55
  children: children
54
56
  })
55
57
  });
@@ -65,7 +67,7 @@ const ModalDescription = /*#__PURE__*/forwardRef(({
65
67
  asChild: true,
66
68
  ...props,
67
69
  children: /*#__PURE__*/jsx(Typography, {
68
- size: 15,
70
+ size: 14,
69
71
  color: colors.textSecondary,
70
72
  weight: "medium",
71
73
  children: children
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { ArrowIOSForwardIcon } from '@cocso-ui/react-icons';
2
+ import { ArrowIOSBackwardIcon, ArrowIOSForwardIcon } from '@cocso-ui/react-icons';
3
3
  import { clsx } from 'clsx';
4
4
  import { ko } from 'date-fns/locale';
5
5
  import { forwardRef, useState } from 'react';
@@ -60,8 +60,7 @@ const MonthPicker = /*#__PURE__*/forwardRef(({
60
60
  size: "xs",
61
61
  onClick: decreaseYear,
62
62
  disabled: prevYearButtonDisabled,
63
- className: styles.backButton,
64
- children: /*#__PURE__*/jsx(ArrowIOSForwardIcon, {})
63
+ children: /*#__PURE__*/jsx(ArrowIOSBackwardIcon, {})
65
64
  }), /*#__PURE__*/jsx(Typography, {
66
65
  type: "body",
67
66
  weight: "semibold",
@@ -1,3 +1,3 @@
1
- var styles = {"root":"MonthPicker-module_root__my2Kl","content":"MonthPicker-module_content__6glhz","backButton":"MonthPicker-module_backButton__Mplxj"};
1
+ var styles = {"root":"MonthPicker-module_root__my2Kl","content":"MonthPicker-module_content__6glhz"};
2
2
 
3
3
  export { styles as default };
@@ -1,4 +1,4 @@
1
- import { MoreHorizIcon } from '@cocso-ui/react-icons';
1
+ import { ArrowIOSBackwardIcon, MoreHorizIcon, ArrowIOSForwardIcon } from '@cocso-ui/react-icons';
2
2
  import { clsx } from 'clsx';
3
3
  import { forwardRef } from 'react';
4
4
  import styles from './Pagination.module.css.mjs';
@@ -29,21 +29,7 @@ const Pagination = /*#__PURE__*/forwardRef(({
29
29
  type: "button",
30
30
  disabled: page === 1,
31
31
  onClick: () => page > 1 && onChange(page - 1),
32
- children: /*#__PURE__*/jsx("svg", {
33
- xmlns: "http://www.w3.org/2000/svg",
34
- width: "24",
35
- height: "24",
36
- viewBox: "0 0 24 24",
37
- fill: "none",
38
- stroke: "currentColor",
39
- strokeWidth: "2",
40
- strokeLinecap: "round",
41
- strokeLinejoin: "round",
42
- "aria-hidden": "true",
43
- children: /*#__PURE__*/jsx("path", {
44
- d: "m15 18-6-6 6-6"
45
- })
46
- })
32
+ children: /*#__PURE__*/jsx(ArrowIOSBackwardIcon, {})
47
33
  }), totalPages <= maxVisible + 2 ? Array(totalPages).fill(0).map((_, index) => renderPageButton(index + 1)) : /*#__PURE__*/jsxs(Fragment, {
48
34
  children: [renderPageButton(1), page > 1 + halfVisible && /*#__PURE__*/jsx("span", {
49
35
  className: styles.trunc,
@@ -60,21 +46,7 @@ const Pagination = /*#__PURE__*/forwardRef(({
60
46
  type: "button",
61
47
  disabled: page === totalPages,
62
48
  onClick: () => page < totalPages && onChange(page + 1),
63
- children: /*#__PURE__*/jsx("svg", {
64
- xmlns: "http://www.w3.org/2000/svg",
65
- width: "24",
66
- height: "24",
67
- viewBox: "0 0 24 24",
68
- fill: "none",
69
- stroke: "currentColor",
70
- strokeWidth: "2",
71
- strokeLinecap: "round",
72
- strokeLinejoin: "round",
73
- "aria-hidden": "true",
74
- children: /*#__PURE__*/jsx("path", {
75
- d: "m9 18 6-6-6-6"
76
- })
77
- })
49
+ children: /*#__PURE__*/jsx(ArrowIOSForwardIcon, {})
78
50
  })]
79
51
  });
80
52
  });
@@ -0,0 +1,9 @@
1
+ import * as react from 'react';
2
+ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
3
+
4
+ declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
5
+ Item: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
6
+ Indicator: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupIndicatorProps & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
7
+ };
8
+
9
+ export { RadioGroup };
@@ -0,0 +1,45 @@
1
+ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
2
+ import { clsx } from 'clsx';
3
+ import { forwardRef } from 'react';
4
+ import styles from './RadioGroup.module.css.mjs';
5
+ import { jsx } from 'react/jsx-runtime';
6
+
7
+ const RadioGroupRoot = /*#__PURE__*/forwardRef(({
8
+ className,
9
+ ...props
10
+ }, ref) => {
11
+ return /*#__PURE__*/jsx(RadioGroupPrimitive.Root, {
12
+ ref: ref,
13
+ className: clsx(styles.root, className),
14
+ ...props
15
+ });
16
+ });
17
+ RadioGroupRoot.displayName = RadioGroupPrimitive.Root.displayName;
18
+ const RadioGroupItem = /*#__PURE__*/forwardRef(({
19
+ className,
20
+ ...props
21
+ }, ref) => {
22
+ return /*#__PURE__*/jsx(RadioGroupPrimitive.Item, {
23
+ ref: ref,
24
+ className: clsx(styles.item, className),
25
+ ...props
26
+ });
27
+ });
28
+ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
29
+ const RadioGroupIndicator = /*#__PURE__*/forwardRef(({
30
+ className,
31
+ ...props
32
+ }, ref) => {
33
+ return /*#__PURE__*/jsx(RadioGroupPrimitive.Indicator, {
34
+ ref: ref,
35
+ className: clsx(styles.indicator, className),
36
+ ...props
37
+ });
38
+ });
39
+ RadioGroupIndicator.displayName = RadioGroupPrimitive.Indicator.displayName;
40
+ const RadioGroup = Object.assign(RadioGroupRoot, {
41
+ Item: RadioGroupItem,
42
+ Indicator: RadioGroupIndicator
43
+ });
44
+
45
+ export { RadioGroup };
@@ -0,0 +1,3 @@
1
+ var styles = {"root":"RadioGroup-module_root__6bGu5","item":"RadioGroup-module_item__g-YFM","indicator":"RadioGroup-module_indicator__Tb6Nm"};
2
+
3
+ export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocso-ui/react",
3
- "version": "0.2.17",
3
+ "version": "0.2.19",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/cocso/cocso-ui.git",
@@ -33,31 +33,32 @@
33
33
  "@radix-ui/react-one-time-password-field": "^0.1.8",
34
34
  "@radix-ui/react-popover": "^1.1.15",
35
35
  "@radix-ui/react-primitive": "^2.1.3",
36
+ "@radix-ui/react-radio-group": "^1.3.8",
36
37
  "@radix-ui/react-slot": "^1.2.3",
37
38
  "@radix-ui/react-switch": "^1.2.6",
38
39
  "@radix-ui/react-tabs": "^1.1.13",
39
40
  "clsx": "^2.1.1",
40
41
  "date-fns": "^4.1.0",
41
- "react-datepicker": "^8.7.0",
42
+ "react-datepicker": "^8.8.0",
42
43
  "sonner": "^2.0.7",
43
- "ts-pattern": "^5.8.0",
44
- "@cocso-ui/react-icons": "^0.1.4"
44
+ "ts-pattern": "^5.9.0",
45
+ "@cocso-ui/react-icons": "^0.1.6"
45
46
  },
46
47
  "devDependencies": {
47
- "@babel/preset-react": "^7.27.1",
48
- "@babel/preset-typescript": "^7.27.1",
49
- "@rollup/plugin-babel": "^6.0.4",
50
- "@rollup/plugin-commonjs": "^28.0.6",
51
- "@rollup/plugin-node-resolve": "^16.0.1",
52
- "@storybook/react": "^9.1.8",
53
- "@types/react": "^19.1.13",
54
- "@types/react-dom": "^19.1.9",
55
- "react": "^19.1.1",
56
- "rollup": "^4.52.2",
48
+ "@babel/preset-react": "^7.28.5",
49
+ "@babel/preset-typescript": "^7.28.5",
50
+ "@rollup/plugin-babel": "^6.1.0",
51
+ "@rollup/plugin-commonjs": "^28.0.9",
52
+ "@rollup/plugin-node-resolve": "^16.0.3",
53
+ "@storybook/react": "^9.1.16",
54
+ "@types/react": "^19.2.2",
55
+ "@types/react-dom": "^19.2.2",
56
+ "react": "^19.2.0",
57
+ "rollup": "^4.52.5",
57
58
  "rollup-plugin-dts": "^6.2.3",
58
59
  "rollup-plugin-postcss": "^4.0.2",
59
60
  "rollup-plugin-preserve-directives": "^0.4.0",
60
- "typescript": "^5.9.2"
61
+ "typescript": "^5.9.3"
61
62
  },
62
63
  "peerDependencies": {
63
64
  "react": "^19.1.1"