@byeolnaerim/flex-layout 0.0.9 → 0.0.12

package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.js

@@ -1,33 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { allSplitScreenCount } from "../hooks/useDrag";
-import styles from "../styles/FlexLayout.module.css";
-function FlexLayoutSplitScreenDragBoxItem({
-  children,
-  onClose,
-  isActive,
-  ...props
-}) {
-  useEffect(() => {
-    allSplitScreenCount.next(allSplitScreenCount.value + 1);
-    return () => {
-      if (allSplitScreenCount.value <= 1) return;
-      allSplitScreenCount.next(allSplitScreenCount.value - 1);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `${styles["flex-split-screen-drag-box-title-item"]} ${isActive ? styles["active"] : ""}`,
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx("button", { type: "button", onClick: (ev) => onClose(ev), children: "X" })
-      ]
-    }
-  );
-}
-export {
-  FlexLayoutSplitScreenDragBoxItem as default
-};
-//# sourceMappingURL=FlexLayoutSplitScreenDragBoxItem.js.map
+import{jsx as p,jsxs as c}from"react/jsx-runtime";import{useEffect as a}from"react";import{allSplitScreenCount as e}from"../hooks/useDrag";import t from"../styles/FlexLayout.module.css";function u({children:o,onClose:r,isActive:l,...n}){return a(()=>(e.next(e.value+1),()=>{e.value<=1||e.next(e.value-1)}),[]),c("div",{className:`${t["flex-split-screen-drag-box-title-item"]} ${l?t.active:""}`,...n,children:[o,p("button",{type:"button",onClick:i=>r(i),children:"X"})]})}export{u as default};

package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.cjs

@@ -1,53 +1 @@
-"use strict";
-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 __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
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FlexLayoutSplitScreenDragBoxTitleMore_exports = {};
-__export(FlexLayoutSplitScreenDragBoxTitleMore_exports, {
-  default: () => FlexLayoutSplitScreenDragBoxTitleMore
-});
-module.exports = __toCommonJS(FlexLayoutSplitScreenDragBoxTitleMore_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_FlexLayout = __toESM(require("../styles/FlexLayout.module.css"), 1);
-function FlexLayoutSplitScreenDragBoxTitleMore({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "button",
-    {
-      ...props,
-      className: `${import_FlexLayout.default["flex-split-screen-drag-box-title-more"]} ${className || ""}`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "." }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "." }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "." })
-      ]
-    }
-  );
-}
-//# sourceMappingURL=FlexLayoutSplitScreenDragBoxTitleMore.cjs.map
+"use strict";var u=Object.create;var l=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var L=(t,e)=>{for(var r in e)l(t,r,{get:e[r],enumerable:!0})},p=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of c(e))!f.call(t,n)&&n!==r&&l(t,n,{get:()=>e[n],enumerable:!(a=x(e,n))||a.enumerable});return t};var M=(t,e,r)=>(r=t!=null?u(m(t)):{},p(e||!t||!t.__esModule?l(r,"default",{value:t,enumerable:!0}):r,t)),S=t=>p(l({},"__esModule",{value:!0}),t);var T={};L(T,{default:()=>i});module.exports=S(T);var o=require("react/jsx-runtime"),s=M(require("../styles/FlexLayout.module.css"),1);function i({className:t,...e}){return(0,o.jsxs)("button",{...e,className:`${s.default["flex-split-screen-drag-box-title-more"]} ${t||""}`,children:[(0,o.jsx)("span",{children:"."}),(0,o.jsx)("span",{children:"."}),(0,o.jsx)("span",{children:"."})]})}

package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.js

