@kimdw-rtk/ui 0.0.17 → 0.0.20

package/dist/chunk-JL5TLDT5.mjs

@@ -0,0 +1,470 @@
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// ../utils/src/components/TransitionGroup/TransitionGroup.tsx
+var import_react3 = __toESM(require_react(), 1);
+
+// ../utils/src/components/TransitionGroup/TransitionGroupContext.tsx
+var import_react = __toESM(require_react(), 1);
+var TransitionGroupContext = (0, import_react.createContext)(void 0);
+
+// ../utils/src/components/TransitionGroup/PresenceChild.tsx
+var import_react2 = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var TransitionChild = ({
+  children,
+  id,
+  elementKey,
+  isUnmounted,
+  onRequestUnmount
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    TransitionGroupContext.Provider,
+    {
+      value: { isUnmounted, key: elementKey, requestUnmount: onRequestUnmount },
+      children
+    },
+    `${elementKey}-${id}`
+  );
+};
+
+// ../utils/src/components/TransitionGroup/TransitionGroup.tsx
+var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
+var filterChildren = (children) => {
+  const result = [];
+  if (Array.isArray(children)) {
+    for (const child of children) {
+      if (!import_react3.default.isValidElement(child)) {
+        continue;
+      }
+      result.push({ children: child, isUnmounted: false, id: 0 });
+    }
+  } else {
+    if (import_react3.default.isValidElement(children)) {
+      result.push({ children, isUnmounted: false, id: 0 });
+    }
+  }
+  return result;
+};
+var TransitionGroup = ({ children }) => {
+  const [rendered, setRendered] = (0, import_react3.useState)(
+    () => filterChildren(children)
+  );
+  const handleRequestUnmount = (0, import_react3.useCallback)((key) => {
+    setRendered(
+      (rendered2) => rendered2.filter((child) => child.children.key !== key)
+    );
+  }, []);
+  (0, import_react3.useEffect)(() => {
+    setRendered((rendered2) => {
+      const presentChildren = [...filterChildren(children)];
+      const presentKeys = new Set(
+        presentChildren.map((child) => child.children.key)
+      );
+      for (let i = 0; i < rendered2.length; i++) {
+        const child = rendered2[i];
+        if (presentKeys.has(child.children.key)) {
+          if (child.isUnmounted) {
+            const presentChild = presentChildren.find(
+              (presentChild2) => presentChild2.children.key === child.children.key
+            );
+            if (presentChild !== void 0) {
+              presentChild.id = child.id + 1;
+            }
+            rendered2.splice(i--, 1);
+          }
+          continue;
+        }
+        child.isUnmounted = true;
+        presentChildren.splice(i, 0, child);
+      }
+      return presentChildren;
+    });
+  }, [children]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: rendered.map((child) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    TransitionChild,
+    {
+      id: child.id,
+      elementKey: child.children.key,
+      isUnmounted: child.isUnmounted,
+      onRequestUnmount: handleRequestUnmount,
+      children: child.children
+    },
+    child.children.key
+  )) });
+};
+
+// ../utils/src/components/CSSTransition/index.tsx
+var import_react4 = __toESM(require_react(), 1);
+var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
+var setStyle = (element, style) => {
+  if (typeof style === "string") {
+    element.classList.add(style);
+    return;
+  }
+  Object.assign(element.style, style);
+};
+var removeStyle = (element, style) => {
+  if (typeof style === "string") {
+    element.classList.remove(style);
+    return;
+  }
+  for (const key in style) {
+    element.style.removeProperty(key);
+  }
+};
+var forceReflow = (element) => {
+  element.offsetTop;
+};
+var CSSTransition = ({
+  children,
+  as,
+  initial,
+  animate,
+  exit,
+  duration,
+  style,
+  ...props
+}) => {
+  const Component = as || "div";
+  const elementRef = (0, import_react4.useRef)(null);
+  const context = (0, import_react4.useContext)(TransitionGroupContext);
+  if (context === void 0) {
+    throw new Error("CSSTransition must be used within an AnimationPresence");
+  }
+  const { isUnmounted, key, requestUnmount } = context;
+  (0, import_react4.useLayoutEffect)(() => {
+    const element = elementRef.current;
+    if (!element) {
+      return;
+    }
+    element.style.transition = `all ${duration}ms ease`;
+    forceReflow(element);
+    setStyle(element, initial);
+    forceReflow(element);
+    removeStyle(element, initial);
+    setStyle(element, animate);
+  }, []);
+  (0, import_react4.useLayoutEffect)(() => {
+    const element = elementRef.current;
+    if (!isUnmounted || !element) {
+      return;
+    }
+    const handleTransitionEnd = (e) => {
+      const element2 = elementRef.current;
+      if (!element2 || e.target !== element2) {
+        return;
+      }
+      requestUnmount(key);
+    };
+    element.addEventListener("transitionend", handleTransitionEnd);
+    removeStyle(element, initial);
+    removeStyle(element, animate);
+    setStyle(element, exit);
+    return () => {
+      element.removeEventListener("transitionend", handleTransitionEnd);
+    };
+  }, [isUnmounted, key, requestUnmount]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Component,
+    {
+      ref: elementRef,
+      style: { ...initial, ...style },
+      ...props,
+      children
+    }
+  );
+};
+
+// ../utils/src/hooks/useCombineRefs/index.ts
+var import_react5 = __toESM(require_react(), 1);
+var useCombinedRefs = (...refs) => {
+  const targetRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
+    refs.forEach((ref) => {
+      if (!ref) return;
+      if (typeof ref === "function") {
+        ref(targetRef.current);
+      } else {
+        ref.current = targetRef.current;
+      }
+    });
+  }, [refs]);
+  return targetRef;
+};
+
+// ../utils/src/hooks/useOverlay/OverlayProvider.tsx
+var import_react9 = __toESM(require_react(), 1);
+
+// ../utils/src/hooks/useOverlay/Overlay.tsx
+var import_react7 = __toESM(require_react(), 1);
+
+// ../utils/src/hooks/useOverlay/OverlayContext.tsx
+var import_react6 = __toESM(require_react(), 1);
+var OverlayContext = (0, import_react6.createContext)(void 0);
+
+// ../utils/src/hooks/useOverlay/Overlay.tsx
+var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
+var Overlay = ({
+  children,
+  id,
+  isActive,
+  className,
+  closeOnBackdropClick,
+  unmountOn,
+  requestUnmount
+}) => {
+  const wrapperRef = (0, import_react7.useRef)(null);
+  const timerRef = (0, import_react7.useRef)(void 0);
+  const overlayContext = (0, import_react7.useContext)(OverlayContext);
+  if (!overlayContext) {
+    throw new Error("Overlay must be used within an OverlayContext.");
+  }
+  (0, import_react7.useEffect)(() => {
+    if (!wrapperRef.current) {
+      return;
+    }
+    if (isActive) {
+      if (className?.base) {
+        wrapperRef.current.classList.add(className.base);
+      }
+      if (className?.enter) {
+        wrapperRef.current.offsetTop;
+        wrapperRef.current.classList.add(className.enter);
+      }
+      return;
+    }
+    switch (unmountOn) {
+      case "exit": {
+        if (requestUnmount) {
+          requestUnmount();
+        }
+        break;
+      }
+      case "transitionEnd": {
+        if (className?.exit) {
+          wrapperRef.current.classList.add(className.exit);
+        }
+        break;
+      }
+      default: {
+        timerRef.current = setTimeout(() => {
+          if (requestUnmount) {
+            requestUnmount();
+          }
+        }, Number(unmountOn));
+      }
+    }
+  }, [
+    wrapperRef,
+    isActive,
+    className?.base,
+    className?.enter,
+    className?.exit,
+    unmountOn,
+    requestUnmount
+  ]);
+  const handleTransitionEnd = (e) => {
+    if (e.target !== wrapperRef.current || isActive || unmountOn !== "transitionEnd" || !requestUnmount) {
+      return;
+    }
+    requestUnmount();
+  };
+  const handleClick = (e) => {
+    if (e.target !== wrapperRef.current || !isActive || !closeOnBackdropClick) {
+      return;
+    }
+    overlayContext.close(id);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      ref: wrapperRef,
+      onTransitionEnd: handleTransitionEnd,
+      onClick: handleClick,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { onClick: (e) => e.stopPropagation(), children })
+    }
+  );
+};
+
+// ../utils/src/hooks/useOverlay/OverlayIdContext.tsx
+var import_react8 = __toESM(require_react(), 1);
+var OverlayIdContext = (0, import_react8.createContext)(0);
+
+// ../utils/src/hooks/useOverlay/OverlayProvider.tsx
+var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
+var OverlayProvider = ({
+  children,
+  className,
+  closeOnBack = true,
+  closeOnBackdropClick = true,
+  unmountOn = "exit"
+}) => {
+  const [overlays, setOverlays] = (0, import_react9.useState)([]);
+  const countRef = (0, import_react9.useRef)(0);
+  const removeOverlay = (0, import_react9.useCallback)((id) => {
+    setOverlays((overlays2) => overlays2.filter((overlay) => overlay.id !== id));
+  }, []);
+  const close = (0, import_react9.useCallback)((id) => {
+    setOverlays(
+      (overlays2) => overlays2.map((overlay) => {
+        if (overlay.id === id) {
+          if (overlay.onClose) {
+            overlay.onClose();
+          }
+          return {
+            ...overlay,
+            isActive: false
+          };
+        }
+        return overlay;
+      })
+    );
+  }, []);
+  const pop = (0, import_react9.useCallback)(
+    (isBack = false) => {
+      const last = overlays.findLast(
+        (overlay) => overlay.isActive && (!isBack || overlay.closeOnBack)
+      );
+      if (!last) {
+        return false;
+      }
+      close(last.id);
+      return true;
+    },
+    [overlays, close]
+  );
+  const push = (0, import_react9.useCallback)(
+    (children2, option) => {
+      const id = ++countRef.current;
+      setOverlays((overlays2) => [
+        ...overlays2,
+        {
+          isActive: true,
+          id,
+          children: children2,
+          requestUnmount() {
+            removeOverlay(id);
+          },
+          ...option
+        }
+      ]);
+      if (option?.closeOnBack) {
+        window.history.pushState({}, "", "");
+      }
+    },
+    [removeOverlay]
+  );
+  const contextValue = (0, import_react9.useMemo)(
+    () => ({
+      className,
+      closeOnBack,
+      closeOnBackdropClick,
+      unmountOn,
+      push,
+      pop,
+      close
+    }),
+    [className, closeOnBack, closeOnBackdropClick, unmountOn, push, pop, close]
+  );
+  (0, import_react9.useEffect)(() => {
+    const handlePopState = () => {
+      pop(true);
+    };
+    window.addEventListener("popstate", handlePopState);
+    return () => {
+      window.removeEventListener("popstate", handlePopState);
+    };
+  }, [pop]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(OverlayContext.Provider, { value: contextValue, children: [
+    children,
+    overlays.map((overlay) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(OverlayIdContext.Provider, { value: overlay.id, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Overlay, { ...overlay, children: overlay.children }) }, overlay.id))
+  ] });
+};
+
+// ../utils/src/hooks/useOverlay/useOverlay.ts
+var import_react10 = __toESM(require_react(), 1);
+var useOverlay = () => {
+  const overlayContext = (0, import_react10.useContext)(OverlayContext);
+  const overlayIdContext = (0, import_react10.useContext)(OverlayIdContext);
+  if (!overlayContext) {
+    throw new Error("useOverlay must be used within an OverlayContext.");
+  }
+  const pop = (0, import_react10.useCallback)(() => {
+    return overlayContext.pop();
+  }, [overlayContext]);
+  const push = (0, import_react10.useCallback)(
+    (children, param) => {
+      overlayContext.push(children, {
+        className: param?.className || overlayContext.className,
+        closeOnBack: param?.closeOnBack || overlayContext.closeOnBack,
+        unmountOn: param?.unmountOn || overlayContext.unmountOn,
+        closeOnBackdropClick: param?.closeOnBackdropClick || overlayContext.closeOnBackdropClick,
+        onExit: param?.onExit,
+        onClose: param?.onClose
+      });
+    },
+    [overlayContext]
+  );
+  const close = (0, import_react10.useCallback)(() => {
+    overlayContext.close(overlayIdContext);
+  }, [overlayContext, overlayIdContext]);
+  return (0, import_react10.useMemo)(
+    () => ({
+      push,
+      pop,
+      close
+    }),
+    [pop, push, close]
+  );
+};
+
+// ../utils/src/hooks/usePreventKeyboardInput/index.ts
+var import_react11 = __toESM(require_react(), 1);
+var usePreventKeyboardInput = () => {
+  (0, import_react11.useEffect)(() => {
+    const handleKeydown = (e) => {
+      e.preventDefault();
+    };
+    window.addEventListener("keydown", handleKeydown);
+    return () => {
+      window.removeEventListener("keydown", handleKeydown);
+    };
+  }, []);
+};
+
+// ../utils/src/hocs/withInViewport/index.tsx
+var import_react13 = __toESM(require_react(), 1);
+
+// ../utils/src/hooks/useIsInViewport/index.ts
+var import_react12 = __toESM(require_react(), 1);
+
+// ../utils/src/hocs/withInViewport/index.tsx
+var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
+
+// ../utils/src/hocs/withSuspense/index.tsx
+var import_react14 = __toESM(require_react(), 1);
+var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
+
+// ../utils/src/hooks/useIsScrolled/index.ts
+var import_react15 = __toESM(require_react(), 1);
+
+// ../utils/src/hooks/usePreventScroll/index.tsx
+var import_react16 = __toESM(require_react(), 1);
+
+export {
+  TransitionGroup,
+  CSSTransition,
+  useCombinedRefs,
+  OverlayProvider,
+  useOverlay,
+  usePreventKeyboardInput
+};
+//# sourceMappingURL=chunk-JL5TLDT5.mjs.map

