@kimdw-rtk/ui 0.0.18 → 0.0.21

package/dist/components/Toast/Toast.css.d.ts

@@ -1,2 +1,26 @@
-import '@vanilla-extract/recipes';
-export { p as progress, t as toast } from '../../Toast.css-Bm98ZkjT.js';
+export declare const progress: import("@vanilla-extract/recipes").RuntimeFn<{
+    animation: {
+        true: {
+            animationName: string;
+            animationTimingFunction: "linear";
+            animationIterationCount: "1";
+            animationFillMode: "forwards";
+        };
+        false: {
+            display: "none";
+        };
+    };
+}>;
+export declare const toast: import("@vanilla-extract/recipes").RuntimeFn<{
+    color: {
+        primary: string;
+        secondary: string;
+        muted: string;
+        accent: string;
+        card: string;
+        danger: string;
+        warning: string;
+        success: string;
+    };
+}>;
+//# sourceMappingURL=Toast.css.d.ts.map

package/dist/components/Toast/Toast.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.css.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,QAAQ;;;;;;;;;;;;EAyBnB,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;EAoBhB,CAAC"}

package/dist/components/Toast/Toast.css.js

@@ -0,0 +1,65 @@
+import { createVar, keyframes } 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 { recipeWithLayer, styleWithLayer } from '../../utils/styleUtils.css.js';
+import { semanticColor } from '../../tokens/semantic/color.js';
+import { theme } from '../../themes/theme.css.js';
+
+const colorVar = createVar();
+const foregroundVar = createVar();
+const semanticColors = semanticColor.reduce((prev, color) => ({
+    ...prev,
+    [color]: styleWithLayer({
+        vars: {
+            [colorVar]: theme.color[color],
+            [foregroundVar]: theme.color[`${color}-foreground`],
+        },
+    }),
+}), {});
+const fill = keyframes({
+    '0%': {
+        transform: 'scaleX(0)',
+    },
+    '100%': {
+        transform: 'scaleX(1)',
+    },
+});
+const progress = recipeWithLayer({
+    base: {
+        position: 'absolute',
+        inset: '0',
+        width: '100%',
+        backgroundColor: `rgba(${foregroundVar}, 0.25)`,
+        transformOrigin: '0 0',
+    },
+    variants: {
+        animation: {
+            true: {
+                animationName: fill,
+                animationTimingFunction: 'linear',
+                animationIterationCount: '1',
+                animationFillMode: 'forwards',
+            },
+            false: {
+                display: 'none',
+            },
+        },
+    },
+});
+const toast = recipeWithLayer({
+    base: {
+        position: 'relative',
+        overflow: 'hidden',
+        padding: '0.875em',
+        backgroundColor: `rgb(${colorVar})`,
+        color: `rgb(${foregroundVar})`,
+        whiteSpace: 'nowrap',
+        wordBreak: 'break-all',
+        cursor: 'pointer',
+    },
+    variants: {
+        color: {
+            ...semanticColors,
+        },
+    },
+});
+
+export { progress, toast };

package/dist/components/Toast/Toast.spec.d.ts

@@ -1,2 +1,2 @@
-
-export {  }
+export {};
+//# sourceMappingURL=Toast.spec.d.ts.map

package/dist/components/Toast/Toast.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.spec.tsx"],"names":[],"mappings":""}

package/dist/components/Toast/index.d.ts

