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

package/dist/components/Drawer/Drawer.js

@@ -1,113 +1,65 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useEffect } from "react";
-import { drawer, drawerBody, drawerCloseButton, drawerFooter, drawerHeader, drawerOverlay, drawerPositionVariants, drawerTitle } from "./styles.css.js";
-import Box from "../Box/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useEffect } from 'react';
+import { drawer, drawerPositionVariants, drawerOverlay, drawerHeader, drawerTitle, drawerCloseButton, drawerBody, drawerFooter, } from './styles.css';
+import Box from '../Box';
 const sizeMap = {
     left: {
         small: '250px',
         medium: '350px',
         large: '450px',
-        full: '100vw'
+        full: '100vw',
     },
     right: {
         small: '250px',
         medium: '350px',
         large: '450px',
-        full: '100vw'
+        full: '100vw',
     },
     top: {
         small: '200px',
         medium: '300px',
         large: '400px',
-        full: '100vh'
+        full: '100vh',
     },
     bottom: {
         small: '200px',
         medium: '300px',
         large: '400px',
-        full: '100vh'
-    }
+        full: '100vh',
+    },
 };
-const Drawer = ({ isOpen, onClose, title, position = 'right', size = 'medium', children, footer, showCloseButton = true, closeOnOverlayClick = true, className, ...props })=>{
-    useEffect(()=>{
-        if (isOpen) document.body.style.overflow = 'hidden';
-        else document.body.style.overflow = '';
-        return ()=>{
+const Drawer = ({ isOpen, onClose, title, position = 'right', size = 'medium', children, footer, showCloseButton = true, closeOnOverlayClick = true, className, ...props }) => {
+    useEffect(() => {
+        if (isOpen) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = '';
+        }
+        return () => {
             document.body.style.overflow = '';
         };
-    }, [
-        isOpen
-    ]);
-    useEffect(()=>{
-        const handleEscape = (e)=>{
-            if ('Escape' === e.key && isOpen) onClose();
+    }, [isOpen]);
+    useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === 'Escape' && isOpen) {
+                onClose();
+            }
         };
         document.addEventListener('keydown', handleEscape);
-        return ()=>document.removeEventListener('keydown', handleEscape);
-    }, [
-        isOpen,
-        onClose
-    ]);
-    if (!isOpen) return null;
+        return () => document.removeEventListener('keydown', handleEscape);
+    }, [isOpen, onClose]);
+    if (!isOpen)
+        return null;
     const dimensionStyle = {
-        ['--drawer-width']: [
-            'left',
-            'right'
-        ].includes(position) ? sizeMap[position][size] : void 0,
-        ['--drawer-height']: [
-            'top',
-            'bottom'
-        ].includes(position) ? sizeMap[position][size] : void 0
+        ['--drawer-width']: ['left', 'right'].includes(position)
+            ? sizeMap[position][size]
+            : undefined,
+        ['--drawer-height']: ['top', 'bottom'].includes(position)
+            ? sizeMap[position][size]
+            : undefined,
     };
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx(Box, {
-                className: drawerOverlay,
-                onClick: closeOnOverlayClick ? onClose : void 0,
-                "aria-hidden": "true"
-            }),
-            /*#__PURE__*/ jsxs(Box, {
-                as: "div",
-                role: "dialog",
-                "aria-modal": "true",
-                className: clsx(drawer, drawerPositionVariants[position], className),
-                style: dimensionStyle,
-                ...props,
-                children: [
-                    title && /*#__PURE__*/ jsxs(Box, {
-                        as: "div",
-                        className: drawerHeader,
-                        children: [
-                            /*#__PURE__*/ jsx(Box, {
-                                as: "h2",
-                                className: drawerTitle,
-                                children: title
-                            }),
-                            showCloseButton && /*#__PURE__*/ jsx(Box, {
-                                as: "button",
-                                className: drawerCloseButton,
-                                onClick: onClose,
-                                "aria-label": "Close drawer",
-                                type: "button",
-                                children: "\xd7"
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsx(Box, {
-                        as: "div",
-                        className: drawerBody,
-                        children: children
-                    }),
-                    footer && /*#__PURE__*/ jsx(Box, {
-                        as: "div",
-                        className: drawerFooter,
-                        children: footer
-                    })
-                ]
-            })
-        ]
-    });
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { className: drawerOverlay, onClick: closeOnOverlayClick ? onClose : undefined, "aria-hidden": "true" }), _jsxs(Box, { as: "div", role: "dialog", "aria-modal": "true", className: clsx(drawer, drawerPositionVariants[position], className), style: dimensionStyle, ...props, children: [title && (_jsxs(Box, { as: "div", className: drawerHeader, children: [_jsx(Box, { as: "h2", className: drawerTitle, children: title }), showCloseButton && (_jsx(Box, { as: "button", className: drawerCloseButton, onClick: onClose, "aria-label": "Close drawer", type: "button", children: "\u00D7" }))] })), _jsx(Box, { as: "div", className: drawerBody, children: children }), footer && _jsx(Box, { as: "div", className: drawerFooter, children: footer })] })] }));
 };
