@povio/ui 4.0.2 → 5.0.0-rc.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 +37 -0
  2. package/dist/{Accordion-CB1F5YAY.js → Accordion-CzFKi8Bp.js} +14 -16
  3. package/dist/{Alert-BALBsBrP.js → Alert-T25LY8ZL.js} +22 -22
  4. package/dist/{Alert-CbEhRaU5.d.ts → Alert-f1dG-4Uy.d.ts} +2 -2
  5. package/dist/{AlertDialog-PjYM6lDo.d.ts → AlertDialog-B6R2MbNg.d.ts} +2 -2
  6. package/dist/{Autocomplete-DE2lQi5o.d.ts → Autocomplete-CQ63Cynd.d.ts} +1 -1
  7. package/dist/{Badge-CjPpYa50.d.ts → Badge-YKlKz-Jy.d.ts} +3 -4
  8. package/dist/{BottomSheet-CVTF1wQe.js → BottomSheet-DvqBvth_.js} +11 -11
  9. package/dist/{BottomSheet-CT0zuola.d.ts → BottomSheet-xaymO7aQ.d.ts} +1 -1
  10. package/dist/{BottomSheet.lazy-7AwnB4vS.d.ts → BottomSheet.lazy-CGBRPve_.d.ts} +1 -1
  11. package/dist/{Breadcrumbs-BibAIBhY.js → Breadcrumbs-DiIYJAWf.js} +10 -12
  12. package/dist/{Breadcrumbs-D-3YEuem.d.ts → Breadcrumbs-DyriI-Bi.d.ts} +1 -1
  13. package/dist/{Button-DTNjsGx5.d.ts → Button-BZ3is6IU.d.ts} +3 -3
  14. package/dist/Button-sn52l1Yv.js +506 -0
  15. package/dist/{ButtonContent-CohuJJzG.js → ButtonContent-B2_dZ6vA.js} +4 -4
  16. package/dist/{Calendar-kSEji28A.js → Calendar-DzQApBCy.js} +14 -14
  17. package/dist/{CheckContent-DzWpxKGq.js → CheckContent-DZ7Gk8GS.js} +3 -4
  18. package/dist/{Checkbox-DBV_Nxtq.js → Checkbox-BepzfVfK.js} +4 -4
  19. package/dist/{Checkbox-CBybJbLm.d.ts → Checkbox-CHpgW3fI.d.ts} +1 -1
  20. package/dist/{CheckboxCheckmark-DJue5Aej.js → CheckboxCheckmark-B3lnOjsU.js} +24 -48
  21. package/dist/{CheckboxGroup-4xoWgmxr.d.ts → CheckboxGroup-CXrR3A-c.d.ts} +3 -3
  22. package/dist/{DatePicker-CjmXaZ9T.d.ts → DatePicker-B3l9TEjW.d.ts} +3 -3
  23. package/dist/{DatePicker-BbdtBAGN.js → DatePicker-CI87jC4_.js} +8 -8
  24. package/dist/{DatePickerInput-CdCtVE9z.d.ts → DatePickerInput-CZTEsrS0.d.ts} +3 -3
  25. package/dist/{DatePickerInput-eyHwzKPm.js → DatePickerInput-UBZcTmdv.js} +24 -26
  26. package/dist/{DateRangePicker-Ct182qur.js → DateRangePicker-BX2O5zA8.js} +17 -17
  27. package/dist/{DateRangePicker-D1kjkFfS.d.ts → DateRangePicker-DKkc2B3n.d.ts} +3 -3
  28. package/dist/{DateTimePicker-taYHMMYi.js → DateTimePicker-CVfkp45w.js} +8 -8
  29. package/dist/{DateTimePicker-CT_Pm3KB.d.ts → DateTimePicker-IHr-wPq8.d.ts} +3 -3
  30. package/dist/{Dialog-BE9BSDDl.js → Dialog-DdRP4YFC.js} +1 -1
  31. package/dist/{DropdownMenu-CZQRzOBb.d.ts → DropdownMenu-CWDhk3XA.d.ts} +2 -2
  32. package/dist/{DropdownMenu-tuf1W-IL.js → DropdownMenu-zrodtd44.js} +2 -2
  33. package/dist/{DropdownMenuDesktop-C9ttysuk.js → DropdownMenuDesktop-CGYxsavQ.js} +9 -9
  34. package/dist/{FileInput-CI8D_wf_.d.ts → FileInput-BQbn77bE.d.ts} +5 -5
  35. package/dist/{FileInput-B-ADr0B3.js → FileInput-Dz1eESr_.js} +16 -20
  36. package/dist/{FileUpload-3-4Vt4f1.js → FileUpload-D3Io7Is5.js} +48 -58
  37. package/dist/{FileUpload-BrnJdN3M.d.ts → FileUpload-qySCMcLn.d.ts} +1 -1
  38. package/dist/{FileUploadContainer-CkBENy6n.d.ts → FileUploadContainer-qOyGvb5J.d.ts} +1 -1
  39. package/dist/{Form-mzpVGNjX.d.ts → Form-u_N_6mwo.d.ts} +1 -1
  40. package/dist/{FormField-DTDj3F0A.d.ts → FormField-B0miX3gu.d.ts} +1 -1
  41. package/dist/{FormField-CAcDJ4HC.js → FormField-CHD4OJOt.js} +38 -37
  42. package/dist/{FormFieldError-CFg0Wn3i.js → FormFieldError-QRAFHUTt.js} +2 -2
  43. package/dist/{FormFieldHeaderTooltip-C2IDI4ac.js → FormFieldHeaderTooltip-Dl24v4_j.js} +2 -2
  44. package/dist/{IconButton-CYazzM7I.d.ts → IconButton-KXecZgYX.d.ts} +2 -2
  45. package/dist/{InlineIconButton-Rp5bXWcQ.d.ts → InlineIconButton-CbKZ2U_a.d.ts} +2 -2
  46. package/dist/{InlineTooltipWrapper-7HG-g2X3.js → InlineTooltipWrapper-g5yoeH1B.js} +1 -1
  47. package/dist/{Input-DSHFNEVl.d.ts → Input-efmPwk8f.d.ts} +3 -3
  48. package/dist/{InputContent-CvWm6GAv.d.ts → InputContent-DuBa9FuI.d.ts} +3 -3
  49. package/dist/{InputItem-B3PlrjuD.js → InputItem-2zf6QI5L.js} +11 -11
  50. package/dist/{Inputs-WZmrBWrL.js → Inputs-BceDTmdT.js} +1 -1
  51. package/dist/{Inputs-CHEDcuP0.d.ts → Inputs-C-w03Q_F.d.ts} +1 -1
  52. package/dist/{Link-C5YsZ4pr.js → Link-Btxj2gzg.js} +1 -1
  53. package/dist/{Link-DS9-0Ijl.d.ts → Link-QYpprkN1.d.ts} +1 -1
  54. package/dist/{MenuItem-CROWrE2A.d.ts → MenuItem--Mjd_yK8.d.ts} +1 -1
  55. package/dist/{NumberField-BICDQ2gN.d.ts → NumberField-z2JatYK0.d.ts} +3 -3
  56. package/dist/{NumberRangeInput-X8G1zfNM.js → NumberRangeInput-BxVrHq8R.js} +7 -7
  57. package/dist/{NumberRangeInput-BlGXChNR.d.ts → NumberRangeInput-Chai3iEi.d.ts} +2 -2
  58. package/dist/{Pagination-CumQED8X.d.ts → Pagination-CXtIDclf.d.ts} +1 -1
  59. package/dist/{PaginationList-CmOJo2r2.js → PaginationList-0bAmvXC0.js} +12 -20
  60. package/dist/{PaginationList-D79ApWLm.d.ts → PaginationList-CXG4jWFD.d.ts} +2 -2
  61. package/dist/{PasswordInput-BdrYD1D3.d.ts → PasswordInput-ub2TQxef.d.ts} +1 -1
  62. package/dist/{PillButton-CihEPQye.d.ts → PillButton-DASBXLFB.d.ts} +2 -2
  63. package/dist/{Popover-C0_-TLl_.d.ts → Popover-DUKH0q9u.d.ts} +2 -2
  64. package/dist/{Progress-_jkt2pQw.js → Progress-DQWiFP0L.js} +5 -6
  65. package/dist/{Progress-CYfDXJKs.d.ts → Progress-Dho39FDs.d.ts} +1 -1
  66. package/dist/{QuerySelect-Bpz-qI9h.d.ts → QuerySelect-Bo1K6gi_.d.ts} +2 -2
  67. package/dist/{RadioGroup-WHWosz7K.d.ts → RadioGroup-B_zJdn4y.d.ts} +3 -3
  68. package/dist/{RadioGroup-DW_OQQDu.js → RadioGroup-SSZYch-J.js} +19 -22
  69. package/dist/{RichTextEditor-CbgjRfiU.d.ts → RichTextEditor-B_JX3nor.d.ts} +1 -1
  70. package/dist/{RichTextEditor-BOTitK7E.js → RichTextEditor-D6RewmRj.js} +25 -17
  71. package/dist/{Select-DmLkOMr1.js → Select-CuZDkeQs.js} +8 -14
  72. package/dist/{Select-wzB2aQ_X.d.ts → Select-DeapZMYx.d.ts} +1 -1
  73. package/dist/{SelectBase-DefgAEzh.d.ts → SelectBase-7SE9Za2r.d.ts} +3 -3
  74. package/dist/{Slider-CZMNmk6P.d.ts → Slider-BFViQmM3.d.ts} +1 -1
  75. package/dist/{Slider-Q87Hg_V2.js → Slider-DJ9K_a-x.js} +10 -10
  76. package/dist/{Spinner-owSXOEzg.js → Spinner-BEYBu85B.js} +1 -1
  77. package/dist/{Spinner-BOgO9bS6.d.ts → Spinner-BbcI6IOb.d.ts} +1 -1
  78. package/dist/{SplitButton-BPZbQeYC.d.ts → SplitButton-lL87EcBL.d.ts} +3 -3
  79. package/dist/{Stepper-BbO9TlOM.js → Stepper-C1YPgTBG.js} +26 -29
  80. package/dist/{Stepper-PcHlxDD5.d.ts → Stepper-hlhViuaK.d.ts} +11 -11
  81. package/dist/{Switch-C0S5Juhf.d.ts → Switch-DPftmB1b.d.ts} +1 -1
  82. package/dist/{Switch-Cylpjatb.js → Switch-JxRmH1dX.js} +15 -23
  83. package/dist/Tag-Cch_68QO.d.ts +43 -0
  84. package/dist/Tag-HiDH438e.js +145 -0
  85. package/dist/{TextArea-CBWJ7w-p.d.ts → TextArea-BhrCBGbq.d.ts} +2 -2
  86. package/dist/{TextArea-DZv6XaT0.js → TextArea-gikUKKDl.js} +6 -6
  87. package/dist/{TextButton-D7e_YBLe.d.ts → TextButton-DnXRykhF.d.ts} +4 -4
  88. package/dist/{TimePicker-BZ4WrI5Z.d.ts → TimePicker-CmT89X7v.d.ts} +2 -2
  89. package/dist/{TimePicker-DAoHgk8U.js → TimePicker-DtNTOOGr.js} +10 -10
  90. package/dist/{Toast-DIlYlUQk.d.ts → Toast-B4cXs2rj.d.ts} +1 -1
  91. package/dist/{ToastContainer-8X5jGBe7.js → ToastContainer-BbsMIwtC.js} +2 -2
  92. package/dist/{ToggleButton-D4y2fLmN.d.ts → ToggleButton-BGuzPJDO.d.ts} +2 -2
  93. package/dist/{ToggleGroup-Cho_oRZh.js → ToggleGroup-Cl0NS3fe.js} +16 -11
  94. package/dist/{Tooltip-B-2AxyjP.d.ts → Tooltip-D7dNwGy9.d.ts} +8 -8
  95. package/dist/{Tooltip-D94a1IQl.js → Tooltip-aE1Vswxz.js} +11 -12
  96. package/dist/{TooltipWrapper-S2JC-w4e.js → TooltipWrapper-CRf-JFeo.js} +4 -4
  97. package/dist/{Typography-AcUd9df8.js → Typography-B0Gp1lpc.js} +1 -1
  98. package/dist/{Typography-BWmZd20e.d.ts → Typography-BiuidzDC.d.ts} +1 -1
  99. package/dist/{autocomplete-CaQSVRrw.d.ts → autocomplete-BJ7rqWa4.d.ts} +2 -2
  100. package/dist/{button.cva-ChabF4Am.d.ts → button.cva-BvRI-3Gn.d.ts} +11 -29
  101. package/dist/{buttonContent.cva-CP857foM.d.ts → buttonContent.cva-BDT_CReI.d.ts} +1 -1
  102. package/dist/{checkbox-D8CPWRlM.d.ts → checkbox-BfcE8J5P.d.ts} +1 -1
  103. package/dist/{checkbox-group-BuPUA_Qj.d.ts → checkbox-group-CHs2wFHS.d.ts} +1 -1
  104. package/dist/{checkbox.cva-DwnPS5df.d.ts → checkbox.cva-gv87kr1W.d.ts} +3 -5
  105. package/dist/components/accordion.js +1 -1
  106. package/dist/components/alert-dialog.d.ts +1 -1
  107. package/dist/components/alert-dialog.js +7 -7
  108. package/dist/components/alert.d.ts +1 -1
  109. package/dist/components/alert.js +1 -1
  110. package/dist/components/autocomplete.d.ts +1 -1
  111. package/dist/components/autocomplete.js +4 -4
  112. package/dist/components/badge.d.ts +1 -1
  113. package/dist/components/badge.js +19 -22
  114. package/dist/components/bottom-sheet.d.ts +2 -2
  115. package/dist/components/bottom-sheet.js +1 -1
  116. package/dist/components/breadcrumbs.d.ts +1 -1
  117. package/dist/components/breadcrumbs.js +1 -1
  118. package/dist/components/button.d.ts +2 -2
  119. package/dist/components/button.js +1 -1
  120. package/dist/components/checkbox-group.d.ts +1 -1
  121. package/dist/components/checkbox-group.js +5 -5
  122. package/dist/components/checkbox.d.ts +1 -1
  123. package/dist/components/checkbox.js +1 -1
  124. package/dist/components/date-picker.d.ts +1 -1
  125. package/dist/components/date-picker.js +1 -1
  126. package/dist/components/date-range-picker.d.ts +1 -1
  127. package/dist/components/date-range-picker.js +1 -1
  128. package/dist/components/date-time-picker.d.ts +1 -1
  129. package/dist/components/date-time-picker.js +1 -1
  130. package/dist/components/dialog.js +1 -1
  131. package/dist/components/drawer.js +2 -2
  132. package/dist/components/dropdown-menu.d.ts +2 -2
  133. package/dist/components/dropdown-menu.js +2 -2
  134. package/dist/components/file-input.d.ts +1 -1
  135. package/dist/components/file-input.js +1 -1
  136. package/dist/components/file-upload-container.d.ts +2 -2
  137. package/dist/components/file-upload-container.js +1 -1
  138. package/dist/components/file-upload.d.ts +2 -2
  139. package/dist/components/file-upload.js +1 -1
  140. package/dist/components/form-field.d.ts +1 -1
  141. package/dist/components/form-field.js +1 -1
  142. package/dist/components/icon-button.d.ts +1 -1
  143. package/dist/components/icon-button.js +2 -2
  144. package/dist/components/inline-icon-button.d.ts +1 -1
  145. package/dist/components/inline-icon-button.js +2 -2
  146. package/dist/components/input.d.ts +1 -1
  147. package/dist/components/input.js +6 -6
  148. package/dist/components/link.d.ts +1 -1
  149. package/dist/components/link.js +1 -1
  150. package/dist/components/number-field.d.ts +1 -1
  151. package/dist/components/number-field.js +6 -6
  152. package/dist/components/number-range-input.d.ts +1 -1
  153. package/dist/components/number-range-input.js +1 -1
  154. package/dist/components/pagination-list.d.ts +1 -1
  155. package/dist/components/pagination-list.js +1 -1
  156. package/dist/components/pagination.d.ts +1 -1
  157. package/dist/components/pagination.js +5 -6
  158. package/dist/components/password-input.d.ts +1 -1
  159. package/dist/components/pill-button.d.ts +1 -1
  160. package/dist/components/pill-button.js +2 -2
  161. package/dist/components/popover.d.ts +1 -1
  162. package/dist/components/popover.js +2 -2
  163. package/dist/components/progress.d.ts +1 -1
  164. package/dist/components/progress.js +1 -1
  165. package/dist/components/query-autocomplete.d.ts +2 -2
  166. package/dist/components/query-autocomplete.js +2 -2
  167. package/dist/components/query-select.d.ts +1 -1
  168. package/dist/components/query-select.js +3 -3
  169. package/dist/components/radio-group.d.ts +1 -1
  170. package/dist/components/radio-group.js +1 -1
  171. package/dist/components/select.d.ts +2 -2
  172. package/dist/components/select.js +1 -1
  173. package/dist/components/slider.d.ts +1 -1
  174. package/dist/components/slider.js +1 -1
  175. package/dist/components/spinner.d.ts +1 -1
  176. package/dist/components/spinner.js +1 -1
  177. package/dist/components/split-button.d.ts +1 -1
  178. package/dist/components/split-button.js +2 -2
  179. package/dist/components/stepper.d.ts +1 -1
  180. package/dist/components/stepper.js +1 -1
  181. package/dist/components/switch.d.ts +1 -1
  182. package/dist/components/switch.js +1 -1
  183. package/dist/components/tag.d.ts +1 -1
  184. package/dist/components/tag.js +1 -1
  185. package/dist/components/text-area.d.ts +1 -1
  186. package/dist/components/text-area.js +1 -1
  187. package/dist/components/text-button.d.ts +1 -1
  188. package/dist/components/text-button.js +1 -2
  189. package/dist/components/time-picker.d.ts +1 -1
  190. package/dist/components/time-picker.js +1 -1
  191. package/dist/components/toast.d.ts +2 -2
  192. package/dist/components/toast.js +2 -2
  193. package/dist/components/toggle-button.d.ts +1 -1
  194. package/dist/components/toggle-button.js +1 -1
  195. package/dist/components/toggle-group.js +1 -1
  196. package/dist/components/tooltip-ellipsis.js +1 -1
  197. package/dist/components/tooltip.d.ts +1 -1
  198. package/dist/components/tooltip.js +1 -1
  199. package/dist/components/typography.d.ts +2 -2
  200. package/dist/components/typography.js +1 -1
  201. package/dist/components/use-toast.d.ts +1 -1
  202. package/dist/components/use-toast.js +2 -2
  203. package/dist/config/confirmation.d.ts +1 -1
  204. package/dist/config/link-context.d.ts +2 -2
  205. package/dist/config/ui-config.d.ts +2 -2
  206. package/dist/config/ui-config.js +1 -1
  207. package/dist/{confirmation.context-fKfUTsLF.d.ts → confirmation.context-DPAKsLYl.d.ts} +1 -1
  208. package/dist/{date-picker-MXt02b7Z.d.ts → date-picker-BYFWSbN8.d.ts} +1 -1
  209. package/dist/{date-range-picker-BjT0t21q.d.ts → date-range-picker-BaaXOObm.d.ts} +1 -1
  210. package/dist/{date-time-picker-CMmIuZtT.d.ts → date-time-picker-D42cTCgx.d.ts} +1 -1
  211. package/dist/{datePickerValue.utils-GADbSu7a.js → datePickerValue.utils-CFCY-fRJ.js} +8 -10
  212. package/dist/{dialog.cva-5qNq9YfM.js → dialog.cva---xiOXMQ.js} +1 -1
  213. package/dist/{dist-C6GfeeEC.js → dist-B8h0VT0E.js} +35 -83
  214. package/dist/{dom.utils-D3mELNBA.js → dom.utils-DjuRTR6U.js} +1 -1
  215. package/dist/{dynamicInputs-CQMTixlW.d.ts → dynamicInputs-wEEikYeg.d.ts} +104 -105
  216. package/dist/{fieldAdapter-BYVPxvYi.js → fieldAdapter-C0lCFmf0.js} +1 -1
  217. package/dist/{file-input-D-46wS5j.d.ts → file-input-C56GXRwz.d.ts} +1 -1
  218. package/dist/{file-upload-BG20Bhrn.d.ts → file-upload-Bx0X534g.d.ts} +2 -2
  219. package/dist/{fileUpload.types-xFzuCT_m.d.ts → fileUpload.types-DWuQKA2l.d.ts} +2 -2
  220. package/dist/index.d.ts +81 -81
  221. package/dist/index.js +40 -40
  222. package/dist/{input-CKGPYwfB.d.ts → input-D2kGX0hW.d.ts} +1 -1
  223. package/dist/input.cva-BcXyC1vZ.js +208 -0
  224. package/dist/{input.cva-ByFuAEIS.d.ts → input.cva-BhDJxc7r.d.ts} +4 -8
  225. package/dist/{link.context-C5ZgwVM5.d.ts → link.context-CDZn6oL2.d.ts} +1 -1
  226. package/dist/{number-field-CyP6XgJh.d.ts → number-field-Bw2GKr0s.d.ts} +1 -1
  227. package/dist/{number-range-input-DMmlk7Bl.d.ts → number-range-input-Dqe6x2dR.d.ts} +1 -1
  228. package/dist/{password-input-BWpfQe0G.d.ts → password-input-DepKyhh3.d.ts} +1 -1
  229. package/dist/{pillButton.cva-BVsxGnqF.d.ts → pillButton.cva-BEWuu0qm.d.ts} +1 -3
  230. package/dist/pillButton.cva-DlP5tOT5.js +197 -0
  231. package/dist/{popover.cva-CXha_UMQ.js → popover.cva-BJSkLndY.js} +1 -1
  232. package/dist/{query-autocomplete-DV8fEkK2.d.ts → query-autocomplete-BSpHin_R.d.ts} +2 -2
  233. package/dist/{query-select-BZ3-5WTu.d.ts → query-select-m1DCp4UF.d.ts} +2 -2
  234. package/dist/{queryAutocomplete.types-Dm8Ttx4v.d.ts → queryAutocomplete.types-CrbVUmvl.d.ts} +2 -2
  235. package/dist/{radio-group-CmUtsjqP.d.ts → radio-group-Civ3Fb70.d.ts} +1 -1
  236. package/dist/{radio.cva-DAq2M13H.d.ts → radio.cva-BlOrmxzf.d.ts} +2 -2
  237. package/dist/rhf/autocomplete.d.ts +2 -2
  238. package/dist/rhf/autocomplete.js +1 -1
  239. package/dist/rhf/checkbox-group.d.ts +2 -2
  240. package/dist/rhf/checkbox-group.js +1 -1
  241. package/dist/rhf/checkbox.d.ts +2 -2
  242. package/dist/rhf/checkbox.js +2 -2
  243. package/dist/rhf/date-picker.d.ts +2 -2
  244. package/dist/rhf/date-picker.js +2 -2
  245. package/dist/rhf/date-range-picker.d.ts +2 -2
  246. package/dist/rhf/date-range-picker.js +2 -2
  247. package/dist/rhf/date-time-picker.d.ts +2 -2
  248. package/dist/rhf/date-time-picker.js +2 -2
  249. package/dist/rhf/file-input.d.ts +2 -2
  250. package/dist/rhf/file-input.js +2 -2
  251. package/dist/rhf/file-upload.d.ts +2 -2
  252. package/dist/rhf/file-upload.js +2 -2
  253. package/dist/rhf/input.d.ts +2 -2
  254. package/dist/rhf/input.js +1 -1
  255. package/dist/rhf/inputs.d.ts +2 -2
  256. package/dist/rhf/number-field.d.ts +2 -2
  257. package/dist/rhf/number-field.js +1 -1
  258. package/dist/rhf/number-range-input.d.ts +2 -2
  259. package/dist/rhf/number-range-input.js +2 -2
  260. package/dist/rhf/password-input.d.ts +2 -2
  261. package/dist/rhf/password-input.js +1 -1
  262. package/dist/rhf/query-autocomplete.d.ts +1 -1
  263. package/dist/rhf/query-autocomplete.js +1 -1
  264. package/dist/rhf/query-select.d.ts +1 -1
  265. package/dist/rhf/query-select.js +1 -1
  266. package/dist/rhf/radio-group.d.ts +2 -2
  267. package/dist/rhf/radio-group.js +2 -2
  268. package/dist/rhf/rich-text-editor.d.ts +2 -2
  269. package/dist/rhf/rich-text-editor.js +2 -2
  270. package/dist/rhf/select.d.ts +2 -2
  271. package/dist/rhf/select.js +2 -2
  272. package/dist/rhf/slider.d.ts +2 -2
  273. package/dist/rhf/slider.js +2 -2
  274. package/dist/rhf/switch.d.ts +2 -2
  275. package/dist/rhf/switch.js +2 -2
  276. package/dist/rhf/text-area.d.ts +2 -2
  277. package/dist/rhf/text-area.js +2 -2
  278. package/dist/rhf/time-picker.d.ts +2 -2
  279. package/dist/rhf/time-picker.js +2 -2
  280. package/dist/rhf/toggle-group.js +2 -2
  281. package/dist/{rhf-1_ZO8GhU.js → rhf-D8B7mLO1.js} +1 -1
  282. package/dist/rhf.d.ts +81 -81
  283. package/dist/rhf.js +40 -40
  284. package/dist/{rich-text-editor-Db3XWWFo.d.ts → rich-text-editor-DvNEOIux.d.ts} +1 -1
  285. package/dist/rich-text-editor.d.ts +1 -1
  286. package/dist/rich-text-editor.js +1 -1
  287. package/dist/{select-DXGbGkZM.d.ts → select-DY5QtwqI.d.ts} +2 -2
  288. package/dist/{slider-JQh0ypfU.d.ts → slider-CrB-Gkcv.d.ts} +1 -1
  289. package/dist/{staticDateTimeSegments-BQoA94W-.js → staticDateTimeSegments-DR8bJw-F.js} +12 -10
  290. package/dist/{staticSelect.utils-ad60elvT.js → staticSelect.utils-Cm7MoDVG.js} +45 -37
  291. package/dist/styles/color-utilities.css +32 -0
  292. package/dist/styles/editor.css +9 -9
  293. package/dist/styles/input.d.ts +1 -1
  294. package/dist/{switch-Lm3xl1rQ.d.ts → switch-8WzXfTS8.d.ts} +1 -1
  295. package/dist/switch.cva-8T0fw31t.d.ts +15 -0
  296. package/dist/tanstack/autocomplete.d.ts +1 -1
  297. package/dist/tanstack/checkbox-group.d.ts +1 -1
  298. package/dist/tanstack/checkbox.d.ts +1 -1
  299. package/dist/tanstack/checkbox.js +1 -1
  300. package/dist/tanstack/date-picker.d.ts +1 -1
  301. package/dist/tanstack/date-picker.js +1 -1
  302. package/dist/tanstack/date-range-picker.d.ts +1 -1
  303. package/dist/tanstack/date-range-picker.js +1 -1
  304. package/dist/tanstack/date-time-picker.d.ts +1 -1
  305. package/dist/tanstack/date-time-picker.js +1 -1
  306. package/dist/tanstack/file-input.d.ts +1 -1
  307. package/dist/tanstack/file-input.js +1 -1
  308. package/dist/tanstack/file-upload.d.ts +2 -2
  309. package/dist/tanstack/file-upload.js +1 -1
  310. package/dist/tanstack/form.d.ts +1 -1
  311. package/dist/tanstack/form.js +1 -1
  312. package/dist/tanstack/input.d.ts +1 -1
  313. package/dist/tanstack/inputs.d.ts +3 -3
  314. package/dist/tanstack/inputs.js +1 -1
  315. package/dist/tanstack/number-field.d.ts +1 -1
  316. package/dist/tanstack/number-range-input.d.ts +1 -1
  317. package/dist/tanstack/number-range-input.js +1 -1
  318. package/dist/tanstack/password-input.d.ts +1 -1
  319. package/dist/tanstack/query-select.d.ts +1 -1
  320. package/dist/tanstack/radio-group.d.ts +1 -1
  321. package/dist/tanstack/radio-group.js +1 -1
  322. package/dist/tanstack/rich-text-editor.d.ts +1 -1
  323. package/dist/tanstack/rich-text-editor.js +1 -1
  324. package/dist/tanstack/select.d.ts +1 -1
  325. package/dist/tanstack/select.js +1 -1
  326. package/dist/tanstack/slider.d.ts +1 -1
  327. package/dist/tanstack/slider.js +1 -1
  328. package/dist/tanstack/switch.d.ts +1 -1
  329. package/dist/tanstack/switch.js +1 -1
  330. package/dist/tanstack/table.d.ts +1 -1
  331. package/dist/tanstack/table.js +1 -1
  332. package/dist/tanstack/text-area.d.ts +1 -1
  333. package/dist/tanstack/text-area.js +1 -1
  334. package/dist/tanstack/time-picker.d.ts +1 -1
  335. package/dist/tanstack/time-picker.js +1 -1
  336. package/dist/tanstack/toggle-group.js +1 -1
  337. package/dist/tanstack.d.ts +65 -65
  338. package/dist/tanstack.js +49 -49
  339. package/dist/{text-area-I5MNcGp_.d.ts → text-area-CqnKRWKq.d.ts} +1 -1
  340. package/dist/{time-picker-DdhW8GmD.d.ts → time-picker-Cz1GIzpF.d.ts} +1 -1
  341. package/dist/{toast.cva-LU7TGprV.d.ts → toast.cva-Cj6o2Rmu.d.ts} +8 -8
  342. package/dist/{toast.runtime-QMYrNvoQ.js → toast.runtime-CIKvmkjo.js} +1 -1
  343. package/dist/typography.cva-CJZZSGXW.js +51 -0
  344. package/dist/typography.cva-jtp6WWUH.d.ts +35 -0
  345. package/dist/{uiConfig.context-RFvaQYzD.js → uiConfig.context-D2eUIPHn.js} +11 -20
  346. package/dist/{uiConfig.context-CIoMqe1_.d.ts → uiConfig.context-aoarCLYX.d.ts} +11 -12
  347. package/dist/{useBreakpoint-3kpqzjoC.js → useBreakpoint-BOA-MyoT.js} +1 -1
  348. package/dist/{useFieldAccessibility-CtTdRX2u.js → useFieldAccessibility-D2_Qm26-.js} +10 -11
  349. package/dist/{useFormAutosave-DqP6lB4l.js → useFormAutosave-BYFn3LH8.js} +2 -2
  350. package/dist/{useStaticInputHandoff-BAaDW_0z.js → useStaticInputHandoff-DB9PgioW.js} +11 -12
  351. package/dist/{useTableColumnConfig-DVI_jVHz.js → useTableColumnConfig-CcJxu14U.js} +26 -28
  352. package/dist/{useTableNav-Tu8UZxHA.d.ts → useTableNav-D9mICzNW.d.ts} +7 -7
  353. package/dist/{useToast-NBGlVeFP.d.ts → useToast-DMSm59Y6.d.ts} +1 -1
  354. package/package.json +2 -1
  355. package/dist/Button-CcZBqoQp.js +0 -761
  356. package/dist/Tag-CgPeLVXM.d.ts +0 -44
  357. package/dist/Tag-DNuHvt6J.js +0 -148
  358. package/dist/input.cva-KYGD4Bdz.js +0 -324
  359. package/dist/pillButton.cva-6tjADUQ6.js +0 -265
  360. package/dist/switch.cva-BIioyegR.d.ts +0 -15
  361. package/dist/typography.cva-BI0FyIqm.js +0 -129
  362. package/dist/typography.cva-YaO6JLqU.d.ts +0 -51
