@kimdw-rtk/ui 0.0.8 → 0.0.11

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useRipple/ripple.css.ts"],"sourcesContent":["import { createVar } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { theme } from '#themes';\n\nexport const colorVar = createVar();\n\nexport const ripple = recipe({\n  base: {\n    position: 'absolute',\n    left: '0',\n    top: '0',\n\n    borderRadius: '50%',\n\n    backgroundColor: colorVar,\n\n    opacity: '0',\n    transformOrigin: 'center center',\n\n    pointerEvents: 'none',\n\n    vars: {\n      [colorVar]: `color-mix(in srgb, rgba(${theme.color.accent}, 0.2) 20%, rgba(${theme.color.foreground}, 0.2) 80%)`,\n    },\n  },\n  variants: {\n    animation: {\n      true: {\n        transition:\n          'opacity 0.25s linear, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)',\n        transform: 'translate(-50%, -50%) scale(1, 1)',\n      },\n\n      false: {\n        transform: 'translate(-50%, -50%) scale(0.1, 0.1)',\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AAEvB,SAAS,aAAa;AAEf,MAAM,WAAW,UAAU;AAE3B,MAAM,SAAS,OAAO;AAAA,EAC3B,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,IAEL,cAAc;AAAA,IAEd,iBAAiB;AAAA,IAEjB,SAAS;AAAA,IACT,iBAAiB;AAAA,IAEjB,eAAe;AAAA,IAEf,MAAM;AAAA,MACJ,CAAC,QAAQ,GAAG,2BAA2B,MAAM,MAAM,MAAM,oBAAoB,MAAM,MAAM,UAAU;AAAA,IACrG;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YACE;AAAA,QACF,WAAW;AAAA,MACb;AAAA,MAEA,OAAO;AAAA,QACL,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/hooks/useToast/ToastContainer.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _jsxruntime = require('react/jsx-runtime');
+var _ToastContainercss = require('./ToastContainer.css'); var s = _interopRequireWildcard(_ToastContainercss);
+const ToastContainer = ({ children }) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: s.container, children });
+};
+
+
+exports.ToastContainer = ToastContainer;
+//# sourceMappingURL=ToastContainer.cjs.map

package/dist/hooks/useToast/ToastContainer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useToast/ToastContainer.tsx","/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useToast/ToastContainer.cjs"],"names":[],"mappings":"AASS,0YAAA;AAPT,8GAAmB;AAMZ,MAAM,eAAA,EAAiB,CAAC,EAAE,SAAS,CAAA,EAAA,GAA2B;AACnE,EAAA,uBAAO,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,CAAA,CAAE,SAAA,EAAY,SAAA,CAAS,CAAA;AAChD,CAAA;ACLA;AACE;AACF,wCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useToast/ToastContainer.cjs","sourcesContent":["import type { ReactNode } from 'react';\n\nimport * as s from './ToastContainer.css';\n\ninterface ToastContainerProps {\n  children: ReactNode;\n}\n\nexport const ToastContainer = ({ children }: ToastContainerProps) => {\n  return <div className={s.container}>{children}</div>;\n};\n",null]}

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

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _css = require('@vanilla-extract/css');
+const container = _css.style.call(void 0, {
+  display: "flex",
+  alignItems: "flex-end",
+  flexDirection: "column-reverse",
+  position: "fixed",
+  right: "1rem",
+  bottom: "1rem",
+  left: "1rem"
+});
+
+
+exports.container = container;
+//# sourceMappingURL=ToastContainer.css.cjs.map

package/dist/hooks/useToast/ToastContainer.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useToast/ToastContainer.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useToast/ToastContainer.css.cjs"],"names":[],"mappings":"AAAA,oHAAsB;AAEf,MAAM,UAAA,EAAY,wBAAA;AAAM,EAC7B,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,UAAA;AAAA,EACZ,aAAA,EAAe,gBAAA;AAAA,EAEf,QAAA,EAAU,OAAA;AAAA,EACV,KAAA,EAAO,MAAA;AAAA,EACP,MAAA,EAAQ,MAAA;AAAA,EACR,IAAA,EAAM;AACR,CAAC,CAAA;ACDD;AACE;AACF,8BAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useToast/ToastContainer.css.cjs","sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const container = style({\n  display: 'flex',\n  alignItems: 'flex-end',\n  flexDirection: 'column-reverse',\n\n  position: 'fixed',\n  right: '1rem',\n  bottom: '1rem',\n  left: '1rem',\n});\n",null]}

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

@@ -0,0 +1,3 @@
+declare const container: string;
+
+export { container };

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

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

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

@@ -1,10 +1,14 @@
-import { style } from '@vanilla-extract/css';
-export const container = style({
-    display: 'flex',
-    alignItems: 'flex-end',
-    flexDirection: 'column-reverse',
-    position: 'fixed',
-    right: '1rem',
-    bottom: '1rem',
-    left: '1rem',
+import { style } from "@vanilla-extract/css";
+const container = style({
+  display: "flex",
+  alignItems: "flex-end",
+  flexDirection: "column-reverse",
+  position: "fixed",
+  right: "1rem",
+  bottom: "1rem",
+  left: "1rem"
 });
+export {
+  container
+};
+//# sourceMappingURL=ToastContainer.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useToast/ToastContainer.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const container = style({\n  display: 'flex',\n  alignItems: 'flex-end',\n  flexDirection: 'column-reverse',\n\n  position: 'fixed',\n  right: '1rem',\n  bottom: '1rem',\n  left: '1rem',\n});\n"],"mappings":"AAAA,SAAS,aAAa;AAEf,MAAM,YAAY,MAAM;AAAA,EAC7B,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EAEf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR,CAAC;","names":[]}

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

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ToastContainerProps {
+    children: ReactNode;
+}
+declare const ToastContainer: ({ children }: ToastContainerProps) => react_jsx_runtime.JSX.Element;
+
+export { ToastContainer };

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

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

package/dist/hooks/useToast/ToastContainer.js

@@ -1,5 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as s from './ToastContainer.css';
-export const ToastContainer = ({ children }) => {
-    return _jsx("div", { className: s.container, children: children });
+import { jsx } from "react/jsx-runtime";
+import * as s from "./ToastContainer.css";
+const ToastContainer = ({ children }) => {
+  return /* @__PURE__ */ jsx("div", { className: s.container, children });
 };
+export {
+  ToastContainer
+};
+//# sourceMappingURL=ToastContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useToast/ToastContainer.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport * as s from './ToastContainer.css';\n\ninterface ToastContainerProps {\n  children: ReactNode;\n}\n\nexport const ToastContainer = ({ children }: ToastContainerProps) => {\n  return <div className={s.container}>{children}</div>;\n};\n"],"mappings":"AASS;AAPT,YAAY,OAAO;AAMZ,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAA2B;AACnE,SAAO,oBAAC,SAAI,WAAW,EAAE,WAAY,UAAS;AAChD;","names":[]}

package/dist/hooks/useToast/ToastProvider.cjs

@@ -0,0 +1,99 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+var _jsxruntime = require('react/jsx-runtime');
+
+
+
+
+
+
+var _react = require('react');
+var _utils = require('@kimdw-rtk/utils');
+var _components = require('#components');
+var _ToastContainer = require('./ToastContainer');
+const ToastContext = _react.createContext.call(void 0, 
+  void 0
+);
+const DEFAULT_TOAST_DURATION = 5e3;
+const ToastProvider = ({
+  children,
+  defaultDuration = DEFAULT_TOAST_DURATION
+}) => {
+  const [toasts, setToasts] = _react.useState.call(void 0, []);
+  const idRef = _react.useRef.call(void 0, 0);
+  const remove = _react.useCallback.call(void 0, (id) => {
+    setToasts((prev) => prev.filter((toast) => toast.id !== id));
+  }, []);
+  const push = _react.useCallback.call(void 0, 
+    ({
+      color,
+      message,
+      autoClose = true,
+      duration = defaultDuration,
+      onClick
+    }) => {
+      const id = ++idRef.current;
+      setToasts((prev) => [
+        ...prev,
+        { id, color, message, autoClose, duration, onClick }
+      ]);
+      if (!autoClose) {
+        return id;
+      }
+      setTimeout(() => {
+        remove(id);
+      }, duration);
+      return id;
+    },
+    [defaultDuration, remove]
+  );
+  const handleToastClick = (toast) => {
+    if (toast.onClick === void 0) {
+      remove(toast.id);
+      return;
+    }
+    toast.onClick(toast.id);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    ToastContext.Provider,
+    {
+      value: _react.useMemo.call(void 0, () => ({ push, remove }), [push, remove]),
+      children: [
+        children,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ToastContainer.ToastContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _utils.TransitionGroup, { children: toasts.map((toast) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _utils.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: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _components.Toast,
+              {
+                color: toast.color,
+                duration: toast.autoClose ? toast.duration : 0,
+                onClick: () => handleToastClick(toast),
+                children: toast.message
+              }
+            )
+          },
+          toast.id
+        )) }) })
+      ]
+    }
+  );
+};
+
+
+
+exports.ToastContext = ToastContext; exports.ToastProvider = ToastProvider;
+//# sourceMappingURL=ToastProvider.cjs.map

