@kismet-ux/constellation 1.9.0 → 1.11.0

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 (406) hide show
  1. package/dist/brand/Logo/logo.css +4 -1
  2. package/dist/form/Checkbox/checkbox.css +48 -34
  3. package/dist/form/Checkbox/checkbox.d.ts +5 -0
  4. package/dist/form/Checkbox/checkbox.d.ts.map +1 -1
  5. package/dist/form/Checkbox/checkbox.js +6 -55
  6. package/dist/form/Checkbox/checkbox.js.map +1 -1
  7. package/dist/form/Checkbox/checkbox.module.scss.js +1 -1
  8. package/dist/form/Combobox/combobox.css +35 -0
  9. package/dist/form/Combobox/combobox.d.ts +41 -0
  10. package/dist/form/Combobox/combobox.d.ts.map +1 -0
  11. package/dist/form/Combobox/combobox.js +152 -0
  12. package/dist/form/Combobox/combobox.js.map +1 -0
  13. package/dist/form/Combobox/combobox.module.scss.js +6 -0
  14. package/dist/form/Combobox/combobox.module.scss.js.map +1 -0
  15. package/dist/form/Combobox/index.d.ts +2 -0
  16. package/dist/form/Combobox/index.d.ts.map +1 -0
  17. package/dist/form/DatePicker/date-picker.d.ts.map +1 -1
  18. package/dist/form/DatePicker/date-picker.js +5 -53
  19. package/dist/form/DatePicker/date-picker.js.map +1 -1
  20. package/dist/form/Input/input.css +12 -0
  21. package/dist/form/Input/input.d.ts +1 -1
  22. package/dist/form/Input/input.d.ts.map +1 -1
  23. package/dist/form/Input/input.js +23 -3
  24. package/dist/form/Input/input.js.map +1 -1
  25. package/dist/form/Select/select.css +46 -2
  26. package/dist/form/Select/select.d.ts +31 -3
  27. package/dist/form/Select/select.d.ts.map +1 -1
  28. package/dist/form/Select/select.js +35 -21
  29. package/dist/form/Select/select.js.map +1 -1
  30. package/dist/form/Select/select.module.scss.js +2 -2
  31. package/dist/form/index.d.ts +1 -0
  32. package/dist/form/index.d.ts.map +1 -1
  33. package/dist/form.d.ts +1 -1
  34. package/dist/form.js +2 -1
  35. package/dist/form.js.map +1 -1
  36. package/dist/hooks/index.d.ts +1 -0
  37. package/dist/hooks/index.d.ts.map +1 -1
  38. package/dist/hooks/layout/index.d.ts +1 -0
  39. package/dist/hooks/layout/index.d.ts.map +1 -1
  40. package/dist/hooks/layout/use-flip.d.ts +37 -0
  41. package/dist/hooks/layout/use-flip.d.ts.map +1 -0
  42. package/dist/hooks/layout/use-flip.js +128 -0
  43. package/dist/hooks/layout/use-flip.js.map +1 -0
  44. package/dist/hooks/use-motion.d.ts +30 -0
  45. package/dist/hooks/use-motion.d.ts.map +1 -0
  46. package/dist/hooks/use-motion.js +93 -0
  47. package/dist/hooks/use-motion.js.map +1 -0
  48. package/dist/index-2nHZOukj.d.ts +200 -0
  49. package/dist/index-3Ui8TAHy.d.ts +200 -0
  50. package/dist/index-59JuNTZm.d.ts +537 -0
  51. package/dist/index-5QXWn0de.d.ts +200 -0
  52. package/dist/index-98ozinMf.d.ts +498 -0
  53. package/dist/index-Ah3YQTri.d.ts +566 -0
  54. package/dist/index-As2iBOIu.d.ts +527 -0
  55. package/dist/index-B1Vw0zoR.d.ts +566 -0
  56. package/dist/index-B25sLBMr.d.ts +498 -0
  57. package/dist/index-B4B8aA9X.d.ts +272 -0
  58. package/dist/index-B97hn7Xp.d.ts +514 -0
  59. package/dist/index-B9B7JjTb.d.ts +204 -0
  60. package/dist/index-BFWt_pYt.d.ts +566 -0
  61. package/dist/index-BFZp_Pu6.d.ts +566 -0
  62. package/dist/index-BGL4DvKQ.d.ts +293 -0
  63. package/dist/index-BGP_J4I2.d.ts +498 -0
  64. package/dist/index-BHhoIUD_.d.ts +354 -0
  65. package/dist/index-BI0iaWmp.d.ts +222 -0
  66. package/dist/index-BMSRpHb6.d.ts +273 -0
  67. package/dist/index-BRQWKmfq.d.ts +566 -0
  68. package/dist/index-BTARYt96.d.ts +537 -0
  69. package/dist/index-BTrpuZdU.d.ts +566 -0
  70. package/dist/index-BWTwKQsp.d.ts +354 -0
  71. package/dist/index-B_05Skyi.d.ts +566 -0
  72. package/dist/index-BcQqBGNu.d.ts +200 -0
  73. package/dist/index-Be23E9xD.d.ts +298 -0
  74. package/dist/index-Bf44Z8ak.d.ts +514 -0
  75. package/dist/index-Bg42sKjg.d.ts +498 -0
  76. package/dist/index-Bg_0OPMx.d.ts +566 -0
  77. package/dist/index-BgjRk9l7.d.ts +537 -0
  78. package/dist/index-BhLEMn3N.d.ts +537 -0
  79. package/dist/index-BiqECuUj.d.ts +204 -0
  80. package/dist/index-BjUQiAs1.d.ts +130 -0
  81. package/dist/index-BlKqvax0.d.ts +204 -0
  82. package/dist/index-Bnb0JFqx.d.ts +514 -0
  83. package/dist/index-BpSD6t7A.d.ts +566 -0
  84. package/dist/index-BpxKwrv_.d.ts +537 -0
  85. package/dist/index-Brh7JZAQ.d.ts +514 -0
  86. package/dist/index-C-n7hM4G.d.ts +354 -0
  87. package/dist/index-C0wKb28S.d.ts +514 -0
  88. package/dist/index-C129uthr.d.ts +566 -0
  89. package/dist/index-C1ef0QtQ.d.ts +204 -0
  90. package/dist/index-C4BACHGE.d.ts +272 -0
  91. package/dist/index-C5JU8WTE.d.ts +514 -0
  92. package/dist/index-C63UYi-T.d.ts +195 -0
  93. package/dist/index-C8LoYkC7.d.ts +250 -0
  94. package/dist/index-C9-ECLyr.d.ts +566 -0
  95. package/dist/index-C9B1F-mr.d.ts +293 -0
  96. package/dist/index-CAVmbwa8.d.ts +514 -0
  97. package/dist/index-CBz-v5eM.d.ts +184 -0
  98. package/dist/index-CCpdo0n4.d.ts +130 -0
  99. package/dist/index-CDC_ZncW.d.ts +566 -0
  100. package/dist/index-CFQj-KtR.d.ts +184 -0
  101. package/dist/index-CFaxW5hv.d.ts +184 -0
  102. package/dist/index-CG9DKbG9.d.ts +498 -0
  103. package/dist/index-CGhG7YeI.d.ts +354 -0
  104. package/dist/index-CHC6kRbR.d.ts +537 -0
  105. package/dist/index-CH_q-5fk.d.ts +537 -0
  106. package/dist/index-CIK_SmBm.d.ts +200 -0
  107. package/dist/index-CJ1KPFOf.d.ts +537 -0
  108. package/dist/index-CJ5FEGRG.d.ts +537 -0
  109. package/dist/index-CKX2VNKk.d.ts +240 -0
  110. package/dist/index-CL7kYZ90.d.ts +231 -0
  111. package/dist/index-CNl03fCW.d.ts +498 -0
  112. package/dist/index-CO8Jq0pz.d.ts +298 -0
  113. package/dist/index-CQ-aS-rp.d.ts +566 -0
  114. package/dist/index-CQjzBv4q.d.ts +537 -0
  115. package/dist/index-CRVO4SlF.d.ts +537 -0
  116. package/dist/index-CSQFy2xe.d.ts +195 -0
  117. package/dist/index-CWM2ewRz.d.ts +566 -0
  118. package/dist/index-CY6Xq36O.d.ts +204 -0
  119. package/dist/index-CYGOs6JT.d.ts +273 -0
  120. package/dist/index-CYPFkjfk.d.ts +204 -0
  121. package/dist/index-C_hJJ1fH.d.ts +527 -0
  122. package/dist/index-CcM-XHTL.d.ts +273 -0
  123. package/dist/index-CdGF_eEO.d.ts +514 -0
  124. package/dist/index-CdJTE9Lh.d.ts +566 -0
  125. package/dist/index-CdOt-pqR.d.ts +537 -0
  126. package/dist/index-CgeR_2Gi.d.ts +220 -0
  127. package/dist/index-CjUoZbDi.d.ts +354 -0
  128. package/dist/index-CjV6KsFc.d.ts +263 -0
  129. package/dist/index-Ck8LtgBW.d.ts +557 -0
  130. package/dist/index-Cknm9FUU.d.ts +299 -0
  131. package/dist/index-Clv3CnXv.d.ts +184 -0
  132. package/dist/index-Cm4wnJ29.d.ts +514 -0
  133. package/dist/index-Cmz3q-CI.d.ts +273 -0
  134. package/dist/index-CnMBzCft.d.ts +514 -0
  135. package/dist/index-CnVW0FnZ.d.ts +272 -0
  136. package/dist/index-CpIHT-uo.d.ts +231 -0
  137. package/dist/index-CtBEDM0b.d.ts +514 -0
  138. package/dist/index-CtVSiQeY.d.ts +130 -0
  139. package/dist/index-Cu107rOs.d.ts +293 -0
  140. package/dist/index-CxyTd3Ag.d.ts +354 -0
  141. package/dist/index-CywSNvOU.d.ts +200 -0
  142. package/dist/index-CzJL7Lro.d.ts +566 -0
  143. package/dist/index-CzJnKY3r.d.ts +272 -0
  144. package/dist/index-D-R9eOxe.d.ts +354 -0
  145. package/dist/index-D-hdgIbs.d.ts +273 -0
  146. package/dist/index-D-slQ9w4.d.ts +537 -0
  147. package/dist/index-D0jdNDaH.d.ts +204 -0
  148. package/dist/index-D1ir--Li.d.ts +566 -0
  149. package/dist/index-D29_-MCZ.d.ts +354 -0
  150. package/dist/index-D2glATpo.d.ts +273 -0
  151. package/dist/index-D6ATtbor.d.ts +298 -0
  152. package/dist/index-D6HktSlo.d.ts +514 -0
  153. package/dist/index-DB4UBCvy.d.ts +537 -0
  154. package/dist/index-DBd0PU9y.d.ts +222 -0
  155. package/dist/index-DE2Nm-iT.d.ts +354 -0
  156. package/dist/index-DEeJuuvm.d.ts +231 -0
  157. package/dist/index-DHhzBSfL.d.ts +498 -0
  158. package/dist/index-DKpWNCb6.d.ts +204 -0
  159. package/dist/index-DMewi97i.d.ts +566 -0
  160. package/dist/index-DN0gtpck.d.ts +354 -0
  161. package/dist/index-DO23vZ-R.d.ts +514 -0
  162. package/dist/index-DTb2-z6E.d.ts +130 -0
  163. package/dist/index-DV-CN7c0.d.ts +231 -0
  164. package/dist/index-DWgCs62z.d.ts +566 -0
  165. package/dist/index-D_6Qu6ia.d.ts +200 -0
  166. package/dist/index-D_vn8O-I.d.ts +293 -0
  167. package/dist/index-Daq4m4Rf.d.ts +514 -0
  168. package/dist/index-Db6cXpr6.d.ts +537 -0
  169. package/dist/index-DbZ1s2E-.d.ts +514 -0
  170. package/dist/index-DbevJPuY.d.ts +354 -0
  171. package/dist/index-DepmPwP7.d.ts +537 -0
  172. package/dist/index-DfnTWQCz.d.ts +514 -0
  173. package/dist/index-Dfu8WhiS.d.ts +273 -0
  174. package/dist/index-DggMYd7c.d.ts +298 -0
  175. package/dist/index-DhS2nQjt.d.ts +200 -0
  176. package/dist/index-Dn3bC8Ki.d.ts +222 -0
  177. package/dist/index-Dn9bGZvU.d.ts +195 -0
  178. package/dist/index-DnDt7A4Y.d.ts +354 -0
  179. package/dist/index-DpdYKBP2.d.ts +498 -0
  180. package/dist/index-DunP9qIK.d.ts +537 -0
  181. package/dist/index-DxO6-qt5.d.ts +498 -0
  182. package/dist/index-ESQ8WM_8.d.ts +130 -0
  183. package/dist/index-GVz409cm.d.ts +222 -0
  184. package/dist/index-HAx-aLZ0.d.ts +273 -0
  185. package/dist/index-Iuzs6nt9.d.ts +498 -0
  186. package/dist/index-LnEpnlTq.d.ts +566 -0
  187. package/dist/index-Mm1i2OdU.d.ts +537 -0
  188. package/dist/index-P0oxVi77.d.ts +537 -0
  189. package/dist/index-Q5JuPFoN.d.ts +293 -0
  190. package/dist/index-RJviLtvo.d.ts +566 -0
  191. package/dist/index-SnQCbfte.d.ts +498 -0
  192. package/dist/index-Th9It0ZT.d.ts +354 -0
  193. package/dist/index-UHHmyQM5.d.ts +272 -0
  194. package/dist/index-VyGmJYQZ.d.ts +537 -0
  195. package/dist/index-WYH70le_.d.ts +195 -0
  196. package/dist/index-Wj9RYtTX.d.ts +273 -0
  197. package/dist/index-Y-wMZeUG.d.ts +298 -0
  198. package/dist/index-Zo2rSdXz.d.ts +273 -0
  199. package/dist/index-ZwpWgV4n.d.ts +272 -0
  200. package/dist/index-_oZ4knIl.d.ts +272 -0
  201. package/dist/index-an222nAK.d.ts +354 -0
  202. package/dist/index-daV0QTe0.d.ts +537 -0
  203. package/dist/index-eGZu2HLC.d.ts +231 -0
  204. package/dist/index-eswPA0Un.d.ts +204 -0
  205. package/dist/index-gf6-wf_1.d.ts +566 -0
  206. package/dist/index-hdVr9Wrv.d.ts +566 -0
  207. package/dist/index-iygiXYw2.d.ts +537 -0
  208. package/dist/index-jR29ZGLD.d.ts +514 -0
  209. package/dist/index-kHgI28TP.d.ts +272 -0
  210. package/dist/index-lY4_UCOs.d.ts +566 -0
  211. package/dist/index-miXK87yJ.d.ts +231 -0
  212. package/dist/index-mwbGtZkk.d.ts +273 -0
  213. package/dist/index-ru2DFXcm.d.ts +195 -0
  214. package/dist/index-uj1ll_u-.d.ts +204 -0
  215. package/dist/index-vfq-aH7U.d.ts +537 -0
  216. package/dist/index-xqUz9XjP.d.ts +537 -0
  217. package/dist/index.css +74 -18
  218. package/dist/index.d.ts +121 -13
  219. package/dist/index.js +34 -28
  220. package/dist/index.js.map +1 -1
  221. package/dist/internal/use-scroll-lock.d.ts +15 -0
  222. package/dist/internal/use-scroll-lock.d.ts.map +1 -1
  223. package/dist/internal/use-scroll-lock.js +26 -8
  224. package/dist/internal/use-scroll-lock.js.map +1 -1
  225. package/dist/layout/AppContent/app-content.css +1 -1
  226. package/dist/layout/AppContentBands/app-content-bands.css +21 -0
  227. package/dist/layout/AppContentBands/app-content-bands.d.ts +26 -0
  228. package/dist/layout/AppContentBands/app-content-bands.d.ts.map +1 -0
  229. package/dist/layout/AppContentBands/app-content-bands.js +65 -0
  230. package/dist/layout/AppContentBands/app-content-bands.js.map +1 -0
  231. package/dist/layout/AppContentBands/app-content-bands.module.scss.js +6 -0
  232. package/dist/layout/AppContentBands/app-content-bands.module.scss.js.map +1 -0
  233. package/dist/layout/AppContentBands/index.d.ts +2 -0
  234. package/dist/layout/AppContentBands/index.d.ts.map +1 -0
  235. package/dist/layout/AppContentFooter/app-content-footer.css +9 -0
  236. package/dist/layout/AppContentFooter/app-content-footer.d.ts +38 -0
  237. package/dist/layout/AppContentFooter/app-content-footer.d.ts.map +1 -0
  238. package/dist/layout/AppContentFooter/app-content-footer.js +42 -0
  239. package/dist/layout/AppContentFooter/app-content-footer.js.map +1 -0
  240. package/dist/layout/AppContentFooter/app-content-footer.module.scss.js +6 -0
  241. package/dist/layout/AppContentFooter/app-content-footer.module.scss.js.map +1 -0
  242. package/dist/layout/AppContentFooter/index.d.ts +2 -0
  243. package/dist/layout/AppContentFooter/index.d.ts.map +1 -0
  244. package/dist/layout/AppContentMain/app-content-main.css +6 -0
  245. package/dist/layout/AppContentMain/app-content-main.d.ts +37 -0
  246. package/dist/layout/AppContentMain/app-content-main.d.ts.map +1 -0
  247. package/dist/layout/AppContentMain/app-content-main.js +41 -0
  248. package/dist/layout/AppContentMain/app-content-main.js.map +1 -0
  249. package/dist/layout/AppContentMain/app-content-main.module.scss.js +6 -0
  250. package/dist/layout/AppContentMain/app-content-main.module.scss.js.map +1 -0
  251. package/dist/layout/AppContentMain/index.d.ts +2 -0
  252. package/dist/layout/AppContentMain/index.d.ts.map +1 -0
  253. package/dist/layout/AppFooter/app-footer.js +1 -1
  254. package/dist/layout/AppSidebar/app-sidebar.js +1 -1
  255. package/dist/layout/AppSidebarHeader/app-sidebar-header.css +2 -3
  256. package/dist/layout/AppSidebarHeader/app-sidebar-header.d.ts +10 -2
  257. package/dist/layout/AppSidebarHeader/app-sidebar-header.d.ts.map +1 -1
  258. package/dist/layout/AppSidebarHeader/app-sidebar-header.js +12 -32
  259. package/dist/layout/AppSidebarHeader/app-sidebar-header.js.map +1 -1
  260. package/dist/layout/Collapse/collapse.css +4 -1
  261. package/dist/layout/Column/column.css +6 -0
  262. package/dist/layout/Column/column.d.ts.map +1 -1
  263. package/dist/layout/Column/column.js +3 -1
  264. package/dist/layout/Column/column.js.map +1 -1
  265. package/dist/layout/Column/column.module.scss.js +1 -1
  266. package/dist/layout/Container/container.css +42 -0
  267. package/dist/layout/Container/container.d.ts.map +1 -1
  268. package/dist/layout/Container/container.js +37 -9
  269. package/dist/layout/Container/container.js.map +1 -1
  270. package/dist/layout/Container/container.module.scss.js +1 -1
  271. package/dist/layout/Grid/grid.css +28 -0
  272. package/dist/layout/Grid/grid.d.ts.map +1 -1
  273. package/dist/layout/Grid/grid.js +40 -4
  274. package/dist/layout/Grid/grid.js.map +1 -1
  275. package/dist/layout/Grid/grid.module.scss.js +1 -1
  276. package/dist/layout/Row/row.css +42 -0
  277. package/dist/layout/Row/row.d.ts.map +1 -1
  278. package/dist/layout/Row/row.js +5 -3
  279. package/dist/layout/Row/row.js.map +1 -1
  280. package/dist/layout/Row/row.module.scss.js +1 -1
  281. package/dist/layout/Sidebar/sidebar.css +4 -2
  282. package/dist/layout/Sidebar/sidebar.js +1 -1
  283. package/dist/layout/index.d.ts +2 -0
  284. package/dist/layout/index.d.ts.map +1 -1
  285. package/dist/layout.d.ts +3 -3
  286. package/dist/layout.js +2 -0
  287. package/dist/layout.js.map +1 -1
  288. package/dist/navigation/DropdownMenu/dropdown-menu.d.ts.map +1 -1
  289. package/dist/navigation/DropdownMenu/dropdown-menu.js +1 -1
  290. package/dist/navigation/DropdownMenu/dropdown-menu.js.map +1 -1
  291. package/dist/navigation/NavUser/nav-user.js +2 -2
  292. package/dist/navigation/Sheet/sheet.css +40 -6
  293. package/dist/navigation/Sheet/sheet.d.ts +22 -0
  294. package/dist/navigation/Sheet/sheet.d.ts.map +1 -1
  295. package/dist/navigation/Sheet/sheet.js +5 -30
  296. package/dist/navigation/Sheet/sheet.js.map +1 -1
  297. package/dist/navigation/Sheet/sheet.module.scss.js +1 -1
  298. package/dist/navigation.d.ts +22 -0
  299. package/dist/row-CuhTBQhK.d.ts +21 -0
  300. package/dist/settings/AppearanceDropdown/appearance-dropdown.js +1 -1
  301. package/dist/settings/AppearanceTabs/appearance-tabs.js +2 -27
  302. package/dist/settings/AppearanceTabs/appearance-tabs.js.map +1 -1
  303. package/dist/tokens.css +59 -17
  304. package/dist/tooltip-1qYeAGE9.d.ts +45 -0
  305. package/dist/tooltip-3IOkYFQ-.d.ts +45 -0
  306. package/dist/tooltip-540OmbEG.d.ts +46 -0
  307. package/dist/tooltip-91Nq_Hl8.d.ts +46 -0
  308. package/dist/tooltip-B56sWYK0.d.ts +46 -0
  309. package/dist/tooltip-BIrIF-4z.d.ts +45 -0
  310. package/dist/tooltip-BOipKW5l.d.ts +46 -0
  311. package/dist/tooltip-BPC0RH8i.d.ts +46 -0
  312. package/dist/tooltip-BST1BOCn.d.ts +45 -0
  313. package/dist/tooltip-BhuxNQwX.d.ts +45 -0
  314. package/dist/tooltip-BpAJwi3K.d.ts +46 -0
  315. package/dist/tooltip-C0LBu2Iu.d.ts +45 -0
  316. package/dist/tooltip-C1ZwALiG.d.ts +45 -0
  317. package/dist/tooltip-C55-HA0w.d.ts +45 -0
  318. package/dist/tooltip-CHn6WuDv.d.ts +46 -0
  319. package/dist/tooltip-CNjH7zKO.d.ts +45 -0
  320. package/dist/tooltip-CSBby1OT.d.ts +45 -0
  321. package/dist/tooltip-CXFRzR0L.d.ts +45 -0
  322. package/dist/tooltip-ChpsbkOU.d.ts +46 -0
  323. package/dist/tooltip-CspTy2ZW.d.ts +46 -0
  324. package/dist/tooltip-CvComAZD.d.ts +46 -0
  325. package/dist/tooltip-D19vhhRn.d.ts +45 -0
  326. package/dist/tooltip-D32S1g-7.d.ts +46 -0
  327. package/dist/tooltip-DAvBN683.d.ts +45 -0
  328. package/dist/tooltip-DQz4_i4m.d.ts +45 -0
  329. package/dist/tooltip-DVYPUAb1.d.ts +46 -0
  330. package/dist/tooltip-DXoSckt9.d.ts +46 -0
  331. package/dist/tooltip-Dtoq3bn_.d.ts +46 -0
  332. package/dist/tooltip-DxO_DWMO.d.ts +46 -0
  333. package/dist/tooltip-DxdGb3dX.d.ts +45 -0
  334. package/dist/tooltip-DzAzC0d7.d.ts +45 -0
  335. package/dist/tooltip-Lk4RpuSh.d.ts +45 -0
  336. package/dist/tooltip-ReFyHDhU.d.ts +45 -0
  337. package/dist/tooltip-_wdlSYAb.d.ts +46 -0
  338. package/dist/tooltip-nKcM19C9.d.ts +45 -0
  339. package/dist/types/layout/container.d.ts +28 -1
  340. package/dist/types/layout/container.d.ts.map +1 -1
  341. package/dist/types/layout/grid.d.ts +42 -0
  342. package/dist/types/layout/grid.d.ts.map +1 -1
  343. package/dist/types/layout/row.d.ts +7 -0
  344. package/dist/types/layout/row.d.ts.map +1 -1
  345. package/dist/typography/Typography/typography-variants.d.ts +3 -0
  346. package/dist/typography/Typography/typography-variants.d.ts.map +1 -1
  347. package/dist/typography/Typography/typography-variants.js +25 -0
  348. package/dist/typography/Typography/typography-variants.js.map +1 -1
  349. package/dist/typography/Typography/typography.css +105 -41
  350. package/dist/typography/Typography/typography.d.ts +20 -0
  351. package/dist/typography/Typography/typography.d.ts.map +1 -1
  352. package/dist/typography/Typography/typography.js +11 -2
  353. package/dist/typography/Typography/typography.js.map +1 -1
  354. package/dist/typography/Typography/typography.module.scss.js +1 -1
  355. package/dist/typography-CTGVc_Gg.d.ts +41 -0
  356. package/dist/typography.d.ts +2 -2
  357. package/dist/ui/Alert/alert-provider.d.ts.map +1 -1
  358. package/dist/ui/Alert/alert-provider.js +1 -1
  359. package/dist/ui/Alert/alert-provider.js.map +1 -1
  360. package/dist/ui/Button/button-variants.d.ts +1 -0
  361. package/dist/ui/Button/button-variants.d.ts.map +1 -1
  362. package/dist/ui/Button/button-variants.js +3 -0
  363. package/dist/ui/Button/button-variants.js.map +1 -1
  364. package/dist/ui/Button/button.css +68 -14
  365. package/dist/ui/Button/button.d.ts.map +1 -1
  366. package/dist/ui/Button/button.js +2 -2
  367. package/dist/ui/Button/button.js.map +1 -1
  368. package/dist/ui/Button/button.module.scss.js +1 -1
  369. package/dist/ui/Chip/chip.css +32 -11
  370. package/dist/ui/Chip/chip.d.ts +16 -0
  371. package/dist/ui/Chip/chip.d.ts.map +1 -1
  372. package/dist/ui/Chip/chip.js +4 -2
  373. package/dist/ui/Chip/chip.js.map +1 -1
  374. package/dist/ui/CodeBlock/code-block.css +8 -3
  375. package/dist/ui/Dialog/dialog.css +70 -0
  376. package/dist/ui/Dialog/dialog.d.ts +45 -2
  377. package/dist/ui/Dialog/dialog.d.ts.map +1 -1
  378. package/dist/ui/Dialog/dialog.js +256 -7
  379. package/dist/ui/Dialog/dialog.js.map +1 -1
  380. package/dist/ui/Dialog/dialog.module.scss.js +1 -1
  381. package/dist/ui/Icon/icon.css +14 -7
  382. package/dist/ui/ProgressBar/progress-bar.css +10 -3
  383. package/dist/ui/StatCard/stat-card.css +13 -0
  384. package/dist/ui/StatCard/stat-card.d.ts +9 -0
  385. package/dist/ui/StatCard/stat-card.d.ts.map +1 -1
  386. package/dist/ui/StatCard/stat-card.js +2 -2
  387. package/dist/ui/StatCard/stat-card.js.map +1 -1
  388. package/dist/ui/StatusDot/status-dot.css +4 -1
  389. package/dist/ui/StepProgress/step-progress.css +12 -4
  390. package/dist/ui/Switch/switch.css +6 -2
  391. package/dist/ui/Tooltip/tooltip.d.ts.map +1 -1
  392. package/dist/ui/Tooltip/tooltip.js +1 -1
  393. package/dist/ui/Tooltip/tooltip.js.map +1 -1
  394. package/dist/ui.d.ts +3 -3
  395. package/dist/user/UserInfo/user-info.js +1 -1
  396. package/dist/utils/index.d.ts +1 -0
  397. package/dist/utils/index.d.ts.map +1 -1
  398. package/dist/utils/portal.d.ts +34 -0
  399. package/dist/utils/portal.d.ts.map +1 -0
  400. package/dist/utils/portal.js +40 -0
  401. package/dist/utils/portal.js.map +1 -0
  402. package/dist/utils.d.ts +35 -1
  403. package/dist/utils.js +1 -0
  404. package/dist/utils.js.map +1 -1
  405. package/package.json +3 -2
  406. package/src/styles/_mixins.scss +30 -0
