@jordan-mace/chaser-design-system 1.2.2 → 1.2.4

package/dist/components/Toggle/index.js

@@ -1,2 +1 @@
-import Toggle from "./Toggle.js";
-export { Toggle };
+export { default as Toggle } from './Toggle';

package/dist/components/Toggle/styles.css.js

@@ -1,24 +1,118 @@
-import "src/styles/sprinkles.css.ts.vanilla.css!=!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/styles/sprinkles.css.ts.vanilla.css\",\"source\":\"#H4sIAAAAAAAAA5Wc227jVhJF3_srBAwGyDw4EG-HpPMSSpR-Y0CRh6Rs3ZqS23YP-t8HaZItn127SDfylqyyVdIqWrsC1N-H4t12i_J8vJxP9nS7_vXlz_9678H1W3eMXxb_-7JYlOfDuXtc_GsbbbPt5q8vPz4Qrw6R55vNNneJd4dYbfPtdu0QydIhMpMHSPgOkSTrEInQIcxmFSNhHCIKsxUSiUMEYbqGbpPCIbwsXW63LlE6xNJLvG3qEtYlgjjM3XcsaVwiNOEKXsceiCjOQpd4dokozJLMJY7wM4LMwPtxBsLPo8AlvkIvXh5ELnF1Cd9betCtcEy86-jY1oBjCTq2QcdSdGyTIoGObdDCFB3LcyTQsTxBAh3Lfeg2RcfWOTiWomPrABxL0bFsA46l6FhqwLEUHUs8cCxFx0wOjqXoWBSBYyk6FvrgWIqO-Rk4lgrHYnAsFY6l-K6L59gKHEtdx9bLPIPPtgDH4vV6u3IJcCxdZUi4jsXLTPwMcMykORLgmEnW-ErBsXWcQ7cFOBaafGtcAhwzxs_hdYBjJopW8DrAMRNmme8S4JgJtkniEkckPAOvAxyLfBPBbxHPsRQcK9Cx5caDXsCxZCs-W9exTbJZb13XC9exPMxXG7fbnevYOljnuft02LmOZdtVnru97FzH0n9Edj_9netYkmfe2p39netYHKfLldvtznXMmMRfue_6znUsCmM_cx3buY6FaxOn8Dpcx0I_SpOlS7iOBVmYG3f2d65jgRd6ERCuY34chKH7xN25jnkbPwngk3Md80Iv86EXcGy13HhAgGPZP_-4BDiWb9Yb6AUcy_P1xn3HStexfLne5O7rKF3H1svVZu1-cqXr2CpYLVfuKy1dx7Io8zP3lZauY6lJ_QxeqetYkiYh-FG6jsVpHCbwSl3HTG6S2P3kStexaBNlBgjXscgLNxF06zoWRqEfus-P0nUsiIMocCeqdB3zMz_14R0Dx1Ze5gEBjm2XGw_e096xXVE-N9355VTxL_7lq8TIt__yXWIkAlRLiZEcUPkSI2GgCiVGEkFlJEZiQZVIjGSDqpAYCQhVKTGSEipLMBkVqoZgMi9Ue4aJ0FA9E0wmh-rIfpqID9WZYSJDVF9ZpyJIVFeCyTRRcXvFh0XtFbmiovaKcGGpvSJhWGqviBmW2iuyhqX2isBhqb0idVhqr4geltor8oel9ooQYqm9IolYaq-II5baKzKJpfaKYGKpvSKdWGqviCiW24s5xXJ7MaxY_uzFxGKJvSS21MxemV1qZq8MMDWxl6SYmtkro0zN7JV5pmb2ylBTM3tlsqmZvTLe1MxemXFqZq8MOjWzV6admtkrI0_N7JW5p-bPXgw_NbVXJKCa2StjUE3sJVmoJvaSQNQQe0kqaoi9JBo1xF6SjxpiLwlJDbGXJKWG2EviUkPsJZmpIfaS4NQQe0l6aoi9JEI1xF6SoxpiLwlTDbGXJKqG2EtiVcPsldmqYfbKgNUwe2XKapi9Mmq1xF6St1piLwldLbGXJK-W2EviV0vsJRmsJfaSINYSe0kaa4m9JJK1xF6Sy1piLwlnLbGXJLSW2EtiWkvsJVmtZfbKwNYye3-ltr_xf978hH8V93YtFtX-ejkU74-L0_lk__qyWPz4SAVI1Qf7JiiD1O5wLp8FliK2Px325JeWA_e6r27t46J4uZ0FU7uMt1z-WzB7l4kIcnARP5LIeUBau2_am_JyOoDo63kBiL2gN2DYK_LGz-6fD-Oh2ne2vO3Pp8dFd36VcKDA5fnwcjxJfvwwn16ut339_lCeTzd7uj0urrfO3spWVqRaxc9feb0V3U0WlVpRaU8328mCevK32FMlS_ZqK5eitA_Fz6GRZYfpsp29vVpL3rnRlOKwb04P-5s9XifetY7RU-_YCyvQ3q039aezd8ofjboUVbU_NQ-38-VxsZRcwLjwIh8JvmFkwsiUkZ5haMlQOpB-DejufLudj7SpvYLSvg4KTFs7KzDvrlNo3uAL0Adb32h7bxRkzQWoQY-y1gI0oUdpYwG60LO0rQBt6PrnoOwrQBkGkjaGNgws7Qx1GFjeGurQTfyRCEYdjkXX7E_qJxZ0jKN9vTCSdvXGSNpTuGQo7SgMXFT9sEJDQdZTmFKUNRWWFOVd1ZTlbe1dVnkahgeC0ZbOBKQNdQTk7bwQkjcDn7z-IIyWnGQtRQFnWVeR4SxtLEo5THuLRgF2566ynTpRUc042teekbSrAyN5T2eG8o46F1UnKnqhIO3pjaKsKbOkKO3KBJSlbRnjsspEmZRgrCVTEpA2VBOQt7MnJG8GPnl9osyZk7SljrO0qxfO8sbeOEx7i1GAotq_XFlvMX78A8l6iw1nWW9xylnaW1xymPc2utAU1L54__G_0z4OHwn66s8fCf6au4_Ix1f699FW-2JxLTtrT4viVC3-OO5PD0M4jU1yefvPUHv_pj_8C5Lk-x_68U-BZMc8L9hYsr9SvYALCd-zvaCrXzQkfEE2SI65WpBPSEYKeERwSNgCvPwCMfkL9CpQ9XV-E6j2Qt8Fqb1S7-6AshGQJaFact8LyKq7FFPbAVlX6HVu4pWllV56z76yrJn5jUMKloVPEy3C1kAWH-eKP-wOZPXdOG2DIGuuvGbuXf3Gy6be0feJ36S9m_7dTLlZkHTI6eFJLPmY84nGF5wfn9KyoOIF6oPAb0SB8-VAFjypBWrXR7VEbfyilui9X9Uavf1voubDN3KJvyu41nogdXK-n8sCaZT7NV1WSKfcb-uyQlr18Uu75KVU7nd3WSGtcr_CywqpFXyTlyVSq27mz15w10puNCR95bTa9TfOqz2_c17tOPR4gdpvGGLB5AcdxgqudRwWSoHWclgpBXrPjVKhN_2EFRNP8PBIYbVhIdDk8zsUBk0_vkNh0PTTOxQGTT-8IyHQ3LM7EgbNPbojIdHskzsSGs0-uKO7SHKTIumG02rXT5xXez5yXu_4wgv0fq9YMDnJ0TcFVzt-Vwq0lo2nFKg9m1CpUJs2MVZMTLIpKKw1bIRAk5NshEHTk2yEQdOTbIRB05NshEBzk2yEQXOTbIREs5NshEazkxxLkT5ucCQvNXL3OLJCaATbHFkhXMKdjiwRPuFmR5bcnbrvdyT15FJql0eXU3u7uJze0dUF3T7mtz_e0g_J-sf_jfVP9Bvrn-R31j-731r_2E-vf9pPr3-eP7v-OX12_fP18-uf2-fXP6-fXv98__z65-7Ap9c_kVoytf65S_F765-dXje3qLB66dSyop35jer653mixdn1z2mueHL9czfu8-ufG6-Ze1dfednUO_p94jep65-7mZ9Z_0ScVhchCefVLciO8_oKxPICff_RioKZ9c-zWqB2fVJL1Ma_qiV67ze1Rm__VdRMrn--K7i6EZA6zawEpFFz6x_p1Nz6R1o1vf6RUs2tf6RVc-sfqdXs-kdqNbv-uWv1mfXPjdNq16-cV3v-znl9O-DzAn09EGHB9PonUXB1G7JTCtR9iFUK9J5bpUJv-hkrptY_JwqrDQuBptc_wqCZ9Y8waGb9IwyaWf8IgWbXP8Kg2fWPkGh-_SM0ml__3EX6zPqn5bTa9TPn1Z5PnNc7_soL9H5vWDC9_nlVcLXj70qBuhvwlQJ9NRApFfpOJMGKqfXPjsLqNkQINL3-EQbNrH-EQTPrH2HQzPpHCDS7_hEGza5_hETz6x-h0fz6R4o0vf6RGs2tf4RGs-sf4dL8-kf4NL_-uTs1tf55dim1y5PLqb19dTm9o5sL4vrnx5dh_fPHpbO17a4PP-8wPFzL1h7t46Iquud--XP_keNCEW-w9T_zzr0BN95iQO47cOMxBuASD7jxGgNyAXDjOQbkIuDGewzIxcCNBxmQS4EbLzIgtwNuPMmAXAXceJMBuRq54SgDci1yw1UG5J4E159lQO6A3HCXAbmT-Hn9YQbkLoLrLzMg14l--9MMyN2QG24zIEd8pp-b9Lm_zoCc9HnDfE6lz_19BuSkzxvmfSp97i80ICd97k80ICd97m80ICd97o80ICd97q80ICd97s80ICd97u80ICd97g81ICd97i81ICd97k81ICd97m81ICd97o81IEd8jonPKfE5ZZ8beT6viM8p-jwebACuED4PFxuQEz4PJxuQQ5_Hmw3ICZ-How3ICZ-Hqw3ICZ-Hsw3ICZ-Huw3ICZ-Hww3ICZ-Hyw3ICZ-H0w3ICZ-H2w3ICZ-H4w3ICZ-H6w3IkedzSnwupM_9_QbkhM_DAQfk0OfxggNy6PN4wgG4Hfo83nBADn0ejzgghz6PVxyQQ5_HMw7Ioc_jHQfk0OfxkANy6PN4yQE59Hk85YAc-jzeckAOfR6POSCHPo_XHJBDn8dzDsihz-M9B-TQ5_GgA3LC5-GiA3LC5-GkA3LC5-GmA3LC5-GoA3Al-jxedUAOfR7POiCHPo93HZBDn8fDDsihz-NlB-TQ5_G0A3Lo83jbATn0eTzugBz6PF53QA59Hs87IIc-j_cdkEOfxwMPyKHP44UH5ITPw4kH5ITPw40H5Eaf6X0-hN8YrCTD8juDlXhYeQxWMmIVMFgJilXEYCUtVjGDlchYpQxWcmO1Y7ASHquKwUqCrGoK8xhZtRTmWbJ64jANlNWBwjxVVif-k2m0rC4cpvmy6vi7QUNmdaMwT5qVNin041YmhWbOSpkUGjytMik0fVplUmgEtcqk0BxqlUmhYdQqk0ITqVUmhcZSq0wKzaZWmRQaUK0yKTSlWmVSaFS1yqTQvGqVSaGh1SqTQpOrVSaFxlerTQrLsFabFBZkrfY3haVZSydFibQ1nxSea2s-KTzc1nRSlIRb80nhMbfmk8Kzbs0nhQfemk8KT701nxQefWs-KTz_1nxSeAiu-aTwJFzzSeFxuOaTwjNxrf1NYcG4ViaFpuOaTwqPyDWdFCUn13RSlLDc0ElREnNDJ0WJzQ2dFCU7N3RSlADd0ElRUnRDJ0WJ0g2dFCVPN3RSlFDd0ElRknVDJ0WJ1w2dFCVjN3RSlKDd0ElR0nZDJ0WJ3A2fFJ67Gz4pPHw3fFJ4Am_4pPAY3tJJUbJ4SydFCeQtnRQllbd0UpRo3tJJUfJ5SydFCektnRQlqbd0UpS43tJJUTJ7SydFCe4tnRQlvbd0UpQI39JJUXJ8yyeFh_mWT8qHRP_j__OspDh2awAA\"}!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/extracted.js";
-import "src/styles/theme.css.ts.vanilla.css!=!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/styles/theme.css.ts.vanilla.css\",\"source\":\"QGxheWVyIHRoZW1lOwpib2R5IHsKICBmb250LWZhbWlseTogJ0ludGVyJywgc2Fucy1zZXJpZjsKfQpoMSwgaDIsIGgzLCBoNCwgaDUsIGg2IHsKICBmb250LWZhbWlseTogJ1BvcHBpbnMnLCBzYW5zLXNlcmlmOwp9CkBsYXllciB0aGVtZSB7CiAgOnJvb3QgewogICAgLS1fNGxzaGd6MDogIzJBMjkyRTsKICAgIC0tXzRsc2hnejE6ICM3OTc0ODY7CiAgICAtLV80bHNoZ3oyOiAjQTVBMkFFOwogICAgLS1fNGxzaGd6MzogI0Y1RkFGRTsKICAgIC0tXzRsc2hnejQ6ICMwMjEwMUQ7CiAgICAtLV80bHNoZ3o1OiAjMDQ2NEJFOwogICAgLS1fNGxzaGd6NjogIzAxODFGOTsKICAgIC0tXzRsc2hnejc6ICNEREVFRkQ7CiAgICAtLV80bHNoZ3o4OiAjQTZEM0ZDOwogICAgLS1fNGxzaGd6OTogI0MzQ0RERjsKICAgIC0tXzRsc2hnemE6ICNFOEVDRjM7CiAgICAtLV80bHNoZ3piOiAjRjhGQUZCOwogICAgLS1fNGxzaGd6YzogI0Y4RkFGQjsKICAgIC0tXzRsc2hnemQ6ICNGNUZDRkU7CiAgICAtLV80bHNoZ3plOiAjMDFDM0Y5OwogICAgLS1fNGxzaGd6ZjogIzA0NDI1MzsKICAgIC0tXzRsc2hnemc6ICNGNUY5RkU7CiAgICAtLV80bHNoZ3poOiAjMDQ2REY2OwogICAgLS1fNGxzaGd6aTogIzA1MjY1MjsKICAgIC0tXzRsc2hnemo6ICNGOEZBRkI7CiAgICAtLV80bHNoZ3prOiAjNTQ3MkE2OwogICAgLS1fNGxzaGd6bDogIzFFMjgzODsKICAgIC0tXzRsc2hnem06ICNGNUZBRkU7CiAgICAtLV80bHNoZ3puOiAjMDE4MUY5OwogICAgLS1fNGxzaGd6bzogIzA0MkQ1MzsKICAgIC0tXzRsc2hnenA6ICNGOEZBRkI7CiAgICAtLV80bHNoZ3pxOiAjQzNDRERGOwogICAgLS1fNGxzaGd6cjogIzAxODFGOTsKICAgIC0tXzRsc2hnenM6ICNBNUEyQUU7CiAgICAtLV80bHNoZ3p0OiAjRThFQ0YzOwogICAgLS1fNGxzaGd6dTogJ0ludGVyJywgc2Fucy1zZXJpZjsKICAgIC0tXzRsc2hnenY6ICdQb3BwaW5zJywgc2Fucy1zZXJpZjsKICB9Cn0\"}!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/extracted.js";
-import "src/components/Toggle/styles.css.ts.vanilla.css!=!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/components/Toggle/styles.css.ts.vanilla.css\",\"source\":\"#H4sIAAAAAAAAA61V227iMBB95ysspEograMEGtgYVepn7Gq1qpx4IO4aO7IdLl3x7ytyI4mhDd2KF3w558zMmYyfBT2CRonaZkqCtGY18l6COX_NFnMf_R0htOfMpgQFXqhhuxohlALfpJYg31uWW6cLJGhDZj1A0L8969x2BAJv5gjQNsS_EpODiLuI5ZA0kk7mN9J47peuADUc82KJEOMmE_RIEJeCS8BrAYdVcUIF30jMLWwNQQlIC7o8SHJtlCYoU7zePLWpHyvqTBluuZIEaRDU8h2sPifZZScpNRMus9wSxg2NBbBppVhHJpXFVAi1B1YSq4wm3B4LBxzG0ImXxkaJ3EIfXK5rs8pVY9Sw4iwqsVhpBhprynhuCIqiKMqqKlhNZR1JTJM_G61yyXCihNLI92YGATWAucQqtyWkf42gHdUTjF8ehUk3b9F09bWODMiTpGoHus72_fjo1MEvhyHDK8h7lBcu_vswZOQio-vehv7DIJdix6VuH7b7ovi_VnrrNMS3oT1jVdaKTcD60sQNeyUkqIWfExz6D27SrEr6Hcxl48ekmprTOypylvvFqKXY8Dd4GpstFWL8-_Mh1Pp9YkH1Bv6H2Avb1A0N3Efj31ucRmj9wSTj0oAlCPv103WlWy-vFqo_bgy78wNynqvyxkxs92Z1dmtUqQM2KWVqT5Bf_ObZ4dZHXbqzVklugD2Nrc47_tT5NtEEJfD0D9iMLik4CAAA\"}!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/extracted.js";
-var toggleInput = '_13ijp635';
-var toggleThumbUnchecked = '_13ijp63e';
-var toggleTrackChecked = '_13ijp637';
-var toggleTrackUnchecked = '_13ijp638';
-var toggle = '_13ijp634';
-var toggleThumbChecked = '_13ijp63d';
-var toggleThumb = '_13ijp639';
-var toggleThumbSizes = {
-    small: '_13ijp63a',
-    medium: '_13ijp63b',
-    large: '_13ijp63c'
-};
-var toggleLabel = '_13ijp633';
-var toggleSizes = {
-    small: '_13ijp630',
-    medium: '_13ijp631',
-    large: '_13ijp632'
-};
-var toggleTrack = '_13ijp636';
-var toggleFocusRing = '_13ijp63f';
-export { toggle, toggleFocusRing, toggleInput, toggleLabel, toggleSizes, toggleThumb, toggleThumbChecked, toggleThumbSizes, toggleThumbUnchecked, toggleTrack, toggleTrackChecked, toggleTrackUnchecked };
+import { styleVariants } from '@vanilla-extract/css';
+import { vars } from '../../styles/theme.css';
+import { styleWithLayer } from '../../styles/utils';
+export const toggleSizes = styleVariants({
+    small: {
+        width: '1.5rem',
+        height: '0.75rem',
+    },
+    medium: {
+        width: '2rem',
+        height: '1rem',
+    },
+    large: {
+        width: '2.5rem',
+        height: '1.25rem',
+    },
+});
+export const toggleLabel = styleWithLayer({
+    display: 'inline-flex',
+    alignItems: 'center',
+    cursor: 'pointer',
+});
+export const toggle = styleWithLayer({
+    position: 'relative',
+    display: 'inline-flex',
+    alignItems: 'center',
+    selectors: {
+        '&:has(input:disabled)': {
+            cursor: 'not-allowed',
+            opacity: 0.5,
+        },
+    },
+});
+export const toggleInput = styleWithLayer({
+    position: 'absolute',
+    opacity: 0,
+    width: 0,
+    height: 0,
+    cursor: 'pointer',
+});
+export const toggleTrack = styleWithLayer({
+    borderRadius: '9999px',
+    transition: 'background-color 0.2s ease-in-out',
+    backgroundColor: vars.colors.borderDefault,
+    position: 'relative',
+    display: 'inline-flex',
+    alignItems: 'center',
+    cursor: 'pointer',
+    selectors: {
+        '&:hover': {
+            backgroundColor: vars.colors.borderMuted,
+        },
+    },
+});
+export const toggleTrackChecked = styleWithLayer({
+    backgroundColor: vars.colors.buttonBackgroundPrimary,
+    selectors: {
+        '&:hover': {
+            backgroundColor: vars.colors.buttonBackgroundFocusedPrimary,
+        },
+    },
+});
+export const toggleTrackUnchecked = styleWithLayer({
+    backgroundColor: vars.colors.borderDefault,
+});
+export const toggleThumb = styleWithLayer({
+    borderRadius: '50%',
+    backgroundColor: vars.colors.backgroundDefault,
+    position: 'absolute',
+    transition: 'transform 0.2s ease-in-out, background-color 0.2s ease-in-out',
+    top: '50%',
+    left: '0',
+    transform: 'translateY(-50%)',
+});
+export const toggleThumbSizes = styleVariants({
+    small: {
+        width: '0.5rem',
+        height: '0.5rem',
+    },
+    medium: {
+        width: '0.75rem',
+        height: '0.75rem',
+    },
+    large: {
+        width: '1rem',
+        height: '1rem',
+    },
+});
+export const toggleThumbChecked = styleWithLayer({
+    transform: 'translateY(-50%) translateX(1.25rem)',
+    backgroundColor: vars.colors.backgroundDefault,
+    selectors: {
+        '[data-size="small"] &': {
+            transform: 'translateY(-50%) translateX(1rem)',
+        },
+        '[data-size="large"] &': {
+            transform: 'translateY(-50%) translateX(1.5rem)',
+        },
+    },
+});
+export const toggleThumbUnchecked = styleWithLayer({
+    transform: 'translateY(-50%) translateX(0)',
+    backgroundColor: vars.colors.backgroundDefault,
+});
+export const toggleFocusRing = styleWithLayer({
+    position: 'absolute',
+    inset: '-0.25rem',
+    borderRadius: '0.5rem',
+    pointerEvents: 'none',
+    opacity: 0,
+    transition: 'opacity 0.2s ease-in-out',
+    boxShadow: `0 0 0 3px ${vars.colors.buttonBackgroundPrimary}`,
+    selectors: {
+        '[data-focused="true"] &': {
+            opacity: 1,
+        },
+    },
+});

