@cocso-ui/react 0.2.21 → 1.0.1

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.
Files changed (362) hide show
  1. package/README.md +2 -2
  2. package/dist/cjs/cn.d.ts +12 -0
  3. package/dist/cjs/cn.js +17 -0
  4. package/dist/cjs/components/accordion/accordion.d.ts +25 -0
  5. package/dist/cjs/components/accordion/accordion.js +54 -0
  6. package/dist/cjs/components/accordion/accordion.module.css.js +9 -0
  7. package/dist/cjs/components/alert/alert.d.ts +15 -0
  8. package/dist/cjs/components/alert/alert.js +44 -0
  9. package/dist/cjs/components/alert/alert.module.css.js +9 -0
  10. package/dist/cjs/components/avatar/avatar.d.ts +18 -0
  11. package/dist/cjs/components/avatar/avatar.js +52 -0
  12. package/dist/cjs/components/avatar/avatar.module.css.js +9 -0
  13. package/dist/cjs/components/badge/badge.d.ts +16 -0
  14. package/dist/cjs/components/badge/badge.js +60 -0
  15. package/dist/cjs/components/badge/badge.module.css.js +9 -0
  16. package/dist/cjs/components/breadcrumb/breadcrumb.d.ts +14 -0
  17. package/dist/cjs/components/breadcrumb/breadcrumb.js +50 -0
  18. package/dist/cjs/components/breadcrumb/breadcrumb.module.css.js +9 -0
  19. package/dist/cjs/components/button/button.d.ts +27 -0
  20. package/dist/cjs/components/button/button.js +83 -0
  21. package/dist/cjs/components/button/button.module.css.js +9 -0
  22. package/dist/cjs/components/card/card.d.ts +13 -0
  23. package/dist/cjs/components/card/card.js +30 -0
  24. package/dist/cjs/components/card/card.module.css.js +9 -0
  25. package/dist/cjs/components/checkbox/checkbox.d.ts +20 -0
  26. package/dist/cjs/components/checkbox/checkbox.js +116 -0
  27. package/dist/cjs/components/checkbox/checkbox.module.css.js +9 -0
  28. package/dist/cjs/components/day-picker/day-picker.d.ts +18 -0
  29. package/dist/cjs/components/day-picker/day-picker.js +117 -0
  30. package/dist/cjs/components/day-picker/day-picker.module.css.js +9 -0
  31. package/dist/cjs/components/dialog/dialog.d.ts +29 -0
  32. package/dist/cjs/components/dialog/dialog.js +105 -0
  33. package/dist/cjs/components/dialog/dialog.module.css.js +9 -0
  34. package/dist/cjs/components/dropdown/dropdown.d.ts +16 -0
  35. package/dist/cjs/components/dropdown/dropdown.js +56 -0
  36. package/dist/cjs/components/dropdown/dropdown.module.css.js +9 -0
  37. package/dist/cjs/components/field/field.d.ts +26 -0
  38. package/dist/cjs/components/field/field.js +49 -0
  39. package/dist/cjs/components/field/field.module.css.js +9 -0
  40. package/dist/cjs/components/input/input.d.ts +17 -0
  41. package/dist/cjs/components/input/input.js +70 -0
  42. package/dist/cjs/components/input/input.module.css.js +9 -0
  43. package/dist/cjs/components/input-trigger/input-trigger.d.ts +25 -0
  44. package/dist/cjs/components/input-trigger/input-trigger.js +54 -0
  45. package/dist/cjs/components/input-trigger/input-trigger.module.css.js +9 -0
  46. package/dist/cjs/components/link/link.d.ts +28 -0
  47. package/dist/cjs/components/link/link.js +64 -0
  48. package/dist/cjs/components/link/link.module.css.js +9 -0
  49. package/dist/cjs/components/month-picker/month-picker.d.ts +18 -0
  50. package/dist/cjs/components/month-picker/month-picker.js +108 -0
  51. package/dist/cjs/components/month-picker/month-picker.module.css.js +9 -0
  52. package/dist/cjs/components/one-time-password-field/one-time-password-field.d.ts +13 -0
  53. package/dist/cjs/components/one-time-password-field/one-time-password-field.js +44 -0
  54. package/dist/cjs/components/one-time-password-field/one-time-password-field.module.css.js +9 -0
  55. package/dist/cjs/components/pagination/pagination.d.ts +23 -0
  56. package/dist/cjs/components/pagination/pagination.js +87 -0
  57. package/dist/cjs/components/pagination/pagination.module.css.js +9 -0
  58. package/dist/cjs/components/popover/popover.d.ts +14 -0
  59. package/dist/cjs/components/popover/popover.js +49 -0
  60. package/dist/cjs/components/popover/popover.module.css.js +9 -0
  61. package/dist/cjs/components/progress/progress.d.ts +17 -0
  62. package/dist/cjs/components/progress/progress.js +43 -0
  63. package/dist/cjs/components/progress/progress.module.css.js +9 -0
  64. package/dist/cjs/components/radio-group/radio-group.d.ts +23 -0
  65. package/dist/cjs/components/radio-group/radio-group.js +53 -0
  66. package/dist/cjs/components/radio-group/radio-group.module.css.js +9 -0
  67. package/dist/cjs/components/select/select.d.ts +17 -0
  68. package/dist/cjs/components/select/select.js +86 -0
  69. package/dist/cjs/components/select/select.module.css.js +9 -0
  70. package/dist/cjs/components/skeleton/skeleton.d.ts +15 -0
  71. package/dist/cjs/components/skeleton/skeleton.js +30 -0
  72. package/dist/cjs/components/skeleton/skeleton.module.css.js +9 -0
  73. package/dist/cjs/components/spinner/spinner.d.ts +17 -0
  74. package/dist/cjs/components/spinner/spinner.js +70 -0
  75. package/dist/cjs/components/spinner/spinner.module.css.js +9 -0
  76. package/dist/cjs/components/stock-quantity-status/stock-quantity-status.d.ts +12 -0
  77. package/dist/cjs/components/stock-quantity-status/stock-quantity-status.js +119 -0
  78. package/dist/cjs/components/stock-quantity-status/stock-quantity-status.module.css.js +9 -0
  79. package/dist/cjs/components/switch/switch.d.ts +19 -0
  80. package/dist/cjs/components/switch/switch.js +74 -0
  81. package/dist/cjs/components/switch/switch.module.css.js +9 -0
  82. package/dist/cjs/components/tab/tab.d.ts +21 -0
  83. package/dist/cjs/components/tab/tab.js +33 -0
  84. package/dist/cjs/components/tooltip/tooltip.d.ts +17 -0
  85. package/dist/cjs/components/tooltip/tooltip.js +50 -0
  86. package/dist/cjs/components/tooltip/tooltip.module.css.js +9 -0
  87. package/dist/cjs/components/typography/typography.d.ts +30 -0
  88. package/dist/cjs/components/typography/typography.js +81 -0
  89. package/dist/cjs/components/typography/typography.module.css.js +9 -0
  90. package/dist/cjs/ecosystem/codegen/generated/alert.css.js +6 -0
  91. package/dist/cjs/ecosystem/codegen/generated/alert.js +12 -0
  92. package/dist/cjs/ecosystem/codegen/generated/avatar.css.js +6 -0
  93. package/dist/cjs/ecosystem/codegen/generated/avatar.js +13 -0
  94. package/dist/cjs/ecosystem/codegen/generated/badge.css.js +6 -0
  95. package/dist/cjs/ecosystem/codegen/generated/badge.js +14 -0
  96. package/dist/cjs/ecosystem/codegen/generated/breadcrumb.css.js +6 -0
  97. package/dist/cjs/ecosystem/codegen/generated/breadcrumb.js +12 -0
  98. package/dist/cjs/ecosystem/codegen/generated/button.css.js +6 -0
  99. package/dist/cjs/ecosystem/codegen/generated/button.js +14 -0
  100. package/dist/cjs/ecosystem/codegen/generated/card.css.js +6 -0
  101. package/dist/cjs/ecosystem/codegen/generated/card.js +13 -0
  102. package/dist/cjs/ecosystem/codegen/generated/checkbox.css.js +6 -0
  103. package/dist/cjs/ecosystem/codegen/generated/checkbox.js +13 -0
  104. package/dist/cjs/ecosystem/codegen/generated/input.css.js +6 -0
  105. package/dist/cjs/ecosystem/codegen/generated/input.js +12 -0
  106. package/dist/cjs/ecosystem/codegen/generated/link.css.js +6 -0
  107. package/dist/cjs/ecosystem/codegen/generated/link.js +12 -0
  108. package/dist/cjs/ecosystem/codegen/generated/progress.css.js +6 -0
  109. package/dist/cjs/ecosystem/codegen/generated/progress.js +13 -0
  110. package/dist/cjs/ecosystem/codegen/generated/radio.css.js +6 -0
  111. package/dist/cjs/ecosystem/codegen/generated/radio.js +13 -0
  112. package/dist/cjs/ecosystem/codegen/generated/select.css.js +6 -0
  113. package/dist/cjs/ecosystem/codegen/generated/select.js +12 -0
  114. package/dist/cjs/ecosystem/codegen/generated/skeleton.css.js +6 -0
  115. package/dist/cjs/ecosystem/codegen/generated/skeleton.js +13 -0
  116. package/dist/cjs/ecosystem/codegen/generated/spinner-geometry.js +33 -0
  117. package/dist/cjs/ecosystem/codegen/generated/spinner.css.js +6 -0
  118. package/dist/cjs/ecosystem/codegen/generated/spinner.js +13 -0
  119. package/dist/cjs/ecosystem/codegen/generated/stock-quantity-status.css.js +6 -0
  120. package/dist/cjs/ecosystem/codegen/generated/stock-quantity-status.js +12 -0
  121. package/dist/cjs/ecosystem/codegen/generated/switch.css.js +6 -0
  122. package/dist/cjs/ecosystem/codegen/generated/switch.js +14 -0
  123. package/dist/cjs/index.d.ts +32 -19
  124. package/dist/cjs/index.js +67 -43
  125. package/dist/cjs/primitives/use-render.d.ts +11 -0
  126. package/dist/cjs/token/color.d.ts +12 -0
  127. package/dist/cjs/token/color.js +93 -81
  128. package/dist/cjs/token/radius.d.ts +12 -0
  129. package/dist/cjs/token/radius.js +14 -0
  130. package/dist/cjs/token/spacing.d.ts +24 -23
  131. package/dist/cjs/token/spacing.js +24 -23
  132. package/dist/cjs/token/typography.d.ts +17 -0
  133. package/dist/cjs/token/typography.js +17 -6
  134. package/dist/esm/cn.d.mts +12 -0
  135. package/dist/esm/cn.mjs +15 -0
  136. package/dist/esm/components/accordion/accordion.d.mts +25 -0
  137. package/dist/esm/components/accordion/accordion.mjs +52 -0
  138. package/dist/esm/components/accordion/accordion.module.css.mjs +3 -0
  139. package/dist/esm/components/alert/alert.d.mts +15 -0
  140. package/dist/esm/components/alert/alert.mjs +41 -0
  141. package/dist/esm/components/alert/alert.module.css.mjs +3 -0
  142. package/dist/esm/components/avatar/avatar.d.mts +18 -0
  143. package/dist/esm/components/avatar/avatar.mjs +49 -0
  144. package/dist/esm/components/avatar/avatar.module.css.mjs +3 -0
  145. package/dist/esm/components/badge/badge.d.mts +16 -0
  146. package/dist/esm/components/badge/badge.mjs +57 -0
  147. package/dist/esm/components/badge/badge.module.css.mjs +3 -0
  148. package/dist/esm/components/breadcrumb/breadcrumb.d.mts +14 -0
  149. package/dist/esm/components/breadcrumb/breadcrumb.mjs +47 -0
  150. package/dist/esm/components/breadcrumb/breadcrumb.module.css.mjs +3 -0
  151. package/dist/esm/components/button/button.d.mts +27 -0
  152. package/dist/esm/components/button/button.mjs +80 -0
  153. package/dist/esm/components/button/button.module.css.mjs +3 -0
  154. package/dist/esm/components/card/card.d.mts +13 -0
  155. package/dist/esm/components/card/card.mjs +27 -0
  156. package/dist/esm/components/card/card.module.css.mjs +3 -0
  157. package/dist/esm/components/checkbox/checkbox.d.mts +20 -0
  158. package/dist/esm/components/checkbox/checkbox.mjs +113 -0
  159. package/dist/esm/components/checkbox/checkbox.module.css.mjs +3 -0
  160. package/dist/esm/components/day-picker/day-picker.d.mts +18 -0
  161. package/dist/esm/components/day-picker/day-picker.mjs +115 -0
  162. package/dist/esm/components/day-picker/day-picker.module.css.mjs +3 -0
  163. package/dist/esm/components/dialog/dialog.d.mts +29 -0
  164. package/dist/esm/components/dialog/dialog.mjs +103 -0
  165. package/dist/esm/components/dialog/dialog.module.css.mjs +3 -0
  166. package/dist/esm/components/dropdown/dropdown.d.mts +16 -0
  167. package/dist/esm/components/dropdown/dropdown.mjs +54 -0
  168. package/dist/esm/components/dropdown/dropdown.module.css.mjs +3 -0
  169. package/dist/esm/components/field/field.d.mts +26 -0
  170. package/dist/esm/components/field/field.mjs +46 -0
  171. package/dist/esm/components/field/field.module.css.mjs +3 -0
  172. package/dist/esm/components/input/input.d.mts +17 -0
  173. package/dist/esm/components/input/input.mjs +67 -0
  174. package/dist/esm/components/input/input.module.css.mjs +3 -0
  175. package/dist/esm/components/input-trigger/input-trigger.d.mts +25 -0
  176. package/dist/esm/components/input-trigger/input-trigger.mjs +51 -0
  177. package/dist/esm/components/input-trigger/input-trigger.module.css.mjs +3 -0
  178. package/dist/esm/components/link/link.d.mts +28 -0
  179. package/dist/esm/components/link/link.mjs +61 -0
  180. package/dist/esm/components/link/link.module.css.mjs +3 -0
  181. package/dist/esm/components/month-picker/month-picker.d.mts +18 -0
  182. package/dist/esm/components/month-picker/month-picker.mjs +106 -0
  183. package/dist/esm/components/month-picker/month-picker.module.css.mjs +3 -0
  184. package/dist/esm/components/one-time-password-field/one-time-password-field.d.mts +13 -0
  185. package/dist/esm/components/one-time-password-field/one-time-password-field.mjs +42 -0
  186. package/dist/esm/components/one-time-password-field/one-time-password-field.module.css.mjs +3 -0
  187. package/dist/esm/components/pagination/pagination.d.mts +23 -0
  188. package/dist/esm/{pagination/Pagination.mjs → components/pagination/pagination.mjs} +46 -15
  189. package/dist/esm/components/pagination/pagination.module.css.mjs +3 -0
  190. package/dist/esm/components/popover/popover.d.mts +14 -0
  191. package/dist/esm/components/popover/popover.mjs +47 -0
  192. package/dist/esm/components/popover/popover.module.css.mjs +3 -0
  193. package/dist/esm/components/progress/progress.d.mts +17 -0
  194. package/dist/esm/components/progress/progress.mjs +40 -0
  195. package/dist/esm/components/progress/progress.module.css.mjs +3 -0
  196. package/dist/esm/components/radio-group/radio-group.d.mts +23 -0
  197. package/dist/esm/components/radio-group/radio-group.mjs +50 -0
  198. package/dist/esm/components/radio-group/radio-group.module.css.mjs +3 -0
  199. package/dist/esm/components/select/select.d.mts +17 -0
  200. package/dist/esm/components/select/select.mjs +83 -0
  201. package/dist/esm/components/select/select.module.css.mjs +3 -0
  202. package/dist/esm/components/skeleton/skeleton.d.mts +15 -0
  203. package/dist/esm/components/skeleton/skeleton.mjs +27 -0
  204. package/dist/esm/components/skeleton/skeleton.module.css.mjs +3 -0
  205. package/dist/esm/components/spinner/spinner.d.mts +17 -0
  206. package/dist/esm/components/spinner/spinner.mjs +67 -0
  207. package/dist/esm/components/spinner/spinner.module.css.mjs +3 -0
  208. package/dist/esm/components/stock-quantity-status/stock-quantity-status.d.mts +12 -0
  209. package/dist/esm/components/stock-quantity-status/stock-quantity-status.mjs +116 -0
  210. package/dist/esm/components/stock-quantity-status/stock-quantity-status.module.css.mjs +3 -0
  211. package/dist/esm/components/switch/switch.d.mts +19 -0
  212. package/dist/esm/components/switch/switch.mjs +71 -0
  213. package/dist/esm/components/switch/switch.module.css.mjs +3 -0
  214. package/dist/esm/components/tab/tab.d.mts +21 -0
  215. package/dist/esm/components/tab/tab.mjs +31 -0
  216. package/dist/esm/components/tooltip/tooltip.d.mts +17 -0
  217. package/dist/esm/components/tooltip/tooltip.mjs +48 -0
  218. package/dist/esm/components/tooltip/tooltip.module.css.mjs +3 -0
  219. package/dist/esm/components/typography/typography.d.mts +30 -0
  220. package/dist/esm/components/typography/typography.mjs +79 -0
  221. package/dist/esm/components/typography/typography.module.css.mjs +3 -0
  222. package/dist/esm/ecosystem/codegen/generated/alert.mjs +10 -0
  223. package/dist/esm/ecosystem/codegen/generated/avatar.mjs +11 -0
  224. package/dist/esm/ecosystem/codegen/generated/badge.mjs +12 -0
  225. package/dist/esm/ecosystem/codegen/generated/breadcrumb.mjs +10 -0
  226. package/dist/esm/ecosystem/codegen/generated/button.mjs +12 -0
  227. package/dist/esm/ecosystem/codegen/generated/card.mjs +11 -0
  228. package/dist/esm/ecosystem/codegen/generated/checkbox.mjs +11 -0
  229. package/dist/esm/ecosystem/codegen/generated/input.mjs +10 -0
  230. package/dist/esm/ecosystem/codegen/generated/link.mjs +10 -0
  231. package/dist/esm/ecosystem/codegen/generated/progress.mjs +11 -0
  232. package/dist/esm/ecosystem/codegen/generated/radio.mjs +11 -0
  233. package/dist/esm/ecosystem/codegen/generated/select.mjs +10 -0
  234. package/dist/esm/ecosystem/codegen/generated/skeleton.mjs +11 -0
  235. package/dist/esm/ecosystem/codegen/generated/spinner-geometry.mjs +30 -0
  236. package/dist/esm/ecosystem/codegen/generated/spinner.mjs +11 -0
  237. package/dist/esm/ecosystem/codegen/generated/stock-quantity-status.mjs +10 -0
  238. package/dist/esm/ecosystem/codegen/generated/switch.mjs +12 -0
  239. package/dist/esm/index.css +7 -1
  240. package/dist/esm/index.d.mts +32 -19
  241. package/dist/esm/index.mjs +32 -20
  242. package/dist/esm/primitives/use-render.d.mts +11 -0
  243. package/dist/esm/token/color.d.mts +12 -0
  244. package/dist/esm/token/color.mjs +93 -81
  245. package/dist/esm/token/radius.d.mts +12 -0
  246. package/dist/esm/token/radius.mjs +12 -0
  247. package/dist/esm/token/spacing.d.mts +24 -23
  248. package/dist/esm/token/spacing.mjs +24 -23
  249. package/dist/esm/token/typography.d.mts +17 -0
  250. package/dist/esm/token/typography.mjs +17 -6
  251. package/package.json +29 -26
  252. package/dist/cjs/accordion/Accordion.d.ts +0 -15
  253. package/dist/cjs/accordion/Accordion.js +0 -71
  254. package/dist/cjs/accordion/Accordion.module.css.js +0 -9
  255. package/dist/cjs/badge/Badge.d.ts +0 -13
  256. package/dist/cjs/badge/Badge.js +0 -50
  257. package/dist/cjs/badge/Badge.module.css.js +0 -9
  258. package/dist/cjs/button/Button.d.ts +0 -23
  259. package/dist/cjs/button/Button.js +0 -117
  260. package/dist/cjs/button/Button.module.css.js +0 -9
  261. package/dist/cjs/checkbox/Checkbox.d.ts +0 -18
  262. package/dist/cjs/checkbox/Checkbox.js +0 -117
  263. package/dist/cjs/checkbox/Checkbox.module.css.js +0 -9
  264. package/dist/cjs/day-picker/DayPicker.d.ts +0 -14
  265. package/dist/cjs/day-picker/DayPicker.js +0 -98
  266. package/dist/cjs/day-picker/DayPicker.module.css.js +0 -9
  267. package/dist/cjs/dropdown/Dropdown.d.ts +0 -11
  268. package/dist/cjs/dropdown/Dropdown.js +0 -55
  269. package/dist/cjs/dropdown/Dropdown.module.css.js +0 -9
  270. package/dist/cjs/link/Link.d.ts +0 -16
  271. package/dist/cjs/link/Link.js +0 -35
  272. package/dist/cjs/link/Link.module.css.js +0 -9
  273. package/dist/cjs/modal/Modal.d.ts +0 -12
  274. package/dist/cjs/modal/Modal.js +0 -106
  275. package/dist/cjs/modal/Modal.module.css.js +0 -9
  276. package/dist/cjs/month-picker/MonthPicker.d.ts +0 -14
  277. package/dist/cjs/month-picker/MonthPicker.js +0 -91
  278. package/dist/cjs/month-picker/MonthPicker.module.css.js +0 -9
  279. package/dist/cjs/one-time-password-field/OneTimePasswordField.d.ts +0 -8
  280. package/dist/cjs/one-time-password-field/OneTimePasswordField.js +0 -52
  281. package/dist/cjs/one-time-password-field/OneTimePasswordField.module.css.js +0 -9
  282. package/dist/cjs/pagination/Pagination.d.ts +0 -13
  283. package/dist/cjs/pagination/Pagination.js +0 -56
  284. package/dist/cjs/pagination/Pagination.module.css.js +0 -9
  285. package/dist/cjs/popover/Popover.d.ts +0 -10
  286. package/dist/cjs/popover/Popover.js +0 -44
  287. package/dist/cjs/popover/Popover.module.css.js +0 -9
  288. package/dist/cjs/radio-group/RadioGroup.d.ts +0 -9
  289. package/dist/cjs/radio-group/RadioGroup.js +0 -66
  290. package/dist/cjs/radio-group/RadioGroup.module.css.js +0 -9
  291. package/dist/cjs/select/Select.d.ts +0 -13
  292. package/dist/cjs/select/Select.js +0 -85
  293. package/dist/cjs/select/Select.module.css.js +0 -9
  294. package/dist/cjs/spinner/Spinner.d.ts +0 -14
  295. package/dist/cjs/spinner/Spinner.js +0 -40
  296. package/dist/cjs/spinner/Spinner.module.css.js +0 -9
  297. package/dist/cjs/stock-quantity-status/StockQuantityStatus.d.ts +0 -12
  298. package/dist/cjs/stock-quantity-status/StockQuantityStatus.js +0 -105
  299. package/dist/cjs/stock-quantity-status/StockQuantityStatus.module.css.js +0 -9
  300. package/dist/cjs/switch/Switch.d.ts +0 -16
  301. package/dist/cjs/switch/Switch.js +0 -89
  302. package/dist/cjs/switch/Switch.module.css.js +0 -9
  303. package/dist/cjs/tab/Tab.d.ts +0 -10
  304. package/dist/cjs/tab/Tab.js +0 -64
  305. package/dist/cjs/typography/Typography.d.ts +0 -33
  306. package/dist/cjs/typography/Typography.js +0 -90
  307. package/dist/cjs/typography/Typography.module.css.js +0 -9
  308. package/dist/esm/accordion/Accordion.d.mts +0 -15
  309. package/dist/esm/accordion/Accordion.mjs +0 -50
  310. package/dist/esm/accordion/Accordion.module.css.mjs +0 -3
  311. package/dist/esm/badge/Badge.d.mts +0 -13
  312. package/dist/esm/badge/Badge.mjs +0 -48
  313. package/dist/esm/badge/Badge.module.css.mjs +0 -3
  314. package/dist/esm/button/Button.d.mts +0 -23
  315. package/dist/esm/button/Button.mjs +0 -115
  316. package/dist/esm/button/Button.module.css.mjs +0 -3
  317. package/dist/esm/checkbox/Checkbox.d.mts +0 -18
  318. package/dist/esm/checkbox/Checkbox.mjs +0 -96
  319. package/dist/esm/checkbox/Checkbox.module.css.mjs +0 -3
  320. package/dist/esm/day-picker/DayPicker.d.mts +0 -14
  321. package/dist/esm/day-picker/DayPicker.mjs +0 -96
  322. package/dist/esm/day-picker/DayPicker.module.css.mjs +0 -3
  323. package/dist/esm/dropdown/Dropdown.d.mts +0 -11
  324. package/dist/esm/dropdown/Dropdown.mjs +0 -34
  325. package/dist/esm/dropdown/Dropdown.module.css.mjs +0 -3
  326. package/dist/esm/link/Link.d.mts +0 -16
  327. package/dist/esm/link/Link.mjs +0 -33
  328. package/dist/esm/link/Link.module.css.mjs +0 -3
  329. package/dist/esm/modal/Modal.d.mts +0 -12
  330. package/dist/esm/modal/Modal.mjs +0 -85
  331. package/dist/esm/modal/Modal.module.css.mjs +0 -3
  332. package/dist/esm/month-picker/MonthPicker.d.mts +0 -14
  333. package/dist/esm/month-picker/MonthPicker.mjs +0 -89
  334. package/dist/esm/month-picker/MonthPicker.module.css.mjs +0 -3
  335. package/dist/esm/one-time-password-field/OneTimePasswordField.d.mts +0 -8
  336. package/dist/esm/one-time-password-field/OneTimePasswordField.mjs +0 -31
  337. package/dist/esm/one-time-password-field/OneTimePasswordField.module.css.mjs +0 -3
  338. package/dist/esm/pagination/Pagination.d.mts +0 -13
  339. package/dist/esm/pagination/Pagination.module.css.mjs +0 -3
  340. package/dist/esm/popover/Popover.d.mts +0 -10
  341. package/dist/esm/popover/Popover.mjs +0 -23
  342. package/dist/esm/popover/Popover.module.css.mjs +0 -3
  343. package/dist/esm/radio-group/RadioGroup.d.mts +0 -9
  344. package/dist/esm/radio-group/RadioGroup.mjs +0 -45
  345. package/dist/esm/radio-group/RadioGroup.module.css.mjs +0 -3
  346. package/dist/esm/select/Select.d.mts +0 -13
  347. package/dist/esm/select/Select.mjs +0 -83
  348. package/dist/esm/select/Select.module.css.mjs +0 -3
  349. package/dist/esm/spinner/Spinner.d.mts +0 -14
  350. package/dist/esm/spinner/Spinner.mjs +0 -38
  351. package/dist/esm/spinner/Spinner.module.css.mjs +0 -3
  352. package/dist/esm/stock-quantity-status/StockQuantityStatus.d.mts +0 -12
  353. package/dist/esm/stock-quantity-status/StockQuantityStatus.mjs +0 -102
  354. package/dist/esm/stock-quantity-status/StockQuantityStatus.module.css.mjs +0 -3
  355. package/dist/esm/switch/Switch.d.mts +0 -16
  356. package/dist/esm/switch/Switch.mjs +0 -68
  357. package/dist/esm/switch/Switch.module.css.mjs +0 -3
  358. package/dist/esm/tab/Tab.d.mts +0 -10
  359. package/dist/esm/tab/Tab.mjs +0 -43
  360. package/dist/esm/typography/Typography.d.mts +0 -33
  361. package/dist/esm/typography/Typography.mjs +0 -88
  362. package/dist/esm/typography/Typography.module.css.mjs +0 -3