package/dist/hooks/useToast/ToastProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useToast/ToastProvider.cjs","../../../src/hooks/useToast/ToastProvider.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useToast/ToastProvider.cjs","sourcesContent":[null,"'use client';\n\nimport {\n  createContext,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n  type ReactNode,\n} from 'react';\n\nimport { CSSTransition, TransitionGroup } from '@kimdw-rtk/utils';\n\nimport { Toast } from '#components';\n\nimport { ToastContainer } from './ToastContainer';\n\nexport interface ToastData {\n  id: number;\n  color?: ComponentProps<typeof Toast>['color'];\n  message: string;\n  autoClose?: boolean;\n  duration?: number;\n  onClick?: (id: number) => void;\n}\n\ninterface ToastContextType {\n  push: (data: Omit<ToastData, 'id'>) => number;\n  remove: (id: number) => void;\n}\n\nexport const ToastContext = createContext<ToastContextType | undefined>(\n  undefined,\n);\n\ninterface ToastProviderProps {\n  children: ReactNode;\n  defaultDuration?: number;\n}\n\nconst DEFAULT_TOAST_DURATION = 5000;\n\nexport const ToastProvider = ({\n  children,\n  defaultDuration = DEFAULT_TOAST_DURATION,\n}: ToastProviderProps) => {\n  const [toasts, setToasts] = useState<ToastData[]>([]);\n  const idRef = useRef<number>(0);\n\n  const remove = useCallback((id: number) => {\n    setToasts((prev) => prev.filter((toast) => toast.id !== id));\n  }, []);\n\n  const push = useCallback<ToastContextType['push']>(\n    ({\n      color,\n      message,\n      autoClose = true,\n      duration = defaultDuration,\n      onClick,\n    }) => {\n      const id = ++idRef.current;\n      setToasts((prev) => [\n        ...prev,\n        { id, color, message, autoClose, duration, onClick },\n      ]);\n\n      if (!autoClose) {\n        return id;\n      }\n\n      // autoClose가 true면, 일정 시간이 지난 후 toast 제거\n      setTimeout(() => {\n        remove(id);\n      }, duration);\n\n      return id;\n    },\n    [defaultDuration, remove],\n  );\n\n  const handleToastClick = (toast: ToastData) => {\n    // onClick 이벤트가 정의되어 있지 않으면 기본적으로 toast를 닫도록 한다.\n    if (toast.onClick === undefined) {\n      remove(toast.id);\n      return;\n    }\n\n    toast.onClick(toast.id);\n  };\n\n  return (\n    <ToastContext.Provider\n      value={useMemo(() => ({ push, remove }), [push, remove])}\n    >\n      {children}\n      <ToastContainer>\n        <TransitionGroup>\n          {toasts.map((toast) => (\n            <CSSTransition\n              as=\"div\"\n              key={toast.id}\n              initial={{\n                opacity: 0,\n                transform: 'translateY(1rem)',\n                height: '0',\n              }}\n              animate={{\n                opacity: 1,\n                transform: 'translateY(0)',\n                height: '3.5rem',\n              }}\n              exit={{ opacity: 0, height: '0' }}\n              duration={500}\n              style={{ display: 'flex', flexDirection: 'column-reverse' }}\n            >\n              <Toast\n                color={toast.color}\n                duration={toast.autoClose ? toast.duration : 0}\n                onClick={() => handleToastClick(toast)}\n              >\n                {toast.message}\n              </Toast>\n            </CSSTransition>\n          ))}\n        </TransitionGroup>\n      </ToastContainer>\n    </ToastContext.Provider>\n  );\n};\n"]}

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

@@ -0,0 +1,30 @@
+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.cjs';
+import '../../types/ui.types.cjs';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../../styles/sprinkles.css.cjs';
+import '../../Toast.css-Bm98ZkjT.cjs';
+
+interface ToastData {
+    id: number;
+    color?: ComponentProps<typeof Toast>['color'];
+    message: string;
+    autoClose?: boolean;
+    duration?: number;
+    onClick?: (id: number) => void;
+}
+interface ToastContextType {
+    push: (data: Omit<ToastData, 'id'>) => number;
+    remove: (id: number) => void;
+}
+declare const ToastContext: 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 };

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

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

package/dist/hooks/useToast/ToastProvider.js

@@ -1,47 +1,99 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useMemo, useRef, useState, } from 'react';
-import { CSSTransition, TransitionGroup } from '@kimdw-rtk/utils';
-import { Toast } from '#components';
-import { ToastContainer } from './ToastContainer';
-export const ToastContext = createContext(undefined);
-const DEFAULT_TOAST_DURATION = 5000;
-export 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);
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  createContext,
+  useCallback,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { CSSTransition, TransitionGroup } from "@kimdw-rtk/utils";
+import { Toast } from "#components";
+import { ToastContainer } from "./ToastContainer";
+const ToastContext = createContext(
+  void 0
+);
+const DEFAULT_TOAST_DURATION = 5e3;
+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;
-    }, [defaultDuration, remove]);
-    const handleToastClick = (toast) => {
-        // onClick 이벤트가 정의되어 있지 않으면 기본적으로 toast를 닫도록 한다.
-        if (toast.onClick === undefined) {
-            remove(toast.id);
-            return;
-        }
-        toast.onClick(toast.id);
-    };
-    return (_jsxs(ToastContext.Provider, { value: useMemo(() => ({ push, remove }), [push, remove]), children: [children, _jsx(ToastContainer, { children: _jsx(TransitionGroup, { children: toasts.map((toast) => (_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: _jsx(Toast, { color: toast.color, duration: toast.autoClose ? toast.duration : 0, onClick: () => handleToastClick(toast), children: toast.message }) }, toast.id))) }) })] }));
+      }
+      setTimeout(() => {
+        remove(id);
+      }, duration);
+      return id;
+    },
+    [defaultDuration, remove]
+  );
+  const handleToastClick = (toast) => {
+    if (toast.onClick === void 0) {
+      remove(toast.id);
+      return;
+    }
+    toast.onClick(toast.id);
+  };
+  return /* @__PURE__ */ jsxs(
+    ToastContext.Provider,
+    {
+      value: useMemo(() => ({ push, remove }), [push, remove]),
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ToastContainer, { children: /* @__PURE__ */ jsx(TransitionGroup, { children: toasts.map((toast) => /* @__PURE__ */ 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: /* @__PURE__ */ jsx(
+              Toast,
+              {
+                color: toast.color,
+                duration: toast.autoClose ? toast.duration : 0,
+                onClick: () => handleToastClick(toast),
+                children: toast.message
+              }
+            )
+          },
+          toast.id
+        )) }) })
+      ]
+    }
+  );
 };