@@ -1,14 +1,8 @@
-import * as react from 'react';
-import { UIComponent } from '../../types/ui.types.js';
-import { t as toast } from '../../Toast.css-Bm98ZkjT.js';
-export { T as toastCss } from '../../Toast.css-Bm98ZkjT.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../../styles/sprinkles.css.js';
-
-interface ToastProps extends UIComponent<'div', typeof toast> {
+import type { UIComponent } from '@/types';
+import * as s from './Toast.css';
+interface ToastProps extends UIComponent<'div', typeof s.toast> {
     duration?: number;
 }
-declare const Toast: react.ForwardRefExoticComponent<Omit<ToastProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-export { Toast };
+export declare const Toast: import("react").ForwardRefExoticComponent<Omit<ToastProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { s as toastCss };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,aAAa,CAAC;AAEjC,UAAU,UAAW,SAAQ,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,KAAK,oHA8BjB,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC"}

package/dist/components/Toast/index.js

@@ -0,0 +1,17 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { forwardRef } from 'react';
+import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { progress, toast } from './Toast.css.js';
+import * as Toast_css from './Toast.css.js';
+export { Toast_css as toastCss };
+import { Box } from '../Box/index.js';
+import { sx } from '../../styles/sx.js';
+
+const Toast = forwardRef(({ children, color = 'accent', className, duration = 0, sx: propSx, ...props }, ref) => {
+    return (jsxRuntimeExports.jsxs(Box, { ref: ref, boxShadow: "accent-sm", rounded: true, className: clsx(toast({ color }), className, sx(propSx)), ...props, children: [jsxRuntimeExports.jsx("div", { className: progress({ animation: duration !== 0 }), style: {
+                    animationDuration: duration > 0 ? `${duration}ms` : undefined,
+                } }), jsxRuntimeExports.jsx("span", { style: { position: 'relative' }, children: children })] }));
+});
+Toast.displayName = 'Toast';
+
+export { Toast };

package/dist/components/Typography/Typography.css.d.ts

@@ -1,2 +1,10 @@
-import '@vanilla-extract/recipes';
-export { t as typography } from '../../Typography.css-Fgk6uUbK.js';
+export declare const typography: import("@vanilla-extract/recipes").RuntimeFn<{
+    isEllipsis: {
+        true: {
+            overflow: "hidden";
+            whiteSpace: "nowrap";
+            textOverflow: "ellipsis";
+        };
+    };
+}>;
+//# sourceMappingURL=Typography.css.d.ts.map

package/dist/components/Typography/Typography.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.css.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;EAcrB,CAAC"}

package/dist/components/Typography/Typography.css.js

@@ -0,0 +1,18 @@
+import { recipeWithLayer } from '../../utils/styleUtils.css.js';
+
+const typography = recipeWithLayer({
+    base: {
+        margin: '0',
+    },
+    variants: {
+        isEllipsis: {
+            true: {
+                overflow: 'hidden',
+                whiteSpace: 'nowrap',
+                textOverflow: 'ellipsis',
+            },
+        },
+    },
+});
+
+export { typography };

package/dist/components/Typography/Typography.spec.d.ts

@@ -1,2 +1,2 @@
-
-export {  }
+export {};
+//# sourceMappingURL=Typography.spec.d.ts.map

package/dist/components/Typography/Typography.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.spec.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.spec.tsx"],"names":[],"mappings":""}

package/dist/components/Typography/index.d.ts

@@ -1,19 +1,14 @@
-import * as react from 'react';
-import { SprinklesProps } from '../../styles/sprinkles.css.js';
-import { UIComponent } from '../../types/ui.types.js';
-import { t as typography } from '../../Typography.css-Fgk6uUbK.js';
-export { T as typographyCss } from '../../Typography.css-Fgk6uUbK.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-
+import { type SprinklesProps } from '@/styles';
+import { type UIComponent } from '@/types';
+import * as s from './Typography.css';
 type TypographyElement = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
-type TypographyProps<T extends TypographyElement = TypographyElement> = Omit<UIComponent<T, typeof typography> & {
+type TypographyProps<T extends TypographyElement = TypographyElement> = Omit<UIComponent<T, typeof s.typography> & {
     as?: T;
     color?: SprinklesProps['color'];
     fontSize?: SprinklesProps['fontSize'];
     fontWeight?: SprinklesProps['fontWeight'];
     lineHeight?: SprinklesProps['lineHeight'];
 }, 'ref'>;
-declare const Typography: react.ForwardRefExoticComponent<TypographyProps<TypographyElement> & react.RefAttributes<HTMLParagraphElement>>;
-
-export { Typography };
+export declare const Typography: import("react").ForwardRefExoticComponent<TypographyProps<TypographyElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+export { s as typographyCss };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,kBAAkB,CAAC;AAEtC,KAAK,iBAAiB,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhF,KAAK,eAAe,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,IAAI,IAAI,CAC1E,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,UAAU,CAAC,GAAG;IACpC,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;CAC3C,EACD,KAAK,CACN,CAAC;AAEF,eAAO,MAAM,UAAU,qIA+BtB,CAAC;AAGF,OAAO,EAAE,CAAC,IAAI,aAAa,EAAE,CAAC"}

package/dist/components/Typography/index.js

@@ -0,0 +1,14 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { forwardRef } from 'react';
+import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
+import { typography } from './Typography.css.js';
+import * as Typography_css from './Typography.css.js';
+export { Typography_css as typographyCss };
+import { sprinkles } from '../../styles/sprinkles.css.js';
+
+const Typography = forwardRef(({ children, as: Component = 'p', className, color = 'foreground', fontSize = 'md', fontWeight = 'normal', lineHeight, isEllipsis = false, sx, ...props }, ref) => {
+    return (jsxRuntimeExports.jsx(Component, { ref: ref, className: clsx(typography({ isEllipsis }), sprinkles({ color, fontSize, fontWeight, lineHeight }), sx && sprinkles(sx), className), ...props, children: children }));
+});
+Typography.displayName = 'Typography';
+
+export { Typography };

package/dist/components/index.d.ts

@@ -1,64 +1,19 @@
-export { Accordion } from './Accordion/Accordion.js';
-export { AccordionContent } from './Accordion/AccordionContent.js';
-export { AccordionTrigger } from './Accordion/AccordionTrigger.js';
-export { Alert } from './Alert/index.js';
-export { Box } from './Box/index.js';
-export { Button } from './Button/index.js';
-export { Card } from './Card/Card.js';
-export { CardContent } from './Card/CardContent.js';
-export { CardInteraction } from './Card/CardInteraction.js';
-export { CardThumbnail } from './Card/CardThumbnail.js';
-export { Chip } from './Chip/Chip.js';
-export { Confirm } from './Confirm/index.js';
-export { Dialog } from './Dialog/Dialog.js';
-export { DialogContent } from './Dialog/DialogContent.js';
-export { DialogFooter } from './Dialog/DialogFooter.js';
-export { DialogHeader } from './Dialog/DialogHeader.js';
-export { NavigationAside } from './Navigation/NavigationAside.js';
-export { NavigationBar } from './Navigation/NavigationBar.js';
-export { NavigationContainer } from './Navigation/NavigationContainer.js';
-export { NavigationDrawer } from './Navigation/NavigationDrawer.js';
-export { NavigationItem } from './Navigation/NavigationItem.js';
-export { NavigationLogo } from './Navigation/NavigationLogo.js';
-export { NavigationMenu } from './Navigation/NavigationMenu.js';
-export { Range } from './Range/Range.js';
-export { ScrollArea } from './ScrollArea/ScrollArea.js';
-export { Select } from './Select/Select.js';
-export { SelectOption } from './Select/SelectOption.js';
-export { Skeleton } from './Skeleton/index.js';
-export { Table } from './Table/Table.js';
-export { TableBody } from './Table/TableBody.js';
-export { TableCell } from './Table/TableCell.js';
-export { TableHead } from './Table/TableHead.js';
-export { TableHeader } from './Table/TableHeader.js';
-export { TableRow } from './Table/TableRow.js';
-export { Tabs } from './Tabs/Tabs.js';
-export { TabsContent } from './Tabs/TabsContent.js';
-export { TabsList } from './Tabs/TabsList.js';
-export { TabsTrigger } from './Tabs/TabsTrigger.js';
-export { TextField } from './TextField/index.js';
-export { Toast } from './Toast/index.js';
-export { Typography } from './Typography/index.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 '../types/ui.types.js';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../styles/sprinkles.css.js';
-import './Accordion/Accordion.css.js';
-import 'react/jsx-runtime';
-import './Box/Box.css.js';
-import './Navigation/NavigationItem.css.js';
-import './Select/SelectTrigger.js';
-import './Select/SelectTrigger.css.js';
+export * from './Accordion';
+export * from './Alert';
+export * from './Box';
+export * from './Button';
+export * from './Card';
+export * from './Chip';
+export * from './Confirm';
+export * from './Dialog';
+export * from './Navigation';
+export * from './Range';
+export * from './ScrollArea';
+export * from './Select';
+export * from './Skeleton';
+export * from './Table';
+export * from './Tabs';
+export * from './TextField';
+export * from './Toast';
+export * from './Typography';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/contexts/UIProvider.d.ts

@@ -1,11 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { OverlayOption } from '@kimdw-rtk/utils';
-
+import type { ReactNode } from 'react';
+import { type OverlayOption } from '@kimdw-rtk/utils';
 interface UIProviderProps {
     children: ReactNode;
     overlayUnmountOn?: OverlayOption['unmountOn'];
 }
-declare const UIProvider: ({ children, overlayUnmountOn, }: UIProviderProps) => react_jsx_runtime.JSX.Element;
-
-export { UIProvider };
+export declare const UIProvider: ({ children, overlayUnmountOn, }: UIProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UIProvider.d.ts.map

package/dist/contexts/UIProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIProvider.d.ts","sourceRoot":"","sources":["../../src/contexts/UIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMvE,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,UAAU,GAAI,iCAGxB,eAAe,4CAWjB,CAAC"}

package/dist/contexts/UIProvider.js

@@ -0,0 +1,10 @@
+import jsxRuntimeExports from '../_virtual/jsx-runtime.js';
+import { OverlayProvider } from '@kimdw-rtk/utils';
+import * as overlay_css from '../styles/overlay.css.js';
+import { ToastProvider } from '../hooks/useToast/ToastProvider.js';
+
+const UIProvider = ({ children, overlayUnmountOn = 'transitionEnd', }) => {
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(OverlayProvider, { className: { ...overlay_css }, unmountOn: overlayUnmountOn, children: jsxRuntimeExports.jsx(ToastProvider, { children: children }) }) }));
+};
+
+export { UIProvider };