@@ -1,52 +0,0 @@
1
- 'use strict';
2
-
3
- var OneTimePasswordFieldPrimitive = require('@radix-ui/react-one-time-password-field');
4
- var clsx = require('clsx');
5
- var react = require('react');
6
- var OneTimePasswordField_module = require('./OneTimePasswordField.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 OneTimePasswordFieldPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(OneTimePasswordFieldPrimitive);
27
-
28
- const OneTimePasswordFieldRoot = /*#__PURE__*/react.forwardRef(({
29
- className,
30
- ...props
31
- }, ref) => {
32
- return /*#__PURE__*/jsxRuntime.jsx(OneTimePasswordFieldPrimitive__namespace.Root, {
33
- ref: ref,
34
- className: clsx.clsx(OneTimePasswordField_module.otp, className),
35
- ...props
36
- });
37
- });
38
- const OneTimePasswordFieldInput = /*#__PURE__*/react.forwardRef(({
39
- className,
40
- ...props
41
- }, ref) => {
42
- return /*#__PURE__*/jsxRuntime.jsx(OneTimePasswordFieldPrimitive__namespace.Input, {
43
- ref: ref,
44
- className: clsx.clsx(OneTimePasswordField_module.input, className),
45
- ...props
46
- });
47
- });
48
- const OneTimePasswordField = Object.assign(OneTimePasswordFieldRoot, {
49
- Input: OneTimePasswordFieldInput
50
- });
51
-
52
- exports.OneTimePasswordField = OneTimePasswordField;
@@ -1,9 +0,0 @@
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 = ".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)}";
6
- var styles = {"otp":"OneTimePasswordField-module_otp__zoWO7","input":"OneTimePasswordField-module_input__owV9H"};
7
- styleInject_es(css_248z);
8
-
9
- module.exports = styles;
@@ -1,13 +0,0 @@
1
- import * as react from 'react';
2
- import { ComponentPropsWithoutRef } from 'react';
3
-
4
- interface PaginationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
5
- page: number;
6
- totalPages: number;
7
- maxVisible?: number;
8
- onChange: (pageNumber: number) => void;
9
- }
10
- declare const Pagination: react.ForwardRefExoticComponent<PaginationProps & react.RefAttributes<HTMLDivElement>>;
11
-
12
- export { Pagination };
13
- export type { PaginationProps };
@@ -1,56 +0,0 @@
1
- 'use strict';
2
-
3
- var reactIcons = require('@cocso-ui/react-icons');
4
- var clsx = require('clsx');
5
- var react = require('react');
6
- var Pagination_module = require('./Pagination.module.css.js');
7
- var jsxRuntime = require('react/jsx-runtime');
8
-
9
- const Pagination = /*#__PURE__*/react.forwardRef(({
10
- className,
11
- page,
12
- totalPages,
13
- maxVisible = 5,
14
- onChange,
15
- ...props
16
- }, ref) => {
17
- const halfVisible = Math.ceil(maxVisible / 2);
18
- const renderPageButton = pageNumber => /*#__PURE__*/jsxRuntime.jsx("button", {
19
- type: "button",
20
- className: Pagination_module.item,
21
- onClick: () => onChange(pageNumber),
22
- "data-active": page === pageNumber,
23
- children: pageNumber
24
- }, pageNumber);
25
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
26
- ref: ref,
27
- className: clsx.clsx(Pagination_module.pagination, className),
28
- ...props,
29
- children: [totalPages > 1 && /*#__PURE__*/jsxRuntime.jsx("button", {
30
- className: Pagination_module.arrow,
31
- type: "button",
32
- disabled: page === 1,
33
- onClick: () => page > 1 && onChange(page - 1),
34
- children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSBackwardIcon, {})
35
- }), totalPages <= maxVisible + 2 ? Array(totalPages).fill(0).map((_, index) => renderPageButton(index + 1)) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
36
- children: [renderPageButton(1), page > 1 + halfVisible && /*#__PURE__*/jsxRuntime.jsx("span", {
37
- className: Pagination_module.trunc,
38
- children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.MoreHorizIcon, {})
39
- }), Array(maxVisible).fill(0).map((_, index) => {
40
- const pageNumber = page - halfVisible + index + 1;
41
- return pageNumber > 1 && pageNumber < totalPages ? renderPageButton(pageNumber) : '';
42
- }), page < totalPages - halfVisible && /*#__PURE__*/jsxRuntime.jsx("span", {
43
- className: Pagination_module.trunc,
44
- children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.MoreHorizIcon, {})
45
- }), renderPageButton(totalPages)]
46
- }), totalPages > 1 && /*#__PURE__*/jsxRuntime.jsx("button", {
47
- className: Pagination_module.arrow,
48
- type: "button",
49
- disabled: page === totalPages,
50
- onClick: () => page < totalPages && onChange(page + 1),
51
- children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSForwardIcon, {})
52
- })]
53
- });
54
- });
55
-
56
- exports.Pagination = Pagination;
@@ -1,9 +0,0 @@
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 = ".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
- var styles = {"pagination":"Pagination-module_pagination__viYLy","arrow":"Pagination-module_arrow__YYkob","item":"Pagination-module_item__uVIra","trunc":"Pagination-module_trunc__-ZgYQ"};
7
- styleInject_es(css_248z);
8
-
9
- module.exports = styles;
@@ -1,10 +0,0 @@
1
- import * as react from 'react';
2
- import * as PopoverPrimitive from '@radix-ui/react-popover';
3
-
4
- declare const Popover: react.FC<PopoverPrimitive.PopoverProps> & {
5
- Trigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
6
- Portal: react.FC<PopoverPrimitive.PopoverPortalProps>;
7
- Content: react.ForwardRefExoticComponent<Omit<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "ref"> & react.RefAttributes<HTMLDivElement>>;
8
- };
9
-
10
- export { Popover };
@@ -1,44 +0,0 @@
1
- 'use strict';
2
-
3
- var PopoverPrimitive = require('@radix-ui/react-popover');
4
- var clsx = require('clsx');
5
- var react = require('react');
6
- var Popover_module = require('./Popover.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 PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(PopoverPrimitive);
27
-
28
- const PopoverContent = /*#__PURE__*/react.forwardRef(({
29
- className,
30
- ...props
31
- }, ref) => {
32
- return /*#__PURE__*/jsxRuntime.jsx(PopoverPrimitive__namespace.Content, {
33
- ref: ref,
34
- className: clsx.clsx(Popover_module.content, className),
35
- ...props
36
- });
37
- });
38
- const Popover = Object.assign(PopoverPrimitive__namespace.Root, {
39
- Trigger: PopoverPrimitive__namespace.Trigger,
40
- Portal: PopoverPrimitive__namespace.Portal,
41
- Content: PopoverContent
42
- });
43
-
44
- exports.Popover = Popover;
@@ -1,9 +0,0 @@
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 = "@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}";
6
- var styles = {"content":"Popover-module_content__ry9PF"};
7
- styleInject_es(css_248z);
8
-
9
- module.exports = styles;
@@ -1,9 +0,0 @@
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 };
@@ -1,66 +0,0 @@
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;
@@ -1,9 +0,0 @@
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,13 +0,0 @@
1
- import * as react from 'react';
2
- import { ComponentPropsWithoutRef } from 'react';
3
-
4
- type SelectSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
5
- interface SelectProps extends Omit<ComponentPropsWithoutRef<'select'>, 'size'> {
6
- size?: SelectSize;
7
- disabled?: boolean;
8
- stretch?: boolean;
9
- }
10
- declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
11
-
12
- export { Select };
13
- export type { SelectProps };
@@ -1,85 +0,0 @@
1
- 'use strict';
2
-
3
- var reactIcons = require('@cocso-ui/react-icons');
4
- var clsx = require('clsx');
5
- var react = require('react');
6
- var tsPattern = require('ts-pattern');
7
- var Select_module = require('./Select.module.css.js');
8
- var jsxRuntime = require('react/jsx-runtime');
9
- var spacing = require('../token/spacing.js');
10
-
11
- const Select = /*#__PURE__*/react.forwardRef(({
12
- className,
13
- style: _style,
14
- size = 'md',
15
- disabled = false,
16
- stretch = false,
17
- children,
18
- ...props
19
- }, ref) => {
20
- const style = {
21
- ..._style,
22
- ...getStyles(size)
23
- };
24
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
25
- className: clsx.clsx(Select_module.wrapper, stretch && Select_module.stretch, disabled && Select_module.disabled, className),
26
- children: [/*#__PURE__*/jsxRuntime.jsx("select", {
27
- ref: ref,
28
- className: Select_module.select,
29
- style: style,
30
- disabled: disabled,
31
- ...props,
32
- children: children
33
- }), /*#__PURE__*/jsxRuntime.jsx("span", {
34
- className: Select_module.icon,
35
- children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.KeyboardArrowDownIcon, {
36
- size: 20
37
- })
38
- })]
39
- });
40
- });
41
- const getStyles = size => tsPattern.match(size).with('2xs', () => ({
42
- '--cocso-select-min-width': spacing.spacing.s11,
43
- '--cocso-select-height': spacing.spacing.s11,
44
- '--cocso-select-padding-left': spacing.spacing.s5,
45
- '--cocso-select-padding-right': `calc(${spacing.spacing.s8} + 16px)`,
46
- '--cocso-select-font-size': '12px',
47
- '--cocso-select-border-radius': spacing.spacing.s3
48
- })).with('xs', () => ({
49
- '--cocso-select-min-width': spacing.spacing.s12,
50
- '--cocso-select-height': spacing.spacing.s12,
51
- '--cocso-select-padding-left': spacing.spacing.s6,
52
- '--cocso-select-padding-right': `calc(${spacing.spacing.s7} + 16px)`,
53
- '--cocso-select-font-size': '14px',
54
- '--cocso-select-border-radius': spacing.spacing.s3
55
- })).with('sm', () => ({
56
- '--cocso-select-min-width': spacing.spacing.s14,
57
- '--cocso-select-height': spacing.spacing.s14,
58
- '--cocso-select-padding-left': spacing.spacing.s7,
59
- '--cocso-select-padding-right': `calc(${spacing.spacing.s7} + 16px)`,
60
- '--cocso-select-font-size': '14px',
61
- '--cocso-select-border-radius': spacing.spacing.s3
62
- })).with('md', () => ({
63
- '--cocso-select-min-width': spacing.spacing.s16,
64
- '--cocso-select-height': spacing.spacing.s16,
65
- '--cocso-select-padding-left': spacing.spacing.s8,
66
- '--cocso-select-padding-right': `calc(${spacing.spacing.s8} + 16px)`,
67
- '--cocso-select-font-size': '16px',
68
- '--cocso-select-border-radius': spacing.spacing.s4
69
- })).with('lg', () => ({
70
- '--cocso-select-min-width': spacing.spacing.s17,
71
- '--cocso-select-height': spacing.spacing.s17,
72
- '--cocso-select-padding-left': spacing.spacing.s9,
73
- '--cocso-select-padding-right': `calc(${spacing.spacing.s9} + 16px)`,
74
- '--cocso-select-font-size': '18px',
75
- '--cocso-select-border-radius': spacing.spacing.s4
76
- })).with('xl', () => ({
77
- '--cocso-select-min-width': spacing.spacing.s18,
78
- '--cocso-select-height': spacing.spacing.s18,
79
- '--cocso-select-padding-left': spacing.spacing.s10,
80
- '--cocso-select-padding-right': `calc(${spacing.spacing.s10} + 16px)`,
81
- '--cocso-select-font-size': '18px',
82
- '--cocso-select-border-radius': spacing.spacing.s4
83
- })).exhaustive();
84
-
85
- exports.Select = Select;
@@ -1,9 +0,0 @@
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 = ".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}";
6
- var styles = {"wrapper":"Select-module_wrapper__4k8By","stretch":"Select-module_stretch__2KlaW","select":"Select-module_select__MUUdH","disabled":"Select-module_disabled__JO7OG","icon":"Select-module_icon__EuBJI"};
7
- styleInject_es(css_248z);
8
-
9
- module.exports = styles;
@@ -1,14 +0,0 @@
1
- import * as react from 'react';
2
- import { ComponentPropsWithoutRef } from 'react';
3
-
4
- type SpinnerSize = 'xl' | 'lg' | 'md' | 'sm';
5
- type SpinnerColor = 'primary' | 'neutral' | 'white';
6
- interface SpinnerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'size' | 'color'> {
7
- asChild?: boolean;
8
- size?: SpinnerSize;
9
- color?: SpinnerColor;
10
- }
11
- declare const Spinner: react.ForwardRefExoticComponent<SpinnerProps & react.RefAttributes<HTMLDivElement>>;
12
-
13
- export { Spinner };
14
- export type { SpinnerColor, SpinnerProps, SpinnerSize };
@@ -1,40 +0,0 @@
1
- 'use strict';
2
-
3
- var reactPrimitive = require('@radix-ui/react-primitive');
4
- var reactSlot = require('@radix-ui/react-slot');
5
- var clsx = require('clsx');
6
- var react = require('react');
7
- var tsPattern = require('ts-pattern');
8
- var Spinner_module = require('./Spinner.module.css.js');
9
- var jsxRuntime = require('react/jsx-runtime');
10
- var color = require('../token/color.js');
11
-
12
- const Spinner = /*#__PURE__*/react.forwardRef(({
13
- asChild,
14
- className,
15
- style: _style,
16
- size = 'md',
17
- color = 'primary',
18
- ...props
19
- }, ref) => {
20
- const Comp = asChild ? reactSlot.Slot : reactPrimitive.Primitive.div;
21
- const style = {
22
- ..._style,
23
- '--cocso-spinner-size': getSize(size),
24
- '--cocso-spinner-border-width': getBorderWidth(size),
25
- '--cocso-spinner-border-color': getBorderColor(color),
26
- '--cocso-spinner-bg-color': getBackgroundColor(color)
27
- };
28
- return /*#__PURE__*/jsxRuntime.jsx(Comp, {
29
- ref: ref,
30
- className: clsx.clsx(Spinner_module.spinner, className),
31
- style: style,
32
- ...props
33
- });
34
- });
35
- const getSize = size => tsPattern.match(size).with('xl', () => '40px').with('lg', () => '32px').with('md', () => '24px').with('sm', () => '16px').exhaustive();
36
- const getBorderWidth = size => tsPattern.match(size).with('xl', () => '5px').with('lg', () => '4px').with('md', () => '3px').with('sm', () => '2px').exhaustive();
37
- const getBorderColor = color$1 => tsPattern.match(color$1).with('primary', () => color.colors.primary500).with('neutral', () => color.colors.neutral600).with('white', () => color.colors.white).exhaustive();
38
- const getBackgroundColor = color$1 => tsPattern.match(color$1).with('primary', () => color.colors.primary100).with('neutral', () => color.colors.neutral100).with('white', () => color.colors.whiteAlpha20).exhaustive();
39
-
40
- exports.Spinner = Spinner;
@@ -1,9 +0,0 @@
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 = "@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)}";
6
- var styles = {"spinner":"Spinner-module_spinner__iIx6p"};
7
- styleInject_es(css_248z);
8
-
9
- module.exports = styles;
@@ -1,12 +0,0 @@
1
- import * as react from 'react';
2
- import { ComponentPropsWithoutRef } from 'react';
3
-
4
- type QuantityStatus = '보통' | '여유' | '부족';
5
- interface QuantityStatusProps extends ComponentPropsWithoutRef<'div'> {
6
- quantity: QuantityStatus;
7
- }
8
- declare const StockQuantityStatus: react.ForwardRefExoticComponent<QuantityStatusProps & react.RefAttributes<HTMLDivElement>>;
9
- declare const getColor: (quantity: QuantityStatus) => string;
10
-
11
- export { StockQuantityStatus, getColor };
12
- export type { QuantityStatus, QuantityStatusProps };
@@ -1,105 +0,0 @@
1
- 'use strict';
2
-
3
- var clsx = require('clsx');
4
- var react = require('react');
5
- var tsPattern = require('ts-pattern');
6
- var StockQuantityStatus_module = require('./StockQuantityStatus.module.css.js');
7
- var jsxRuntime = require('react/jsx-runtime');
8
- var spacing = require('../token/spacing.js');
9
- var Typography = require('../typography/Typography.js');
10
- var color = require('../token/color.js');
11
-
12
- const StockQuantityStatus = /*#__PURE__*/react.forwardRef(({
13
- className,
14
- style: _style,
15
- quantity,
16
- ...props
17
- }, ref) => {
18
- const style = {
19
- ..._style,
20
- '--cocso-stock-quantity-status-color': getColor(quantity),
21
- '--cocso-stock-quantity-status-indicator-width': spacing.spacing.s9
22
- };
23
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
24
- ref: ref,
25
- className: clsx.clsx(StockQuantityStatus_module.stock, className),
26
- style: style,
27
- ...props,
28
- children: [/*#__PURE__*/jsxRuntime.jsx("span", {
29
- className: StockQuantityStatus_module.indicator,
30
- children: quantity === '여유' ? /*#__PURE__*/jsxRuntime.jsxs("svg", {
31
- width: "16",
32
- height: "16",
33
- viewBox: "0 0 16 16",
34
- fill: "none",
35
- xmlns: "http://www.w3.org/2000/svg",
36
- "aria-hidden": "true",
37
- children: [/*#__PURE__*/jsxRuntime.jsx("path", {
38
- fillRule: "evenodd",
39
- clipRule: "evenodd",
40
- d: "M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",
41
- fill: "#D9D9D9",
42
- fillOpacity: "0.85098"
43
- }), /*#__PURE__*/jsxRuntime.jsx("path", {
44
- d: "M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",
45
- fill: "#D9D9D9",
46
- fillOpacity: "0.85098"
47
- }), /*#__PURE__*/jsxRuntime.jsx("path", {
48
- d: "M9.48047 6.10059H7.06543C5.98955 6.10059 5.11719 6.968 5.11719 8.03809C5.11741 9.10782 5.98893 9.97532 7.06445 9.97559H9.48047V13.0752H7.06445C4.35911 13.0749 2.14983 10.9652 2.00781 8.30957V7.76465C2.15041 5.10939 4.36025 3 7.06543 3H9.48047V6.10059ZM12.0518 6.10059C13.1276 6.10059 14 6.968 14 8.03809C13.9999 9.10806 13.1276 9.97559 12.0518 9.97559H9.48047V6.10059H12.0518Z",
49
- fill: "currentColor"
50
- })]
51
- }) : quantity === '보통' ? /*#__PURE__*/jsxRuntime.jsxs("svg", {
52
- width: "16",
53
- height: "16",
54
- viewBox: "0 0 16 16",
55
- fill: "none",
56
- xmlns: "http://www.w3.org/2000/svg",
57
- "aria-hidden": "true",
58
- children: [/*#__PURE__*/jsxRuntime.jsx("path", {
59
- fillRule: "evenodd",
60
- clipRule: "evenodd",
61
- d: "M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",
62
- fill: "#D9D9D9",
63
- fillOpacity: "0.85098"
64
- }), /*#__PURE__*/jsxRuntime.jsx("path", {
65
- d: "M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",
66
- fill: "#D9D9D9",
67
- fillOpacity: "0.85098"
68
- }), /*#__PURE__*/jsxRuntime.jsx("path", {
69
- d: "M9.48145 6.0752V6.10059H7.06641C5.99053 6.10059 5.11817 6.968 5.11816 8.03809C5.11839 9.10782 5.98991 9.97532 7.06543 9.97559H9.48145V13.0752H7.06543C4.35577 13.0749 2.14345 10.9585 2.00781 8.29688V7.77832C2.03849 7.17662 2.17568 6.60303 2.40039 6.0752H9.48145ZM12.0527 6.10059C13.1286 6.10059 14.001 6.968 14.001 8.03809C14.0008 9.10806 13.1285 9.97559 12.0527 9.97559H9.48145V6.10059H12.0527Z",
70
- fill: "currentColor"
71
- })]
72
- }) : /*#__PURE__*/jsxRuntime.jsxs("svg", {
73
- width: "16",
74
- height: "16",
75
- viewBox: "0 0 16 16",
76
- fill: "none",
77
- xmlns: "http://www.w3.org/2000/svg",
78
- "aria-hidden": "true",
79
- children: [/*#__PURE__*/jsxRuntime.jsx("path", {
80
- fillRule: "evenodd",
81
- clipRule: "evenodd",
82
- d: "M7.06494 13.0754C4.26764 13.0754 1.99999 10.8199 2 8.03765C2.00001 5.25543 4.26766 3 7.06494 3L9.48051 3V6.10011L7.06494 6.10011C5.98906 6.10011 5.11689 6.96758 5.11689 8.03767C5.11688 9.10776 5.98906 9.97524 7.06494 9.97524L9.48051 9.97524V13.0754H7.06494Z",
83
- fill: "#D9D9D9",
84
- fillOpacity: "0.85098"
85
- }), /*#__PURE__*/jsxRuntime.jsx("path", {
86
- d: "M9.48051 9.97524L9.48051 6.10011L12.0519 6.10026C13.1278 6.10026 14 6.96774 14 8.03783C14 9.10792 13.1278 9.9754 12.0519 9.9754L9.48051 9.97524Z",
87
- fill: "#D9D9D9",
88
- fillOpacity: "0.85098"
89
- }), /*#__PURE__*/jsxRuntime.jsx("path", {
90
- d: "M7.04688 9.97461C7.05273 9.97466 7.05859 9.97558 7.06445 9.97559H9.48047V13.0752H7.06445C4.95754 13.075 3.15182 11.7952 2.38867 9.97461H7.04688ZM12.0713 9.97461C12.0648 9.97467 12.0582 9.97559 12.0518 9.97559H9.48047V9.97461H12.0713Z",
91
- fill: "currentColor"
92
- })]
93
- })
94
- }), /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
95
- type: "body",
96
- size: "sm",
97
- color: "currentColor",
98
- children: quantity
99
- })]
100
- });
101
- });
102
- const getColor = quantity => tsPattern.match(quantity).with('여유', () => color.colors.primary500).with('보통', () => color.colors.success400).with('부족', () => color.colors.danger500).exhaustive();
103
-
104
- exports.StockQuantityStatus = StockQuantityStatus;
105
- exports.getColor = getColor;
@@ -1,9 +0,0 @@
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 = ".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%}";
6
- var styles = {"stock":"StockQuantityStatus-module_stock__mWbqI","indicator":"StockQuantityStatus-module_indicator__inaKv"};
7
- styleInject_es(css_248z);
8
-
9
- module.exports = styles;
@@ -1,16 +0,0 @@
1
- import * as react from 'react';
2
- import { ComponentPropsWithoutRef } from 'react';
3
- import * as SwitchPrimitive from '@radix-ui/react-switch';
4
-
5
- type SwitchSize = 'sm' | 'md';
6
- interface SwitchProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
7
- id?: string;
8
- size?: SwitchSize;
9
- disabled?: boolean;
10
- label?: string;
11
- position?: 'left' | 'right';
12
- }
13
- declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLButtonElement>>;
14
-
15
- export { Switch };
16
- export type { SwitchProps, SwitchSize };