@@ -1,44 +0,0 @@
1
- import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
2
- import { n as TypographyProps } from "./Typography-BWmZd20e.js";
3
- import { Ref } from "react";
4
- import { ButtonProps } from "react-aria-components";
5
- //#region src/components/text/Tag/tag.cva.d.ts
6
- declare const tagDefinition: {
7
- base: string[];
8
- config: StyleMergeUtils.Config<{
9
- readonly color: {
10
- primary: ["bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle", "hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover", "pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed", "disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
11
- secondary: ["bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle", "hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover", "pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed", "disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
12
- success: ["bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle", "hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover", "pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed", "disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
13
- warning: ["bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle", "hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover", "pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed", "disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
14
- error: ["bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle", "hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover", "pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed", "disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
15
- };
16
- }>;
17
- };
18
- type TagConfig = NonNullable<typeof tagDefinition.config>;
19
- interface TagVariantProps extends UIOverrides.VariantProps<TagConfig> {}
20
- //#endregion
21
- //#region src/components/text/Tag/Tag.d.ts
22
- interface TagProps extends TagVariantProps {
23
- className?: string;
24
- children: string;
25
- /** Preferred spelling. `dismissable` remains supported. */
26
- dismissible?: boolean;
27
- dismissable?: boolean;
28
- isDisabled?: boolean;
29
- disabled?: boolean;
30
- contentRef?: Ref<HTMLElement>;
31
- textVariant?: TypographyProps["variant"];
32
- textSize?: TypographyProps["size"];
33
- /** Preferred callback name. */
34
- onRemove?: () => void;
35
- onDismiss?: () => void;
36
- /** Props applied to the actual dismiss button, when one is rendered. */
37
- dismissButtonProps?: Omit<ButtonProps, "children" | "onPress">;
38
- excludeFromTabOrder?: boolean;
39
- /** Compatibility callback for the historical button-like prop surface. */
40
- onPress?: ButtonProps["onPress"];
41
- }
42
- declare const Tag: ({ className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textVariant: textVariantProp, textSize: textSizeProp, ...appearanceProps }: TagProps) => import("react").JSX.Element;
43
- //#endregion
44
- export { tagDefinition as i, TagProps as n, TagVariantProps as r, Tag as t };
@@ -1,148 +0,0 @@
1
- import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
2
- import { t as X } from "./x-B6vfz8Ps.js";
3
- import { t as clsx } from "./clsx-CnD0nOiA.js";
4
- import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
5
- import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
6
- import { t as Typography } from "./Typography-AcUd9df8.js";
7
- import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
8
- import "./i18n-CX2EjhJI.js";
9
- import { c } from "react/compiler-runtime";
10
- import { jsx, jsxs } from "react/jsx-runtime";
11
- import { useTranslation } from "react-i18next";
12
- //#region src/components/text/Tag/tag.cva.ts
13
- const tagDefinition = UIOverrides.defineConfig({
14
- base: [
15
- uiOutlineClass,
16
- "inline-flex items-center gap-list-gap-icon-to-label",
17
- "p-pill-height-s px-1-5",
18
- "rounded-pill-rounding-default",
19
- "overflow-hidden",
20
- "disabled:cursor-default"
21
- ],
22
- config: {
23
- variants: { color: {
24
- primary: [
25
- "bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle",
26
- "hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover",
27
- "pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed",
28
- "disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled",
29
- "focus-visible:outline-interactive-contained-primary-focus"
30
- ],
31
- secondary: [
32
- "bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle",
33
- "hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover",
34
- "pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed",
35
- "disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled",
36
- "focus-visible:outline-interactive-contained-primary-focus"
37
- ],
38
- success: [
39
- "bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle",
40
- "hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover",
41
- "pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed",
42
- "disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled",
43
- "focus-visible:outline-interactive-contained-primary-focus"
44
- ],
45
- warning: [
46
- "bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle",
47
- "hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover",
48
- "pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed",
49
- "disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled",
50
- "focus-visible:outline-interactive-contained-primary-focus"
51
- ],
52
- error: [
53
- "bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle",
54
- "hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover",
55
- "pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed",
56
- "disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled",
57
- "focus-visible:outline-interactive-contained-primary-focus"
58
- ]
59
- } },
60
- defaultVariants: { color: "primary" }
61
- }
62
- });
63
- //#endregion
64
- //#region src/components/text/Tag/Tag.tsx
65
- const Tag = (t0) => {
66
- const $ = c(20);
67
- const { className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textVariant: textVariantProp, textSize: textSizeProp, ...appearanceProps } = t0;
68
- const uiConfig = UIConfig.useConfig();
69
- const textVariant = textVariantProp ?? uiConfig.tag.textVariant;
70
- const textSize = textSizeProp ?? uiConfig.tag.textSize;
71
- const isDismissible = dismissible ?? dismissable ?? false;
72
- const resolvedIsDisabled = isDisabled ?? disabled;
73
- const tagCva = UIOverrides.useCva("tag.cva", tagDefinition);
74
- const { t } = useTranslation("ui");
75
- const t1 = onRemove ?? onDismiss ?? onPress;
76
- let t2;
77
- if ($[0] !== t) {
78
- t2 = t(_temp);
79
- $[0] = t;
80
- $[1] = t2;
81
- } else t2 = $[1];
82
- let t3;
83
- if ($[2] !== dismissButtonProps || $[3] !== excludeFromTabOrder || $[4] !== resolvedIsDisabled || $[5] !== t1 || $[6] !== t2) {
84
- t3 = {
85
- ...dismissButtonProps,
86
- excludeFromTabOrder,
87
- isDisabled: resolvedIsDisabled,
88
- onPress: t1,
89
- "aria-label": t2
90
- };
91
- $[2] = dismissButtonProps;
92
- $[3] = excludeFromTabOrder;
93
- $[4] = resolvedIsDisabled;
94
- $[5] = t1;
95
- $[6] = t2;
96
- $[7] = t3;
97
- } else t3 = $[7];
98
- const buttonProps = t3;
99
- const t4 = tagCva({
100
- ...appearanceProps,
101
- className: clsx("pointer-events-none", className)
102
- });
103
- const t5 = contentRef;
104
- let t6;
105
- if ($[8] !== children || $[9] !== t5 || $[10] !== textSize || $[11] !== textVariant) {
106
- t6 = /* @__PURE__ */ jsx(Typography, {
107
- ref: t5,
108
- variant: textVariant,
109
- size: textSize,
110
- as: "span",
111
- className: "truncate",
112
- children
113
- });
114
- $[8] = children;
115
- $[9] = t5;
116
- $[10] = textSize;
117
- $[11] = textVariant;
118
- $[12] = t6;
119
- } else t6 = $[12];
120
- let t7;
121
- if ($[13] !== buttonProps || $[14] !== isDismissible) {
122
- t7 = isDismissible && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
123
- ...buttonProps,
124
- className: "pointer-events-auto shrink-0",
125
- children: /* @__PURE__ */ jsx(X, { className: "size-4" })
126
- });
127
- $[13] = buttonProps;
128
- $[14] = isDismissible;
129
- $[15] = t7;
130
- } else t7 = $[15];
131
- let t8;
132
- if ($[16] !== t4 || $[17] !== t6 || $[18] !== t7) {
133
- t8 = /* @__PURE__ */ jsxs("div", {
134
- className: t4,
135
- children: [t6, t7]
136
- });
137
- $[16] = t4;
138
- $[17] = t6;
139
- $[18] = t7;
140
- $[19] = t8;
141
- } else t8 = $[19];
142
- return t8;
143
- };
144
- function _temp($) {
145
- return $.ui.tag.dismiss;
146
- }
147
- //#endregion
148
- export { tagDefinition as n, Tag as t };
@@ -1,324 +0,0 @@
1
- import { t as clsx } from "./clsx-CnD0nOiA.js";
2
- import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
3
- import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
4
- //#region src/components/inputs/shared/input.cva.ts
5
- const inputBaseDefinition = UIOverrides.defineConfig({
6
- base: [uiOutlineClass, "flex w-full not-[textarea]:truncate"],
7
- config: {
8
- variants: {
9
- variant: {
10
- outlined: "",
11
- filled: ""
12
- },
13
- as: {
14
- default: "rounded-input-rounding-default",
15
- floating: "rounded-input-rounding-default",
16
- filter: "rounded-input-rounding-default",
17
- inline: [
18
- "h-full",
19
- "border-transparent border-b-0 bg-transparent text-text-default-1",
20
- "hover:border-input-outlined-outline-hover",
21
- "focus-within:border-input-outlined-outline-active",
22
- "invalid:border-input-outlined-outline-error",
23
- "has-invalid:border-input-outlined-outline-error",
24
- "disabled:hover:border-transparent",
25
- "has-disabled:hover:border-transparent"
26
- ]
27
- }
28
- },
29
- compoundVariants: [
30
- {
31
- variant: "outlined",
32
- as: "default",
33
- className: [
34
- "border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
35
- "hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
36
- "focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
37
- "invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
38
- "has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
39
- "disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
40
- "has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
41
- "placeholder:text-text-default-3",
42
- "disabled:placeholder:text-interactive-text-secondary-disabled",
43
- "has-disabled:placeholder:text-interactive-text-secondary-disabled",
44
- "focus-visible:outline-interactive-contained-primary-focus",
45
- "has-focus-visible:outline-interactive-contained-primary-focus"
46
- ]
47
- },
48
- {
49
- variant: "filled",
50
- as: "default",
51
- className: [
52
- "border border-transparent border-solid bg-input-filled-idle text-text-default-1",
53
- "hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
54
- "focus-within:border-input-filled-outline-active focus-within:border-solid focus-within:bg-input-filled-active focus-within:text-text-default-1",
55
- "invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
56
- "has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
57
- "disabled:bg-input-filled-disabled disabled:text-text-default-3",
58
- "has-disabled:bg-input-filled-disabled has-disabled:text-text-default-3",
59
- "placeholder:text-text-default-3",
60
- "disabled:placeholder:text-interactive-text-secondary-disabled",
61
- "has-disabled:placeholder:text-interactive-text-secondary-disabled",
62
- "focus-visible:outline-interactive-contained-primary-focus",
63
- "has-focus-visible:outline-interactive-contained-primary-focus"
64
- ]
65
- },
66
- {
67
- variant: "outlined",
68
- as: "floating",
69
- className: [
70
- "border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
71
- "hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
72
- "focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
73
- "invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
74
- "has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
75
- "disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
76
- "has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
77
- "placeholder:text-text-default-3",
78
- "disabled:placeholder:text-interactive-text-secondary-disabled",
79
- "has-disabled:placeholder:text-interactive-text-secondary-disabled",
80
- "focus-visible:outline-interactive-contained-primary-focus",
81
- "has-focus-visible:outline-interactive-contained-primary-focus"
82
- ]
83
- },
84
- {
85
- variant: "filled",
86
- as: "floating",
87
- className: [
88
- "border border-transparent border-solid bg-input-filled-idle text-text-default-1",
89
- "hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
90
- "focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-idle focus-within:text-text-default-1",
91
- "invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
92
- "has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
93
- "disabled:bg-input-filled-disabled disabled:text-text-default-3",
94
- "has-disabled:bg-input-filled-disabled has-disabled:text-text-default-3",
95
- "placeholder:text-text-default-3",
96
- "disabled:placeholder:text-interactive-text-secondary-disabled",
97
- "has-disabled:placeholder:text-interactive-text-secondary-disabled",
98
- "focus-visible:outline-interactive-contained-primary-focus",
99
- "has-focus-visible:outline-interactive-contained-primary-focus"
100
- ]
101
- },
102
- {
103
- variant: "outlined",
104
- as: "filter",
105
- className: [
106
- "border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
107
- "hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
108
- "focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
109
- "invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
110
- "has-invalid:border-input-outlined-outline-error has-invalid:border-solid has-invalid:bg-input-outlined-error has-invalid:text-text-default-1",
111
- "disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-3",
112
- "has-disabled:border-input-outlined-outline-disabled has-disabled:border-solid has-disabled:bg-input-outlined-disabled has-disabled:text-text-default-3",
113
- "placeholder:text-text-default-3",
114
- "disabled:placeholder:text-interactive-text-secondary-disabled",
115
- "has-disabled:placeholder:text-interactive-text-secondary-disabled",
116
- "focus-visible:outline-interactive-contained-primary-focus",
117
- "has-focus-visible:outline-interactive-contained-primary-focus"
118
- ]
119
- },
120
- {
121
- variant: "filled",
122
- as: "filter",
123
- className: [
124
- "border border-transparent border-solid bg-input-filled-idle text-text-default-1",
125
- "hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
126
- "focus-within:border-input-filled-outline-active focus-within:border-solid focus-within:bg-input-filled-active focus-within:text-text-default-1",
127
- "has-invalid:border-input-filled-outline-error has-invalid:border-solid has-invalid:bg-input-filled-error has-invalid:text-text-default-1",
128
- "invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
129
- "disabled:bg-input-filled-disabled disabled:text-text-default-1",
130
- "has-disabled:bg-input-filled-disabled has-disabled:text-text-default-1",
131
- "placeholder:text-text-default-3",
132
- "disabled:placeholder:text-interactive-text-secondary-disabled",
133
- "has-disabled:placeholder:text-interactive-text-secondary-disabled",
134
- "focus-visible:outline-interactive-contained-primary-focus",
135
- "has-focus-visible:outline-interactive-contained-primary-focus"
136
- ]
137
- }
138
- ],
139
- defaultVariants: {
140
- variant: "outlined",
141
- as: "default"
142
- }
143
- }
144
- });
145
- const inputSizeDefinition = UIOverrides.defineConfig({
146
- base: [""],
147
- config: {
148
- variants: {
149
- size: {
150
- "extra-small": "text-label-1",
151
- small: "text-label-1",
152
- default: "text-label-1",
153
- large: "text-label-1"
154
- },
155
- as: {
156
- default: "",
157
- floating: [
158
- "px-input-side-m",
159
- "py-floating-label-input-height-empty",
160
- "input-filled:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]",
161
- "input-filled:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]"
162
- ],
163
- filter: "",
164
- inline: ""
165
- }
166
- },
167
- compoundVariants: [
168
- {
169
- as: [
170
- "default",
171
- "filter",
172
- "inline"
173
- ],
174
- size: "extra-small",
175
- className: "px-input-side-xs py-input-height-xs"
176
- },
177
- {
178
- as: [
179
- "default",
180
- "filter",
181
- "inline"
182
- ],
183
- size: "small",
184
- className: "px-input-side-s py-input-height-s"
185
- },
186
- {
187
- as: [
188
- "default",
189
- "filter",
190
- "inline"
191
- ],
192
- size: "default",
193
- className: "px-input-side-m py-input-height-m"
194
- },
195
- {
196
- as: [
197
- "default",
198
- "filter",
199
- "inline"
200
- ],
201
- size: "large",
202
- className: "px-input-side-l py-input-height-l"
203
- }
204
- ],
205
- defaultVariants: {
206
- size: "default",
207
- as: "default"
208
- }
209
- }
210
- });
211
- const inputContentWrapperDefinition = UIOverrides.defineConfig({
212
- base: ["flex min-w-0 w-full"],
213
- config: {
214
- variants: { as: {
215
- default: "",
216
- floating: "flex-col",
217
- filter: "gap-input-gap-input-text-to-elements",
218
- inline: ""
219
- } },
220
- defaultVariants: { as: "default" }
221
- }
222
- });
223
- const inputClearClassDefinition = UIOverrides.defineConfig({
224
- base: [""],
225
- config: {
226
- variants: { as: {
227
- default: "",
228
- floating: "",
229
- filter: "",
230
- inline: ""
231
- } },
232
- defaultVariants: { as: "default" }
233
- }
234
- });
235
- const inputSideDefinition = UIOverrides.defineConfig({
236
- base: [""],
237
- config: {
238
- variants: {
239
- size: {
240
- "extra-small": "",
241
- small: "",
242
- default: "",
243
- large: ""
244
- },
245
- type: {
246
- left: "",
247
- right: "",
248
- var: ""
249
- }
250
- },
251
- compoundVariants: [
252
- {
253
- type: "left",
254
- size: "extra-small",
255
- className: "left-input-side-xs"
256
- },
257
- {
258
- type: "right",
259
- size: "extra-small",
260
- className: "right-input-side-xs"
261
- },
262
- {
263
- type: "var",
264
- size: "extra-small",
265
- className: "--spacing-input-side-xs"
266
- },
267
- {
268
- type: "left",
269
- size: "small",
270
- className: "left-input-side-s"
271
- },
272
- {
273
- type: "right",
274
- size: "small",
275
- className: "right-input-side-s"
276
- },
277
- {
278
- type: "var",
279
- size: "small",
280
- className: "--spacing-input-side-s"
281
- },
282
- {
283
- type: "left",
284
- size: "default",
285
- className: "left-input-side-m"
286
- },
287
- {
288
- type: "right",
289
- size: "default",
290
- className: "right-input-side-m"
291
- },
292
- {
293
- type: "var",
294
- size: "default",
295
- className: "--spacing-input-side-m"
296
- },
297
- {
298
- type: "left",
299
- size: "large",
300
- className: "left-input-side-l"
301
- },
302
- {
303
- type: "right",
304
- size: "large",
305
- className: "right-input-side-l"
306
- },
307
- {
308
- type: "var",
309
- size: "large",
310
- className: "--spacing-input-side-l"
311
- }
312
- ],
313
- defaultVariants: { size: "default" }
314
- }
315
- });
316
- const useInputCva = () => {
317
- const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
318
- const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
319
- return ({ className, ...rest }) => {
320
- return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
321
- };
322
- };
323
- //#endregion
324
- export { inputSizeDefinition as a, inputSideDefinition as i, inputClearClassDefinition as n, useInputCva as o, inputContentWrapperDefinition as r, inputBaseDefinition as t };