+export {
+  ToastContext,
+  ToastProvider
+};
+//# sourceMappingURL=ToastProvider.js.map

package/dist/hooks/useToast/ToastProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useToast/ToastProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n  type ReactNode,\n} from 'react';\n\nimport { CSSTransition, TransitionGroup } from '@kimdw-rtk/utils';\n\nimport { Toast } from '#components';\n\nimport { ToastContainer } from './ToastContainer';\n\nexport interface ToastData {\n  id: number;\n  color?: ComponentProps<typeof Toast>['color'];\n  message: string;\n  autoClose?: boolean;\n  duration?: number;\n  onClick?: (id: number) => void;\n}\n\ninterface ToastContextType {\n  push: (data: Omit<ToastData, 'id'>) => number;\n  remove: (id: number) => void;\n}\n\nexport const ToastContext = createContext<ToastContextType | undefined>(\n  undefined,\n);\n\ninterface ToastProviderProps {\n  children: ReactNode;\n  defaultDuration?: number;\n}\n\nconst DEFAULT_TOAST_DURATION = 5000;\n\nexport const ToastProvider = ({\n  children,\n  defaultDuration = DEFAULT_TOAST_DURATION,\n}: ToastProviderProps) => {\n  const [toasts, setToasts] = useState<ToastData[]>([]);\n  const idRef = useRef<number>(0);\n\n  const remove = useCallback((id: number) => {\n    setToasts((prev) => prev.filter((toast) => toast.id !== id));\n  }, []);\n\n  const push = useCallback<ToastContextType['push']>(\n    ({\n      color,\n      message,\n      autoClose = true,\n      duration = defaultDuration,\n      onClick,\n    }) => {\n      const id = ++idRef.current;\n      setToasts((prev) => [\n        ...prev,\n        { id, color, message, autoClose, duration, onClick },\n      ]);\n\n      if (!autoClose) {\n        return id;\n      }\n\n      // autoClose가 true면, 일정 시간이 지난 후 toast 제거\n      setTimeout(() => {\n        remove(id);\n      }, duration);\n\n      return id;\n    },\n    [defaultDuration, remove],\n  );\n\n  const handleToastClick = (toast: ToastData) => {\n    // onClick 이벤트가 정의되어 있지 않으면 기본적으로 toast를 닫도록 한다.\n    if (toast.onClick === undefined) {\n      remove(toast.id);\n      return;\n    }\n\n    toast.onClick(toast.id);\n  };\n\n  return (\n    <ToastContext.Provider\n      value={useMemo(() => ({ push, remove }), [push, remove])}\n    >\n      {children}\n      <ToastContainer>\n        <TransitionGroup>\n          {toasts.map((toast) => (\n            <CSSTransition\n              as=\"div\"\n              key={toast.id}\n              initial={{\n                opacity: 0,\n                transform: 'translateY(1rem)',\n                height: '0',\n              }}\n              animate={{\n                opacity: 1,\n                transform: 'translateY(0)',\n                height: '3.5rem',\n              }}\n              exit={{ opacity: 0, height: '0' }}\n              duration={500}\n              style={{ display: 'flex', flexDirection: 'column-reverse' }}\n            >\n              <Toast\n                color={toast.color}\n                duration={toast.autoClose ? toast.duration : 0}\n                onClick={() => handleToastClick(toast)}\n              >\n                {toast.message}\n              </Toast>\n            </CSSTransition>\n          ))}\n        </TransitionGroup>\n      </ToastContainer>\n    </ToastContext.Provider>\n  );\n};\n"],"mappings":";AA6FI,SAwBU,KAxBV;AA3FJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,eAAe,uBAAuB;AAE/C,SAAS,aAAa;AAEtB,SAAS,sBAAsB;AAgBxB,MAAM,eAAe;AAAA,EAC1B;AACF;AAOA,MAAM,yBAAyB;AAExB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,kBAAkB;AACpB,MAA0B;AACxB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAsB,CAAC,CAAC;AACpD,QAAM,QAAQ,OAAe,CAAC;AAE9B,QAAM,SAAS,YAAY,CAAC,OAAe;AACzC,cAAU,CAAC,SAAS,KAAK,OAAO,CAAC,UAAU,MAAM,OAAO,EAAE,CAAC;AAAA,EAC7D,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO;AAAA,IACX,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,IACF,MAAM;AACJ,YAAM,KAAK,EAAE,MAAM;AACnB,gBAAU,CAAC,SAAS;AAAA,QAClB,GAAG;AAAA,QACH,EAAE,IAAI,OAAO,SAAS,WAAW,UAAU,QAAQ;AAAA,MACrD,CAAC;AAED,UAAI,CAAC,WAAW;AACd,eAAO;AAAA,MACT;AAGA,iBAAW,MAAM;AACf,eAAO,EAAE;AAAA,MACX,GAAG,QAAQ;AAEX,aAAO;AAAA,IACT;AAAA,IACA,CAAC,iBAAiB,MAAM;AAAA,EAC1B;AAEA,QAAM,mBAAmB,CAAC,UAAqB;AAE7C,QAAI,MAAM,YAAY,QAAW;AAC/B,aAAO,MAAM,EAAE;AACf;AAAA,IACF;AAEA,UAAM,QAAQ,MAAM,EAAE;AAAA,EACxB;AAEA,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO,QAAQ,OAAO,EAAE,MAAM,OAAO,IAAI,CAAC,MAAM,MAAM,CAAC;AAAA,MAEtD;AAAA;AAAA,QACD,oBAAC,kBACC,8BAAC,mBACE,iBAAO,IAAI,CAAC,UACX;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YAEH,SAAS;AAAA,cACP,SAAS;AAAA,cACT,WAAW;AAAA,cACX,QAAQ;AAAA,YACV;AAAA,YACA,SAAS;AAAA,cACP,SAAS;AAAA,cACT,WAAW;AAAA,cACX,QAAQ;AAAA,YACV;AAAA,YACA,MAAM,EAAE,SAAS,GAAG,QAAQ,IAAI;AAAA,YAChC,UAAU;AAAA,YACV,OAAO,EAAE,SAAS,QAAQ,eAAe,iBAAiB;AAAA,YAE1D;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,MAAM;AAAA,gBACb,UAAU,MAAM,YAAY,MAAM,WAAW;AAAA,gBAC7C,SAAS,MAAM,iBAAiB,KAAK;AAAA,gBAEpC,gBAAM;AAAA;AAAA,YACT;AAAA;AAAA,UArBK,MAAM;AAAA,QAsBb,CACD,GACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/hooks/useToast/index.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('react');
+var _ToastProvider = require('./ToastProvider');
+const useToast = () => {
+  const toastContext = _react.useContext.call(void 0, _ToastProvider.ToastContext);
+  if (!toastContext) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  const { push, remove } = toastContext;
+  return _react.useMemo.call(void 0, () => ({ push, remove }), [push, remove]);
+};
+
+
+exports.useToast = useToast;
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/useToast/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useToast/index.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useToast/index.cjs"],"names":[],"mappings":"AAAA,uGAAoC;AAEpC,gDAA6B;AAEtB,MAAM,SAAA,EAAW,CAAA,EAAA,GAAM;AAC5B,EAAA,MAAM,aAAA,EAAe,+BAAA,2BAAuB,CAAA;AAE5C,EAAA,GAAA,CAAI,CAAC,YAAA,EAAc;AACjB,IAAA,MAAM,IAAI,KAAA,CAAM,8CAA8C,CAAA;AAAA,EAChE;AAEA,EAAA,MAAM,EAAE,IAAA,EAAM,OAAO,EAAA,EAAI,YAAA;AAEzB,EAAA,OAAO,4BAAA,CAAQ,EAAA,GAAA,CAAO,EAAE,IAAA,EAAM,OAAO,CAAA,CAAA,EAAI,CAAC,IAAA,EAAM,MAAM,CAAC,CAAA;AACzD,CAAA;ACJA;AACE;AACF,4BAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useToast/index.cjs","sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport { ToastContext } from './ToastProvider';\n\nexport const useToast = () => {\n  const toastContext = useContext(ToastContext);\n\n  if (!toastContext) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n\n  const { push, remove } = toastContext;\n\n  return useMemo(() => ({ push, remove }), [push, remove]);\n};\n",null]}

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

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

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

@@ -1,5 +1,16 @@
-export declare const useToast: () => {
-    push: (data: Omit<import("./ToastProvider").ToastData, "id">) => number;
+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;
     remove: (id: number) => void;
 };
-//# sourceMappingURL=index.d.ts.map
+
+export { useToast };

package/dist/hooks/useToast/index.js

@@ -1,10 +1,14 @@
-import { useContext, useMemo } from 'react';
-import { ToastContext } from './ToastProvider';
-export 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]);
+import { useContext, useMemo } from "react";
+import { ToastContext } from "./ToastProvider";
+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
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useToast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useToast/index.ts"],"sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport { ToastContext } from './ToastProvider';\n\nexport const useToast = () => {\n  const toastContext = useContext(ToastContext);\n\n  if (!toastContext) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n\n  const { push, remove } = toastContext;\n\n  return useMemo(() => ({ push, remove }), [push, remove]);\n};\n"],"mappings":"AAAA,SAAS,YAAY,eAAe;AAEpC,SAAS,oBAAoB;AAEtB,MAAM,WAAW,MAAM;AAC5B,QAAM,eAAe,WAAW,YAAY;AAE5C,MAAI,CAAC,cAAc;AACjB,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AAEA,QAAM,EAAE,MAAM,OAAO,IAAI;AAEzB,SAAO,QAAQ,OAAO,EAAE,MAAM,OAAO,IAAI,CAAC,MAAM,MAAM,CAAC;AACzD;","names":[]}

package/dist/index.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _components = require('./components'); _createStarExport(_components);
+var _contexts = require('./contexts'); _createStarExport(_contexts);
+var _hooks = require('./hooks'); _createStarExport(_hooks);
+var _styles = require('./styles'); _createStarExport(_styles);
+var _globalStylecss = require('./styles/globalStyle.css'); _createStarExport(_globalStylecss);
+var _themes = require('./themes'); _createStarExport(_themes);
+var _types = require('./types'); _createStarExport(_types);
+var _utils = require('./utils'); _createStarExport(_utils);
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,2aAAc;AACd,oEAAc;AACd,2DAAc;AACd,8DAAc;AACd,8FAAc;AACd,8DAAc;AACd,2DAAc;AACd,2DAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/index.cjs","sourcesContent":["export * from './components';\nexport * from './contexts';\nexport * from './hooks';\nexport * from './styles';\nexport * from './styles/globalStyle.css';\nexport * from './themes';\nexport * from './types';\nexport * from './utils';\n"]}