@kimdw-rtk/ui 0.0.17 → 0.0.20

package/dist/chunk-CYEA26C2.mjs

@@ -0,0 +1,509 @@
+import {
+  ToastContainer
+} from "./chunk-WJDRFQEL.mjs";
+import {
+  useRipple
+} from "./chunk-YGZR6ZHF.mjs";
+import {
+  progress,
+  toast
+} from "./chunk-455US7NO.mjs";
+import {
+  CSSTransition,
+  TransitionGroup,
+  useOverlay,
+  usePreventKeyboardInput
+} from "./chunk-JL5TLDT5.mjs";
+import {
+  narrow,
+  popup,
+  wide
+} from "./chunk-SMSD7KQC.mjs";
+import {
+  container as container3
+} from "./chunk-OVCHAMNO.mjs";
+import {
+  close,
+  container as container2
+} from "./chunk-3QDDQQWR.mjs";
+import {
+  container
+} from "./chunk-3YZLVHFV.mjs";
+import {
+  cardInteraction
+} from "./chunk-XXMQJZUF.mjs";
+import {
+  Box
+} from "./chunk-JEPXGFMX.mjs";
+import {
+  button,
+  icon,
+  span
+} from "./chunk-RRNRBLG6.mjs";
+import {
+  clsx,
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_lucide_react
+} from "./chunk-SO4CXB6J.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/hooks/useDialog/index.tsx
+var import_react13 = __toESM(require_react(), 1);
+
+// src/components/Alert/index.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var Alert = ({ children }) => {
+  const { close: close2 } = useOverlay();
+  usePreventKeyboardInput();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Dialog, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContent, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, { size: "sm", onClick: close2, children: "\uD655\uC778" }) })
+  ] });
+};
+
+// src/components/Button/index.tsx
+var import_react4 = __toESM(require_react(), 1);
+
+// src/hooks/useToast/index.ts
+var import_react3 = __toESM(require_react(), 1);
+
+// src/hooks/useToast/ToastProvider.tsx
+var import_react2 = __toESM(require_react(), 1);
+var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
+var ToastContext = (0, import_react2.createContext)(
+  void 0
+);
+var DEFAULT_TOAST_DURATION = 5e3;
+var ToastProvider = ({
+  children,
+  defaultDuration = DEFAULT_TOAST_DURATION
+}) => {
+  const [toasts, setToasts] = (0, import_react2.useState)([]);
+  const idRef = (0, import_react2.useRef)(0);
+  const remove = (0, import_react2.useCallback)((id) => {
+    setToasts((prev) => prev.filter((toast2) => toast2.id !== id));
+  }, []);
+  const push = (0, import_react2.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 = (toast2) => {
+    if (toast2.onClick === void 0) {
+      remove(toast2.id);
+      return;
+    }
+    toast2.onClick(toast2.id);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    ToastContext.Provider,
+    {
+      value: (0, import_react2.useMemo)(() => ({ push, remove }), [push, remove]),
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ToastContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TransitionGroup, { children: toasts.map((toast2) => /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsx)(
+              Toast,
+              {
+                color: toast2.color,
+                duration: toast2.autoClose ? toast2.duration : 0,
+                onClick: () => handleToastClick(toast2),
+                children: toast2.message
+              }
+            )
+          },
+          toast2.id
+        )) }) })
+      ]
+    }
+  );
+};
+
+// src/hooks/useToast/index.ts
+var useToast = () => {
+  const toastContext = (0, import_react3.useContext)(ToastContext);
+  if (!toastContext) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  const { push, remove } = toastContext;
+  return (0, import_react3.useMemo)(() => ({ push, remove }), [push, remove]);
+};
+
+// src/components/Button/index.tsx
+var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
+var Button = (0, import_react4.forwardRef)(
+  ({
+    children,
+    color = "primary",
+    size = "md",
+    variant = "contained",
+    pulse = false,
+    className,
+    sx: propSx,
+    icon: icon2,
+    ...props
+  }, ref) => {
+    const { ripple } = useRipple(ref);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "button",
+      {
+        ref,
+        className: clsx(
+          className,
+          button({
+            color,
+            size,
+            variant,
+            pulse,
+            hasIcon: icon2 !== void 0
+          }),
+          sx(propSx)
+        ),
+        ...props,
+        children: [
+          icon2 !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: icon, children: icon2 }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: span({ size }), children }),
+          ripple
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/Card/CardInteraction.tsx
+var import_react5 = __toESM(require_react(), 1);
+var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
+var CardInteraction = (0, import_react5.forwardRef)(
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    const { ripple } = useRipple(ref);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "div",
+      {
+        ref,
+        className: clsx_default(
+          className,
+          cardInteraction,
+          cardInteraction,
+          sx(propSx)
+        ),
+        ...props,
+        children: [
+          children,
+          ripple
+        ]
+      }
+    );
+  }
+);
+CardInteraction.displayName = "CardInteraction";
+
+// src/components/Confirm/index.tsx
+var import_react6 = __toESM(require_react(), 1);
+var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
+var Confirm = ({
+  children,
+  ref,
+  onConfirm,
+  onCancle
+}) => {
+  const { close: close2 } = useOverlay();
+  usePreventKeyboardInput();
+  (0, import_react6.useImperativeHandle)(ref, () => ({
+    close: close2
+  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Dialog, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogContent, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Box, { flex: true, gap: "md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Button, { size: "sm", onClick: onConfirm, children: "\uD655\uC778" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Button, { color: "secondary", size: "sm", onClick: onCancle, children: "\uCDE8\uC18C" })
+    ] }) })
+  ] });
+};
+
+// src/components/Dialog/Dialog.tsx
+var import_react7 = __toESM(require_react(), 1);
+var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
+var Dialog = (0, import_react7.forwardRef)(
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      Box,
+      {
+        ref,
+        flex: true,
+        flexDirection: "row",
+        gap: "lg",
+        boxShadow: "border-sm",
+        className: clsx_default(container, className, sx(propSx)),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Dialog.displayName = "Dialog";
+
+// src/components/Dialog/DialogContent.tsx
+var import_react8 = __toESM(require_react(), 1);
+var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
+var DialogContent = (0, import_react8.forwardRef)(
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      Box,
+      {
+        ref,
+        className: clsx_default(container3, className, sx(propSx)),
+        ...props,
+        children
+      }
+    );
+  }
+);
+DialogContent.displayName = "DialogContent";
+
+// src/components/Dialog/DialogFooter.tsx
+var import_react9 = __toESM(require_react(), 1);
+var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
+var DialogFooter = (0, import_react9.forwardRef)(
+  ({ children, className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      Box,
+      {
+        ref,
+        flex: true,
+        justifyContent: "flex-end",
+        className: clsx_default(className, sx(propSx)),
+        ...props,
+        children
+      }
+    );
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+
+// src/components/Dialog/DialogHeader.tsx
+var import_react10 = __toESM(require_react(), 1);
+var import_lucide_react = __toESM(require_lucide_react(), 1);
+var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
+var DialogHeader = (0, import_react10.forwardRef)(
+  ({ children, className, sx: propSx, onCloseClick, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      Box,
+      {
+        ref,
+        flex: true,
+        justifyContent: "space-between",
+        alignItems: "center",
+        fontSize: "lg",
+        fontWeight: "normal",
+        className: clsx_default(container2, className, sx(propSx)),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: close, onClick: onCloseClick, "aria-label": "\uB2EB\uAE30", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react.XIcon, {}) })
+        ]
+      }
+    );
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+
+// src/components/Navigation/NavigationDrawer.tsx
+var import_react11 = __toESM(require_react(), 1);
+var import_lucide_react2 = __toESM(require_lucide_react(), 1);
+var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
+var NavigationDrawer = ({ menu, aside }) => {
+  const [isExpanded, setIsExpanded] = (0, import_react11.useState)(false);
+  const handleClick = () => {
+    setIsExpanded((prev) => !prev);
+  };
+  (0, import_react11.useEffect)(() => {
+    if (isExpanded) {
+      document.body.style.overflow = "hidden";
+    }
+    return () => {
+      if (isExpanded) {
+        document.body.style.overflow = "auto";
+      }
+    };
+  }, [isExpanded]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: wide, children: [
+      menu,
+      aside
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: narrow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        Button,
+        {
+          size: "icon-md",
+          color: "secondary",
+          variant: "ghost",
+          onClick: handleClick,
+          children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.XIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.AlignJustifyIcon, {})
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: popup({ isVisible: isExpanded }), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        Box,
+        {
+          flex: true,
+          gap: "xl",
+          flexDirection: "column-reverse",
+          alignItems: "flex-end",
+          paddingY: "lg",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Box, { width: "100%", onClick: () => setIsExpanded(false), children: menu }),
+            aside
+          ]
+        }
+      ) })
+    ] })
+  ] });
+};
+
+// src/components/Toast/index.tsx
+var import_react12 = __toESM(require_react(), 1);
+var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
+var Toast = (0, import_react12.forwardRef)(
+  ({
+    children,
+    color = "accent",
+    className,
+    duration = 0,
+    sx: propSx,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      Box,
+      {
+        ref,
+        boxShadow: "accent-sm",
+        rounded: true,
+        className: clsx_default(toast({ color }), className, sx(propSx)),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            "div",
+            {
+              className: progress({ animation: duration !== 0 }),
+              style: {
+                animationDuration: duration > 0 ? `${duration}ms` : void 0
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: { position: "relative" }, children })
+        ]
+      }
+    );
+  }
+);
+Toast.displayName = "Toast";
+
+// src/hooks/useDialog/index.tsx
+var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
+var useDialog = () => {
+  const { push } = useOverlay();
+  const dialogRef = (0, import_react13.useRef)(null);
+  const alert = (0, import_react13.useCallback)(
+    (message) => {
+      return new Promise((resolve) => {
+        push(/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Alert, { children: message }), { onClose: () => resolve(true) });
+      });
+    },
+    [push]
+  );
+  const confirm = (0, import_react13.useCallback)(
+    (message) => {
+      return new Promise((resolve) => {
+        const handleConfirm = () => {
+          resolve(true);
+          dialogRef.current?.close();
+        };
+        const handleCancle = () => {
+          resolve(false);
+          dialogRef.current?.close();
+        };
+        push(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            Confirm,
+            {
+              ref: dialogRef,
+              onConfirm: handleConfirm,
+              onCancle: handleCancle,
+              children: message
+            }
+          ),
+          { onClose: () => resolve(false) }
+        );
+      });
+    },
+    [push]
+  );
+  return (0, import_react13.useMemo)(() => ({ alert, confirm }), [alert, confirm]);
+};
+
+export {
+  useDialog,
+  ToastContext,
+  ToastProvider,
+  useToast,
+  Button,
+  CardInteraction,
+  Confirm,
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  NavigationDrawer,
+  Toast,
+  Alert
+};
+//# sourceMappingURL=chunk-CYEA26C2.mjs.map