package/dist/form/Select/select.js CHANGED
@@ -7,7 +7,8 @@ import cn from 'clsx';
7
7
  import { CheckIcon, ChevronDownIcon } from 'lucide-react';
8
8
  import * as React from 'react';
9
9
  import { createPortal } from 'react-dom';
10
- import s from './select.module.scss.js';
10
+ import { Slot } from '../../internal/slot.js';
11
+ import selectStyles from './select.module.scss.js';
11
12
 
12
13
  const SELECT_ANIMATION_DURATION = 200; // keep in sync with --select-duration in select.module.scss
13
14
  const DEFAULT_SEARCH_THRESHOLD = 5;
@@ -209,7 +210,19 @@ function useSurfacePosition({ align = 'start', collisionPadding = DEFAULT_COLLIS
209
210
  left = clamp(left, padding, Math.max(padding, boundaryWidth - contentRect.width - padding));
210
211
  top = clamp(top, padding, Math.max(padding, boundaryHeight - contentRect.height - padding));
211
212
  setResolvedSide(nextSide);
212
- setComputedStyle({ position: 'fixed', top, left });
213
+ /*
214
+ * The trigger's width rides along as a custom property so the panel can
215
+ * take it as a MIN width. Sized purely to its own content, a panel of
216
+ * short options ("Loose", "Head") renders as a narrow column floating
217
+ * under a full-width field, which reads as a detached menu rather than
218
+ * as that field's list.
219
+ */
220
+ setComputedStyle({
221
+ position: 'fixed',
222
+ top,
223
+ left,
224
+ ['--select-trigger-width']: `${triggerRect.width}px`,
225
+ });
213
226
  };
214
227
  updatePosition();
215
228
  const resizeObserver = new ResizeObserver(updatePosition);
@@ -246,7 +259,7 @@ function Surface({ align = 'start', children, className, collisionPadding = DEFA
246
259
  if (!displayOpen || typeof document === 'undefined') {
247
260
  return null;
248
261
  }
249
- return createPortal(jsx("div", { ref: contentRef, "data-state": open ? 'open' : 'closed', "data-closing": isClosing ? 'true' : undefined, "data-side": resolvedSide, className: className, style: computedStyle, onKeyDown: onKeyDown, ...props, children: children }),
262
+ return createPortal(jsx("div", { "data-constellation-portal": '', ref: contentRef, "data-state": open ? 'open' : 'closed', "data-closing": isClosing ? 'true' : undefined, "data-side": resolvedSide, className: className, style: computedStyle, onKeyDown: onKeyDown, ...props, children: children }),
250
263
  // Always <body>: a Dialog/Sheet shell scrolls its own overflow, which would
251
264
  // clip a dropdown rendered inside it. The dialog dismisses via a click on
252
265
  // its overlay (not a document listener) and its focus trap only intercepts
@@ -350,15 +363,15 @@ function Select({ open: openProp, defaultOpen, onOpenChange, value: valueProp, d
350
363
  * pointing at the heading keeps it out of the option list for a screen reader
351
364
  * too.
352
365
  */
353
- function SelectGroup({ label, children, ...props }) {
354
- return (jsxs("div", { "data-slot": 'select-group', role: 'group', "aria-label": typeof label === 'string' ? label : undefined, ...props, children: [label ? (jsx("div", { "data-slot": 'select-group-label', "aria-hidden": 'true', className: s['group-label'], children: label })) : null, children] }));
366
+ function SelectGroup({ label, children, className, ...props }) {
367
+ return (jsxs("div", { "data-slot": 'select-group', role: 'group', "aria-label": typeof label === 'string' ? label : undefined, className: cn(selectStyles['group'], className), ...props, children: [label ? (jsx("div", { "data-slot": 'select-group-label', "aria-hidden": 'true', className: selectStyles['group-label'], children: label })) : null, children] }));
355
368
  }
356
369
  function SelectValue({ children, placeholder, ...props }) {
357
370
  const context = useSelectContext('SelectValue');
358
371
  const content = children ?? context.selectedLabel ?? placeholder;
359
372
  return (jsx("span", { "data-slot": 'select-value', ...props, children: content }));
360
373
  }
361
- function SelectTrigger({ className, children, onClick, onKeyDown, type, ...props }) {
374
+ function SelectTrigger({ className, children, onClick, onKeyDown, type, asChild, ...props }) {
362
375
  const context = useSelectContext('SelectTrigger');
363
376
  const handleClick = (event) => {
364
377
  onClick?.(event);
@@ -386,7 +399,8 @@ function SelectTrigger({ className, children, onClick, onKeyDown, type, ...props
386
399
  context.setOpen(false);
387
400
  }
388
401
  };
389
- return (jsxs("button", { ref: context.triggerRef, "data-slot": 'select-trigger', type: type ?? 'button', "aria-controls": context.contentId, "aria-expanded": context.open, "aria-haspopup": 'listbox', disabled: context.disabled, className: cn(s.trigger, className), onClick: handleClick, onKeyDown: handleKeyDown, ...props, children: [children, jsx(ChevronDownIcon, { className: cn(s['trigger-icon']) })] }));
402
+ const Comp = asChild ? Slot : 'button';
403
+ return (jsxs(Comp, { ref: context.triggerRef, "data-slot": 'select-trigger', type: type ?? 'button', "aria-controls": context.contentId, "aria-expanded": context.open, "aria-haspopup": 'listbox', disabled: context.disabled, className: asChild ? className : cn(selectStyles.trigger, className), onClick: handleClick, onKeyDown: handleKeyDown, ...props, children: [children, asChild ? null : jsx(ChevronDownIcon, { className: cn(selectStyles['trigger-icon']) })] }));
390
404
  }
391
405
  function SelectContent({ align = 'start', className, children, collisionPadding = DEFAULT_COLLISION_PADDING, onKeyDown, position = 'popper', side = 'bottom', sideOffset = 4, ...props }) {
392
406
  const context = useSelectContext('SelectContent');
@@ -438,7 +452,7 @@ function SelectContent({ align = 'start', className, children, collisionPadding
438
452
  moveItemFocus(context.viewportRef.current, 'select-item', 'last');
439
453
  }
440
454
  };
441
- return (jsx(Surface, { "data-slot": 'select-content', open: context.open, displayOpen: context.displayOpen, isClosing: context.isClosing, triggerRef: context.triggerRef, contentRef: context.contentRef, align: align, side: side, sideOffset: sideOffset, collisionPadding: collisionPadding, position: position, className: cn(s.content, className), onKeyDown: handleKeyDown, ...props, children: jsx("div", { ref: context.viewportRef, className: cn(s.viewport, position === 'popper' && s['viewport-popper']), id: context.contentId, role: 'listbox', children: children }) }));
455
+ return (jsx(Surface, { "data-slot": 'select-content', open: context.open, displayOpen: context.displayOpen, isClosing: context.isClosing, triggerRef: context.triggerRef, contentRef: context.contentRef, align: align, side: side, sideOffset: sideOffset, collisionPadding: collisionPadding, position: position, className: cn(selectStyles.content, className), onKeyDown: handleKeyDown, ...props, children: jsx("div", { ref: context.viewportRef, className: cn(selectStyles.viewport, position === 'popper' && selectStyles['viewport-popper']), id: context.contentId, role: 'listbox', children: children }) }));
442
456
  }
443
457
  function SelectItem({ className, children, disabled = false, onClick, onMouseMove, value, ...props }) {
444
458
  const context = useSelectContext('SelectItem');
@@ -457,10 +471,10 @@ function SelectItem({ className, children, disabled = false, onClick, onMouseMov
457
471
  }
458
472
  event.currentTarget.focus();
459
473
  };
460
- return (jsxs("button", { "data-slot": 'select-item', "data-value": value, "data-disabled": disabled ? 'true' : undefined, type: 'button', role: 'option', "aria-selected": selected, disabled: disabled, tabIndex: -1, className: cn(s.item, className), onClick: handleClick, onMouseMove: handleMouseMove, ...props, children: [jsx("span", { className: s['item-indicator'], children: selected ? jsx(CheckIcon, {}) : null }), jsx("span", { children: children })] }));
474
+ return (jsxs("button", { "data-slot": 'select-item', "data-value": value, "data-disabled": disabled ? 'true' : undefined, type: 'button', role: 'option', "aria-selected": selected, disabled: disabled, tabIndex: -1, className: cn(selectStyles.item, className), onClick: handleClick, onMouseMove: handleMouseMove, ...props, children: [jsx("span", { className: selectStyles['item-indicator'], children: selected ? jsx(CheckIcon, {}) : null }), jsx("span", { children: children })] }));
461
475
  }
462
476
  function SelectSeparator({ className, ...props }) {
463
- return jsx("div", { "data-slot": 'select-separator', className: cn(s.separator, className), ...props });
477
+ return jsx("div", { "data-slot": 'select-separator', className: cn(selectStyles.separator, className), ...props });
464
478
  }
465
479
  function SelectInputTrigger({ className, id, onBlur, onFocus, placeholder, searchQuery, setSearchQuery, ...props }) {
466
480
  const context = useSelectContext('SelectInputTrigger');
@@ -544,11 +558,11 @@ function SelectInputTrigger({ className, id, onBlur, onFocus, placeholder, searc
544
558
  context.setOpen(true);
545
559
  }
546
560
  };
547
- return (jsxs("div", { ref: setWrapperRef, tabIndex: -1, className: cn(s.trigger, s['input-trigger'], className), onClick: handleClick, onFocus: event => {
561
+ return (jsxs("div", { ref: setWrapperRef, tabIndex: -1, className: cn(selectStyles.trigger, selectStyles['input-trigger'], className), onClick: handleClick, onFocus: event => {
548
562
  if (event.target === event.currentTarget) {
549
563
  inputRef.current?.focus();
550
564
  }
551
- }, children: [jsx("input", { ref: inputRef, id: id, type: 'text', value: displayValue, placeholder: placeholder, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, disabled: context.disabled, "aria-controls": context.contentId, "aria-expanded": context.open, "aria-haspopup": 'listbox', className: s['search-trigger-input'], autoComplete: 'off', ...props }), jsx(ChevronDownIcon, { className: cn(s['trigger-icon']) })] }));
565
+ }, children: [jsx("input", { ref: inputRef, id: id, type: 'text', value: displayValue, placeholder: placeholder, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, disabled: context.disabled, "aria-controls": context.contentId, "aria-expanded": context.open, "aria-haspopup": 'listbox', className: selectStyles['search-trigger-input'], autoComplete: 'off', ...props }), jsx(ChevronDownIcon, { className: cn(selectStyles['trigger-icon']) })] }));
552
566
  }
553
567
  function MultiSelectField({ contentProps, defaultOpen, defaultValue, disabled = false, error, fieldClassName, filteredItems, getItemText, helperText, isFocused, isRequired, label, labelRef, minWidth, name, onOpenChange, onValueChange, open: openProp, placeholder, resolvedSize, searchable, selectableItems, searchQuery, setIsFocused, setSearchQuery, triggerId, value, }) {
554
568
  const triggerRef = React.useRef(null);
@@ -685,7 +699,7 @@ function MultiSelectField({ contentProps, defaultOpen, defaultValue, disabled =
685
699
  moveItemFocus(viewportRef.current, 'select-multi-item', 'last');
686
700
  }
687
701
  };
688
- return (jsxs(Fragment, { children: [jsxs("div", { "data-constellation-field": true, className: containerClasses, style: minWidth ? { minWidth: Math.max(minWidth, 140) } : undefined, children: [jsxs("div", { className: inputStyles['input-container'], children: [jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: triggerId, ref: labelRef, children: [label, isRequired && jsx("span", { className: inputStyles.required, children: "*" })] }) }), searchable ? (jsxs("div", { ref: triggerRef, tabIndex: -1, className: cn(s.trigger, s['input-trigger']), "data-placeholder": !hasValue ? 'true' : undefined, onClick: () => {
702
+ return (jsxs(Fragment, { children: [jsxs("div", { "data-constellation-field": true, className: containerClasses, style: minWidth ? { minWidth: Math.max(minWidth, 140) } : undefined, children: [jsxs("div", { className: inputStyles['input-container'], children: [jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: triggerId, ref: labelRef, children: [label, isRequired && jsx("span", { className: inputStyles.required, children: "*" })] }) }), searchable ? (jsxs("div", { ref: triggerRef, tabIndex: -1, className: cn(selectStyles.trigger, selectStyles['input-trigger']), "data-placeholder": !hasValue ? 'true' : undefined, onClick: () => {
689
703
  if (!currentOpen) {
690
704
  setOpen(true);
691
705
  }
@@ -693,7 +707,7 @@ function MultiSelectField({ contentProps, defaultOpen, defaultValue, disabled =
693
707
  if (event.target === event.currentTarget) {
694
708
  triggerRef.current?.querySelector('input')?.focus();
695
709
  }
696
- }, children: [jsx("input", { id: triggerId, type: 'text', value: currentOpen ? searchQuery : hasValue ? selectedLabels.join(', ') : '', placeholder: placeholder, "aria-expanded": currentOpen, "aria-haspopup": 'listbox', "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperText ? `${triggerId}-helper` : undefined, disabled: disabled, className: s['search-trigger-input'], autoComplete: 'off', onChange: event => {
710
+ }, children: [jsx("input", { id: triggerId, type: 'text', value: currentOpen ? searchQuery : hasValue ? selectedLabels.join(', ') : '', placeholder: placeholder, "aria-expanded": currentOpen, "aria-haspopup": 'listbox', "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperText ? `${triggerId}-helper` : undefined, disabled: disabled, className: selectStyles['search-trigger-input'], autoComplete: 'off', onChange: event => {
697
711
  if (!currentOpen) {
698
712
  const nativeEvent = event.nativeEvent;
699
713
  setSearchQuery(nativeEvent.data ?? '');
@@ -747,7 +761,7 @@ function MultiSelectField({ contentProps, defaultOpen, defaultValue, disabled =
747
761
  if (!currentOpen && event.key.length === 1 && !event.ctrlKey && !event.metaKey) {
748
762
  setOpen(true);
749
763
  }
750
- } }), jsx(ChevronDownIcon, { className: s['trigger-icon'] })] })) : (jsxs("button", { ref: triggerRef, id: triggerId, type: 'button', "aria-expanded": currentOpen, "aria-haspopup": 'listbox', "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperText ? `${triggerId}-helper` : undefined, disabled: disabled, className: cn(s.trigger, s['input-trigger']), "data-placeholder": !hasValue ? 'true' : undefined, onClick: () => setOpen(!currentOpen), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), onKeyDown: event => {
764
+ } }), jsx(ChevronDownIcon, { className: selectStyles['trigger-icon'] })] })) : (jsxs("button", { ref: triggerRef, id: triggerId, type: 'button', "aria-expanded": currentOpen, "aria-haspopup": 'listbox', "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperText ? `${triggerId}-helper` : undefined, disabled: disabled, className: cn(selectStyles.trigger, selectStyles['input-trigger']), "data-placeholder": !hasValue ? 'true' : undefined, onClick: () => setOpen(!currentOpen), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), onKeyDown: event => {
751
765
  if (event.key === 'Enter' ||
752
766
  event.key === ' ' ||
753
767
  event.key === 'ArrowDown' ||
@@ -755,18 +769,18 @@ function MultiSelectField({ contentProps, defaultOpen, defaultValue, disabled =
755
769
  event.preventDefault();
756
770
  setOpen(true);
757
771
  }
758
- }, children: [jsx("span", { className: s['trigger-value'], children: hasValue ? selectedLabels.join(', ') : placeholder }), jsx(ChevronDownIcon, { className: s['trigger-icon'] })] }))] }), helperText ? (jsx(Typography, { id: `${triggerId}-helper`, variant: 'caption', className: inputStyles['helper-text'], children: helperText })) : null, name
772
+ }, children: [jsx("span", { className: selectStyles['trigger-value'], children: hasValue ? selectedLabels.join(', ') : placeholder }), jsx(ChevronDownIcon, { className: selectStyles['trigger-icon'] })] }))] }), helperText ? (jsx(Typography, { "data-slot": 'input-helper-text', id: `${triggerId}-helper`, variant: 'caption', className: inputStyles['helper-text'], children: helperText })) : null, name
759
773
  ? currentValue.map(itemValue => (jsx("input", { type: 'hidden', name: name, value: itemValue }, itemValue)))
760
- : null] }), jsx(Surface, { "data-slot": 'select-content', open: currentOpen, displayOpen: displayOpen, isClosing: isClosing, triggerRef: triggerRef, contentRef: contentRef, align: contentProps?.align, side: contentProps?.side, sideOffset: contentProps?.sideOffset, collisionPadding: contentProps?.collisionPadding ?? DEFAULT_COLLISION_PADDING, className: cn(s.content, s['multi-content'], contentProps?.className), onKeyDown: handleKeyDown, children: jsx("div", { ref: viewportRef, className: cn(s.viewport, s['multi-options']), role: 'listbox', children: filteredItems.map(child => {
774
+ : null] }), jsx(Surface, { "data-slot": 'select-content', open: currentOpen, displayOpen: displayOpen, isClosing: isClosing, triggerRef: triggerRef, contentRef: contentRef, align: contentProps?.align, side: contentProps?.side, sideOffset: contentProps?.sideOffset, collisionPadding: contentProps?.collisionPadding ?? DEFAULT_COLLISION_PADDING, className: cn(selectStyles.content, selectStyles['multi-content'], contentProps?.className), onKeyDown: handleKeyDown, children: jsx("div", { ref: viewportRef, className: cn(selectStyles.viewport, selectStyles['multi-options']), role: 'listbox', children: filteredItems.map(child => {
761
775
  const itemValue = String(child.props.value);
762
776
  const checked = currentValue.includes(itemValue);
763
- return (jsxs("button", { "data-slot": 'select-multi-item', "data-value": itemValue, "data-disabled": child.props.disabled ? 'true' : undefined, type: 'button', role: 'option', "aria-selected": checked, disabled: child.props.disabled, tabIndex: -1, className: cn(s.item, s['multi-item']), onClick: () => setValues(checked
777
+ return (jsxs("button", { "data-slot": 'select-multi-item', "data-value": itemValue, "data-disabled": child.props.disabled ? 'true' : undefined, type: 'button', role: 'option', "aria-selected": checked, disabled: child.props.disabled, tabIndex: -1, className: cn(selectStyles.item, selectStyles['multi-item']), onClick: () => setValues(checked
764
778
  ? currentValue.filter(currentItem => currentItem !== itemValue)
765
779
  : [...currentValue, itemValue]), onMouseMove: event => {
766
780
  if (!child.props.disabled) {
767
781
  event.currentTarget.focus();
768
782
  }
769
- }, children: [jsx("span", { className: s['item-indicator'], children: checked ? jsx(CheckIcon, {}) : null }), jsx("span", { children: child.props.children })] }, itemValue));
783
+ }, children: [jsx("span", { className: selectStyles['item-indicator'], children: checked ? jsx(CheckIcon, {}) : null }), jsx("span", { children: child.props.children })] }, itemValue));
770
784
  }) }) })] }));
771
785
  }
772
786
  function SelectField(props) {
@@ -858,8 +872,8 @@ function SelectField(props) {
858
872
  if (!nextOpen) {
859
873
  setSearchQuery('');
860
874
  }
861
- }, value: value, defaultValue: defaultValue, onValueChange: onValueChange, children: [jsxs("div", { "data-constellation-field": true, className: cn(inputStyles.container, inputStyles[resolvedSize], { [inputStyles.error]: error }, { [inputStyles.disabled]: props.disabled }, { [inputStyles.placeholder]: placeholder }, { [inputStyles['has-value']]: Boolean(value ?? defaultValue) }, { [inputStyles['is-focused']]: isFocused || isOpen }, fieldClassName), style: minWidth ? { minWidth: Math.max(minWidth, 140) } : undefined, children: [jsxs("div", { className: inputStyles['input-container'], children: [jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: triggerId, ref: labelRef, children: [label, isRequired && jsx("span", { className: inputStyles.required, children: "*" })] }) }), searchable ? (jsx(SelectInputTrigger, { id: triggerId, "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperText ? `${triggerId}-helper` : undefined, placeholder: placeholder, searchQuery: searchQuery, setSearchQuery: setSearchQuery, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) })) : (jsx(SelectTrigger, { id: triggerId, "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperText ? `${triggerId}-helper` : undefined, className: s['input-trigger'], onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), children: jsx(SelectValue, { placeholder: placeholder }) }))] }), helperText ? (jsx(Typography, { id: `${triggerId}-helper`, variant: 'caption', className: inputStyles['helper-text'], children: helperText })) : null] }), jsx(SelectContent, { ...contentProps, onKeyDown: handleContentKeyDown, children: searchQuery ? filteredItems : childArray })] }));
875
+ }, value: value, defaultValue: defaultValue, onValueChange: onValueChange, children: [jsxs("div", { "data-constellation-field": true, className: cn(inputStyles.container, inputStyles[resolvedSize], { [inputStyles.error]: error }, { [inputStyles.disabled]: props.disabled }, { [inputStyles.placeholder]: placeholder }, { [inputStyles['has-value']]: Boolean(value ?? defaultValue) }, { [inputStyles['is-focused']]: isFocused || isOpen }, fieldClassName), style: minWidth ? { minWidth: Math.max(minWidth, 140) } : undefined, children: [jsxs("div", { className: inputStyles['input-container'], children: [jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: triggerId, ref: labelRef, children: [label, isRequired && jsx("span", { className: inputStyles.required, children: "*" })] }) }), searchable ? (jsx(SelectInputTrigger, { id: triggerId, "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperText ? `${triggerId}-helper` : undefined, placeholder: placeholder, searchQuery: searchQuery, setSearchQuery: setSearchQuery, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) })) : (jsx(SelectTrigger, { id: triggerId, "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperText ? `${triggerId}-helper` : undefined, className: selectStyles['input-trigger'], onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), children: jsx(SelectValue, { placeholder: placeholder }) }))] }), helperText ? (jsx(Typography, { "data-slot": 'input-helper-text', id: `${triggerId}-helper`, variant: 'caption', className: inputStyles['helper-text'], children: helperText })) : null] }), jsx(SelectContent, { ...contentProps, onKeyDown: handleContentKeyDown, children: searchQuery ? filteredItems : childArray })] }));
862
876
  }
863
877
 
864
- export { Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, SelectValue };
878
+ export { Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Surface as __Surface };
865
879
  //# sourceMappingURL=select.js.map