package/dist/components/Tooltip/Tooltip.d.ts

@@ -6,5 +6,5 @@ export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
     showArrow?: boolean;
     children: React.ReactNode;
 }
-declare const Tooltip: ({ content, position, showArrow, children, ...props }: TooltipProps) => React.JSX.Element;
+declare const Tooltip: ({ content, position, showArrow, children, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/dist/components/Tooltip/Tooltip.js

@@ -1,41 +1,16 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { tooltipArrow, tooltipArrowBottom, tooltipArrowLeft, tooltipArrowRight, tooltipArrowTop, tooltipContainer, tooltipContent, tooltipPositions } from "./styles.css.js";
-import { useState } from "react";
-import Box from "../Box/index.js";
-const Tooltip = ({ content, position = 'top', showArrow = true, children, ...props })=>{
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { tooltipContainer, tooltipContent, tooltipPositions, tooltipArrow, tooltipArrowTop, tooltipArrowBottom, tooltipArrowLeft, tooltipArrowRight, } from './styles.css';
+import { useState } from 'react';
+import Box from '../Box';
+const Tooltip = ({ content, position = 'top', showArrow = true, children, ...props }) => {
     const [isVisible, setIsVisible] = useState(false);
     const arrowStyle = {
-        top: 'bottom' === position ? tooltipArrowBottom : void 0,
-        bottom: 'top' === position ? tooltipArrowTop : void 0,
-        left: 'right' === position ? tooltipArrowLeft : void 0,
-        right: 'left' === position ? tooltipArrowRight : void 0
+        top: position === 'bottom' ? tooltipArrowBottom : undefined,
+        bottom: position === 'top' ? tooltipArrowTop : undefined,
+        left: position === 'right' ? tooltipArrowLeft : undefined,
+        right: position === 'left' ? tooltipArrowRight : undefined,
     };
-    return /*#__PURE__*/ jsxs(Box, {
-        as: "div",
-        className: clsx(tooltipContainer, props.className),
-        onMouseEnter: ()=>setIsVisible(true),
-        onMouseLeave: ()=>setIsVisible(false),
-        onFocus: ()=>setIsVisible(true),
-        onBlur: ()=>setIsVisible(false),
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ jsxs(Box, {
-                as: "div",
-                className: clsx(tooltipContent, tooltipPositions[position]),
-                "data-visible": isVisible,
-                role: "tooltip",
-                children: [
-                    showArrow && /*#__PURE__*/ jsx(Box, {
-                        as: "span",
-                        className: clsx(tooltipArrow, arrowStyle.top, arrowStyle.bottom, arrowStyle.left, arrowStyle.right)
-                    }),
-                    content
-                ]
-            })
-        ]
-    });
+    return (_jsxs(Box, { as: "div", className: clsx(tooltipContainer, props.className), onMouseEnter: () => setIsVisible(true), onMouseLeave: () => setIsVisible(false), onFocus: () => setIsVisible(true), onBlur: () => setIsVisible(false), ...props, children: [children, _jsxs(Box, { as: "div", className: clsx(tooltipContent, tooltipPositions[position]), "data-visible": isVisible, role: "tooltip", children: [showArrow && (_jsx(Box, { as: "span", className: clsx(tooltipArrow, arrowStyle.top, arrowStyle.bottom, arrowStyle.left, arrowStyle.right) })), content] })] }));
 };
-const Tooltip_Tooltip = Tooltip;
-export { Tooltip_Tooltip as default };
+export default Tooltip;

package/dist/components/Tooltip/index.js

@@ -1,2 +1 @@
-import Tooltip from "./Tooltip.js";
-export { Tooltip };
+export { default as Tooltip } from './Tooltip';

package/dist/components/Tooltip/styles.css.js

@@ -1,17 +1,86 @@
-import "src/styles/sprinkles.css.ts.vanilla.css!=!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/styles/sprinkles.css.ts.vanilla.css\",\"source\":\"#H4sIAAAAAAAAA5Wc227jVhJF3_srBAwGyDw4EG-HpPMSSpR-Y0CRh6Rs3ZqS23YP-t8HaZItn127SDfylqyyVdIqWrsC1N-H4t12i_J8vJxP9nS7_vXlz_9678H1W3eMXxb_-7JYlOfDuXtc_GsbbbPt5q8vPz4Qrw6R55vNNneJd4dYbfPtdu0QydIhMpMHSPgOkSTrEInQIcxmFSNhHCIKsxUSiUMEYbqGbpPCIbwsXW63LlE6xNJLvG3qEtYlgjjM3XcsaVwiNOEKXsceiCjOQpd4dokozJLMJY7wM4LMwPtxBsLPo8AlvkIvXh5ELnF1Cd9betCtcEy86-jY1oBjCTq2QcdSdGyTIoGObdDCFB3LcyTQsTxBAh3Lfeg2RcfWOTiWomPrABxL0bFsA46l6FhqwLEUHUs8cCxFx0wOjqXoWBSBYyk6FvrgWIqO-Rk4lgrHYnAsFY6l-K6L59gKHEtdx9bLPIPPtgDH4vV6u3IJcCxdZUi4jsXLTPwMcMykORLgmEnW-ErBsXWcQ7cFOBaafGtcAhwzxs_hdYBjJopW8DrAMRNmme8S4JgJtkniEkckPAOvAxyLfBPBbxHPsRQcK9Cx5caDXsCxZCs-W9exTbJZb13XC9exPMxXG7fbnevYOljnuft02LmOZdtVnru97FzH0n9Edj_9netYkmfe2p39netYHKfLldvtznXMmMRfue_6znUsCmM_cx3buY6FaxOn8Dpcx0I_SpOlS7iOBVmYG3f2d65jgRd6ERCuY34chKH7xN25jnkbPwngk3Md80Iv86EXcGy13HhAgGPZP_-4BDiWb9Yb6AUcy_P1xn3HStexfLne5O7rKF3H1svVZu1-cqXr2CpYLVfuKy1dx7Io8zP3lZauY6lJ_QxeqetYkiYh-FG6jsVpHCbwSl3HTG6S2P3kStexaBNlBgjXscgLNxF06zoWRqEfus-P0nUsiIMocCeqdB3zMz_14R0Dx1Ze5gEBjm2XGw_e096xXVE-N9355VTxL_7lq8TIt__yXWIkAlRLiZEcUPkSI2GgCiVGEkFlJEZiQZVIjGSDqpAYCQhVKTGSEipLMBkVqoZgMi9Ue4aJ0FA9E0wmh-rIfpqID9WZYSJDVF9ZpyJIVFeCyTRRcXvFh0XtFbmiovaKcGGpvSJhWGqviBmW2iuyhqX2isBhqb0idVhqr4geltor8oel9ooQYqm9IolYaq-II5baKzKJpfaKYGKpvSKdWGqviCiW24s5xXJ7MaxY_uzFxGKJvSS21MxemV1qZq8MMDWxl6SYmtkro0zN7JV5pmb2ylBTM3tlsqmZvTLe1MxemXFqZq8MOjWzV6admtkrI0_N7JW5p-bPXgw_NbVXJKCa2StjUE3sJVmoJvaSQNQQe0kqaoi9JBo1xF6SjxpiLwlJDbGXJKWG2EviUkPsJZmpIfaS4NQQe0l6aoi9JEI1xF6SoxpiLwlTDbGXJKqG2EtiVcPsldmqYfbKgNUwe2XKapi9Mmq1xF6St1piLwldLbGXJK-W2EviV0vsJRmsJfaSINYSe0kaa4m9JJK1xF6Sy1piLwlnLbGXJLSW2EtiWkvsJVmtZfbKwNYye3-ltr_xf978hH8V93YtFtX-ejkU74-L0_lk__qyWPz4SAVI1Qf7JiiD1O5wLp8FliK2Px325JeWA_e6r27t46J4uZ0FU7uMt1z-WzB7l4kIcnARP5LIeUBau2_am_JyOoDo63kBiL2gN2DYK_LGz-6fD-Oh2ne2vO3Pp8dFd36VcKDA5fnwcjxJfvwwn16ut339_lCeTzd7uj0urrfO3spWVqRaxc9feb0V3U0WlVpRaU8328mCevK32FMlS_ZqK5eitA_Fz6GRZYfpsp29vVpL3rnRlOKwb04P-5s9XifetY7RU-_YCyvQ3q039aezd8ofjboUVbU_NQ-38-VxsZRcwLjwIh8JvmFkwsiUkZ5haMlQOpB-DejufLudj7SpvYLSvg4KTFs7KzDvrlNo3uAL0Adb32h7bxRkzQWoQY-y1gI0oUdpYwG60LO0rQBt6PrnoOwrQBkGkjaGNgws7Qx1GFjeGurQTfyRCEYdjkXX7E_qJxZ0jKN9vTCSdvXGSNpTuGQo7SgMXFT9sEJDQdZTmFKUNRWWFOVd1ZTlbe1dVnkahgeC0ZbOBKQNdQTk7bwQkjcDn7z-IIyWnGQtRQFnWVeR4SxtLEo5THuLRgF2566ynTpRUc042teekbSrAyN5T2eG8o46F1UnKnqhIO3pjaKsKbOkKO3KBJSlbRnjsspEmZRgrCVTEpA2VBOQt7MnJG8GPnl9osyZk7SljrO0qxfO8sbeOEx7i1GAotq_XFlvMX78A8l6iw1nWW9xylnaW1xymPc2utAU1L54__G_0z4OHwn66s8fCf6au4_Ix1f699FW-2JxLTtrT4viVC3-OO5PD0M4jU1yefvPUHv_pj_8C5Lk-x_68U-BZMc8L9hYsr9SvYALCd-zvaCrXzQkfEE2SI65WpBPSEYKeERwSNgCvPwCMfkL9CpQ9XV-E6j2Qt8Fqb1S7-6AshGQJaFact8LyKq7FFPbAVlX6HVu4pWllV56z76yrJn5jUMKloVPEy3C1kAWH-eKP-wOZPXdOG2DIGuuvGbuXf3Gy6be0feJ36S9m_7dTLlZkHTI6eFJLPmY84nGF5wfn9KyoOIF6oPAb0SB8-VAFjypBWrXR7VEbfyilui9X9Uavf1voubDN3KJvyu41nogdXK-n8sCaZT7NV1WSKfcb-uyQlr18Uu75KVU7nd3WSGtcr_CywqpFXyTlyVSq27mz15w10puNCR95bTa9TfOqz2_c17tOPR4gdpvGGLB5AcdxgqudRwWSoHWclgpBXrPjVKhN_2EFRNP8PBIYbVhIdDk8zsUBk0_vkNh0PTTOxQGTT-8IyHQ3LM7EgbNPbojIdHskzsSGs0-uKO7SHKTIumG02rXT5xXez5yXu_4wgv0fq9YMDnJ0TcFVzt-Vwq0lo2nFKg9m1CpUJs2MVZMTLIpKKw1bIRAk5NshEHTk2yEQdOTbIRB05NshEBzk2yEQXOTbIREs5NshEazkxxLkT5ucCQvNXL3OLJCaATbHFkhXMKdjiwRPuFmR5bcnbrvdyT15FJql0eXU3u7uJze0dUF3T7mtz_e0g_J-sf_jfVP9Bvrn-R31j-731r_2E-vf9pPr3-eP7v-OX12_fP18-uf2-fXP6-fXv98__z65-7Ap9c_kVoytf65S_F765-dXje3qLB66dSyop35jer653mixdn1z2mueHL9czfu8-ufG6-Ze1dfednUO_p94jep65-7mZ9Z_0ScVhchCefVLciO8_oKxPICff_RioKZ9c-zWqB2fVJL1Ma_qiV67ze1Rm__VdRMrn--K7i6EZA6zawEpFFz6x_p1Nz6R1o1vf6RUs2tf6RVc-sfqdXs-kdqNbv-uWv1mfXPjdNq16-cV3v-znl9O-DzAn09EGHB9PonUXB1G7JTCtR9iFUK9J5bpUJv-hkrptY_JwqrDQuBptc_wqCZ9Y8waGb9IwyaWf8IgWbXP8Kg2fWPkGh-_SM0ml__3EX6zPqn5bTa9TPn1Z5PnNc7_soL9H5vWDC9_nlVcLXj70qBuhvwlQJ9NRApFfpOJMGKqfXPjsLqNkQINL3-EQbNrH-EQTPrH2HQzPpHCDS7_hEGza5_hETz6x-h0fz6R4o0vf6RGs2tf4RGs-sf4dL8-kf4NL_-uTs1tf55dim1y5PLqb19dTm9o5sL4vrnx5dh_fPHpbO17a4PP-8wPFzL1h7t46Iquud--XP_keNCEW-w9T_zzr0BN95iQO47cOMxBuASD7jxGgNyAXDjOQbkIuDGewzIxcCNBxmQS4EbLzIgtwNuPMmAXAXceJMBuRq54SgDci1yw1UG5J4E159lQO6A3HCXAbmT-Hn9YQbkLoLrLzMg14l--9MMyN2QG24zIEd8pp-b9Lm_zoCc9HnDfE6lz_19BuSkzxvmfSp97i80ICd97k80ICd97m80ICd97o80ICd97q80ICd97s80ICd97u80ICd97g81ICd97i81ICd97k81ICd97m81ICd97o81IEd8jonPKfE5ZZ8beT6viM8p-jwebACuED4PFxuQEz4PJxuQQ5_Hmw3ICZ-How3ICZ-Hqw3ICZ-Hsw3ICZ-Huw3ICZ-Hww3ICZ-Hyw3ICZ-H0w3ICZ-H2w3ICZ-H4w3ICZ-H6w3IkedzSnwupM_9_QbkhM_DAQfk0OfxggNy6PN4wgG4Hfo83nBADn0ejzgghz6PVxyQQ5_HMw7Ioc_jHQfk0OfxkANy6PN4yQE59Hk85YAc-jzeckAOfR6POSCHPo_XHJBDn8dzDsihz-M9B-TQ5_GgA3LC5-GiA3LC5-GkA3LC5-GmA3LC5-GoA3Al-jxedUAOfR7POiCHPo93HZBDn8fDDsihz-NlB-TQ5_G0A3Lo83jbATn0eTzugBz6PF53QA59Hs87IIc-j_cdkEOfxwMPyKHP44UH5ITPw4kH5ITPw40H5Eaf6X0-hN8YrCTD8juDlXhYeQxWMmIVMFgJilXEYCUtVjGDlchYpQxWcmO1Y7ASHquKwUqCrGoK8xhZtRTmWbJ64jANlNWBwjxVVif-k2m0rC4cpvmy6vi7QUNmdaMwT5qVNin041YmhWbOSpkUGjytMik0fVplUmgEtcqk0BxqlUmhYdQqk0ITqVUmhcZSq0wKzaZWmRQaUK0yKTSlWmVSaFS1yqTQvGqVSaGh1SqTQpOrVSaFxlerTQrLsFabFBZkrfY3haVZSydFibQ1nxSea2s-KTzc1nRSlIRb80nhMbfmk8Kzbs0nhQfemk8KT701nxQefWs-KTz_1nxSeAiu-aTwJFzzSeFxuOaTwjNxrf1NYcG4ViaFpuOaTwqPyDWdFCUn13RSlLDc0ElREnNDJ0WJzQ2dFCU7N3RSlADd0ElRUnRDJ0WJ0g2dFCVPN3RSlFDd0ElRknVDJ0WJ1w2dFCVjN3RSlKDd0ElR0nZDJ0WJ3A2fFJ67Gz4pPHw3fFJ4Am_4pPAY3tJJUbJ4SydFCeQtnRQllbd0UpRo3tJJUfJ5SydFCektnRQlqbd0UpS43tJJUTJ7SydFCe4tnRQlvbd0UpQI39JJUXJ8yyeFh_mWT8qHRP_j__OspDh2awAA\"}!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/extracted.js";
-import "src/styles/theme.css.ts.vanilla.css!=!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/styles/theme.css.ts.vanilla.css\",\"source\":\"QGxheWVyIHRoZW1lOwpib2R5IHsKICBmb250LWZhbWlseTogJ0ludGVyJywgc2Fucy1zZXJpZjsKfQpoMSwgaDIsIGgzLCBoNCwgaDUsIGg2IHsKICBmb250LWZhbWlseTogJ1BvcHBpbnMnLCBzYW5zLXNlcmlmOwp9CkBsYXllciB0aGVtZSB7CiAgOnJvb3QgewogICAgLS1fNGxzaGd6MDogIzJBMjkyRTsKICAgIC0tXzRsc2hnejE6ICM3OTc0ODY7CiAgICAtLV80bHNoZ3oyOiAjQTVBMkFFOwogICAgLS1fNGxzaGd6MzogI0Y1RkFGRTsKICAgIC0tXzRsc2hnejQ6ICMwMjEwMUQ7CiAgICAtLV80bHNoZ3o1OiAjMDQ2NEJFOwogICAgLS1fNGxzaGd6NjogIzAxODFGOTsKICAgIC0tXzRsc2hnejc6ICNEREVFRkQ7CiAgICAtLV80bHNoZ3o4OiAjQTZEM0ZDOwogICAgLS1fNGxzaGd6OTogI0MzQ0RERjsKICAgIC0tXzRsc2hnemE6ICNFOEVDRjM7CiAgICAtLV80bHNoZ3piOiAjRjhGQUZCOwogICAgLS1fNGxzaGd6YzogI0Y4RkFGQjsKICAgIC0tXzRsc2hnemQ6ICNGNUZDRkU7CiAgICAtLV80bHNoZ3plOiAjMDFDM0Y5OwogICAgLS1fNGxzaGd6ZjogIzA0NDI1MzsKICAgIC0tXzRsc2hnemc6ICNGNUY5RkU7CiAgICAtLV80bHNoZ3poOiAjMDQ2REY2OwogICAgLS1fNGxzaGd6aTogIzA1MjY1MjsKICAgIC0tXzRsc2hnemo6ICNGOEZBRkI7CiAgICAtLV80bHNoZ3prOiAjNTQ3MkE2OwogICAgLS1fNGxzaGd6bDogIzFFMjgzODsKICAgIC0tXzRsc2hnem06ICNGNUZBRkU7CiAgICAtLV80bHNoZ3puOiAjMDE4MUY5OwogICAgLS1fNGxzaGd6bzogIzA0MkQ1MzsKICAgIC0tXzRsc2hnenA6ICNGOEZBRkI7CiAgICAtLV80bHNoZ3pxOiAjQzNDRERGOwogICAgLS1fNGxzaGd6cjogIzAxODFGOTsKICAgIC0tXzRsc2hnenM6ICNBNUEyQUU7CiAgICAtLV80bHNoZ3p0OiAjRThFQ0YzOwogICAgLS1fNGxzaGd6dTogJ0ludGVyJywgc2Fucy1zZXJpZjsKICAgIC0tXzRsc2hnenY6ICdQb3BwaW5zJywgc2Fucy1zZXJpZjsKICB9Cn0\"}!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/extracted.js";
-import "src/components/Tooltip/styles.css.ts.vanilla.css!=!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/components/Tooltip/styles.css.ts.vanilla.css\",\"source\":\"#H4sIAAAAAAAAA62UbWvbMBDH3-dTHIVCClVw0mRpFQr9GB1jDDm62GKyJCTlceS7D0tyYsclKVvBL6w73f93D5LeJNujhaWujFaovFsMRqvqRW-mGfwZAOTae11RGGfZ_WIAUDFbCEUaczaazCxWtUfiylOYxW3eMuVW2lY0_krm8X1IZtn9w2JwbBDjgPDa9PSD7f_EJ0HciqL0PflkbQEC8Ir-957-U9CPiV3IR-O_qb9dDiRgEnMaFgBGO-GFVhQsSubFBhfBzoUzku0pCCWFQrKSuKs9x7PErCfBcqfl2ieJnC1_F1avFSdLLbWlsGF2SMivqXRlccge4raPfHnyGca5UEXdgad53QLIRvOmFfWRshwtsYyLtTtvis6VVp44cUDaDdqWwiNxhi2RgtJby0x0HIhQHHdhBuMGsCOuZFxvKWQwMTt4NjuwRc6G2SOkbzSepXS1YUvh9xSyuN4IJ3Ihg6kUnKOK9jCt1LMUU8_YATKHRCii1_6xFd1zpu5ooTxagpt6unUxCi9n9IMzz0iQkvh65-0a736mwZ3SHffTTREXct9ujHwruC9P5ZeYLkdnWs7vJVJwWgrecTTB58N-cqUzEvpmmEXlLxKbp8Sa14R0VDp3_satb1G9NldObov-nOjhcn4JOtbxOfpLoqenqMtvvxc3XowWvs76c3CW4LHOr2CHMq7Cj38BvYaJqmsGAAA\"}!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/extracted.js";
-var tooltipArrow = 'fm9ov46';
-var tooltipArrowBottom = 'fm9ov48';
-var tooltipContent = 'fm9ov45';
-var tooltipArrowLeft = 'fm9ov49';
-var tooltipContainer = 'fm9ov44';
-var tooltipArrowTop = 'fm9ov47';
-var tooltipArrowRight = 'fm9ov4a';
-var tooltipPositions = {
-    top: 'fm9ov40',
-    bottom: 'fm9ov41',
-    left: 'fm9ov42',
-    right: 'fm9ov43'
-};
-export { tooltipArrow, tooltipArrowBottom, tooltipArrowLeft, tooltipArrowRight, tooltipArrowTop, tooltipContainer, tooltipContent, tooltipPositions };
+import { styleVariants } from '@vanilla-extract/css';
+import { vars } from '../../styles/theme.css';
+import { styleWithLayer } from '../../styles/utils';
+export const tooltipPositions = styleVariants({
+    top: {
+        bottom: '100%',
+        marginBottom: '0.25rem',
+        left: '50%',
+        transform: 'translateX(-50%)',
+    },
+    bottom: {
+        top: '100%',
+        marginTop: '0.25rem',
+        left: '50%',
+        transform: 'translateX(-50%)',
+    },
+    left: {
+        right: '100%',
+        marginRight: '0.25rem',
+        top: '50%',
+        transform: 'translateY(-50%)',
+    },
+    right: {
+        left: '100%',
+        marginLeft: '0.25rem',
+        top: '50%',
+        transform: 'translateY(-50%)',
+    },
+});
+export const tooltipContainer = styleWithLayer({
+    position: 'relative',
+    display: 'inline-flex',
+});
+export const tooltipContent = styleWithLayer({
+    position: 'absolute',
+    backgroundColor: vars.colors.textPrimary,
+    color: vars.colors.backgroundDefault,
+    padding: '0.375rem 0.75rem',
+    borderRadius: '0.375rem',
+    fontSize: '0.75rem',
+    whiteSpace: 'nowrap',
+    zIndex: 1001,
+    boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
+    opacity: 0,
+    visibility: 'hidden',
+    transition: 'opacity 0.2s ease-in-out, visibility 0.2s ease-in-out',
+    pointerEvents: 'none',
+    selectors: {
+        '&[data-visible="true"]': {
+            opacity: 1,
+            visibility: 'visible',
+        },
+    },
+});
+export const tooltipArrow = styleWithLayer({
+    position: 'absolute',
+    width: '0',
+    height: '0',
+    borderStyle: 'solid',
+    borderWidth: '0.25rem',
+    borderColor: 'transparent',
+});
+export const tooltipArrowTop = styleWithLayer({
+    bottom: '-0.25rem',
+    left: '50%',
+    transform: 'translateX(-50%)',
+    borderTopColor: vars.colors.textPrimary,
+});
+export const tooltipArrowBottom = styleWithLayer({
+    top: '-0.25rem',
+    left: '50%',
+    transform: 'translateX(-50%)',
+    borderBottomColor: vars.colors.textPrimary,
+});
+export const tooltipArrowLeft = styleWithLayer({
+    right: '-0.25rem',
+    top: '50%',
+    transform: 'translateY(-50%)',
+    borderLeftColor: vars.colors.textPrimary,
+});
+export const tooltipArrowRight = styleWithLayer({
+    left: '-0.25rem',
+    top: '50%',
+    transform: 'translateY(-50%)',
+    borderRightColor: vars.colors.textPrimary,
+});

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,8 +1,9 @@
-import react from "react";
-import { visuallyHidden } from "./styles.css.js";
-const VisuallyHidden = ({ children, as: Component = 'span', className, ...props })=>/*#__PURE__*/ react.createElement(Component, {
+import React from 'react';
+import { visuallyHidden } from './styles.css';
+const VisuallyHidden = ({ children, as: Component = 'span', className, ...props }) => {
+    return React.createElement(Component, {
         className: visuallyHidden,
-        ...props
+        ...props,
     }, children);
-const VisuallyHidden_VisuallyHidden = VisuallyHidden;
-export { VisuallyHidden_VisuallyHidden as default };
+};
+export default VisuallyHidden;

package/dist/components/VisuallyHidden/index.js

@@ -1,2 +1 @@
-import VisuallyHidden from "./VisuallyHidden.js";
-export { VisuallyHidden };
+export { default as VisuallyHidden } from './VisuallyHidden';

package/dist/components/VisuallyHidden/styles.css.js

@@ -1,3 +1,12 @@
-import "src/components/VisuallyHidden/styles.css.ts.vanilla.css!=!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\"fileName\":\"src/components/VisuallyHidden/styles.css.ts.vanilla.css\",\"source\":\"QGxheWVyIGNvbXBvbmVudHM7CkBsYXllciBjb21wb25lbnRzIHsKICAuXzEzdHhud2owIHsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIHdpZHRoOiAxcHg7CiAgICBoZWlnaHQ6IDFweDsKICAgIHBhZGRpbmc6IDA7CiAgICBtYXJnaW46IC0xcHg7CiAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTsKICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7CiAgICBib3JkZXI6IDA7CiAgfQp9\"}!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/extracted.js";
-var visuallyHidden = '_13txnwj0';
-export { visuallyHidden };
+import { styleWithLayer } from '../../styles/utils';
+export const visuallyHidden = styleWithLayer({
+    position: 'absolute',
+    width: '1px',
+    height: '1px',
+    padding: 0,
+    margin: '-1px',
+    overflow: 'hidden',
+    clip: 'rect(0, 0, 0, 0)',
+    whiteSpace: 'nowrap',
+    border: 0,
+});

package/dist/components/index.js

@@ -1,48 +1,47 @@
-import { Button } from "./Button/index.js";
-import { List, ListItem } from "./List/index.js";
-import { Input } from "./Input/index.js";
-import { Form, FormInput } from "./Form/index.js";
-import { Navbar, NavbarItem } from "./Navbar/index.js";
-import { Card } from "./Card/index.js";
-import { Alert } from "./Alert/index.js";
-import { Header, P } from "./Text/index.js";
-import { Modal } from "./Modal/index.js";
-import { Badge } from "./Badge/index.js";
-import { Divider } from "./Divider/index.js";
-import { Spinner } from "./Spinner/index.js";
-import { Tooltip } from "./Tooltip/index.js";
-import { Toggle } from "./Toggle/index.js";
-import { Checkbox } from "./Checkbox/index.js";
-import { Radio } from "./Radio/index.js";
-import { Select } from "./Select/index.js";
-import { Tabs } from "./Tabs/index.js";
-import { Avatar } from "./Avatar/index.js";
-import { Tag } from "./Tag/index.js";
-import { Breadcrumb } from "./Breadcrumb/index.js";
-import { Accordion } from "./Accordion/index.js";
-import { Progress } from "./Progress/index.js";
-import { Icon } from "./Icon/index.js";
-import { Toast, ToastProvider, useToast } from "./Toast/index.js";
-import Box from "./Box/index.js";
-import { Table } from "./Table/index.js";
-import { TextArea } from "./TextArea/index.js";
-import { Pagination } from "./Pagination/index.js";
-import { Skeleton } from "./Skeleton/index.js";
-import { Drawer } from "./Drawer/index.js";
-import { DropdownMenu } from "./DropdownMenu/index.js";
-import { Popover } from "./Popover/index.js";
-import { Stepper } from "./Stepper/index.js";
-import { Combobox } from "./Combobox/index.js";
-import { NumberInput } from "./NumberInput/index.js";
-import { FileUpload } from "./FileUpload/index.js";
-import { Stack } from "./Stack/index.js";
-import { Grid } from "./Grid/index.js";
-import { Container } from "./Container/index.js";
-import { AspectRatio } from "./AspectRatio/index.js";
-import { Collapse } from "./Collapse/index.js";
-import { VisuallyHidden } from "./VisuallyHidden/index.js";
-import { EmptyState } from "./EmptyState/index.js";
-import { Separator } from "./Separator/index.js";
-import { ScrollArea } from "./ScrollArea/index.js";
-import { Kbd } from "./Kbd/index.js";
-export { Accordion, Alert, AspectRatio, Avatar, Badge, Box, Breadcrumb, Button, Card, Checkbox, Collapse, Combobox, Container, Divider, Drawer, DropdownMenu, EmptyState, FileUpload, Form, FormInput, Grid, Header, Icon, Input, Kbd, List, ListItem, Modal, Navbar, NavbarItem, NumberInput, P, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Skeleton, Spinner, Stack, Stepper, Table, Tabs, Tag, TextArea, Toast, ToastProvider, Toggle, Tooltip, VisuallyHidden, useToast };
+export { Button } from './Button';
+export { List, ListItem } from './List';
+export { Input } from './Input';
+export { Form, FormInput } from './Form';
+export { Navbar, NavbarItem } from './Navbar';
+export { Card } from './Card';
+export { Alert } from './Alert';
+export { P, Header } from './Text';
+export { Modal } from './Modal';
+export { Badge } from './Badge';
+export { Divider } from './Divider';
+export { Spinner } from './Spinner';
+export { Tooltip } from './Tooltip';
+export { Toggle } from './Toggle';
+export { Checkbox } from './Checkbox';
+export { Radio } from './Radio';
+export { Select } from './Select';
+export { Tabs } from './Tabs';
+export { Avatar } from './Avatar';
+export { Tag } from './Tag';
+export { Breadcrumb } from './Breadcrumb';
+export { Accordion } from './Accordion';
+export { Progress } from './Progress';
+export { Icon } from './Icon';
+export { ToastProvider, Toast, useToast } from './Toast';
+export { default as Box } from './Box';
+export { Table } from './Table';
+export { TextArea } from './TextArea';
+export { Pagination } from './Pagination';
+export { Skeleton } from './Skeleton';
+export { Drawer } from './Drawer';
+export { DropdownMenu } from './DropdownMenu';
+export { Popover } from './Popover';
+export { Stepper } from './Stepper';
+export { Combobox } from './Combobox';
+export { NumberInput } from './NumberInput';
+export { FileUpload } from './FileUpload';
+export { Stack } from './Stack';
+export { Grid } from './Grid';
+export { Container } from './Container';
+export { AspectRatio } from './AspectRatio';
+export { Collapse } from './Collapse';
+export { VisuallyHidden } from './VisuallyHidden';
+export { EmptyState } from './EmptyState';
+export { Separator } from './Separator';
+export { ScrollArea } from './ScrollArea';
+export { Kbd } from './Kbd';

package/dist/index.js

@@ -1 +1 @@
-export * from "./components/index.js";
+export * from './components';

package/dist/styles/layers.css.js

@@ -1,4 +1,3 @@
-var componentsLayer = 'components';
-var themeLayer = 'theme';
-var resetLayer = 'reset';
-export { componentsLayer, resetLayer, themeLayer };
+export const resetLayer = 'reset';
+export const themeLayer = 'theme';
+export const componentsLayer = 'components';