@@ -1,23 +1 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import styles from "../styles/FlexLayout.module.css";
-function FlexLayoutSplitScreenDragBoxTitleMore({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ...props,
-      className: `${styles["flex-split-screen-drag-box-title-more"]} ${className || ""}`,
-      children: [
-        /* @__PURE__ */ jsx("span", { children: "." }),
-        /* @__PURE__ */ jsx("span", { children: "." }),
-        /* @__PURE__ */ jsx("span", { children: "." })
-      ]
-    }
-  );
-}
-export {
-  FlexLayoutSplitScreenDragBoxTitleMore as default
-};
-//# sourceMappingURL=FlexLayoutSplitScreenDragBoxTitleMore.js.map
+import{jsx as t,jsxs as l}from"react/jsx-runtime";import o from"../styles/FlexLayout.module.css";function n({className:e,...r}){return l("button",{...r,className:`${o["flex-split-screen-drag-box-title-more"]} ${e||""}`,children:[t("span",{children:"."}),t("span",{children:"."}),t("span",{children:"."})]})}export{n as default};

package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.cjs

@@ -1,133 +1 @@
-"use strict";
-"use client";
-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 __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
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FlexLayoutSplitScreenScrollBox_exports = {};
-__export(FlexLayoutSplitScreenScrollBox_exports, {
-  default: () => FlexLayoutSplitScreenScrollBox_default
-});
-module.exports = __toCommonJS(FlexLayoutSplitScreenScrollBox_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_rxjs = require("rxjs");
-var import_operators = require("rxjs/operators");
-var import_FlexLayoutContainerStore = require("../store/FlexLayoutContainerStore");
-var import_listScroll = __toESM(require("../styles/listScroll.module.css"), 1);
-const FlexLayoutSplitScreenScrollBox = ({
-  className,
-  children,
-  keyName,
-  direction,
-  isDefaultScrollStyle = false,
-  ...props
-}) => {
-  const scrollRef = (0, import_react.useRef)(null);
-  const [isMouseDown, setIsMouseDown] = (0, import_react.useState)(false);
-  const scrollEventSubject = (0, import_react.useRef)(new import_rxjs.Subject());
-  (0, import_react.useEffect)(() => {
-    const mouseUpSubscribe = (0, import_rxjs.fromEvent)(
-      window,
-      "mouseup"
-    ).subscribe(() => {
-      setIsMouseDown(false);
-    });
-    const scrollEventSubscribe = scrollEventSubject.current.pipe((0, import_operators.throttleTime)(70)).subscribe((position) => {
-      (0, import_FlexLayoutContainerStore.setScrollPosition)(keyName, position);
-    });
-    const scrollSubscribe = (0, import_FlexLayoutContainerStore.getScrollPosition)(keyName).pipe((0, import_operators.take)(1)).subscribe((position) => {
-      if (scrollRef.current && position) {
-        scrollRef.current.scrollLeft = position.x;
-        scrollRef.current.scrollTop = position.y;
-      }
-    });
-    return () => {
-      (0, import_FlexLayoutContainerStore.removeScrollPosition)(keyName);
-      mouseUpSubscribe.unsubscribe();
-      scrollSubscribe.unsubscribe();
-      scrollEventSubscribe.unsubscribe();
-    };
-  }, [keyName]);
-  (0, import_react.useEffect)(() => {
-    if (!scrollRef.current) return;
-    let animationFrameId = null;
-    const handleWheel = (event) => {
-      if (!scrollRef.current || direction !== "x") return;
-      if (scrollRef.current.matches(":hover")) {
-        event.preventDefault();
-        const { deltaY } = event;
-        const newScrollLeft = scrollRef.current.scrollLeft + deltaY;
-        if (animationFrameId) {
-          cancelAnimationFrame(animationFrameId);
-        }
-        animationFrameId = requestAnimationFrame(() => {
-          scrollRef.current.scrollLeft = newScrollLeft;
-          scrollEventSubject.current.next({
-            x: newScrollLeft,
-            y: scrollRef.current.scrollTop
-          });
-          animationFrameId = null;
-        });
-      }
-    };
-    scrollRef.current.addEventListener("wheel", handleWheel, {
-      passive: false
-    });
-    return () => {
-      scrollRef.current?.removeEventListener("wheel", handleWheel);
-    };
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ref: scrollRef,
-      onMouseUp: () => setIsMouseDown(false),
-      onMouseDown: () => setIsMouseDown(true),
-      onMouseMove: (event) => {
-        if (!scrollRef.current || !isMouseDown || direction !== "x")
-          return;
-        scrollRef.current.scrollLeft += event.movementX * -1;
-        scrollEventSubject.current.next({
-          x: scrollRef.current.scrollLeft,
-          y: scrollRef.current.scrollTop
-        });
-      },
-      onScroll: () => {
-        if (!scrollRef.current) return;
-        scrollEventSubject.current.next({
-          x: scrollRef.current.scrollLeft,
-          y: scrollRef.current.scrollTop
-        });
-      },
-      className: `${className || ""} ${isDefaultScrollStyle ? import_listScroll.default["default-scroll"] : import_listScroll.default["list-scroll"]} ${direction ? import_listScroll.default[direction] : ""}`,
-      ...props,
-      children
-    }
-  );
-};
-var FlexLayoutSplitScreenScrollBox_default = (0, import_react.memo)(FlexLayoutSplitScreenScrollBox);
-//# sourceMappingURL=FlexLayoutSplitScreenScrollBox.cjs.map
+"use strict";"use client";var F=Object.create;var S=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var D=(r,t)=>{for(var l in t)S(r,l,{get:t[l],enumerable:!0})},M=(r,t,l,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let c of h(t))!P.call(r,c)&&c!==l&&S(r,c,{get:()=>t[c],enumerable:!(s=T(t,c))||s.enumerable});return r};var A=(r,t,l)=>(l=r!=null?F(y(r)):{},M(t||!r||!r.__esModule?S(l,"default",{value:r,enumerable:!0}):l,r)),B=r=>M(S({},"__esModule",{value:!0}),r);var $={};D($,{default:()=>g});module.exports=B($);var E=require("react/jsx-runtime"),o=require("react"),p=require("rxjs"),x=require("rxjs/operators"),i=require("../store/FlexLayoutContainerStore"),b=A(require("../styles/listScroll.module.css"),1);const H=({className:r,children:t,keyName:l,direction:s,isDefaultScrollStyle:c=!1,...d})=>{const e=(0,o.useRef)(null),[w,v]=(0,o.useState)(!1),f=(0,o.useRef)(new p.Subject);return(0,o.useEffect)(()=>{const n=(0,p.fromEvent)(window,"mouseup").subscribe(()=>{v(!1)}),a=f.current.pipe((0,x.throttleTime)(70)).subscribe(u=>{(0,i.setScrollPosition)(l,u)}),m=(0,i.getScrollPosition)(l).pipe((0,x.take)(1)).subscribe(u=>{e.current&&u&&(e.current.scrollLeft=u.x,e.current.scrollTop=u.y)});return()=>{(0,i.removeScrollPosition)(l),n.unsubscribe(),m.unsubscribe(),a.unsubscribe()}},[l]),(0,o.useEffect)(()=>{if(!e.current)return;let n=null;const a=m=>{if(!(!e.current||s!=="x")&&e.current.matches(":hover")){m.preventDefault();const{deltaY:u}=m,L=e.current.scrollLeft+u;n&&cancelAnimationFrame(n),n=requestAnimationFrame(()=>{e.current.scrollLeft=L,f.current.next({x:L,y:e.current.scrollTop}),n=null})}};return e.current.addEventListener("wheel",a,{passive:!1}),()=>{e.current?.removeEventListener("wheel",a)}},[]),(0,E.jsx)("div",{ref:e,onMouseUp:()=>v(!1),onMouseDown:()=>v(!0),onMouseMove:n=>{!e.current||!w||s!=="x"||(e.current.scrollLeft+=n.movementX*-1,f.current.next({x:e.current.scrollLeft,y:e.current.scrollTop}))},onScroll:()=>{e.current&&f.current.next({x:e.current.scrollLeft,y:e.current.scrollTop})},className:`${r||""} ${c?b.default["default-scroll"]:b.default["list-scroll"]} ${s?b.default[s]:""}`,...d,children:t})};var g=(0,o.memo)(H);

