@kimdw-rtk/ui 0.0.18 → 0.0.21

package/dist/hooks/useRipple/index.js

@@ -0,0 +1,111 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { useRef, useEffect, useMemo } from 'react';
+import { ripple, colorVar } from './ripple.css.js';
+
+const useRipple = (ref) => {
+    const rippleRef = useRef(null);
+    useEffect(() => {
+        let element = null;
+        if (!ref) {
+            return;
+        }
+        if (typeof ref === 'function') {
+            ref(element);
+        }
+        else {
+            element = ref.current;
+        }
+        const ripple$1 = rippleRef.current;
+        let timer;
+        let isAnimationPending = false;
+        let isFadeIn = false, isMouseDown = false, isTransitionEnd = true;
+        if (!ripple$1 || !element) {
+            return;
+        }
+        const clearTimer = () => {
+            clearTimeout(timer);
+            isAnimationPending = false;
+        };
+        const runAnimation = (x, y) => {
+            const width = element.clientWidth / 2 + Math.abs(element.clientWidth / 2 - x), height = element.clientHeight / 2 + Math.abs(element.clientHeight / 2 - y);
+            const size = Math.round(Math.sqrt(width ** 2 + height ** 2) * 2);
+            ripple$1.style.width = `${size}px`;
+            ripple$1.style.height = `${size}px`;
+            ripple$1.style.left = `${x}px`;
+            ripple$1.style.top = `${y}px`;
+            ripple$1.style.boxShadow = `${colorVar} 0 0 ${size / 10}px ${size / 10}px`;
+            ripple$1.className = ripple({ animation: false });
+            ripple$1.className = ripple({ animation: true });
+            ripple$1.style.opacity = '1';
+            isAnimationPending = false;
+            isFadeIn = true;
+            isTransitionEnd = false;
+        };
+        const handleClick = (e) => {
+            if (!isAnimationPending) {
+                return;
+            }
+            if (element instanceof HTMLButtonElement && element.disabled) {
+                return;
+            }
+            clearTimer();
+            runAnimation(e.offsetX, e.offsetY);
+        };
+        const handlePointerDown = (e) => {
+            if (e.button !== 0 || !ripple$1 || !isTransitionEnd) {
+                return;
+            }
+            if (element instanceof HTMLButtonElement && element.disabled) {
+                return;
+            }
+            isMouseDown = true;
+            if (e.pointerType === 'mouse') {
+                runAnimation(e.offsetX, e.offsetY);
+                return;
+            }
+            clearTimer();
+            isAnimationPending = true;
+            timer = setTimeout(() => runAnimation(e.offsetX, e.offsetY), 100);
+        };
+        const handlePointerUp = () => {
+            if (!isMouseDown) {
+                return;
+            }
+            clearTimer();
+            if (!isFadeIn) {
+                ripple$1.style.opacity = '0';
+                isFadeIn = false;
+            }
+            isMouseDown = false;
+        };
+        const handleTransitionEnd = (e) => {
+            if (e.propertyName === 'opacity' && isFadeIn) {
+                if (!isMouseDown) {
+                    ripple$1.style.opacity = '0';
+                }
+                isFadeIn = false;
+                return;
+            }
+            if (e.propertyName === 'transform' && !isFadeIn) {
+                isTransitionEnd = true;
+            }
+        };
+        element.addEventListener('click', handleClick);
+        element.addEventListener('pointerdown', handlePointerDown);
+        element.addEventListener('pointerup', handlePointerUp);
+        element.addEventListener('pointerleave', handlePointerUp);
+        ripple$1.addEventListener('transitionend', handleTransitionEnd);
+        return () => {
+            element.removeEventListener('click', handleClick);
+            element.removeEventListener('pointerdown', handlePointerDown);
+            element.removeEventListener('pointerup', handlePointerUp);
+            element.removeEventListener('pointerleave', handlePointerUp);
+            ripple$1.removeEventListener('transitionend', handleTransitionEnd);
+        };
+    }, [ref, rippleRef]);
+    return useMemo(() => ({
+        ripple: (jsxRuntimeExports.jsx("div", { ref: rippleRef, className: ripple({ animation: false }) })),
+    }), [rippleRef]);
+};
+
+export { useRipple };