package/dist/chunk-CYEA26C2.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useDialog/index.tsx", "../src/components/Alert/index.tsx", "../src/components/Button/index.tsx", "../src/hooks/useToast/index.ts", "../src/hooks/useToast/ToastProvider.tsx", "../src/components/Card/CardInteraction.tsx", "../src/components/Confirm/index.tsx", "../src/components/Dialog/Dialog.tsx", "../src/components/Dialog/DialogContent.tsx", "../src/components/Dialog/DialogFooter.tsx", "../src/components/Dialog/DialogHeader.tsx", "../src/components/Navigation/NavigationDrawer.tsx", "../src/components/Toast/index.tsx"],
+  "sourcesContent": ["'use client';\n\nimport { type ReactNode, useCallback, useMemo, useRef } from 'react';\n\nimport { useOverlay } from '@kimdw-rtk/utils';\n\nimport { Alert, Confirm } from '@/components';\n\nexport const useDialog = () => {\n  const { push } = useOverlay();\n  const dialogRef = useRef<{ close: () => void }>(null);\n\n  const alert = useCallback(\n    (message: ReactNode) => {\n      return new Promise((resolve) => {\n        push(<Alert>{message}</Alert>, { onClose: () => resolve(true) });\n      });\n    },\n    [push],\n  );\n\n  const confirm = useCallback(\n    (message: ReactNode): Promise<boolean> => {\n      return new Promise((resolve) => {\n        const handleConfirm = () => {\n          resolve(true);\n          dialogRef.current?.close();\n        };\n\n        const handleCancle = () => {\n          resolve(false);\n          dialogRef.current?.close();\n        };\n\n        push(\n          <Confirm\n            ref={dialogRef}\n            onConfirm={handleConfirm}\n            onCancle={handleCancle}\n          >\n            {message}\n          </Confirm>,\n          { onClose: () => resolve(false) },\n        );\n      });\n    },\n    [push],\n  );\n\n  return useMemo(() => ({ alert, confirm }), [alert, confirm]);\n};\n", "import { type ReactNode } from 'react';\n\nimport { useOverlay, usePreventKeyboardInput } from '@kimdw-rtk/utils';\n\nimport { Button, Dialog, DialogContent, DialogFooter } from '@/components';\n\ninterface AlertProps {\n  children: ReactNode;\n}\n\nexport const Alert = ({ children }: AlertProps) => {\n  const { close } = useOverlay();\n  usePreventKeyboardInput();\n\n  return (\n    <Dialog>\n      <DialogContent>{children}</DialogContent>\n      <DialogFooter>\n        <Button size=\"sm\" onClick={close}>\n          \uD655\uC778\n        </Button>\n      </DialogFooter>\n    </Dialog>\n  );\n};\n", "'use client';\n\nimport { forwardRef, type ReactElement } from 'react';\n\nimport { clsx } from 'clsx';\n\nimport { useRipple } from '@/hooks';\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './Button.css';\n\ninterface ButtonProps\n  extends Omit<UIComponent<'button', typeof s.button>, 'hasIcon'> {\n  icon?: ReactElement;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      color = 'primary',\n      size = 'md',\n      variant = 'contained',\n      pulse = false,\n      className,\n      sx: propSx,\n      icon,\n      ...props\n    },\n    ref,\n  ) => {\n    const { ripple } = useRipple<HTMLButtonElement>(ref);\n\n    return (\n      <button\n        ref={ref}\n        className={clsx(\n          className,\n          s.button({\n            color,\n            size,\n            variant,\n            pulse,\n            hasIcon: icon !== undefined,\n          }),\n          sx(propSx),\n        )}\n        {...props}\n      >\n        {icon !== undefined && <span className={s.icon}>{icon}</span>}\n        <span className={s.span({ size })}>{children}</span>\n        {ripple}\n      </button>\n    );\n  },\n);\nButton.displayName = 'Button';\n\nexport { s as buttonCss };\n", "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", "'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\uAC00 true\uBA74, \uC77C\uC815 \uC2DC\uAC04\uC774 \uC9C0\uB09C \uD6C4 toast \uC81C\uAC70\n      setTimeout(() => {\n        remove(id);\n      }, duration);\n\n      return id;\n    },\n    [defaultDuration, remove],\n  );\n\n  const handleToastClick = (toast: ToastData) => {\n    // onClick \uC774\uBCA4\uD2B8\uAC00 \uC815\uC758\uB418\uC5B4 \uC788\uC9C0 \uC54A\uC73C\uBA74 \uAE30\uBCF8\uC801\uC73C\uB85C toast\uB97C \uB2EB\uB3C4\uB85D \uD55C\uB2E4.\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", "'use client';\n\nimport { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useRipple } from '@/hooks';\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './CardInteraction.css';\n\ntype CardInteractionProps = UIComponent<'div'>;\n\nexport const CardInteraction = forwardRef<HTMLDivElement, CardInteractionProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    const { ripple } = useRipple<HTMLDivElement>(ref);\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          className,\n          s.cardInteraction,\n          s.cardInteraction,\n          sx(propSx),\n        )}\n        {...props}\n      >\n        {children}\n        {ripple}\n      </div>\n    );\n  },\n);\nCardInteraction.displayName = 'CardInteraction';\n", "'use client';\n\nimport { useImperativeHandle, type ReactNode, type Ref } from 'react';\n\nimport { useOverlay, usePreventKeyboardInput } from '@kimdw-rtk/utils';\n\nimport { Box, Button, Dialog, DialogContent, DialogFooter } from '@/components';\n\ninterface ConfirmProps {\n  children: ReactNode;\n  ref?: Ref<{ close: () => void }>;\n  onConfirm: () => void;\n  onCancle: () => void;\n}\n\nexport const Confirm = ({\n  children,\n  ref,\n  onConfirm,\n  onCancle,\n}: ConfirmProps) => {\n  const { close } = useOverlay();\n  usePreventKeyboardInput();\n\n  useImperativeHandle(ref, () => ({\n    close,\n  }));\n\n  return (\n    <Dialog>\n      <DialogContent>{children}</DialogContent>\n      <DialogFooter>\n        <Box flex gap=\"md\">\n          <Button size=\"sm\" onClick={onConfirm}>\n            \uD655\uC778\n          </Button>\n          <Button color=\"secondary\" size=\"sm\" onClick={onCancle}>\n            \uCDE8\uC18C\n          </Button>\n        </Box>\n      </DialogFooter>\n    </Dialog>\n  );\n};\n", "import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Box } from '@/components';\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './Dialog.css';\n\ntype DialogProps = Omit<UIComponent<'div'>, 'color'>;\n\nexport const Dialog = forwardRef<HTMLDivElement, DialogProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        flex\n        flexDirection=\"row\"\n        gap=\"lg\"\n        boxShadow=\"border-sm\"\n        className={clsx(s.container, className, sx(propSx))}\n        {...props}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\nDialog.displayName = 'Dialog';\n", "import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Box } from '@/components';\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './DialogContent.css';\n\ntype DialogContentProps = Omit<UIComponent<'div'>, 'color'>;\n\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        className={clsx(s.container, className, sx(propSx))}\n        {...props}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\nDialogContent.displayName = 'DialogContent';\n", "import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Box } from '@/components';\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\ntype DialogFooterProps = Omit<UIComponent<'div'>, 'color'>;\n\nexport const DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        flex\n        justifyContent=\"flex-end\"\n        className={clsx(className, sx(propSx))}\n        {...props}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\nDialogFooter.displayName = 'DialogFooter';\n", "import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\nimport { XIcon } from 'lucide-react';\n\nimport { Box } from '@/components';\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './DialogHeader.css';\n\ninterface DialogHeaderProps extends Omit<UIComponent<'div'>, 'color'> {\n  onCloseClick?: () => void;\n}\n\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(\n  ({ children, className, sx: propSx, onCloseClick, ...props }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        flex\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        fontSize=\"lg\"\n        fontWeight=\"normal\"\n        className={clsx(s.container, className, sx(propSx))}\n        {...props}\n      >\n        <span>{children}</span>\n        <button className={s.close} onClick={onCloseClick} aria-label=\"\uB2EB\uAE30\">\n          <XIcon />\n        </button>\n      </Box>\n    );\n  },\n);\nDialogHeader.displayName = 'DialogHeader';\n", "'use client';\n\nimport { useEffect, useState, type ReactNode } from 'react';\n\nimport { AlignJustifyIcon, XIcon } from 'lucide-react';\n\nimport { Box, Button } from '@/components';\n\nimport * as s from './NavigationDrawer.css';\n\ninterface NavigationDrawerProps {\n  menu: ReactNode;\n  aside: ReactNode;\n}\n\nexport const NavigationDrawer = ({ menu, aside }: NavigationDrawerProps) => {\n  const [isExpanded, setIsExpanded] = useState<boolean>(false);\n\n  const handleClick = () => {\n    setIsExpanded((prev) => !prev);\n  };\n\n  useEffect(() => {\n    if (isExpanded) {\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      if (isExpanded) {\n        document.body.style.overflow = 'auto';\n      }\n    };\n  }, [isExpanded]);\n\n  return (\n    <>\n      <div className={s.wide}>\n        {menu}\n        {aside}\n      </div>\n      <div className={s.narrow}>\n        <Button\n          size=\"icon-md\"\n          color=\"secondary\"\n          variant=\"ghost\"\n          onClick={handleClick}\n        >\n          {isExpanded ? <XIcon /> : <AlignJustifyIcon />}\n        </Button>\n        <div className={s.popup({ isVisible: isExpanded })}>\n          <Box\n            flex\n            gap=\"xl\"\n            flexDirection=\"column-reverse\"\n            alignItems=\"flex-end\"\n            paddingY=\"lg\"\n          >\n            <Box width=\"100%\" onClick={() => setIsExpanded(false)}>\n              {menu}\n            </Box>\n            {aside}\n          </Box>\n        </div>\n      </div>\n    </>\n  );\n};\n", "import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Box } from '@/components';\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './Toast.css';\n\ninterface ToastProps extends UIComponent<'div', typeof s.toast> {\n  duration?: number;\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(\n  (\n    {\n      children,\n      color = 'accent',\n      className,\n      duration = 0,\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Box\n        ref={ref}\n        boxShadow=\"accent-sm\"\n        rounded\n        className={clsx(s.toast({ color }), className, sx(propSx))}\n        {...props}\n      >\n        <div\n          className={s.progress({ animation: duration !== 0 })}\n          style={{\n            animationDuration: duration > 0 ? `${duration}ms` : undefined,\n          }}\n        ></div>\n        <span style={{ position: 'relative' }}>{children}</span>\n      </Box>\n    );\n  },\n);\nToast.displayName = 'Toast';\n\nexport { s as toastCss };\n"],
+  "mappings": "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",
+  "names": ["import_react", "close", "import_react", "import_react", "import_react", "import_jsx_runtime", "toast", "import_jsx_runtime", "icon", "import_react", "import_jsx_runtime", "import_react", "import_jsx_runtime", "close", "import_react", "import_jsx_runtime", "import_react", "import_jsx_runtime", "container", "import_react", "import_jsx_runtime", "import_react", "import_jsx_runtime", "container", "import_react", "import_lucide_react", "import_jsx_runtime", "import_react", "import_jsx_runtime", "import_jsx_runtime"]
+}