package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.js

@@ -1,107 +1 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { memo, useEffect, useRef, useState } from "react";
-import { fromEvent, Subject } from "rxjs";
-import { take, throttleTime } from "rxjs/operators";
-import {
-  getScrollPosition,
-  removeScrollPosition,
-  setScrollPosition
-} from "../store/FlexLayoutContainerStore";
-import listScroll from "../styles/listScroll.module.css";
-const FlexLayoutSplitScreenScrollBox = ({
-  className,
-  children,
-  keyName,
-  direction,
-  isDefaultScrollStyle = false,
-  ...props
-}) => {
-  const scrollRef = useRef(null);
-  const [isMouseDown, setIsMouseDown] = useState(false);
-  const scrollEventSubject = useRef(new Subject());
-  useEffect(() => {
-    const mouseUpSubscribe = fromEvent(
-      window,
-      "mouseup"
-    ).subscribe(() => {
-      setIsMouseDown(false);
-    });
-    const scrollEventSubscribe = scrollEventSubject.current.pipe(throttleTime(70)).subscribe((position) => {
-      setScrollPosition(keyName, position);
-    });
-    const scrollSubscribe = getScrollPosition(keyName).pipe(take(1)).subscribe((position) => {
-      if (scrollRef.current && position) {
-        scrollRef.current.scrollLeft = position.x;
-        scrollRef.current.scrollTop = position.y;
-      }
-    });
-    return () => {
-      removeScrollPosition(keyName);
-      mouseUpSubscribe.unsubscribe();
-      scrollSubscribe.unsubscribe();
-      scrollEventSubscribe.unsubscribe();
-    };
-  }, [keyName]);
-  useEffect(() => {
-    if (!scrollRef.current) return;
-    let animationFrameId = null;
-    const handleWheel = (event) => {
-      if (!scrollRef.current || direction !== "x") return;
-      if (scrollRef.current.matches(":hover")) {
-        event.preventDefault();
-        const { deltaY } = event;
-        const newScrollLeft = scrollRef.current.scrollLeft + deltaY;
-        if (animationFrameId) {
-          cancelAnimationFrame(animationFrameId);
-        }
-        animationFrameId = requestAnimationFrame(() => {
-          scrollRef.current.scrollLeft = newScrollLeft;
-          scrollEventSubject.current.next({
-            x: newScrollLeft,
-            y: scrollRef.current.scrollTop
-          });
-          animationFrameId = null;
-        });
-      }
-    };
-    scrollRef.current.addEventListener("wheel", handleWheel, {
-      passive: false
-    });
-    return () => {
-      scrollRef.current?.removeEventListener("wheel", handleWheel);
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: scrollRef,
-      onMouseUp: () => setIsMouseDown(false),
-      onMouseDown: () => setIsMouseDown(true),
-      onMouseMove: (event) => {
-        if (!scrollRef.current || !isMouseDown || direction !== "x")
-          return;
-        scrollRef.current.scrollLeft += event.movementX * -1;
-        scrollEventSubject.current.next({
-          x: scrollRef.current.scrollLeft,
-          y: scrollRef.current.scrollTop
-        });
-      },
-      onScroll: () => {
-        if (!scrollRef.current) return;
-        scrollEventSubject.current.next({
-          x: scrollRef.current.scrollLeft,
-          y: scrollRef.current.scrollTop
-        });
-      },
-      className: `${className || ""} ${isDefaultScrollStyle ? listScroll["default-scroll"] : listScroll["list-scroll"]} ${direction ? listScroll[direction] : ""}`,
-      ...props,
-      children
-    }
-  );
-};
-var FlexLayoutSplitScreenScrollBox_default = memo(FlexLayoutSplitScreenScrollBox);
-export {
-  FlexLayoutSplitScreenScrollBox_default as default
-};
-//# sourceMappingURL=FlexLayoutSplitScreenScrollBox.js.map
+"use client";import{jsx as D}from"react/jsx-runtime";import{memo as L,useEffect as a,useRef as m,useState as M}from"react";import{fromEvent as E,Subject as d}from"rxjs";import{take as w,throttleTime as F}from"rxjs/operators";import{getScrollPosition as T,removeScrollPosition as h,setScrollPosition as y}from"../store/FlexLayoutContainerStore";import i from"../styles/listScroll.module.css";const P=({className:S,children:b,keyName:l,direction:o,isDefaultScrollStyle:p=!1,...x})=>{const e=m(null),[v,u]=M(!1),n=m(new d);return a(()=>{const r=E(window,"mouseup").subscribe(()=>{u(!1)}),s=n.current.pipe(F(70)).subscribe(t=>{y(l,t)}),c=T(l).pipe(w(1)).subscribe(t=>{e.current&&t&&(e.current.scrollLeft=t.x,e.current.scrollTop=t.y)});return()=>{h(l),r.unsubscribe(),c.unsubscribe(),s.unsubscribe()}},[l]),a(()=>{if(!e.current)return;let r=null;const s=c=>{if(!(!e.current||o!=="x")&&e.current.matches(":hover")){c.preventDefault();const{deltaY:t}=c,f=e.current.scrollLeft+t;r&&cancelAnimationFrame(r),r=requestAnimationFrame(()=>{e.current.scrollLeft=f,n.current.next({x:f,y:e.current.scrollTop}),r=null})}};return e.current.addEventListener("wheel",s,{passive:!1}),()=>{e.current?.removeEventListener("wheel",s)}},[]),D("div",{ref:e,onMouseUp:()=>u(!1),onMouseDown:()=>u(!0),onMouseMove:r=>{!e.current||!v||o!=="x"||(e.current.scrollLeft+=r.movementX*-1,n.current.next({x:e.current.scrollLeft,y:e.current.scrollTop}))},onScroll:()=>{e.current&&n.current.next({x:e.current.scrollLeft,y:e.current.scrollTop})},className:`${S||""} ${p?i["default-scroll"]:i["list-scroll"]} ${o?i[o]:""}`,...x,children:b})};var U=L(P);export{U as default};

package/dist/flex-layout/components/FlexLayoutStickyBox.cjs

@@ -1,245 +1 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FlexLayoutStickyBox_exports = {};
-__export(FlexLayoutStickyBox_exports, {
-  default: () => FlexLayoutStickyBox_default
-});
-module.exports = __toCommonJS(FlexLayoutStickyBox_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-function clamp(n, min, max) {
-  return Math.max(min, Math.min(max, n));
-}
-function pickDefaultScrollRoot() {
-  if (typeof document === "undefined") return null;
-  let el = document.body;
-  while (el && el !== document.documentElement && el !== document.body) {
-    const style = getComputedStyle(el);
-    const oy = style.overflowY;
-    const ox = style.overflowX;
-    const scrollable = oy === "auto" || oy === "scroll" || ox === "auto" || ox === "scroll";
-    if (scrollable) return el;
-    el = el.parentElement;
-  }
-  return null;
-}
-function isVerticalScroll(root) {
-  if (typeof window == "undefined") return true;
-  if (!root) {
-    return document.documentElement.scrollHeight > window.innerHeight + 1;
-  }
-  const el = root;
-  return el.scrollHeight > el.clientHeight + 1;
-}
-const dpr = typeof window != "undefined" ? window.devicePixelRatio || 1 : 1;
-function quantizeToDevicePixel(n) {
-  return Math.round(n * dpr) / dpr;
-}
-const FlexLayoutStickyBox = ({
-  edge = "auto",
-  offset = 16,
-  scrollRoot = null,
-  debug = false,
-  children,
-  style,
-  className,
-  transitionDurationMs = 200,
-  onTranslateChange = () => {
-  },
-  ...rest
-}) => {
-  const offsetRef = (0, import_react.useRef)(offset);
-  const rootRef = (0, import_react.useRef)(null);
-  const contentRef = (0, import_react.useRef)(null);
-  const mutatingRef = (0, import_react.useRef)(false);
-  const lastOffsetRef = (0, import_react.useRef)(0);
-  const [resolvedEdge, setResolvedEdge] = (0, import_react.useState)("top");
-  const rafId = (0, import_react.useRef)(null);
-  const [contentDynamicStyle, setContentDynamicStyle] = (0, import_react.useState)({});
-  (0, import_react.useEffect)(() => {
-    setContentDynamicStyle({
-      willChange: "transform",
-      transition: `transform ${transitionDurationMs}ms linear`
-    });
-  }, [transitionDurationMs]);
-  (0, import_react.useEffect)(() => {
-    offsetRef.current = offset;
-    scheduleUpdate();
-  }, [offset]);
-  const [ioRoot, setIoRoot] = (0, import_react.useState)(null);
-  (0, import_react.useEffect)(() => {
-    const root = scrollRoot ?? pickDefaultScrollRoot();
-    setResolvedEdge(
-      edge === "auto" ? isVerticalScroll(root) ? "top" : "left" : edge
-    );
-    setIoRoot(root);
-  }, [edge, scrollRoot]);
-  (0, import_react.useEffect)(() => {
-    if (edge !== "auto") {
-      setResolvedEdge(edge);
-      return;
-    }
-    const vertical = isVerticalScroll(ioRoot);
-    setResolvedEdge(vertical ? "top" : "left");
-  }, [edge, ioRoot]);
-  (0, import_react.useEffect)(() => {
-  }, []);
-  const scheduleUpdate = () => {
-    if (rafId.current != null) return;
-    rafId.current = requestAnimationFrame(() => {
-      rafId.current = null;
-      doUpdate();
-    });
-  };
-  const doUpdate = () => {
-    if (mutatingRef.current) return;
-    mutatingRef.current = true;
-    const rootEl = rootRef.current;
-    const contentEl = contentRef.current;
-    if (!rootEl || !contentEl) {
-      mutatingRef.current = false;
-      return;
-    }
-    const parentEl = rootEl.parentElement;
-    if (!parentEl) {
-      mutatingRef.current = false;
-      return;
-    }
-    const rootBounds = ioRoot && "getBoundingClientRect" in ioRoot ? ioRoot.getBoundingClientRect() : new DOMRect(0, 0, window.innerWidth, window.innerHeight);
-    const parentRect = parentEl.getBoundingClientRect();
-    const contentRect = contentEl.getBoundingClientRect();
-    let newOffset = 0;
-    if (resolvedEdge === "top" || resolvedEdge === "bottom") {
-      const maxTranslate = Math.max(
-        0,
-        parentRect.height - contentRect.height
-      );
-      let desiredTop = 0;
-      if (resolvedEdge === "top") {
-        desiredTop = rootBounds.top + offsetRef.current - parentRect.top;
-      } else {
-        const targetBottomFromParentTop = Math.min(
-          parentRect.bottom,
-          rootBounds.bottom - offsetRef.current
-        ) - parentRect.top;
-        desiredTop = targetBottomFromParentTop - contentRect.height;
-      }
-      newOffset = clamp(desiredTop, 0, maxTranslate);
-    } else {
-      const maxTranslate = Math.max(
-        0,
-        parentRect.width - contentRect.width
-      );
-      let desiredLeft = 0;
-      if (resolvedEdge === "left") {
-        desiredLeft = rootBounds.left + offsetRef.current - parentRect.left;
-      } else {
-        const targetRightFromParentLeft = Math.min(
-          parentRect.right,
-          rootBounds.right - offsetRef.current
-        ) - parentRect.left;
-        desiredLeft = targetRightFromParentLeft - contentRect.width;
-      }
-      newOffset = clamp(desiredLeft, 0, maxTranslate);
-    }
-    const nextOffset = quantizeToDevicePixel(newOffset);
-    if (Math.abs(lastOffsetRef.current - nextOffset) > 0.5) {
-      if (resolvedEdge === "top" || resolvedEdge === "bottom") {
-        contentEl.style.transform = `translateY(${nextOffset}px)`;
-      } else {
-        contentEl.style.transform = `translateX(${nextOffset}px)`;
-      }
-      lastOffsetRef.current = nextOffset;
-      onTranslateChange(nextOffset, rootRef, contentRef);
-    }
-    if (debug) {
-      rootEl.style.outline = "1px dashed rgba(0,0,0,.2)";
-      contentEl.style.outline = "1px solid rgba(0,128,255,.35)";
-    }
-    queueMicrotask(() => {
-      mutatingRef.current = false;
-    });
-  };
-  (0, import_react.useEffect)(() => {
-    if (typeof window == "undefined") return;
-    const rootEl = rootRef.current;
-    if (!rootEl) return;
-    const parentEl = rootEl.parentElement;
-    console.log(parentEl);
-    if (!parentEl) return;
-    const targets = [parentEl];
-    const observerCallback = () => {
-      if (!mutatingRef.current) scheduleUpdate();
-    };
-    const io = new IntersectionObserver(observerCallback, {
-      root: ioRoot instanceof Element ? ioRoot : null,
-      threshold: 0,
-      rootMargin: "1px"
-    });
-    const ro = new ResizeObserver(observerCallback);
-    targets.forEach((t) => io.observe(t));
-    ro.observe(parentEl);
-    if (contentRef.current) {
-      ro.observe(contentRef.current);
-    }
-    const scrollTarget = ioRoot || window;
-    scrollTarget.addEventListener("scroll", scheduleUpdate, {
-      passive: true
-    });
-    window.addEventListener("resize", scheduleUpdate);
-    scheduleUpdate();
-    return () => {
-      io.disconnect();
-      ro.disconnect();
-      scrollTarget.removeEventListener("scroll", scheduleUpdate);
-      window.removeEventListener("resize", scheduleUpdate);
-      if (rafId.current != null) {
-        cancelAnimationFrame(rafId.current);
-        rafId.current = null;
-      }
-    };
-  }, [ioRoot, resolvedEdge, offset, debug]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ref: rootRef,
-      className,
-      style: {
-        display: "block",
-        minWidth: 0,
-        minHeight: 0,
-        height: "100%",
-        // 부모 높이를 채우도록 설정
-        ...style
-      },
-      ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          ref: contentRef,
-          style: contentDynamicStyle,
-          children
-        }
-      )
-    }
-  );
-};
-var FlexLayoutStickyBox_default = FlexLayoutStickyBox;
-//# sourceMappingURL=FlexLayoutStickyBox.cjs.map
+"use strict";"use client";var L=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var U=Object.prototype.hasOwnProperty;var W=(e,t)=>{for(var o in t)L(e,o,{get:t[o],enumerable:!0})},X=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let u of j(t))!U.call(e,u)&&u!==o&&L(e,u,{get:()=>t[u],enumerable:!(s=$(t,u))||s.enumerable});return e};var Y=e=>X(L({},"__esModule",{value:!0}),e);var Q={};W(Q,{default:()=>K});module.exports=Y(Q);var T=require("react/jsx-runtime"),n=require("react");function C(e,t,o){return Math.max(t,Math.min(o,e))}function V(){if(typeof document>"u")return null;let e=document.body;for(;e&&e!==document.documentElement&&e!==document.body;){const t=getComputedStyle(e),o=t.overflowY,s=t.overflowX;if(o==="auto"||o==="scroll"||s==="auto"||s==="scroll")return e;e=e.parentElement}return null}function F(e){if(typeof window>"u")return!0;if(!e)return document.documentElement.scrollHeight>window.innerHeight+1;const t=e;return t.scrollHeight>t.clientHeight+1}const B=typeof window<"u"&&window.devicePixelRatio||1;function G(e){return Math.round(e*B)/B}const J=({edge:e="auto",offset:t=16,scrollRoot:o=null,debug:s=!1,children:u,style:D,className:P,transitionDurationMs:S=200,onTranslateChange:O=()=>{},...k})=>{const v=(0,n.useRef)(t),R=(0,n.useRef)(null),w=(0,n.useRef)(null),g=(0,n.useRef)(!1),H=(0,n.useRef)(0),[f,x]=(0,n.useState)("top"),b=(0,n.useRef)(null),[z,A]=(0,n.useState)({});(0,n.useEffect)(()=>{A({willChange:"transform",transition:`transform ${S}ms linear`})},[S]),(0,n.useEffect)(()=>{v.current=t,d()},[t]);const[i,q]=(0,n.useState)(null);(0,n.useEffect)(()=>{const r=o??V();x(e==="auto"?F(r)?"top":"left":e),q(r)},[e,o]),(0,n.useEffect)(()=>{if(e!=="auto"){x(e);return}const r=F(i);x(r?"top":"left")},[e,i]),(0,n.useEffect)(()=>{},[]);const d=()=>{b.current==null&&(b.current=requestAnimationFrame(()=>{b.current=null,I()}))},I=()=>{if(g.current)return;g.current=!0;const r=R.current,c=w.current;if(!r||!c){g.current=!1;return}const y=r.parentElement;if(!y){g.current=!1;return}const m=i&&"getBoundingClientRect"in i?i.getBoundingClientRect():new DOMRect(0,0,window.innerWidth,window.innerHeight),l=y.getBoundingClientRect(),a=c.getBoundingClientRect();let E=0;if(f==="top"||f==="bottom"){const M=Math.max(0,l.height-a.height);let h=0;f==="top"?h=m.top+v.current-l.top:h=Math.min(l.bottom,m.bottom-v.current)-l.top-a.height,E=C(h,0,M)}else{const M=Math.max(0,l.width-a.width);let h=0;f==="left"?h=m.left+v.current-l.left:h=Math.min(l.right,m.right-v.current)-l.left-a.width,E=C(h,0,M)}const p=G(E);Math.abs(H.current-p)>.5&&(f==="top"||f==="bottom"?c.style.transform=`translateY(${p}px)`:c.style.transform=`translateX(${p}px)`,H.current=p,O(p,R,w)),s&&(r.style.outline="1px dashed rgba(0,0,0,.2)",c.style.outline="1px solid rgba(0,128,255,.35)"),queueMicrotask(()=>{g.current=!1})};return(0,n.useEffect)(()=>{if(typeof window>"u")return;const r=R.current;if(!r)return;const c=r.parentElement;if(!c)return;const y=[c],m=()=>{g.current||d()},l=new IntersectionObserver(m,{root:i instanceof Element?i:null,threshold:0,rootMargin:"1px"}),a=new ResizeObserver(m);y.forEach(p=>l.observe(p)),a.observe(c),w.current&&a.observe(w.current);const E=i||window;return E.addEventListener("scroll",d,{passive:!0}),window.addEventListener("resize",d),d(),()=>{l.disconnect(),a.disconnect(),E.removeEventListener("scroll",d),window.removeEventListener("resize",d),b.current!=null&&(cancelAnimationFrame(b.current),b.current=null)}},[i,f,t,s]),(0,T.jsx)("div",{ref:R,className:P,style:{display:"block",minWidth:0,minHeight:0,height:"100%",...D},...k,children:(0,T.jsx)("div",{ref:w,style:z,children:u})})};var K=J;