@kimdw-rtk/ui 0.0.18 → 0.0.21

package/dist/hooks/usePointerSlider/index.mjs

@@ -1,58 +0,0 @@
-"use client";
-import { useEffect, useState } 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 === void 0) {
-        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
-};
-//# sourceMappingURL=index.mjs.map

package/dist/hooks/usePointerSlider/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/usePointerSlider/index.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const usePointerSlider = <T extends React.RefObject<HTMLElement | null>>(\n  ref: T,\n  {\n    min,\n    max,\n    defaultValue,\n  }: {\n    min: number;\n    max: number;\n    defaultValue: number;\n  },\n): number => {\n  const [value, setValue] = useState<number>(defaultValue);\n\n  useEffect(() => {\n    const element = ref.current;\n    let isDown = false,\n      parentWidth = 0,\n      parentX = 0;\n\n    if (element === null) {\n      return;\n    }\n\n    element.style.left = `${((value - min) / (max - min)) * 100}%`;\n\n    const handlePointerDown = (e: PointerEvent) => {\n      element.setPointerCapture(e.pointerId);\n      isDown = true;\n      const boundingRect = element.parentElement?.getBoundingClientRect();\n\n      if (boundingRect === undefined) {\n        return;\n      }\n\n      parentWidth = boundingRect.width;\n      parentX = boundingRect.x;\n    };\n\n    const handlePointerMove = (e: PointerEvent) => {\n      if (!isDown) {\n        return;\n      }\n\n      const currentValue = Math.min(\n        max,\n        Math.max(\n          min,\n          Math.round((e.clientX - parentX) / (parentWidth / (max - min))) + min,\n        ),\n      );\n\n      element.style.left = `${((currentValue - min) / (max - min)) * 100}%`;\n\n      setValue(currentValue);\n    };\n\n    const handlePointerUp = (e: PointerEvent) => {\n      element.releasePointerCapture(e.pointerId);\n      isDown = false;\n    };\n\n    element.addEventListener('pointerdown', handlePointerDown);\n    element.addEventListener('pointermove', handlePointerMove);\n    element.addEventListener('pointerup', handlePointerUp);\n\n    return () => {\n      element.removeEventListener('pointerdown', handlePointerDown);\n      element.removeEventListener('pointermove', handlePointerMove);\n      element.removeEventListener('pointerup', handlePointerUp);\n    };\n  }, [ref, max, min, value]);\n\n  return value;\n};\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AAE7B,MAAM,mBAAmB,CAC9B,KACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,MAKW;AACX,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,YAAY;AAEvD,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,SAAS,OACX,cAAc,GACd,UAAU;AAEZ,QAAI,YAAY,MAAM;AACpB;AAAA,IACF;AAEA,YAAQ,MAAM,OAAO,IAAK,QAAQ,QAAQ,MAAM,OAAQ,GAAG;AAE3D,UAAM,oBAAoB,CAAC,MAAoB;AAC7C,cAAQ,kBAAkB,EAAE,SAAS;AACrC,eAAS;AACT,YAAM,eAAe,QAAQ,eAAe,sBAAsB;AAElE,UAAI,iBAAiB,QAAW;AAC9B;AAAA,MACF;AAEA,oBAAc,aAAa;AAC3B,gBAAU,aAAa;AAAA,IACzB;AAEA,UAAM,oBAAoB,CAAC,MAAoB;AAC7C,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,YAAM,eAAe,KAAK;AAAA,QACxB;AAAA,QACA,KAAK;AAAA,UACH;AAAA,UACA,KAAK,OAAO,EAAE,UAAU,YAAY,eAAe,MAAM,KAAK,IAAI;AAAA,QACpE;AAAA,MACF;AAEA,cAAQ,MAAM,OAAO,IAAK,eAAe,QAAQ,MAAM,OAAQ,GAAG;AAElE,eAAS,YAAY;AAAA,IACvB;AAEA,UAAM,kBAAkB,CAAC,MAAoB;AAC3C,cAAQ,sBAAsB,EAAE,SAAS;AACzC,eAAS;AAAA,IACX;AAEA,YAAQ,iBAAiB,eAAe,iBAAiB;AACzD,YAAQ,iBAAiB,eAAe,iBAAiB;AACzD,YAAQ,iBAAiB,aAAa,eAAe;AAErD,WAAO,MAAM;AACX,cAAQ,oBAAoB,eAAe,iBAAiB;AAC5D,cAAQ,oBAAoB,eAAe,iBAAiB;AAC5D,cAAQ,oBAAoB,aAAa,eAAe;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,KAAK,KAAK,KAAK,KAAK,CAAC;AAEzB,SAAO;AACT;","names":[]}