package/dist/hooks/useRipple/ripple.css.d.ts

@@ -1,7 +1,5 @@
-import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
-
-declare const colorVar: `var(--${string})`;
-declare const ripple: _vanilla_extract_recipes.RuntimeFn<{
+export declare const colorVar: `var(--${string})`;
+export declare const ripple: import("@vanilla-extract/recipes").RuntimeFn<{
     animation: {
         true: {
             transition: "opacity 0.25s linear, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)";
@@ -12,5 +10,4 @@ declare const ripple: _vanilla_extract_recipes.RuntimeFn<{
         };
     };
 }>;
-
-export { colorVar, ripple };
+//# sourceMappingURL=ripple.css.d.ts.map

package/dist/hooks/useRipple/ripple.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.css.d.ts","sourceRoot":"","sources":["../../../src/hooks/useRipple/ripple.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,oBAAc,CAAC;AAEpC,eAAO,MAAM,MAAM;;;;;;;;;;EAgCjB,CAAC"}

package/dist/hooks/useRipple/ripple.css.js

@@ -0,0 +1,33 @@
+import { createVar } from '../../node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+import { recipe } from '../../node_modules/.pnpm/@vanilla-extract_recipes@0.5.7_@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0_/node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.esm.js';
+import { theme } from '../../themes/theme.css.js';
+
+const colorVar = createVar();
+const ripple = recipe({
+    base: {
+        position: 'absolute',
+        left: '0',
+        top: '0',
+        borderRadius: '50%',
+        backgroundColor: colorVar,
+        opacity: '0',
+        transformOrigin: 'center center',
+        pointerEvents: 'none',
+        vars: {
+            [colorVar]: `color-mix(in srgb, rgba(${theme.color.accent}, 0.2) 20%, rgba(${theme.color.foreground}, 0.2) 80%)`,
+        },
+    },
+    variants: {
+        animation: {
+            true: {
+                transition: 'opacity 0.25s linear, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)',
+                transform: 'translate(-50%, -50%) scale(1, 1)',
+            },
+            false: {
+                transform: 'translate(-50%, -50%) scale(0.1, 0.1)',
+            },
+        },
+    },
+});
+
+export { colorVar, ripple };

package/dist/hooks/useToast/ToastContainer.css.d.ts

@@ -1,3 +1,2 @@
-declare const container: string;
-
-export { container };
+export declare const container: string;
+//# sourceMappingURL=ToastContainer.css.d.ts.map

package/dist/hooks/useToast/ToastContainer.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.css.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToast/ToastContainer.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,QASpB,CAAC"}

package/dist/hooks/useToast/ToastContainer.css.js

@@ -0,0 +1,13 @@
+import { style } from '../../node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+
+const container = style({
+    display: 'flex',
+    alignItems: 'flex-end',
+    flexDirection: 'column-reverse',
+    position: 'fixed',
+    right: '1rem',
+    bottom: '1rem',
+    left: '1rem',
+});
+
+export { container };

package/dist/hooks/useToast/ToastContainer.d.ts

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
+import type { ReactNode } from 'react';
 interface ToastContainerProps {
     children: ReactNode;
 }
-declare const ToastContainer: ({ children }: ToastContainerProps) => react_jsx_runtime.JSX.Element;
-
-export { ToastContainer };
+export declare const ToastContainer: ({ children }: ToastContainerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToastContainer.d.ts.map

package/dist/hooks/useToast/ToastContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToast/ToastContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,4CAE/D,CAAC"}

package/dist/hooks/useToast/ToastContainer.js

@@ -0,0 +1,8 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { container } from './ToastContainer.css.js';
+
+const ToastContainer = ({ children }) => {
+    return jsxRuntimeExports.jsx("div", { className: container, children: children });
+};
+
+export { ToastContainer };

package/dist/hooks/useToast/ToastProvider.d.ts

@@ -1,14 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ComponentProps, ReactNode } from 'react';
-import { Toast } from '../../components/Toast/index.js';
-import '../../types/ui.types.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.js';
-import '../../Toast.css-Bm98ZkjT.js';
-
-interface ToastData {
+import { type ComponentProps, type ReactNode } from 'react';
+import { Toast } from '@/components';
+export interface ToastData {
     id: number;
     color?: ComponentProps<typeof Toast>['color'];
     message: string;
@@ -20,11 +12,11 @@ interface ToastContextType {
     push: (data: Omit<ToastData, 'id'>) => number;
     remove: (id: number) => void;
 }
-declare const ToastContext: react.Context<ToastContextType | undefined>;
+export declare const ToastContext: import("react").Context<ToastContextType | undefined>;
 interface ToastProviderProps {
     children: ReactNode;
     defaultDuration?: number;
 }
-declare const ToastProvider: ({ children, defaultDuration, }: ToastProviderProps) => react_jsx_runtime.JSX.Element;
-
-export { ToastContext, type ToastData, ToastProvider };
+export declare const ToastProvider: ({ children, defaultDuration, }: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/hooks/useToast/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToast/ToastProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAIrC,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,MAAM,CAAC;IAC9C,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,uDAExB,CAAC;AAEF,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAID,eAAO,MAAM,aAAa,GAAI,gCAG3B,kBAAkB,4CAoFpB,CAAC"}

package/dist/hooks/useToast/ToastProvider.js

@@ -0,0 +1,49 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { createContext, useState, useRef, useCallback, useMemo } from 'react';
+import { TransitionGroup, CSSTransition } from '@kimdw-rtk/utils';
+import { ToastContainer } from './ToastContainer.js';
+import { Toast } from '../../components/Toast/index.js';
+
+const ToastContext = createContext(undefined);
+const DEFAULT_TOAST_DURATION = 5000;
+const ToastProvider = ({ children, defaultDuration = DEFAULT_TOAST_DURATION, }) => {
+    const [toasts, setToasts] = useState([]);
+    const idRef = useRef(0);
+    const remove = useCallback((id) => {
+        setToasts((prev) => prev.filter((toast) => toast.id !== id));
+    }, []);
+    const push = useCallback(({ color, message, autoClose = true, duration = defaultDuration, onClick, }) => {
+        const id = ++idRef.current;
+        setToasts((prev) => [
+            ...prev,
+            { id, color, message, autoClose, duration, onClick },
+        ]);
+        if (!autoClose) {
+            return id;
+        }
+        // autoClose가 true면, 일정 시간이 지난 후 toast 제거
+        setTimeout(() => {
+            remove(id);
+        }, duration);
+        return id;
+    }, [defaultDuration, remove]);
+    const handleToastClick = (toast) => {
+        // onClick 이벤트가 정의되어 있지 않으면 기본적으로 toast를 닫도록 한다.
+        if (toast.onClick === undefined) {
+            remove(toast.id);
+            return;
+        }
+        toast.onClick(toast.id);
+    };
+    return (jsxRuntimeExports.jsxs(ToastContext.Provider, { value: useMemo(() => ({ push, remove }), [push, remove]), children: [children, jsxRuntimeExports.jsx(ToastContainer, { children: jsxRuntimeExports.jsx(TransitionGroup, { children: toasts.map((toast) => (jsxRuntimeExports.jsx(CSSTransition, { as: "div", initial: {
+                            opacity: 0,
+                            transform: 'translateY(1rem)',
+                            height: '0',
+                        }, animate: {
+                            opacity: 1,
+                            transform: 'translateY(0)',
+                            height: '3.5rem',
+                        }, exit: { opacity: 0, height: '0' }, duration: 500, style: { display: 'flex', flexDirection: 'column-reverse' }, children: jsxRuntimeExports.jsx(Toast, { color: toast.color, duration: toast.autoClose ? toast.duration : 0, onClick: () => handleToastClick(toast), children: toast.message }) }, toast.id))) }) })] }));
+};
+
+export { ToastContext, ToastProvider };

package/dist/hooks/useToast/index.d.ts

@@ -1,16 +1,5 @@
-import { ToastData } from './ToastProvider.js';
-import 'react/jsx-runtime';
-import 'react';
-import '../../components/Toast/index.js';
-import '../../types/ui.types.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.js';
-import '../../Toast.css-Bm98ZkjT.js';
-
-declare const useToast: () => {
-    push: (data: Omit<ToastData, "id">) => number;
+export declare const useToast: () => {
+    push: (data: Omit<import("./ToastProvider").ToastData, "id">) => number;
     remove: (id: number) => void;
 };
-
-export { useToast };
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useToast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToast/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;CAUpB,CAAC"}

package/dist/hooks/useToast/index.js

@@ -0,0 +1,13 @@
+import { useContext, useMemo } from 'react';
+import { ToastContext } from './ToastProvider.js';
+
+const useToast = () => {
+    const toastContext = useContext(ToastContext);
+    if (!toastContext) {
+        throw new Error('useToast must be used within a ToastProvider');
+    }
+    const { push, remove } = toastContext;
+    return useMemo(() => ({ push, remove }), [push, remove]);
+};
+
+export { useToast };

package/dist/index.d.ts

@@ -1,77 +1,9 @@
-export { Accordion } from './components/Accordion/Accordion.js';
-export { AccordionContent } from './components/Accordion/AccordionContent.js';
-export { AccordionTrigger } from './components/Accordion/AccordionTrigger.js';
-export { Alert } from './components/Alert/index.js';
-export { Box } from './components/Box/index.js';
-export { Button } from './components/Button/index.js';
-export { Card } from './components/Card/Card.js';
-export { CardContent } from './components/Card/CardContent.js';
-export { CardInteraction } from './components/Card/CardInteraction.js';
-export { CardThumbnail } from './components/Card/CardThumbnail.js';
-export { Chip } from './components/Chip/Chip.js';
-export { Confirm } from './components/Confirm/index.js';
-export { Dialog } from './components/Dialog/Dialog.js';
-export { DialogContent } from './components/Dialog/DialogContent.js';
-export { DialogFooter } from './components/Dialog/DialogFooter.js';
-export { DialogHeader } from './components/Dialog/DialogHeader.js';
-export { NavigationAside } from './components/Navigation/NavigationAside.js';
-export { NavigationBar } from './components/Navigation/NavigationBar.js';
-export { NavigationContainer } from './components/Navigation/NavigationContainer.js';
-export { NavigationDrawer } from './components/Navigation/NavigationDrawer.js';
-export { NavigationItem } from './components/Navigation/NavigationItem.js';
-export { NavigationLogo } from './components/Navigation/NavigationLogo.js';
-export { NavigationMenu } from './components/Navigation/NavigationMenu.js';
-export { Range } from './components/Range/Range.js';
-export { ScrollArea } from './components/ScrollArea/ScrollArea.js';
-export { Select } from './components/Select/Select.js';
-export { SelectOption } from './components/Select/SelectOption.js';
-export { Skeleton } from './components/Skeleton/index.js';
-export { Table } from './components/Table/Table.js';
-export { TableBody } from './components/Table/TableBody.js';
-export { TableCell } from './components/Table/TableCell.js';
-export { TableHead } from './components/Table/TableHead.js';
-export { TableHeader } from './components/Table/TableHeader.js';
-export { TableRow } from './components/Table/TableRow.js';
-export { Tabs } from './components/Tabs/Tabs.js';
-export { TabsContent } from './components/Tabs/TabsContent.js';
-export { TabsList } from './components/Tabs/TabsList.js';
-export { TabsTrigger } from './components/Tabs/TabsTrigger.js';
-export { TextField } from './components/TextField/index.js';
-export { Toast } from './components/Toast/index.js';
-export { Typography } from './components/Typography/index.js';
-export { UIProvider } from './contexts/UIProvider.js';
-export { useDialog } from './hooks/useDialog/index.js';
-export { usePointerSlider } from './hooks/usePointerSlider/index.js';
-export { useRipple } from './hooks/useRipple/index.js';
-export { useToast } from './hooks/useToast/index.js';
-export { ToastContext, ToastData, ToastProvider } from './hooks/useToast/ToastProvider.js';
-export { componentsLayer, sprinklesLayer } from './styles/layers.css.js';
-export { SprinklesProps, boxProperties, colorProperties, miscProperties, sprinkles, typographyProperties } from './styles/sprinkles.css.js';
-export { sx } from './styles/sx.js';
-export { darkThemeVars } from './themes/darkTheme.css.js';
-export { lightThemeVars } from './themes/lightTheme.css.js';
-export { theme } from './themes/theme.css.js';
-export { RecipeVariantsProps, UIComponent } from './types/ui.types.js';
-export { filterSprinkles, omitSprinkles } from './utils/sprinklesUtils.js';
-export { B as buttonCss } from './Button.css-CzeAAfQg.js';
-export { C as cardCss } from './Card.css-CotPlKu4.js';
-export { C as chipCss } from './Chip.css-lxhSCCWQ.js';
-export { N as navigationBarCss } from './NavigationBar.css-Dryo_NT0.js';
-export { N as navigationMenuCss } from './NavigationMenu.css-B_dOkuGn.js';
-export { R as rangeCss } from './Range.css-DcxHoAAm.js';
-export { S as scrollAreaCss } from './ScrollArea.css-CNx8Yliu.js';
-export { S as selectCss } from './Select.css-BlJORB-N.js';
-export { T as tableCss } from './Table.css-5Pm2Q-3j.js';
-export { T as textFieldCss } from './TextField.css-DmXBuD66.js';
-export { T as toastCss } from './Toast.css-Bm98ZkjT.js';
-export { T as typographyCss } from './Typography.css-Fgk6uUbK.js';
-import 'react';
-import './components/Accordion/Accordion.css.js';
-import '@vanilla-extract/recipes';
-import 'react/jsx-runtime';
-import './components/Box/Box.css.js';
-import './components/Navigation/NavigationItem.css.js';
-import './components/Select/SelectTrigger.js';
-import './components/Select/SelectTrigger.css.js';
-import '@kimdw-rtk/utils';
-import '@vanilla-extract/css';
+export * from './components';
+export * from './contexts';
+export * from './hooks';
+export * from './styles';
+export * from './styles/globalStyle.css';
+export * from './themes';
+export * from './types';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,78 @@
+export { Accordion } from './components/Accordion/Accordion.js';
+export { AccordionContent } from './components/Accordion/AccordionContent.js';
+export { AccordionTrigger } from './components/Accordion/AccordionTrigger.js';
+export { Alert } from './components/Alert/index.js';
+export { Box } from './components/Box/index.js';
+export { Button } from './components/Button/index.js';
+import * as Button_css from './components/Button/Button.css.js';
+export { Button_css as buttonCss };
+export { Card } from './components/Card/Card.js';
+import * as Card_css from './components/Card/Card.css.js';
+export { Card_css as cardCss };
+export { CardContent } from './components/Card/CardContent.js';
+export { CardInteraction } from './components/Card/CardInteraction.js';
+export { CardThumbnail } from './components/Card/CardThumbnail.js';
+export { Chip } from './components/Chip/Chip.js';
+import * as Chip_css from './components/Chip/Chip.css.js';
+export { Chip_css as chipCss };
+export { Confirm } from './components/Confirm/index.js';
+export { Dialog } from './components/Dialog/Dialog.js';
+export { DialogContent } from './components/Dialog/DialogContent.js';
+export { DialogFooter } from './components/Dialog/DialogFooter.js';
+export { DialogHeader } from './components/Dialog/DialogHeader.js';
+export { NavigationAside } from './components/Navigation/NavigationAside.js';
+export { NavigationBar } from './components/Navigation/NavigationBar.js';
+import * as NavigationBar_css from './components/Navigation/NavigationBar.css.js';
+export { NavigationBar_css as navigationBarCss };
+export { NavigationContainer } from './components/Navigation/NavigationContainer.js';
+export { NavigationDrawer } from './components/Navigation/NavigationDrawer.js';
+export { NavigationItem } from './components/Navigation/NavigationItem.js';
+export { NavigationLogo } from './components/Navigation/NavigationLogo.js';
+export { NavigationMenu } from './components/Navigation/NavigationMenu.js';
+import * as NavigationMenu_css from './components/Navigation/NavigationMenu.css.js';
+export { NavigationMenu_css as navigationMenuCss };
+export { Range } from './components/Range/Range.js';
+import * as Range_css from './components/Range/Range.css.js';
+export { Range_css as rangeCss };
+export { ScrollArea } from './components/ScrollArea/ScrollArea.js';
+import * as ScrollArea_css from './components/ScrollArea/ScrollArea.css.js';
+export { ScrollArea_css as scrollAreaCss };
+export { Select } from './components/Select/Select.js';
+import * as Select_css from './components/Select/Select.css.js';
+export { Select_css as selectCss };
+export { SelectOption } from './components/Select/SelectOption.js';
+export { Skeleton } from './components/Skeleton/index.js';
+export { Table } from './components/Table/Table.js';
+import * as Table_css from './components/Table/Table.css.js';
+export { Table_css as tableCss };
+export { TableBody } from './components/Table/TableBody.js';
+export { TableCell } from './components/Table/TableCell.js';
+export { TableHead } from './components/Table/TableHead.js';
+export { TableHeader } from './components/Table/TableHeader.js';
+export { TableRow } from './components/Table/TableRow.js';
+export { Tabs } from './components/Tabs/Tabs.js';
+export { TabsContent } from './components/Tabs/TabsContent.js';
+export { TabsList } from './components/Tabs/TabsList.js';
+export { TabsTrigger } from './components/Tabs/TabsTrigger.js';
+export { TextField } from './components/TextField/index.js';
+import * as TextField_css from './components/TextField/TextField.css.js';
+export { TextField_css as textFieldCss };
+export { Toast } from './components/Toast/index.js';
+import * as Toast_css from './components/Toast/Toast.css.js';
+export { Toast_css as toastCss };
+export { Typography } from './components/Typography/index.js';
+import * as Typography_css from './components/Typography/Typography.css.js';
+export { Typography_css as typographyCss };
+export { UIProvider } from './contexts/UIProvider.js';
+export { useDialog } from './hooks/useDialog/index.js';
+export { usePointerSlider } from './hooks/usePointerSlider/index.js';
+export { useRipple } from './hooks/useRipple/index.js';
+export { useToast } from './hooks/useToast/index.js';
+export { ToastContext, ToastProvider } from './hooks/useToast/ToastProvider.js';
+export { componentsLayer, sprinklesLayer } from './styles/layers.css.js';
+export { boxProperties, colorProperties, miscProperties, sprinkles, typographyProperties } from './styles/sprinkles.css.js';
+export { sx } from './styles/sx.js';
+export { theme } from './themes/theme.css.js';
+export { darkThemeVars } from './themes/darkTheme.css.js';
+export { lightThemeVars } from './themes/lightTheme.css.js';
+export { filterSprinkles, omitSprinkles } from './utils/sprinklesUtils.js';

package/dist/node_modules/.pnpm/@emotion_hash@0.9.2/node_modules/@emotion/hash/dist/emotion-hash.esm.js

@@ -0,0 +1,55 @@
+/* eslint-disable */
+// Inspired by https://github.com/garycourt/murmurhash-js
+// Ported from https://github.com/aappleby/smhasher/blob/61a0530f28277f2e850bfc39600ce61d02b518de/src/MurmurHash2.cpp#L37-L86
+function murmur2(str) {
+  // 'm' and 'r' are mixing constants generated offline.
+  // They're not really 'magic', they just happen to work well.
+  // const m = 0x5bd1e995;
+  // const r = 24;
+  // Initialize the hash
+  var h = 0; // Mix 4 bytes at a time into the hash
+
+  var k,
+      i = 0,
+      len = str.length;
+
+  for (; len >= 4; ++i, len -= 4) {
+    k = str.charCodeAt(i) & 0xff | (str.charCodeAt(++i) & 0xff) << 8 | (str.charCodeAt(++i) & 0xff) << 16 | (str.charCodeAt(++i) & 0xff) << 24;
+    k =
+    /* Math.imul(k, m): */
+    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16);
+    k ^=
+    /* k >>> r: */
+    k >>> 24;
+    h =
+    /* Math.imul(k, m): */
+    (k & 0xffff) * 0x5bd1e995 + ((k >>> 16) * 0xe995 << 16) ^
+    /* Math.imul(h, m): */
+    (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
+  } // Handle the last few bytes of the input array
+
+
+  switch (len) {
+    case 3:
+      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
+
+    case 2:
+      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
+
+    case 1:
+      h ^= str.charCodeAt(i) & 0xff;
+      h =
+      /* Math.imul(h, m): */
+      (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
+  } // Do a few final mixes of the hash to ensure the last few
+  // bytes are well-incorporated.
+
+
+  h ^= h >>> 13;
+  h =
+  /* Math.imul(h, m): */
+  (h & 0xffff) * 0x5bd1e995 + ((h >>> 16) * 0xe995 << 16);
+  return ((h ^ h >>> 15) >>> 0).toString(36);
+}
+
+export { murmur2 as default };

package/dist/node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/adapter/dist/vanilla-extract-css-adapter.esm.js

@@ -0,0 +1,51 @@
+var mockAdapter = {
+  appendCss: () => {},
+  registerClassName: () => {},
+  onEndFileScope: () => {},
+  registerComposition: () => {},
+  markCompositionUsed: () => {},
+  getIdentOption: () => process.env.NODE_ENV === 'production' ? 'short' : 'debug'
+};
+var adapterStack = [mockAdapter];
+var currentAdapter = () => {
+  if (adapterStack.length < 1) {
+    throw new Error('No adapter configured');
+  }
+  return adapterStack[adapterStack.length - 1];
+};
+var hasConfiguredAdapter = false;
+var setAdapterIfNotSet = newAdapter => {
+  if (!hasConfiguredAdapter) {
+    setAdapter(newAdapter);
+  }
+};
+var setAdapter = newAdapter => {
+  if (!newAdapter) {
+    throw new Error('No adapter provided when calling "setAdapter"');
+  }
+  hasConfiguredAdapter = true;
+  adapterStack.push(newAdapter);
+};
+var appendCss = function appendCss() {
+  return currentAdapter().appendCss(...arguments);
+};
+var registerClassName = function registerClassName() {
+  return currentAdapter().registerClassName(...arguments);
+};
+var registerComposition = function registerComposition() {
+  return currentAdapter().registerComposition(...arguments);
+};
+var markCompositionUsed = function markCompositionUsed() {
+  return currentAdapter().markCompositionUsed(...arguments);
+};
+var getIdentOption = function getIdentOption() {
+  var adapter = currentAdapter();
+
+  // Backwards compatibility with old versions of the integration package
+  if (!('getIdentOption' in adapter)) {
+    return process.env.NODE_ENV === 'production' ? 'short' : 'debug';
+  }
+  return adapter.getIdentOption(...arguments);
+};
+
+export { appendCss, getIdentOption, markCompositionUsed, mockAdapter, registerClassName, registerComposition, setAdapter, setAdapterIfNotSet };

package/dist/node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/taggedTemplateLiteral-10998315.esm.js

@@ -0,0 +1,12 @@
+function _taggedTemplateLiteral(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+  return Object.freeze(Object.defineProperties(strings, {
+    raw: {
+      value: Object.freeze(raw)
+    }
+  }));
+}
+
+export { _taggedTemplateLiteral as _ };