-const Drawer_Drawer = Drawer;
-export { Drawer_Drawer as default };
+export default Drawer;

package/dist/components/Drawer/index.js

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

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

@@ -1,17 +1,125 @@
-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/Drawer/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/Drawer/styles.css.ts.vanilla.css\",\"source\":\"#H4sIAAAAAAAAA72VzY6bMBDH73mKuVTaSHFkSNJtyWWlvkT3tDJ4AHfBRrZJyFZ59wowH4Ek2lW3lRAy4_HMz39m7KdXPMWa5WjgxZMsOWxCCr8XALFWeTMAsJpJEyudB-0wYxZ_PhCP0i_L_QLgvACw6q4zdY7nxdM8ofe-hJ-Wz39PvuePbPD5fsLN-xJ-Wr7tNJ8qWCTsKQA6C99PeX3AjJ1QQ6TyQkmU1uwX6y7yrlllVeFCZRhbNwyVtSp3H0fBbRrAgekHQrhmR9Sksa1gQ2lRNfQ5q4hz9Cg9HGsbkyJnVigZjOqRrjcGkBkkqrT7xXng-Trh0SJJ_zmQdwfo8bZAY7YU248LntY4Bepca6L0BpF_h-hbQ3Qhxv-B2syhZqXVsPWo311NFsqINlYsKuT7xiikwY4UIGTRa6JVKTmJVKZ0ADoJ2QNdgXvWu2XreYVsC3Ttj8lqvzciJMcqgG3fJD0Yuwc2oHTSvWwzkyZvoSMIVUVMyrg6BkDBp0UF_q6ogNSvKba3XAEFr3ZqXled6HY5gd45XbgwRcZOAcQZVq2pHhEuNEYteqSyMpftnDqgjrMaLBWco5ztPOx2zjgXMgnAW_s7jXm3M81Rk664vKICozLBL3Vgy5tsLBOJJMJibgKIUFrU7cSv0lgRn0ikpEVpAzAFi5CEaI-IDj5hRQCeg7mgjhx1rKQlMctFdpr8m4NjajyMeMPJzhr70VX5V-rUdaV2EYm6SDnTiZCjI7an4Y5mXChSSRxrOLb0WtP1ABSV2tS5CyUGlZz-mnFRmtp_8zis-Cu5x5PXdu1d02_InQmJwyGxHy4y1z7T9h01pJB1T67gun0ubpDWRTyTmFyj7irx9n-cxI5VVBpyEEaEGXY3Zmnr7QXgT8rdnZjtGi1ksqr_mkZpf9T5XG63nKg4bg40v6hmifFu13VNS04BsNKqoc37W3wUK35PBzcX1sfbt-lAuh4V3ayQmtMHJb9bgOfF-Q-t5p9ZiQoAAA\"}!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/extracted.js";
-var drawerBody = '_1nagv3be';
-var drawerPositionVariants = {
-    left: '_1nagv3b5',
-    right: '_1nagv3b6',
-    top: '_1nagv3b7',
-    bottom: '_1nagv3b8'
-};
-var drawerFooter = '_1nagv3bf';
-var drawer = '_1nagv3ba';
-var drawerHeader = '_1nagv3bb';
-var drawerOverlay = '_1nagv3b9';
-var drawerTitle = '_1nagv3bc';
-var drawerCloseButton = '_1nagv3bd';
-export { drawer, drawerBody, drawerCloseButton, drawerFooter, drawerHeader, drawerOverlay, drawerPositionVariants, drawerTitle };
+import { styleVariants, keyframes } from '@vanilla-extract/css';
+import { vars } from '../../styles/theme.css';
+import { styleWithLayer } from '../../styles/utils';
+const slideInFromLeft = keyframes({
+    from: { transform: 'translateX(-100%)' },
+    to: { transform: 'translateX(0)' },
+});
+const slideInFromRight = keyframes({
+    from: { transform: 'translateX(100%)' },
+    to: { transform: 'translateX(0)' },
+});
+const slideInFromTop = keyframes({
+    from: { transform: 'translateY(-100%)' },
+    to: { transform: 'translateY(0)' },
+});
+const slideInFromBottom = keyframes({
+    from: { transform: 'translateY(100%)' },
+    to: { transform: 'translateY(0)' },
+});
+const fadeIn = keyframes({
+    from: { opacity: 0 },
+    to: { opacity: 1 },
+});
+export const drawerPositionVariants = styleVariants({
+    left: {
+        top: 0,
+        left: 0,
+        bottom: 0,
+        width: 'var(--drawer-width, 300px)',
+        maxWidth: '100vw',
+        animation: `${slideInFromLeft} 0.3s ease-out`,
+    },
+    right: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        width: 'var(--drawer-width, 300px)',
+        maxWidth: '100vw',
+        animation: `${slideInFromRight} 0.3s ease-out`,
+    },
+    top: {
+        top: 0,
+        left: 0,
+        right: 0,
+        height: 'var(--drawer-height, 300px)',
+        maxHeight: '100vh',
+        animation: `${slideInFromTop} 0.3s ease-out`,
+    },
+    bottom: {
+        bottom: 0,
+        left: 0,
+        right: 0,
+        height: 'var(--drawer-height, 300px)',
+        maxHeight: '100vh',
+        animation: `${slideInFromBottom} 0.3s ease-out`,
+    },
+});
+export const drawerOverlay = styleWithLayer({
+    position: 'fixed',
+    inset: 0,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    animation: `${fadeIn} 0.2s ease-out`,
+    zIndex: 40,
+});
+export const drawer = styleWithLayer({
+    position: 'fixed',
+    background: vars.colors.backgroundDefault,
+    boxShadow: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
+    zIndex: 50,
+    display: 'flex',
+    flexDirection: 'column',
+    overflow: 'hidden',
+});
+export const drawerHeader = styleWithLayer({
+    padding: '1.25rem',
+    borderBottom: `1px solid ${vars.colors.borderMuted}`,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: '1rem',
+});
+export const drawerTitle = styleWithLayer({
+    fontFamily: vars.fontFamily.heading,
+    fontSize: '1.25rem',
+    fontWeight: '600',
+    color: vars.colors.textPrimary,
+    margin: 0,
+});
+export const drawerCloseButton = styleWithLayer({
+    background: 'none',
+    border: 'none',
+    padding: '0.5rem',
+    cursor: 'pointer',
+    borderRadius: '0.375rem',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    color: vars.colors.textSecondary,
+    fontSize: '1.5rem',
+    lineHeight: '1',
+    transition: 'background-color 0.2s ease-in-out, color 0.2s ease-in-out',
+    selectors: {
+        '&:hover': {
+            backgroundColor: vars.colors.borderMuted,
+            color: vars.colors.textPrimary,
+        },
+        '&:focus-visible': {
+            outline: '2px solid var(--drawer-focus-ring, currentColor)',
+            outlineOffset: '2px',
+        },
+    },
+});
+export const drawerBody = styleWithLayer({
+    padding: '1.25rem',
+    overflowY: 'auto',
+    flex: 1,
+});
+export const drawerFooter = styleWithLayer({
+    padding: '1.25rem',
+    borderTop: `1px solid ${vars.colors.borderMuted}`,
+    display: 'flex',
+    gap: '0.75rem',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+});

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -19,5 +19,5 @@ export interface DropdownMenuProps extends React.HTMLAttributes<HTMLDivElement>
     position?: DropdownMenuPosition;
     closeOnItemClick?: boolean;
 }