package/dist/chunk-JL5TLDT5.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../utils/src/components/TransitionGroup/TransitionGroup.tsx", "../../utils/src/components/TransitionGroup/TransitionGroupContext.tsx", "../../utils/src/components/TransitionGroup/PresenceChild.tsx", "../../utils/src/components/CSSTransition/index.tsx", "../../utils/src/hooks/useCombineRefs/index.ts", "../../utils/src/hooks/useOverlay/OverlayProvider.tsx", "../../utils/src/hooks/useOverlay/Overlay.tsx", "../../utils/src/hooks/useOverlay/OverlayContext.tsx", "../../utils/src/hooks/useOverlay/OverlayIdContext.tsx", "../../utils/src/hooks/useOverlay/useOverlay.ts", "../../utils/src/hooks/usePreventKeyboardInput/index.ts", "../../utils/src/hocs/withInViewport/index.tsx", "../../utils/src/hooks/useIsInViewport/index.ts", "../../utils/src/hocs/withSuspense/index.tsx", "../../utils/src/hooks/useIsScrolled/index.ts", "../../utils/src/hooks/usePreventScroll/index.tsx"],
+  "sourcesContent": ["'use client';\n\nimport React, {\n  useCallback,\n  useEffect,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport { TransitionChild } from '#components/TransitionGroup';\n\ninterface ChildElement {\n  children: ReactElement;\n  isUnmounted: boolean;\n  id: number;\n}\n\nconst filterChildren = (children: ReactNode | ReactNode[]) => {\n  const result: ChildElement[] = [];\n\n  if (Array.isArray(children)) {\n    for (const child of children) {\n      if (!React.isValidElement(child)) {\n        continue;\n      }\n      result.push({ children: child, isUnmounted: false, id: 0 });\n    }\n  } else {\n    if (React.isValidElement(children)) {\n      result.push({ children, isUnmounted: false, id: 0 });\n    }\n  }\n\n  return result;\n};\n\ninterface TransitionGroupProps {\n  children: ReactNode | ReactNode[];\n}\n\nexport const TransitionGroup = ({ children }: TransitionGroupProps) => {\n  const [rendered, setRendered] = useState<ChildElement[]>(() =>\n    filterChildren(children),\n  );\n\n  const handleRequestUnmount = useCallback((key: string | null) => {\n    setRendered((rendered) =>\n      rendered.filter((child) => child.children.key !== key),\n    );\n  }, []);\n\n  useEffect(() => {\n    setRendered((rendered) => {\n      const presentChildren = [...filterChildren(children)];\n      const presentKeys = new Set<string | null>(\n        presentChildren.map((child) => child.children.key),\n      );\n\n      for (let i = 0; i < rendered.length; i++) {\n        const child = rendered[i]!;\n        if (presentKeys.has(child.children.key)) {\n          // unmount\uC911\uC778 \uC694\uC18C\uC640 \uAC19\uC740 key\uB97C \uAC00\uC9C4 \uC694\uC18C\uAC00 \uB610 \uB4E4\uC5B4\uC628 \uACBD\uC6B0, requestUnmount\uB97C \uAE30\uB2E4\uB9AC\uC9C0 \uC54A\uACE0 \uBC14\uB85C \uC81C\uAC70\uD55C\uB2E4.\n          if (child.isUnmounted) {\n            const presentChild = presentChildren.find(\n              (presentChild) =>\n                presentChild.children.key === child.children.key,\n            );\n\n            if (presentChild !== undefined) {\n              /**\n               * \uC0C8 \uC694\uC18C\uB294 unmount \uC911\uC778 \uC694\uC18C\uBCF4\uB2E4 id\uAC12\uC744 1 \uB192\uAC8C \uC124\uC815\uD574 \uC900\uB2E4.\n               * - id\uB294 \uB80C\uB354 \uD2B8\uB9AC\uC5D0\uC11C \uAE30\uC874 \uC694\uC18C\uB97C \uC81C\uAC70\uD560 \uB54C \uD65C\uC6A9\uD55C\uB2E4.\n               */\n              presentChild.id = child.id + 1;\n            }\n\n            rendered.splice(i--, 1);\n          }\n          continue;\n        }\n\n        child.isUnmounted = true;\n        presentChildren.splice(i, 0, child);\n      }\n\n      return presentChildren;\n    });\n  }, [children]);\n\n  return (\n    <>\n      {rendered.map((child) => (\n        <TransitionChild\n          key={child.children.key}\n          id={child.id}\n          elementKey={child.children.key}\n          isUnmounted={child.isUnmounted}\n          onRequestUnmount={handleRequestUnmount}\n        >\n          {child.children}\n        </TransitionChild>\n      ))}\n    </>\n  );\n};\n", "'use client';\n\nimport { createContext } from 'react';\n\ninterface TransitionGroupContext {\n  isUnmounted: boolean;\n  key: string | null;\n  requestUnmount: (key: string | null) => void;\n}\n\nexport const TransitionGroupContext = createContext<\n  TransitionGroupContext | undefined\n>(undefined);\n", "'use client';\n\nimport { type ReactNode } from 'react';\n\nimport { TransitionGroupContext } from '#components/TransitionGroup';\n\ninterface TransitionChildProps {\n  children: ReactNode;\n  id: number;\n  elementKey: string | null;\n  isUnmounted: boolean;\n  onRequestUnmount: (key: string | null) => void;\n}\n\nexport const TransitionChild = ({\n  children,\n  id,\n  elementKey,\n  isUnmounted,\n  onRequestUnmount,\n}: TransitionChildProps) => {\n  return (\n    <TransitionGroupContext.Provider\n      key={`${elementKey}-${id}`}\n      value={{ isUnmounted, key: elementKey, requestUnmount: onRequestUnmount }}\n    >\n      {children}\n    </TransitionGroupContext.Provider>\n  );\n};\n", "'use client';\n\nimport {\n  useContext,\n  useLayoutEffect,\n  useRef,\n  type ComponentProps,\n  type CSSProperties,\n  type ElementType,\n} from 'react';\n\nimport { TransitionGroupContext } from '#components/TransitionGroup';\n\ntype AnimationStyle = string | CSSProperties;\n\nconst setStyle = <T extends HTMLElement>(element: T, style: AnimationStyle) => {\n  if (typeof style === 'string') {\n    element.classList.add(style);\n    return;\n  }\n\n  Object.assign(element.style, style);\n};\n\nconst removeStyle = <T extends HTMLElement>(\n  element: T,\n  style: AnimationStyle,\n) => {\n  if (typeof style === 'string') {\n    element.classList.remove(style);\n    return;\n  }\n\n  for (const key in style) {\n    element.style.removeProperty(key);\n  }\n};\n\nconst forceReflow = <T extends HTMLElement>(element: T) => {\n  // eslint-disable-next-line\n  element.offsetTop;\n};\n\ntype CSSTransitionProps<T extends ElementType> = {\n  as?: T;\n  initial: AnimationStyle;\n  animate: AnimationStyle;\n  exit: AnimationStyle;\n  duration: number;\n} & Omit<ComponentProps<T>, 'as'>;\n\nexport const CSSTransition = <T extends ElementType>({\n  children,\n  as,\n  initial,\n  animate,\n  exit,\n  duration,\n  style,\n  ...props\n}: CSSTransitionProps<T>) => {\n  const Component = as || 'div';\n  const elementRef = useRef<HTMLDivElement>(null);\n  const context = useContext(TransitionGroupContext);\n\n  if (context === undefined) {\n    throw new Error('CSSTransition must be used within an AnimationPresence');\n  }\n\n  const { isUnmounted, key, requestUnmount } = context;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current;\n    if (!element) {\n      return;\n    }\n\n    element.style.transition = `all ${duration}ms ease`;\n\n    forceReflow(element);\n    setStyle(element, initial);\n    forceReflow(element);\n\n    removeStyle(element, initial);\n    setStyle(element, animate);\n\n    // eslint-disable-next-line\n  }, []);\n\n  useLayoutEffect(() => {\n    const element = elementRef.current;\n    if (!isUnmounted || !element) {\n      return;\n    }\n\n    const handleTransitionEnd = (e: TransitionEvent) => {\n      const element = elementRef.current;\n      if (!element || e.target !== element) {\n        return;\n      }\n\n      requestUnmount(key);\n    };\n\n    element.addEventListener('transitionend', handleTransitionEnd);\n\n    removeStyle(element, initial);\n    removeStyle(element, animate);\n    setStyle(element, exit);\n\n    return () => {\n      element.removeEventListener('transitionend', handleTransitionEnd);\n    };\n    // eslint-disable-next-line\n  }, [isUnmounted, key, requestUnmount]);\n\n  return (\n    <Component\n      ref={elementRef}\n      style={{ ...(initial as CSSProperties), ...style }}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n};\n", "import { useEffect, useRef } from 'react';\n\nexport const useCombinedRefs = <T>(...refs: (React.Ref<T> | undefined)[]) => {\n  const targetRef = useRef<T>(null);\n\n  useEffect(() => {\n    refs.forEach((ref) => {\n      if (!ref) return;\n      if (typeof ref === 'function') {\n        ref(targetRef.current);\n      } else {\n        (ref as React.MutableRefObject<T | null>).current = targetRef.current;\n      }\n    });\n  }, [refs]);\n\n  return targetRef;\n};\n", "'use client';\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Overlay } from './Overlay';\nimport { OverlayContext } from './OverlayContext';\nimport { OverlayIdContext } from './OverlayIdContext';\nimport type { OverlayProps, OverlayProviderProps, OverlayPush } from './types';\n\nexport const OverlayProvider = ({\n  children,\n  className,\n  closeOnBack = true,\n  closeOnBackdropClick = true,\n  unmountOn = 'exit',\n}: OverlayProviderProps) => {\n  const [overlays, setOverlays] = useState<OverlayProps[]>([]);\n  const countRef = useRef<number>(0);\n\n  const removeOverlay = useCallback((id: number) => {\n    setOverlays((overlays) => overlays.filter((overlay) => overlay.id !== id));\n  }, []);\n\n  const close = useCallback((id: number) => {\n    setOverlays((overlays) =>\n      overlays.map((overlay) => {\n        if (overlay.id === id) {\n          if (overlay.onClose) {\n            overlay.onClose();\n          }\n\n          return {\n            ...overlay,\n            isActive: false,\n          };\n        }\n\n        return overlay;\n      }),\n    );\n  }, []);\n\n  const pop = useCallback(\n    (isBack: boolean = false) => {\n      const last = overlays.findLast(\n        (overlay) => overlay.isActive && (!isBack || overlay.closeOnBack),\n      );\n\n      if (!last) {\n        return false;\n      }\n\n      close(last.id);\n\n      return true;\n    },\n    [overlays, close],\n  );\n\n  const push: OverlayPush = useCallback(\n    (children, option) => {\n      const id = ++countRef.current;\n\n      setOverlays((overlays) => [\n        ...overlays,\n        {\n          isActive: true,\n          id,\n          children,\n          requestUnmount() {\n            removeOverlay(id);\n          },\n          ...option,\n        },\n      ]);\n\n      if (option?.closeOnBack) {\n        window.history.pushState({}, '', '');\n      }\n    },\n    [removeOverlay],\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      className,\n      closeOnBack,\n      closeOnBackdropClick,\n      unmountOn,\n      push,\n      pop,\n      close,\n    }),\n    [className, closeOnBack, closeOnBackdropClick, unmountOn, push, pop, close],\n  );\n\n  useEffect(() => {\n    const handlePopState = () => {\n      pop(true);\n    };\n\n    window.addEventListener('popstate', handlePopState);\n\n    return () => {\n      window.removeEventListener('popstate', handlePopState);\n    };\n  }, [pop]);\n\n  return (\n    <OverlayContext.Provider value={contextValue}>\n      {children}\n      {overlays.map((overlay) => (\n        <OverlayIdContext.Provider key={overlay.id} value={overlay.id}>\n          <Overlay {...overlay}>{overlay.children}</Overlay>\n        </OverlayIdContext.Provider>\n      ))}\n    </OverlayContext.Provider>\n  );\n};\n", "import { useContext, useEffect, useRef } from 'react';\n\nimport { OverlayContext } from './OverlayContext';\nimport type { OverlayProps } from './types';\n\nexport const Overlay = ({\n  children,\n  id,\n  isActive,\n  className,\n  closeOnBackdropClick,\n  unmountOn,\n  requestUnmount,\n}: OverlayProps) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  const overlayContext = useContext(OverlayContext);\n\n  if (!overlayContext) {\n    throw new Error('Overlay must be used within an OverlayContext.');\n  }\n\n  useEffect(() => {\n    if (!wrapperRef.current) {\n      return;\n    }\n\n    if (isActive) {\n      if (className?.base) {\n        wrapperRef.current.classList.add(className.base);\n      }\n\n      if (className?.enter) {\n        // eslint-disable-next-line\n        wrapperRef.current.offsetTop;\n        wrapperRef.current.classList.add(className.enter);\n      }\n      return;\n    }\n\n    switch (unmountOn) {\n      case 'exit': {\n        if (requestUnmount) {\n          requestUnmount();\n        }\n        break;\n      }\n      case 'transitionEnd': {\n        if (className?.exit) {\n          wrapperRef.current.classList.add(className.exit);\n        }\n        break;\n      }\n      default: {\n        timerRef.current = setTimeout(() => {\n          if (requestUnmount) {\n            requestUnmount();\n          }\n        }, Number(unmountOn));\n      }\n    }\n  }, [\n    wrapperRef,\n    isActive,\n    className?.base,\n    className?.enter,\n    className?.exit,\n    unmountOn,\n    requestUnmount,\n  ]);\n\n  const handleTransitionEnd = (e: React.TransitionEvent) => {\n    if (\n      e.target !== wrapperRef.current ||\n      isActive ||\n      unmountOn !== 'transitionEnd' ||\n      !requestUnmount\n    ) {\n      return;\n    }\n\n    requestUnmount();\n  };\n\n  const handleClick = (e: React.MouseEvent) => {\n    if (e.target !== wrapperRef.current || !isActive || !closeOnBackdropClick) {\n      return;\n    }\n\n    overlayContext.close(id);\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      onTransitionEnd={handleTransitionEnd}\n      onClick={handleClick}\n    >\n      <div onClick={(e) => e.stopPropagation()}>{children}</div>\n    </div>\n  );\n};\n", "'use client';\n\nimport { createContext } from 'react';\n\nimport type { OverlayContextType } from './types';\n\nexport const OverlayContext = createContext<OverlayContextType>(undefined);\n", "import { createContext } from 'react';\n\nexport const OverlayIdContext = createContext<number>(0);\n", "'use client';\n\nimport { useCallback, useContext, useMemo } from 'react';\n\nimport { OverlayContext } from './OverlayContext';\nimport { OverlayIdContext } from './OverlayIdContext';\nimport type { OverlayPush } from './types';\n\nexport const useOverlay = () => {\n  const overlayContext = useContext(OverlayContext);\n  const overlayIdContext = useContext(OverlayIdContext);\n\n  if (!overlayContext) {\n    throw new Error('useOverlay must be used within an OverlayContext.');\n  }\n\n  const pop = useCallback(() => {\n    return overlayContext.pop();\n  }, [overlayContext]);\n\n  const push: OverlayPush = useCallback(\n    (children, param) => {\n      overlayContext.push(children, {\n        className: param?.className || overlayContext.className,\n        closeOnBack: param?.closeOnBack || overlayContext.closeOnBack,\n        unmountOn: param?.unmountOn || overlayContext.unmountOn,\n        closeOnBackdropClick:\n          param?.closeOnBackdropClick || overlayContext.closeOnBackdropClick,\n        onExit: param?.onExit,\n        onClose: param?.onClose,\n      });\n    },\n    [overlayContext],\n  );\n\n  const close = useCallback(() => {\n    overlayContext.close(overlayIdContext);\n  }, [overlayContext, overlayIdContext]);\n\n  return useMemo(\n    () => ({\n      push,\n      pop,\n      close,\n    }),\n    [pop, push, close],\n  );\n};\n", "'use client';\n\nimport { useEffect } from 'react';\n\nexport const usePreventKeyboardInput = () => {\n  useEffect(() => {\n    const handleKeydown = (e: KeyboardEvent) => {\n      e.preventDefault();\n    };\n\n    window.addEventListener('keydown', handleKeydown);\n\n    return () => {\n      window.removeEventListener('keydown', handleKeydown);\n    };\n  }, []);\n};\n", "'use client';\n\nimport React, { useMemo, useRef } from 'react';\n\nimport { useIsInViewport } from '#hooks/useIsInViewport';\n\nexport const withInViewport = <P,>(\n  Component:\n    | React.ComponentType<P & React.RefAttributes<HTMLElement>>\n    | (React.ForwardRefExoticComponent<P> & React.RefAttributes<HTMLElement>),\n) => {\n  const InViewportComponent = (props: P) => {\n    const ref = useRef<HTMLElement>(null);\n    const { isInViewport } = useIsInViewport(ref);\n\n    const memo = useMemo(() => {\n      if (isInViewport) {\n        return;\n      }\n\n      return <Component ref={ref} {...props} />;\n      // eslint-disable-next-line\n    }, [isInViewport]);\n\n    if (!isInViewport) {\n      return memo;\n    }\n\n    return <Component ref={ref} {...props} />;\n  };\n\n  return InViewportComponent;\n};\n", "'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useIsInViewport = <T extends HTMLElement | null>(\n  targetRef: React.RefObject<T>,\n) => {\n  const [isInViewport, setIsInViewport] = useState<boolean | undefined>();\n\n  useEffect(() => {\n    if (!targetRef.current) {\n      return;\n    }\n\n    const observerCallback = (entries: IntersectionObserverEntry[]) => {\n      entries.forEach((entry) => {\n        setIsInViewport(entry.isIntersecting);\n      });\n    };\n\n    const observer = new window.IntersectionObserver(observerCallback, {\n      threshold: 0,\n    });\n\n    observer.observe(targetRef.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [targetRef]);\n\n  return { isInViewport };\n};\n", "import { Suspense } from 'react';\n\nexport const withSuspense = <T extends object>(\n  Component: React.ComponentType<T>,\n  fallback: React.ReactNode,\n) => {\n  const WrappedComponent = (props: T) => {\n    return (\n      <Suspense fallback={fallback}>\n        <Component {...props} />\n      </Suspense>\n    );\n  };\n\n  return WrappedComponent;\n};\n", "'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useIsScrolled = <T extends (HTMLElement | null) | typeof window>(\n  element: T,\n) => {\n  const [isScrolled, setIsScrolled] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (element === null) {\n      return;\n    }\n\n    const handleScroll = () => {\n      if (element instanceof Window) {\n        setIsScrolled(element.scrollY !== 0);\n        return;\n      }\n\n      setIsScrolled(element.scrollTop !== 0);\n    };\n\n    handleScroll();\n\n    element.addEventListener('scroll', handleScroll);\n\n    return () => {\n      element.removeEventListener('scroll', handleScroll);\n    };\n  }, [element]);\n\n  return isScrolled;\n};\n", "'use client';\n\nimport { useEffect } from 'react';\n\nexport const usePreventScroll = () => {\n  useEffect(() => {\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.body.style.removeProperty('overflow');\n    };\n  }, []);\n};\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_react", "import_jsx_runtime", "React", "rendered", "presentChild", "import_react", "import_jsx_runtime", "element", "import_react", "import_react", "import_react", "import_react", "import_jsx_runtime", "import_react", "import_jsx_runtime", "overlays", "children", "import_react", "import_react", "import_react", "import_react", "import_jsx_runtime", "import_react", "import_jsx_runtime", "import_react", "import_react"]
+}