package/dist/hooks/useRipple/index.mjs

@@ -1,116 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef } from "react";
-import * as s from "./ripple.css";
-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 = rippleRef.current;
-    let timer;
-    let isAnimationPending = false;
-    let isFadeIn = false, isMouseDown = false, isTransitionEnd = true;
-    if (!ripple || !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.style.width = `${size}px`;
-      ripple.style.height = `${size}px`;
-      ripple.style.left = `${x}px`;
-      ripple.style.top = `${y}px`;
-      ripple.style.boxShadow = `${s.colorVar} 0 0 ${size / 10}px ${size / 10}px`;
-      ripple.className = s.ripple({ animation: false });
-      ripple.offsetTop;
-      ripple.className = s.ripple({ animation: true });
-      ripple.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 || !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.style.opacity = "0";
-        isFadeIn = false;
-      }
-      isMouseDown = false;
-    };
-    const handleTransitionEnd = (e) => {
-      if (e.propertyName === "opacity" && isFadeIn) {
-        if (!isMouseDown) {
-          ripple.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.addEventListener("transitionend", handleTransitionEnd);
-    return () => {
-      element.removeEventListener("click", handleClick);
-      element.removeEventListener("pointerdown", handlePointerDown);
-      element.removeEventListener("pointerup", handlePointerUp);
-      element.removeEventListener("pointerleave", handlePointerUp);
-      ripple.removeEventListener("transitionend", handleTransitionEnd);
-    };
-  }, [ref, rippleRef]);
-  return useMemo(
-    () => ({
-      ripple: /* @__PURE__ */ jsx("div", { ref: rippleRef, className: s.ripple({ animation: false }) })
-    }),
-    [rippleRef]
-  );
-};
-export {
-  useRipple
-};
-//# sourceMappingURL=index.mjs.map