-declare const DropdownMenu: ({ trigger, items, groups, position, closeOnItemClick, className, ...props }: DropdownMenuProps) => React.JSX.Element;
+declare const DropdownMenu: ({ trigger, items, groups, position, closeOnItemClick, className, ...props }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default DropdownMenu;

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,98 +1,43 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import react, { useEffect, useRef, useState } from "react";
-import { dropdownMenuContainer, dropdownMenuContent, dropdownMenuGroup, dropdownMenuItem, dropdownMenuItemVariants, dropdownMenuLabel, dropdownMenuPositionVariants, dropdownMenuSeparator, dropdownMenuTrigger } from "./styles.css.js";
-import Box from "../Box/index.js";
-const DropdownMenu = ({ trigger, items = [], groups = [], position = 'bottomLeft', closeOnItemClick = true, className, ...props })=>{
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import React, { useState, useRef, useEffect } from 'react';
+import { dropdownMenuContainer, dropdownMenuTrigger, dropdownMenuContent, dropdownMenuPositionVariants, dropdownMenuItem, dropdownMenuItemVariants, dropdownMenuSeparator, dropdownMenuGroup, dropdownMenuLabel, } from './styles.css';
+import Box from '../Box';
+const DropdownMenu = ({ trigger, items = [], groups = [], position = 'bottomLeft', closeOnItemClick = true, className, ...props }) => {
     const [isOpen, setIsOpen] = useState(false);
     const containerRef = useRef(null);
-    useEffect(()=>{
-        const handleClickOutside = (event)=>{
-            if (containerRef.current && !containerRef.current.contains(event.target)) setIsOpen(false);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (containerRef.current && !containerRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
         };
-        if (isOpen) document.addEventListener('mousedown', handleClickOutside);
-        return ()=>{
+        if (isOpen) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
             document.removeEventListener('mousedown', handleClickOutside);
         };
-    }, [
-        isOpen
-    ]);
-    useEffect(()=>{
-        const handleEscape = (e)=>{
-            if ('Escape' === e.key && isOpen) setIsOpen(false);
+    }, [isOpen]);
+    useEffect(() => {
+        const handleEscape = (e) => {
+            if (e.key === 'Escape' && isOpen) {
+                setIsOpen(false);
+            }
         };
         document.addEventListener('keydown', handleEscape);
-        return ()=>document.removeEventListener('keydown', handleEscape);
-    }, [
-        isOpen
-    ]);
-    const handleItemClick = (item)=>{
-        if (item.disabled || 'disabled' === item.variant) return;
+        return () => document.removeEventListener('keydown', handleEscape);
+    }, [isOpen]);
+    const handleItemClick = (item) => {
+        if (item.disabled || item.variant === 'disabled')
+            return;
         item.onClick?.();
-        if (closeOnItemClick) setIsOpen(false);
+        if (closeOnItemClick) {
+            setIsOpen(false);
+        }
     };
-    const renderItem = (item, index)=>/*#__PURE__*/ jsxs(Box, {
-            as: "button",
-            className: clsx(dropdownMenuItem, dropdownMenuItemVariants[item.disabled || 'disabled' === item.variant ? 'disabled' : item.variant || 'default']),
-            onClick: ()=>handleItemClick(item),
-            disabled: item.disabled || 'disabled' === item.variant,
-            role: "menuitem",
-            type: "button",
-            children: [
-                item.icon && /*#__PURE__*/ jsx("span", {
-                    children: item.icon
-                }),
-                item.label
-            ]
-        }, index);
-    const renderGroup = (group, index)=>/*#__PURE__*/ jsxs(Box, {
-            className: dropdownMenuGroup,
-            role: "group",
-            children: [
-                group.label && /*#__PURE__*/ jsx(Box, {
-                    as: "div",
-                    className: dropdownMenuLabel,
-                    role: "presentation",
-                    children: group.label
-                }),
-                group.items.map((item, itemIndex)=>renderItem(item, itemIndex))
-            ]
-        }, index);
-    return /*#__PURE__*/ jsxs(Box, {
-        ref: containerRef,
-        className: clsx(dropdownMenuContainer, className),
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx(Box, {
-                className: dropdownMenuTrigger,
-                onClick: ()=>setIsOpen(!isOpen),
-                "aria-expanded": isOpen,
-                "aria-haspopup": "true",
-                children: trigger
-            }),
-            isOpen && /*#__PURE__*/ jsxs(Box, {
-                className: clsx(dropdownMenuContent, dropdownMenuPositionVariants[position]),
-                role: "menu",
-                "aria-orientation": "vertical",
-                children: [
-                    items.length > 0 && /*#__PURE__*/ jsx(Box, {
-                        className: dropdownMenuGroup,
-                        children: items.map((item, index)=>renderItem(item, index))
-                    }),
-                    groups.map((group, index)=>/*#__PURE__*/ jsxs(react.Fragment, {
-                            children: [
-                                index > 0 && /*#__PURE__*/ jsx(Box, {
-                                    as: "div",
-                                    className: dropdownMenuSeparator,
-                                    role: "separator"
-                                }),
-                                renderGroup(group, index)
-                            ]
-                        }, index))
-                ]
-            })
-        ]
-    });
+    const renderItem = (item, index) => (_jsxs(Box, { as: "button", className: clsx(dropdownMenuItem, dropdownMenuItemVariants[item.disabled || item.variant === 'disabled' ? 'disabled' : item.variant || 'default']), onClick: () => handleItemClick(item), disabled: item.disabled || item.variant === 'disabled', role: "menuitem", type: "button", children: [item.icon && _jsx("span", { children: item.icon }), item.label] }, index));
+    const renderGroup = (group, index) => (_jsxs(Box, { className: dropdownMenuGroup, role: "group", children: [group.label && (_jsx(Box, { as: "div", className: dropdownMenuLabel, role: "presentation", children: group.label })), group.items.map((item, itemIndex) => renderItem(item, itemIndex))] }, index));
+    return (_jsxs(Box, { ref: containerRef, className: clsx(dropdownMenuContainer, className), ...props, children: [_jsx(Box, { className: dropdownMenuTrigger, onClick: () => setIsOpen(!isOpen), "aria-expanded": isOpen, "aria-haspopup": "true", children: trigger }), isOpen && (_jsxs(Box, { className: clsx(dropdownMenuContent, dropdownMenuPositionVariants[position]), role: "menu", "aria-orientation": "vertical", children: [items.length > 0 && (_jsx(Box, { className: dropdownMenuGroup, children: items.map((item, index) => renderItem(item, index)) })), groups.map((group, index) => (_jsxs(React.Fragment, { children: [index > 0 && _jsx(Box, { as: "div", className: dropdownMenuSeparator, role: "separator" }), renderGroup(group, index)] }, index)))] }))] }));
 };
-const DropdownMenu_DropdownMenu = DropdownMenu;
-export { DropdownMenu_DropdownMenu as default };
+export default DropdownMenu;

package/dist/components/DropdownMenu/index.js

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

package/dist/components/DropdownMenu/styles.css.d.ts

@@ -1,7 +1,7 @@
 export declare const dropdownMenuContainer: string;
 export declare const dropdownMenuTrigger: string;
 export declare const dropdownMenuContent: string;
-export declare const dropdownMenuPositionVariants: Record<"bottomLeft" | "bottomRight" | "topLeft" | "topRight", string>;
+export declare const dropdownMenuPositionVariants: Record<"topLeft" | "topRight" | "bottomLeft" | "bottomRight", string>;
 export declare const dropdownMenuItem: string;
 export declare const dropdownMenuItemVariants: Record<"default" | "disabled" | "destructive", string>;
 export declare const dropdownMenuSeparator: string;

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

@@ -1,22 +1,93 @@
-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/DropdownMenu/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/DropdownMenu/styles.css.ts.vanilla.css\",\"source\":\"#H4sIAAAAAAAAA51U0W6jMBB8z1fsy0mNVFcmDanqvPRPTgZvwFdjW7ZJSE7595PBNCShF91JvLDMzI53Fn8ofkQHpWms0aiD3y5eTnvp380r_F4ABGMZZJT-2C4AFO4CA7pdnEfQ-h7kZFXfoPIeVZgQTDOjBtBwV0lNep1pYaTQl1XusJlIbmYlL73_R_O91yyNMo7BnrsnQn6ula-rk1pOYaw2e3SDAV5-Vs60WpA53q8pj_cMY3kpwzH2z6OrsnU-8rQJhCtlDiimnL_2Co5rb7lDHSLn4zbLnpaUaP8CYI2XQRrNwKHiQe5x29eF9FbxIwOpldRICmXKz_jpfNHIksbo2RqpA7pBoPXoiEeFZYin0XhDXt0Z4IU3qg3JwINRFssEM06gY5DZDrxRUlzD3q9gxHEhW98Pu896-NQRX3NhDgwoZNR2kOW2A_JqO3BVwZ_oM6TnJVs-A4W17WATIasZCM1Tz0ZqcpAi1AyyDbXdUD0RqQV2DHI6FGKgOxW711II1Ik8XddxNa8G-DYOkAshdRVhbxEG2dfRZoP5SnanMHniSlaayICNZ1DiBVtxez2sndGBeHlCBtl6PNJcPjQNod_JFPBtpHGeuQfk_nY53iZ7_nAVyuUde2fK1pO99LJQmFRMG-ImX5bx34WLJFXjcLFk4wQeCPHlNNRxosM1NJEv7xOdxYlvcNlsTKvRZF88JOsbSr8PLxvDwy6QPsGdcQ2D1lp0ZYor3tghxJ88XmGDDZqPa3r-A9VSslhKBgAA\"}!../../../../../node_modules/.pnpm/@vanilla-extract+webpack-plugin@2.3.25_webpack@5.104.1/node_modules/@vanilla-extract/webpack-plugin/extracted.js";
-var dropdownMenuLabel = 'zvis9od';
-var dropdownMenuSeparator = 'zvis9ob';
-var dropdownMenuContainer = 'zvis9o0';
-var dropdownMenuGroup = 'zvis9oc';
-var dropdownMenuItemVariants = {
-    default: 'zvis9o8',
-    destructive: 'zvis9o9',
-    disabled: 'zvis9oa'
-};
-var dropdownMenuContent = 'zvis9o2';
-var dropdownMenuPositionVariants = {
-    bottomLeft: 'zvis9o3',
-    bottomRight: 'zvis9o4',
-    topLeft: 'zvis9o5',
-    topRight: 'zvis9o6'
-};
-var dropdownMenuItem = 'zvis9o7';
-var dropdownMenuTrigger = 'zvis9o1';
-export { dropdownMenuContainer, dropdownMenuContent, dropdownMenuGroup, dropdownMenuItem, dropdownMenuItemVariants, dropdownMenuLabel, dropdownMenuPositionVariants, dropdownMenuSeparator, dropdownMenuTrigger };
+import { styleVariants } from '@vanilla-extract/css';
+import { vars } from '../../styles/theme.css';
+import { styleWithLayer } from '../../styles/utils';
+export const dropdownMenuContainer = styleWithLayer({
+    position: 'relative',
+    display: 'inline-block',
+});
+export const dropdownMenuTrigger = styleWithLayer({
+    cursor: 'pointer',
+    userSelect: 'none',
+});
+export const dropdownMenuContent = styleWithLayer({
+    position: 'absolute',
+    backgroundColor: vars.colors.backgroundDefault,
+    border: `1px solid ${vars.colors.borderDefault}`,
+    borderRadius: '0.5rem',
+    boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+    minWidth: '160px',
+    zIndex: 50,
+    overflow: 'hidden',
+    marginTop: '0.25rem',
+});
+export const dropdownMenuPositionVariants = styleVariants({
+    bottomLeft: {
+        top: '100%',
+        left: 0,
+    },
+    bottomRight: {
+        top: '100%',
+        right: 0,
+    },
+    topLeft: {
+        bottom: '100%',
+        left: 0,
+        marginTop: 0,
+        marginBottom: '0.25rem',
+    },
+    topRight: {
+        bottom: '100%',
+        right: 0,
+        marginTop: 0,
+        marginBottom: '0.25rem',
+    },
+});
+export const dropdownMenuItem = styleWithLayer({
+    padding: '0.75rem 1rem',
+    cursor: 'pointer',
+    display: 'flex',
+    alignItems: 'center',
+    gap: '0.5rem',
+    fontSize: '14px',
+    color: vars.colors.textPrimary,
+    transition: 'background-color 0.15s ease',
+    ':hover': {
+        backgroundColor: vars.colors.backgroundMuted,
+    },
+    ':focus-visible': {
+        outline: 'none',
+        backgroundColor: vars.colors.backgroundMuted,
+    },
+});
+export const dropdownMenuItemVariants = styleVariants({
+    default: {},
+    destructive: {
+        color: vars.colors.alertErrorText,
+        ':hover': {
+            backgroundColor: vars.colors.alertErrorBackground,
+        },
+    },
+    disabled: {
+        opacity: 0.5,
+        cursor: 'not-allowed',
+        ':hover': {
+            backgroundColor: 'transparent',
+        },
+    },
+});
+export const dropdownMenuSeparator = styleWithLayer({
+    height: '1px',
+    backgroundColor: vars.colors.borderMuted,
+    margin: '0.5rem 0',
+});
+export const dropdownMenuGroup = styleWithLayer({
+    padding: '0.5rem 0',
+});
+export const dropdownMenuLabel = styleWithLayer({
+    padding: '0.5rem 1rem',
+    fontSize: '12px',
+    fontWeight: '600',
+    color: vars.colors.textSecondary,
+    textTransform: 'uppercase',
+    letterSpacing: '0.05em',
+});

package/dist/components/EmptyState/EmptyState.d.ts

@@ -6,5 +6,5 @@ export interface EmptyStateProps {
     action?: React.ReactNode;
     className?: string;
 }
-declare const EmptyState: ({ icon, title, description, action, className, }: EmptyStateProps) => React.JSX.Element;
+declare const EmptyState: ({ icon, title, description, action, className, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
 export default EmptyState;