package/dist/chunk-D57E6H3M.mjs

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export {
+  __commonJS,
+  __export,
+  __toESM
+};
+//# sourceMappingURL=chunk-D57E6H3M.mjs.map

package/dist/chunk-D57E6H3M.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/chunk-DVQXTZIW.mjs

@@ -0,0 +1,13 @@
+import {
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+
+// src/components/Navigation/NavigationLogo.css.ts
+var navigationLogo = styleWithLayer({
+  marginRight: "0.5em"
+});
+
+export {
+  navigationLogo
+};
+//# sourceMappingURL=chunk-DVQXTZIW.mjs.map

package/dist/chunk-DVQXTZIW.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Navigation/NavigationLogo.css.ts"],
+  "sourcesContent": ["import { styleWithLayer } from '@/styleUtils';\n\nexport const navigationLogo = styleWithLayer({\n  marginRight: '0.5em',\n});\n"],
+  "mappings": ";;;;;AAEO,IAAM,iBAAiB,eAAe;AAAA,EAC3C,aAAa;AACf,CAAC;",
+  "names": []
+}

package/dist/chunk-EL5D5UFZ.mjs

@@ -0,0 +1,45 @@
+import {
+  navigationLogo
+} from "./chunk-DVQXTZIW.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Navigation/NavigationLogo.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var NavigationLogo = (0, import_react.forwardRef)(
+  ({ className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: clsx_default(
+          navigationLogo,
+          className,
+          sx({ marginRight: { mobile: "lg", desktop: "3xl" } }),
+          sx(propSx)
+        ),
+        ...props
+      }
+    );
+  }
+);
+NavigationLogo.displayName = "NavigationLogo";
+
+export {
+  NavigationLogo
+};
+//# sourceMappingURL=chunk-EL5D5UFZ.mjs.map