package/dist/contexts/index.d.ts

@@ -1,4 +1,2 @@
-export { UIProvider } from './UIProvider.js';
-import 'react/jsx-runtime';
-import 'react';
-import '@kimdw-rtk/utils';
+export * from './UIProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/contexts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/hooks/index.d.ts

@@ -1,13 +1,6 @@
-export { useDialog } from './useDialog/index.js';
-export { usePointerSlider } from './usePointerSlider/index.js';
-export { useRipple } from './useRipple/index.js';
-export { useToast } from './useToast/index.js';
-export { ToastContext, ToastData, ToastProvider } from './useToast/ToastProvider.js';
-import 'react';
-import 'react/jsx-runtime';
-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';
+export * from './useDialog';
+export * from './usePointerSlider';
+export * from './useRipple';
+export * from './useToast';
+export * from './useToast/ToastProvider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC"}

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

@@ -1,8 +1,6 @@
-import { ReactNode } from 'react';
-
-declare const useDialog: () => {
+import { type ReactNode } from 'react';
+export declare const useDialog: () => {
     alert: (message: ReactNode) => Promise<unknown>;
     confirm: (message: ReactNode) => Promise<boolean>;
 };
-
-export { useDialog };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAC;AAMrE,eAAO,MAAM,SAAS;qBAKR,SAAS;uBAST,SAAS,KAAG,OAAO,CAAC,OAAO,CAAC;CA4BzC,CAAC"}

package/dist/hooks/useDialog/index.js

@@ -0,0 +1,31 @@
+import jsxRuntimeExports from '../../_virtual/jsx-runtime.js';
+import { useRef, useCallback, useMemo } from 'react';
+import { useOverlay } from '@kimdw-rtk/utils';
+import { Alert } from '../../components/Alert/index.js';
+import { Confirm } from '../../components/Confirm/index.js';
+
+const useDialog = () => {
+    const { push } = useOverlay();
+    const dialogRef = useRef(null);
+    const alert = useCallback((message) => {
+        return new Promise((resolve) => {
+            push(jsxRuntimeExports.jsx(Alert, { children: message }), { onClose: () => resolve(true) });
+        });
+    }, [push]);
+    const confirm = useCallback((message) => {
+        return new Promise((resolve) => {
+            const handleConfirm = () => {
+                resolve(true);
+                dialogRef.current?.close();
+            };
+            const handleCancle = () => {
+                resolve(false);
+                dialogRef.current?.close();
+            };
+            push(jsxRuntimeExports.jsx(Confirm, { ref: dialogRef, onConfirm: handleConfirm, onCancle: handleCancle, children: message }), { onClose: () => resolve(false) });
+        });
+    }, [push]);
+    return useMemo(() => ({ alert, confirm }), [alert, confirm]);
+};
+
+export { useDialog };

package/dist/hooks/useDialog/useDialog.spec.d.ts

@@ -1,2 +1,2 @@
-
-export {  }
+export {};
+//# sourceMappingURL=useDialog.spec.d.ts.map

package/dist/hooks/useDialog/useDialog.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.spec.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDialog/useDialog.spec.tsx"],"names":[],"mappings":""}

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

@@ -1,6 +1,5 @@
 /**
  * 마우스를 사용하는 환경에서도 드래그로 가로 스크롤을 할 수 있게 만드는 hook
  */
-declare const useMouseScroll: <T extends React.RefObject<HTMLElement | null>>(ref: T) => void;
-
-export { useMouseScroll };
+export declare const useMouseScroll: <T extends React.RefObject<HTMLElement | null>>(ref: T) => void;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMouseScroll/index.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC1E,KAAK,CAAC,KACL,IAqDF,CAAC"}

package/dist/hooks/useMouseScroll/index.js

@@ -0,0 +1,49 @@
+import { useEffect } from 'react';
+
+/**
+ * 마우스를 사용하는 환경에서도 드래그로 가로 스크롤을 할 수 있게 만드는 hook
+ */
+const useMouseScroll = (ref) => {
+    useEffect(() => {
+        const element = ref.current;
+        let isDown = false, startX = 0, startLeft = 0;
+        if (element === null) {
+            return;
+        }
+        const handleMouseDown = (e) => {
+            if (!element.contains(e.target)) {
+                return;
+            }
+            isDown = true;
+            startLeft = element.scrollLeft;
+            startX = e.x;
+        };
+        const handleMouseMove = (e) => {
+            if (!isDown) {
+                return;
+            }
+            element.scrollLeft = startLeft + startX - e.x;
+        };
+        const handleMouseUp = () => {
+            isDown = false;
+        };
+        const handleWheel = (e) => {
+            element.scrollTo({
+                left: element.scrollLeft + e.deltaY,
+                behavior: 'smooth',
+            });
+        };
+        window.addEventListener('mousedown', handleMouseDown);
+        window.addEventListener('mousemove', handleMouseMove);
+        window.addEventListener('mouseup', handleMouseUp);
+        element.addEventListener('wheel', handleWheel);
+        return () => {
+            window.removeEventListener('mousedown', handleMouseDown);
+            window.removeEventListener('mousemove', handleMouseMove);
+            window.removeEventListener('mouseup', handleMouseUp);
+            element.removeEventListener('wheel', handleWheel);
+        };
+    }, [ref]);
+};
+
+export { useMouseScroll };

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

@@ -1,7 +1,6 @@
-declare const usePointerSlider: <T extends React.RefObject<HTMLElement | null>>(ref: T, { min, max, defaultValue, }: {
+export declare const usePointerSlider: <T extends React.RefObject<HTMLElement | null>>(ref: T, { min, max, defaultValue, }: {
     min: number;
     max: number;
     defaultValue: number;
 }) => number;
-
-export { usePointerSlider };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePointerSlider/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC5E,KAAK,CAAC,EACN,6BAIG;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;CACtB,KACA,MA+DF,CAAC"}

package/dist/hooks/usePointerSlider/index.js

@@ -0,0 +1,46 @@
+import { useState, useEffect } from 'react';
+
+const usePointerSlider = (ref, { min, max, defaultValue, }) => {
+    const [value, setValue] = useState(defaultValue);
+    useEffect(() => {
+        const element = ref.current;
+        let isDown = false, parentWidth = 0, parentX = 0;
+        if (element === null) {
+            return;
+        }
+        element.style.left = `${((value - min) / (max - min)) * 100}%`;
+        const handlePointerDown = (e) => {
+            element.setPointerCapture(e.pointerId);
+            isDown = true;
+            const boundingRect = element.parentElement?.getBoundingClientRect();
+            if (boundingRect === undefined) {
+                return;
+            }
+            parentWidth = boundingRect.width;
+            parentX = boundingRect.x;
+        };
+        const handlePointerMove = (e) => {
+            if (!isDown) {
+                return;
+            }
+            const currentValue = Math.min(max, Math.max(min, Math.round((e.clientX - parentX) / (parentWidth / (max - min))) + min));
+            element.style.left = `${((currentValue - min) / (max - min)) * 100}%`;
+            setValue(currentValue);
+        };
+        const handlePointerUp = (e) => {
+            element.releasePointerCapture(e.pointerId);
+            isDown = false;
+        };
+        element.addEventListener('pointerdown', handlePointerDown);
+        element.addEventListener('pointermove', handlePointerMove);
+        element.addEventListener('pointerup', handlePointerUp);
+        return () => {
+            element.removeEventListener('pointerdown', handlePointerDown);
+            element.removeEventListener('pointermove', handlePointerMove);
+            element.removeEventListener('pointerup', handlePointerUp);
+        };
+    }, [ref, max, min, value]);
+    return value;
+};
+
+export { usePointerSlider };

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

@@ -1,7 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const useRipple: <T extends HTMLElement>(ref?: React.Ref<T>) => {
-    ripple: react_jsx_runtime.JSX.Element;
+export declare const useRipple: <T extends HTMLElement>(ref?: React.Ref<T>) => {
+    ripple: import("react/jsx-runtime").JSX.Element;
 };
-
-export { useRipple };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useRipple/index.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;;CAiJlE,CAAC"}