package/dist/hooks/useRipple/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useRipple/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useRef } from 'react';\n\nimport * as s from './ripple.css';\n\nexport const useRipple = <T extends HTMLElement>(ref?: React.Ref<T>) => {\n  const rippleRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let element: T | null = null;\n\n    if (!ref) {\n      return;\n    }\n\n    if (typeof ref === 'function') {\n      ref(element);\n    } else {\n      element = ref.current;\n    }\n\n    const ripple = rippleRef.current;\n\n    let timer: ReturnType<typeof setTimeout>;\n    let isAnimationPending = false;\n\n    let isFadeIn = false,\n      isMouseDown = false,\n      isTransitionEnd = true;\n\n    if (!ripple || !element) {\n      return;\n    }\n\n    const clearTimer = () => {\n      clearTimeout(timer);\n      isAnimationPending = false;\n    };\n\n    const runAnimation = (x: number, y: number) => {\n      const width =\n          element.clientWidth / 2 + Math.abs(element.clientWidth / 2 - x),\n        height =\n          element.clientHeight / 2 + Math.abs(element.clientHeight / 2 - y);\n      const size = Math.round(Math.sqrt(width ** 2 + height ** 2) * 2);\n\n      ripple.style.width = `${size}px`;\n      ripple.style.height = `${size}px`;\n      ripple.style.left = `${x}px`;\n      ripple.style.top = `${y}px`;\n\n      ripple.style.boxShadow = `${s.colorVar} 0 0 ${size / 10}px ${size / 10}px`;\n      ripple.className = s.ripple({ animation: false });\n      //eslint-disable-next-line\n      ripple.offsetTop;\n      ripple.className = s.ripple({ animation: true });\n      ripple.style.opacity = '1';\n\n      isAnimationPending = false;\n      isFadeIn = true;\n      isTransitionEnd = false;\n    };\n\n    const handleClick = (e: MouseEvent) => {\n      if (!isAnimationPending) {\n        return;\n      }\n\n      if (element instanceof HTMLButtonElement && element.disabled) {\n        return;\n      }\n\n      clearTimer();\n      runAnimation(e.offsetX, e.offsetY);\n    };\n\n    const handlePointerDown = (e: PointerEvent) => {\n      if (e.button !== 0 || !ripple || !isTransitionEnd) {\n        return;\n      }\n\n      if (element instanceof HTMLButtonElement && element.disabled) {\n        return;\n      }\n\n      isMouseDown = true;\n\n      if (e.pointerType === 'mouse') {\n        runAnimation(e.offsetX, e.offsetY);\n        return;\n      }\n\n      clearTimer();\n      isAnimationPending = true;\n      timer = setTimeout(() => runAnimation(e.offsetX, e.offsetY), 100);\n    };\n\n    const handlePointerUp = () => {\n      if (!isMouseDown) {\n        return;\n      }\n\n      clearTimer();\n\n      if (!isFadeIn) {\n        ripple.style.opacity = '0';\n        isFadeIn = false;\n      }\n\n      isMouseDown = false;\n    };\n\n    const handleTransitionEnd = (e: TransitionEvent) => {\n      if (e.propertyName === 'opacity' && isFadeIn) {\n        if (!isMouseDown) {\n          ripple.style.opacity = '0';\n        }\n\n        isFadeIn = false;\n        return;\n      }\n\n      if (e.propertyName === 'transform' && !isFadeIn) {\n        isTransitionEnd = true;\n      }\n    };\n\n    element.addEventListener('click', handleClick);\n    element.addEventListener('pointerdown', handlePointerDown);\n    element.addEventListener('pointerup', handlePointerUp);\n    element.addEventListener('pointerleave', handlePointerUp);\n    ripple.addEventListener('transitionend', handleTransitionEnd);\n\n    return () => {\n      element.removeEventListener('click', handleClick);\n      element.removeEventListener('pointerdown', handlePointerDown);\n      element.removeEventListener('pointerup', handlePointerUp);\n      element.removeEventListener('pointerleave', handlePointerUp);\n      ripple.removeEventListener('transitionend', handleTransitionEnd);\n    };\n  }, [ref, rippleRef]);\n\n  return useMemo(\n    () => ({\n      ripple: (\n        <div ref={rippleRef} className={s.ripple({ animation: false })} />\n      ),\n    }),\n    [rippleRef],\n  );\n};\n"],"mappings":"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","names":[]}

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

@@ -1,35 +0,0 @@
-import { createVar } from "@vanilla-extract/css";
-import { recipe } from "@vanilla-extract/recipes";
-import { theme } from "#themes";
-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
-};
-//# sourceMappingURL=ripple.css.mjs.map

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

@@ -1 +0,0 @@
-{"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.css.mjs

@@ -1,14 +0,0 @@
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,9 +0,0 @@
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,99 +0,0 @@
-"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;
-      }
-      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.mjs.map

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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,14 +0,0 @@
-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.mjs.map

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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,9 +0,0 @@
-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.mjs.map

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"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"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/styles/globalStyle.css.mjs

@@ -1,27 +0,0 @@
-import { assignVars, globalStyle } from "@vanilla-extract/css";
-import { darkThemeVars, lightThemeVars, theme } from "#themes";
-globalStyle("*", {
-  boxSizing: "border-box",
-  overscrollBehavior: "none",
-  WebkitTapHighlightColor: "transparent"
-});
-globalStyle(".light", {
-  vars: assignVars(theme, lightThemeVars)
-});
-globalStyle(".dark", {
-  vars: assignVars(theme, darkThemeVars)
-});
-globalStyle("body", {
-  margin: "0",
-  backgroundColor: `rgb(${theme.color.background})`,
-  lineHeight: "1",
-  color: `rgb(${theme.color.foreground})`
-});
-globalStyle("a", {
-  textDecoration: "none",
-  color: "inherit"
-});
-globalStyle("svg", {
-  lineHeight: "0"
-});
-//# sourceMappingURL=globalStyle.css.mjs.map

package/dist/styles/globalStyle.css.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/globalStyle.css.ts"],"sourcesContent":["import { assignVars, globalStyle } from '@vanilla-extract/css';\n\nimport { darkThemeVars, lightThemeVars, theme } from '#themes';\n\nglobalStyle('*', {\n  boxSizing: 'border-box',\n\n  overscrollBehavior: 'none',\n  WebkitTapHighlightColor: 'transparent',\n});\n\nglobalStyle('.light', {\n  vars: assignVars(theme, lightThemeVars),\n});\n\nglobalStyle('.dark', {\n  vars: assignVars(theme, darkThemeVars),\n});\n\nglobalStyle('body', {\n  margin: '0',\n\n  backgroundColor: `rgb(${theme.color.background})`,\n\n  lineHeight: '1',\n  color: `rgb(${theme.color.foreground})`,\n});\n\nglobalStyle('a', {\n  textDecoration: 'none',\n  color: 'inherit',\n});\n\nglobalStyle('svg', {\n  lineHeight: '0',\n});\n"],"mappings":"AAAA,SAAS,YAAY,mBAAmB;AAExC,SAAS,eAAe,gBAAgB,aAAa;AAErD,YAAY,KAAK;AAAA,EACf,WAAW;AAAA,EAEX,oBAAoB;AAAA,EACpB,yBAAyB;AAC3B,CAAC;AAED,YAAY,UAAU;AAAA,EACpB,MAAM,WAAW,OAAO,cAAc;AACxC,CAAC;AAED,YAAY,SAAS;AAAA,EACnB,MAAM,WAAW,OAAO,aAAa;AACvC,CAAC;AAED,YAAY,QAAQ;AAAA,EAClB,QAAQ;AAAA,EAER,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAAA,EAE9C,YAAY;AAAA,EACZ,OAAO,OAAO,MAAM,MAAM,UAAU;AACtC,CAAC;AAED,YAAY,KAAK;AAAA,EACf,gBAAgB;AAAA,EAChB,OAAO;AACT,CAAC;AAED,YAAY,OAAO;AAAA,EACjB,YAAY;AACd,CAAC;","names":[]}

package/dist/styles/index.mjs

@@ -1,5 +0,0 @@
-export * from "./layers.css";
-export * from "./sprinkles.css";
-export * from "./globalStyle.css";
-export * from "./sx";
-//# sourceMappingURL=index.mjs.map

package/dist/styles/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/index.ts"],"sourcesContent":["export * from './layers.css';\nexport * from './sprinkles.css';\nexport * from './globalStyle.css';\nexport * from './sx';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/styles/layers.css.mjs

@@ -1,8 +0,0 @@
-import { globalLayer } from "@vanilla-extract/css";
-const componentsLayer = globalLayer("components");
-const sprinklesLayer = globalLayer("utilities");
-export {
-  componentsLayer,
-  sprinklesLayer
-};
-//# sourceMappingURL=layers.css.mjs.map

package/dist/styles/layers.css.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/layers.css.ts"],"sourcesContent":["import { globalLayer } from '@vanilla-extract/css';\n\nexport const componentsLayer = globalLayer('components');\nexport const sprinklesLayer = globalLayer('utilities');\n"],"mappings":"AAAA,SAAS,mBAAmB;AAErB,MAAM,kBAAkB,YAAY,YAAY;AAChD,MAAM,iBAAiB,YAAY,WAAW;","names":[]}

package/dist/styles/overlay.css.mjs

@@ -1,37 +0,0 @@
-import { globalStyle, style } from "@vanilla-extract/css";
-const enter = style({
-  opacity: "1 !important",
-  transition: "all 0.2s ease"
-});
-const base = style({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  position: "fixed",
-  inset: "0",
-  zIndex: "100",
-  backgroundColor: "#00000080",
-  opacity: "0"
-});
-const exit = style({
-  opacity: "0 !important",
-  transition: "all 0.2s ease",
-  pointerEvents: "none"
-});
-globalStyle(`${enter} > div`, {
-  transform: "scale(1) !important",
-  transition: "all 0.2s ease"
-});
-globalStyle(`${base} > div`, {
-  transform: "scale(0.9)"
-});
-globalStyle(`${exit} > div`, {
-  transform: "scale(0.9) !important",
-  transition: "all 0.2s ease"
-});
-export {
-  base,
-  enter,
-  exit
-};
-//# sourceMappingURL=overlay.css.mjs.map

package/dist/styles/overlay.css.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/overlay.css.ts"],"sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nexport const enter = style({\n  opacity: '1 !important',\n  transition: 'all 0.2s ease',\n});\n\nexport const base = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  position: 'fixed',\n  inset: '0',\n  zIndex: '100',\n\n  backgroundColor: '#00000080',\n\n  opacity: '0',\n});\n\nexport const exit = style({\n  opacity: '0 !important',\n  transition: 'all 0.2s ease',\n\n  pointerEvents: 'none',\n});\n\nglobalStyle(`${enter} > div`, {\n  transform: 'scale(1) !important',\n  transition: 'all 0.2s ease',\n});\n\nglobalStyle(`${base} > div`, {\n  transform: 'scale(0.9)',\n});\n\nglobalStyle(`${exit} > div`, {\n  transform: 'scale(0.9) !important',\n  transition: 'all 0.2s ease',\n});\n"],"mappings":"AAAA,SAAS,aAAa,aAAa;AAE5B,MAAM,QAAQ,MAAM;AAAA,EACzB,SAAS;AAAA,EACT,YAAY;AACd,CAAC;AAEM,MAAM,OAAO,MAAM;AAAA,EACxB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EAER,iBAAiB;AAAA,EAEjB,SAAS;AACX,CAAC;AAEM,MAAM,OAAO,MAAM;AAAA,EACxB,SAAS;AAAA,EACT,YAAY;AAAA,EAEZ,eAAe;AACjB,CAAC;AAED,YAAY,GAAG,KAAK,UAAU;AAAA,EAC5B,WAAW;AAAA,EACX,YAAY;AACd,CAAC;AAED,YAAY,GAAG,IAAI,UAAU;AAAA,EAC3B,WAAW;AACb,CAAC;AAED,YAAY,GAAG,IAAI,UAAU;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AACd,CAAC;","names":[]}