package/dist/chunk-JWH433FN.mjs

@@ -0,0 +1,47 @@
+import {
+  interactive
+} from "./chunk-QKSJOEK7.mjs";
+import {
+  striped
+} from "./chunk-AQ2YSKXF.mjs";
+import {
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+
+// src/components/Table/TableCell.css.ts
+var tableCell = styleWithLayer({
+  padding: "0.5em",
+  transition: "background-color 0.1s ease, color 0.1s ease",
+  selectors: {
+    [`${interactive} > &`]: {
+      cursor: "pointer"
+    },
+    "tr > &:first-child": {
+      borderTopLeftRadius: theme.borderRadius,
+      borderBottomLeftRadius: theme.borderRadius
+    },
+    "tr > &:last-child": {
+      borderTopRightRadius: theme.borderRadius,
+      borderBottomRightRadius: theme.borderRadius
+    },
+    "tbody > tr:hover > &": {
+      backgroundColor: `rgb(${theme.color.accent})`,
+      color: `rgb(${theme.color["accent-foreground"]})`
+    },
+    [`${striped} > tbody > tr:nth-of-type(odd) > &`]: {
+      backgroundColor: `rgb(${theme.color.card})`,
+      color: `rgb(${theme.color["accent-foreground"]})`
+    },
+    [`${striped} > tbody > tr:nth-of-type(odd):hover > &`]: {
+      backgroundColor: `rgb(${theme.color.accent})`
+    }
+  }
+});
+
+export {
+  tableCell
+};
+//# sourceMappingURL=chunk-JWH433FN.mjs.map

package/dist/chunk-JWH433FN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Table/TableCell.css.ts"],
+  "sourcesContent": ["import { styleWithLayer } from '@/styleUtils';\nimport { theme } from '@/themes';\n\nimport { striped } from './Table.css';\nimport { interactive } from './TableRow.css';\n\nexport const tableCell = styleWithLayer({\n  padding: '0.5em',\n\n  transition: 'background-color 0.1s ease, color 0.1s ease',\n\n  selectors: {\n    [`${interactive} > &`]: {\n      cursor: 'pointer',\n    },\n\n    'tr > &:first-child': {\n      borderTopLeftRadius: theme.borderRadius,\n      borderBottomLeftRadius: theme.borderRadius,\n    },\n\n    'tr > &:last-child': {\n      borderTopRightRadius: theme.borderRadius,\n      borderBottomRightRadius: theme.borderRadius,\n    },\n\n    'tbody > tr:hover > &': {\n      backgroundColor: `rgb(${theme.color.accent})`,\n\n      color: `rgb(${theme.color['accent-foreground']})`,\n    },\n\n    [`${striped} > tbody > tr:nth-of-type(odd) > &`]: {\n      backgroundColor: `rgb(${theme.color.card})`,\n\n      color: `rgb(${theme.color['accent-foreground']})`,\n    },\n\n    [`${striped} > tbody > tr:nth-of-type(odd):hover > &`]: {\n      backgroundColor: `rgb(${theme.color.accent})`,\n    },\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;AAMO,IAAM,YAAY,eAAe;AAAA,EACtC,SAAS;AAAA,EAET,YAAY;AAAA,EAEZ,WAAW;AAAA,IACT,CAAC,GAAG,WAAW,MAAM,GAAG;AAAA,MACtB,QAAQ;AAAA,IACV;AAAA,IAEA,sBAAsB;AAAA,MACpB,qBAAqB,MAAM;AAAA,MAC3B,wBAAwB,MAAM;AAAA,IAChC;AAAA,IAEA,qBAAqB;AAAA,MACnB,sBAAsB,MAAM;AAAA,MAC5B,yBAAyB,MAAM;AAAA,IACjC;AAAA,IAEA,wBAAwB;AAAA,MACtB,iBAAiB,OAAO,MAAM,MAAM,MAAM;AAAA,MAE1C,OAAO,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAAA,IAChD;AAAA,IAEA,CAAC,GAAG,OAAO,oCAAoC,GAAG;AAAA,MAChD,iBAAiB,OAAO,MAAM,MAAM,IAAI;AAAA,MAExC,OAAO,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAAA,IAChD;AAAA,IAEA,CAAC,GAAG,OAAO,0CAA0C,GAAG;AAAA,MACtD,iBAAiB,OAAO,MAAM,MAAM,MAAM;AAAA,IAC5C;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}