npm - @byeolnaerim/flex-layout - Versions diffs - 0.0.8 → 0.0.9 - Mend

@byeolnaerim/flex-layout 0.0.8 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (127) hide show

package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.cjs CHANGED Viewed

@@ -1,40 +1,63 @@
-'use strict';
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var useDrag = require('../hooks/useDrag');
-var styles = require('../styles/FlexLayout.module.css');
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-var styles__default = /*#__PURE__*/_interopDefault(styles);
+"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 FlexLayoutSplitScreenDragBoxItem_exports = {};
+__export(FlexLayoutSplitScreenDragBoxItem_exports, {
+  default: () => FlexLayoutSplitScreenDragBoxItem
+});
+module.exports = __toCommonJS(FlexLayoutSplitScreenDragBoxItem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_useDrag = require("../hooks/useDrag");
+var import_FlexLayout = __toESM(require("../styles/FlexLayout.module.css"), 1);
 function FlexLayoutSplitScreenDragBoxItem({
   children,
   onClose,
   isActive,
   ...props
 }) {
-  react.useEffect(() => {
-    useDrag.allSplitScreenCount.next(useDrag.allSplitScreenCount.value + 1);
+  (0, import_react.useEffect)(() => {
+    import_useDrag.allSplitScreenCount.next(import_useDrag.allSplitScreenCount.value + 1);
     return () => {
-      if (useDrag.allSplitScreenCount.value <= 1) return;
-      useDrag.allSplitScreenCount.next(useDrag.allSplitScreenCount.value - 1);
+      if (import_useDrag.allSplitScreenCount.value <= 1) return;
+      import_useDrag.allSplitScreenCount.next(import_useDrag.allSplitScreenCount.value - 1);
     };
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
-      className: `${styles__default.default["flex-split-screen-drag-box-title-item"]} ${isActive ? styles__default.default["active"] : ""}`,
+      className: `${import_FlexLayout.default["flex-split-screen-drag-box-title-item"]} ${isActive ? import_FlexLayout.default["active"] : ""}`,
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: (ev) => onClose(ev), children: "X" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: (ev) => onClose(ev), children: "X" })
       ]
     }
   );
 }
-module.exports = FlexLayoutSplitScreenDragBoxItem;
-//# sourceMappingURL=FlexLayoutSplitScreenDragBoxItem.cjs.map
 //# sourceMappingURL=FlexLayoutSplitScreenDragBoxItem.cjs.map

package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.tsx"],"names":["useEffect","allSplitScreenCount","jsxs","styles","jsx"],"mappings":";;;;;;;;;;;AASe,SAAR,gCAAA,CAAkD;AAAA,EACxD,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACJ,CAAA,EAA0C;AACzC,EAAAA,eAAA,CAAU,MAAM;AACf,IAAAC,2BAAA,CAAoB,IAAA,CAAKA,2BAAA,CAAoB,KAAA,GAAQ,CAAC,CAAA;AACtD,IAAA,OAAO,MAAM;AACZ,MAAA,IAAIA,2BAAA,CAAoB,SAAS,CAAA,EAAG;AACpC,MAAAA,2BAAA,CAAoB,IAAA,CAAKA,2BAAA,CAAoB,KAAA,GAAQ,CAAC,CAAA;AAAA,IACvD,CAAA;AAAA,EACD,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,uBACCC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAW,CAAA,EAAGC,uBAAA,CAAO,uCAAuC,CAAC,IAAI,QAAA,GAAWA,uBAAA,CAAO,QAAQ,CAAA,GAAI,EAAE,CAAA,CAAA;AAAA,MAChG,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACDC,cAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,OAAA,EAAS,CAAC,EAAA,KAAO,OAAA,CAAQ,EAAE,CAAA,EAAG,QAAA,EAAA,GAAA,EAEpD;AAAA;AAAA;AAAA,GACD;AAEF","file":"FlexLayoutSplitScreenDragBoxItem.cjs","sourcesContent":["import { MouseEvent, ReactElement, useEffect } from \"react\";\r\nimport { allSplitScreenCount } from \"../hooks/useDrag\";\r\nimport styles from \"../styles/FlexLayout.module.css\";\r\nimport { FlexLayoutSplitScreenDragBoxProps } from \"./FlexLayoutSplitScreenDragBox\";\r\nexport interface FlexLayoutSplitScreenDragBoxItemProps {\r\n\tchildren: ReactElement<FlexLayoutSplitScreenDragBoxProps>;\r\n\tonClose: (event: MouseEvent<HTMLButtonElement>) => void;\r\n\tisActive: boolean;\r\n}\r\nexport default function FlexLayoutSplitScreenDragBoxItem({\r\n\tchildren,\r\n\tonClose,\r\n\tisActive,\r\n\t...props\r\n}: FlexLayoutSplitScreenDragBoxItemProps) {\r\n\tuseEffect(() => {\r\n\t\tallSplitScreenCount.next(allSplitScreenCount.value + 1);\r\n\t\treturn () => {\r\n\t\t\tif (allSplitScreenCount.value <= 1) return;\r\n\t\t\tallSplitScreenCount.next(allSplitScreenCount.value - 1);\r\n\t\t};\r\n\t}, []);\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={`${styles[\"flex-split-screen-drag-box-title-item\"]} ${isActive ? styles[\"active\"] : \"\"}`}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t\t<button type=\"button\" onClick={(ev) => onClose(ev)}>\r\n\t\t\t\tX\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t);\r\n}\r\n"]}
1	+ {"version":3,"sources":["../../../src/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.tsx"],"sourcesContent":["import { MouseEvent, ReactElement, useEffect } from \"react\";\r\nimport { allSplitScreenCount } from \"../hooks/useDrag\";\r\nimport styles from \"../styles/FlexLayout.module.css\";\r\nimport { FlexLayoutSplitScreenDragBoxProps } from \"./FlexLayoutSplitScreenDragBox\";\r\nexport interface FlexLayoutSplitScreenDragBoxItemProps {\r\n\tchildren: ReactElement<FlexLayoutSplitScreenDragBoxProps>;\r\n\tonClose: (event: MouseEvent<HTMLButtonElement>) => void;\r\n\tisActive: boolean;\r\n}\r\nexport default function FlexLayoutSplitScreenDragBoxItem({\r\n\tchildren,\r\n\tonClose,\r\n\tisActive,\r\n\t...props\r\n}: FlexLayoutSplitScreenDragBoxItemProps) {\r\n\tuseEffect(() => {\r\n\t\tallSplitScreenCount.next(allSplitScreenCount.value + 1);\r\n\t\treturn () => {\r\n\t\t\tif (allSplitScreenCount.value <= 1) return;\r\n\t\t\tallSplitScreenCount.next(allSplitScreenCount.value - 1);\r\n\t\t};\r\n\t}, []);\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={`${styles[\"flex-split-screen-drag-box-title-item\"]} ${isActive ? styles[\"active\"] : \"\"}`}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t\t<button type=\"button\" onClick={(ev) => onClose(ev)}>\r\n\t\t\t\tX\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t);\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBE;AAvBF,mBAAoD;AACpD,qBAAoC;AACpC,wBAAmB;AAOJ,SAAR,iCAAkD;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAA0C;AACzC,8BAAU,MAAM;AACf,uCAAoB,KAAK,mCAAoB,QAAQ,CAAC;AACtD,WAAO,MAAM;AACZ,UAAI,mCAAoB,SAAS,EAAG;AACpC,yCAAoB,KAAK,mCAAoB,QAAQ,CAAC;AAAA,IACvD;AAAA,EACD,GAAG,CAAC,CAAC;AACL,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,GAAG,kBAAAA,QAAO,uCAAuC,CAAC,IAAI,WAAW,kBAAAA,QAAO,QAAQ,IAAI,EAAE;AAAA,MAChG,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,4CAAC,YAAO,MAAK,UAAS,SAAS,CAAC,OAAO,QAAQ,EAAE,GAAG,eAEpD;AAAA;AAAA;AAAA,EACD;AAEF;","names":["styles"]}

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

@@ -1,8 +1,7 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useEffect } from 'react';
-import { allSplitScreenCount } from '../hooks/useDrag';
-import styles from '../styles/FlexLayout.module.css';
+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,
@@ -28,7 +27,7 @@ function FlexLayoutSplitScreenDragBoxItem({
     }
   );
 }
-export { FlexLayoutSplitScreenDragBoxItem as default };
-//# sourceMappingURL=FlexLayoutSplitScreenDragBoxItem.js.map
+export {
+  FlexLayoutSplitScreenDragBoxItem as default
+};
 //# sourceMappingURL=FlexLayoutSplitScreenDragBoxItem.js.map

package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.tsx"],"names":[],"mappings":";;;;;AASe,SAAR,gCAAA,CAAkD;AAAA,EACxD,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACJ,CAAA,EAA0C;AACzC,EAAA,SAAA,CAAU,MAAM;AACf,IAAA,mBAAA,CAAoB,IAAA,CAAK,mBAAA,CAAoB,KAAA,GAAQ,CAAC,CAAA;AACtD,IAAA,OAAO,MAAM;AACZ,MAAA,IAAI,mBAAA,CAAoB,SAAS,CAAA,EAAG;AACpC,MAAA,mBAAA,CAAoB,IAAA,CAAK,mBAAA,CAAoB,KAAA,GAAQ,CAAC,CAAA;AAAA,IACvD,CAAA;AAAA,EACD,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,uBACC,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,uCAAuC,CAAC,IAAI,QAAA,GAAW,MAAA,CAAO,QAAQ,CAAA,GAAI,EAAE,CAAA,CAAA;AAAA,MAChG,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,OAAA,EAAS,CAAC,EAAA,KAAO,OAAA,CAAQ,EAAE,CAAA,EAAG,QAAA,EAAA,GAAA,EAEpD;AAAA;AAAA;AAAA,GACD;AAEF","file":"FlexLayoutSplitScreenDragBoxItem.js","sourcesContent":["import { MouseEvent, ReactElement, useEffect } from \"react\";\r\nimport { allSplitScreenCount } from \"../hooks/useDrag\";\r\nimport styles from \"../styles/FlexLayout.module.css\";\r\nimport { FlexLayoutSplitScreenDragBoxProps } from \"./FlexLayoutSplitScreenDragBox\";\r\nexport interface FlexLayoutSplitScreenDragBoxItemProps {\r\n\tchildren: ReactElement<FlexLayoutSplitScreenDragBoxProps>;\r\n\tonClose: (event: MouseEvent<HTMLButtonElement>) => void;\r\n\tisActive: boolean;\r\n}\r\nexport default function FlexLayoutSplitScreenDragBoxItem({\r\n\tchildren,\r\n\tonClose,\r\n\tisActive,\r\n\t...props\r\n}: FlexLayoutSplitScreenDragBoxItemProps) {\r\n\tuseEffect(() => {\r\n\t\tallSplitScreenCount.next(allSplitScreenCount.value + 1);\r\n\t\treturn () => {\r\n\t\t\tif (allSplitScreenCount.value <= 1) return;\r\n\t\t\tallSplitScreenCount.next(allSplitScreenCount.value - 1);\r\n\t\t};\r\n\t}, []);\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={`${styles[\"flex-split-screen-drag-box-title-item\"]} ${isActive ? styles[\"active\"] : \"\"}`}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t\t<button type=\"button\" onClick={(ev) => onClose(ev)}>\r\n\t\t\t\tX\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t);\r\n}\r\n"]}
1	+ {"version":3,"sources":["../../../src/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.tsx"],"sourcesContent":["import { MouseEvent, ReactElement, useEffect } from \"react\";\r\nimport { allSplitScreenCount } from \"../hooks/useDrag\";\r\nimport styles from \"../styles/FlexLayout.module.css\";\r\nimport { FlexLayoutSplitScreenDragBoxProps } from \"./FlexLayoutSplitScreenDragBox\";\r\nexport interface FlexLayoutSplitScreenDragBoxItemProps {\r\n\tchildren: ReactElement<FlexLayoutSplitScreenDragBoxProps>;\r\n\tonClose: (event: MouseEvent<HTMLButtonElement>) => void;\r\n\tisActive: boolean;\r\n}\r\nexport default function FlexLayoutSplitScreenDragBoxItem({\r\n\tchildren,\r\n\tonClose,\r\n\tisActive,\r\n\t...props\r\n}: FlexLayoutSplitScreenDragBoxItemProps) {\r\n\tuseEffect(() => {\r\n\t\tallSplitScreenCount.next(allSplitScreenCount.value + 1);\r\n\t\treturn () => {\r\n\t\t\tif (allSplitScreenCount.value <= 1) return;\r\n\t\t\tallSplitScreenCount.next(allSplitScreenCount.value - 1);\r\n\t\t};\r\n\t}, []);\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={`${styles[\"flex-split-screen-drag-box-title-item\"]} ${isActive ? styles[\"active\"] : \"\"}`}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t\t<button type=\"button\" onClick={(ev) => onClose(ev)}>\r\n\t\t\t\tX\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t);\r\n}\r\n"],"mappings":"AAuBE,SAKC,KALD;AAvBF,SAAmC,iBAAiB;AACpD,SAAS,2BAA2B;AACpC,OAAO,YAAY;AAOJ,SAAR,iCAAkD;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAA0C;AACzC,YAAU,MAAM;AACf,wBAAoB,KAAK,oBAAoB,QAAQ,CAAC;AACtD,WAAO,MAAM;AACZ,UAAI,oBAAoB,SAAS,EAAG;AACpC,0BAAoB,KAAK,oBAAoB,QAAQ,CAAC;AAAA,IACvD;AAAA,EACD,GAAG,CAAC,CAAC;AACL,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,GAAG,OAAO,uCAAuC,CAAC,IAAI,WAAW,OAAO,QAAQ,IAAI,EAAE;AAAA,MAChG,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,YAAO,MAAK,UAAS,SAAS,CAAC,OAAO,QAAQ,EAAE,GAAG,eAEpD;AAAA;AAAA;AAAA,EACD;AAEF;","names":[]}

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

@@ -1,30 +1,53 @@
-'use strict';
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('../styles/FlexLayout.module.css');
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-var styles__default = /*#__PURE__*/_interopDefault(styles);
+"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__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "button",
     {
       ...props,
-      className: `${styles__default.default["flex-split-screen-drag-box-title-more"]} ${className || ""}`,
+      className: `${import_FlexLayout.default["flex-split-screen-drag-box-title-more"]} ${className || ""}`,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "." }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "." }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { 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: "." })
       ]
     }
   );
 }
-module.exports = FlexLayoutSplitScreenDragBoxTitleMore;
-//# sourceMappingURL=FlexLayoutSplitScreenDragBoxTitleMore.cjs.map
 //# sourceMappingURL=FlexLayoutSplitScreenDragBoxTitleMore.cjs.map

package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.tsx"],"names":["jsxs","styles","jsx"],"mappings":";;;;;;;;;AAOe,SAAR,qCAAA,CAAuD;AAAA,EAC7D,SAAA;AAAA,EACA,GAAG;AACJ,CAAA,EAA+C;AAC9C,EAAA,uBACCA,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,WAAW,CAAA,EAAGC,uBAAA,CAAO,uCAAuC,CAAC,CAAA,CAAA,EAAI,aAAa,EAAE,CAAA,CAAA;AAAA,MAEhF,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,UAAK,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,wBACPA,cAAA,CAAC,UAAK,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,wBACPA,cAAA,CAAC,UAAK,QAAA,EAAA,GAAA,EAAC;AAAA;AAAA;AAAA,GACR;AAEF","file":"FlexLayoutSplitScreenDragBoxTitleMore.cjs","sourcesContent":["import { HTMLAttributes } from \"react\";\r\nimport styles from \"../styles/FlexLayout.module.css\";\r\n\r\nexport interface FlexLayoutSplitScreenDragBoxTitleMoreProps extends Omit<\r\n\tHTMLAttributes<HTMLButtonElement>,\r\n\t\"children\"\r\n> {}\r\nexport default function FlexLayoutSplitScreenDragBoxTitleMore({\r\n\tclassName,\r\n\t...props\r\n}: FlexLayoutSplitScreenDragBoxTitleMoreProps) {\r\n\treturn (\r\n\t\t<button\r\n\t\t\t{...props}\r\n\t\t\tclassName={`${styles[\"flex-split-screen-drag-box-title-more\"]} ${className \|\| \"\"}`}\r\n\t\t>\r\n\t\t\t<span>.</span>\r\n\t\t\t<span>.</span>\r\n\t\t\t<span>.</span>\r\n\t\t</button>\r\n\t);\r\n}\r\n"]}
1	+ {"version":3,"sources":["../../../src/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.tsx"],"sourcesContent":["import { HTMLAttributes } from \"react\";\r\nimport styles from \"../styles/FlexLayout.module.css\";\r\n\r\nexport interface FlexLayoutSplitScreenDragBoxTitleMoreProps extends Omit<\r\n\tHTMLAttributes<HTMLButtonElement>,\r\n\t\"children\"\r\n> {}\r\nexport default function FlexLayoutSplitScreenDragBoxTitleMore({\r\n\tclassName,\r\n\t...props\r\n}: FlexLayoutSplitScreenDragBoxTitleMoreProps) {\r\n\treturn (\r\n\t\t<button\r\n\t\t\t{...props}\r\n\t\t\tclassName={`${styles[\"flex-split-screen-drag-box-title-more\"]} ${className \|\| \"\"}`}\r\n\t\t>\r\n\t\t\t<span>.</span>\r\n\t\t\t<span>.</span>\r\n\t\t\t<span>.</span>\r\n\t\t</button>\r\n\t);\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYE;AAXF,wBAAmB;AAMJ,SAAR,sCAAuD;AAAA,EAC7D;AAAA,EACA,GAAG;AACJ,GAA+C;AAC9C,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,GAAG,kBAAAA,QAAO,uCAAuC,CAAC,IAAI,aAAa,EAAE;AAAA,MAEhF;AAAA,oDAAC,UAAK,eAAC;AAAA,QACP,4CAAC,UAAK,eAAC;AAAA,QACP,4CAAC,UAAK,eAAC;AAAA;AAAA;AAAA,EACR;AAEF;","names":["styles"]}

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

@@ -1,6 +1,5 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styles from '../styles/FlexLayout.module.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "../styles/FlexLayout.module.css";
 function FlexLayoutSplitScreenDragBoxTitleMore({
   className,
   ...props
@@ -18,7 +17,7 @@ function FlexLayoutSplitScreenDragBoxTitleMore({
     }
   );
 }
-export { FlexLayoutSplitScreenDragBoxTitleMore as default };
-//# sourceMappingURL=FlexLayoutSplitScreenDragBoxTitleMore.js.map
+export {
+  FlexLayoutSplitScreenDragBoxTitleMore as default
+};
 //# sourceMappingURL=FlexLayoutSplitScreenDragBoxTitleMore.js.map

package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.tsx"],"names":[],"mappings":";;;AAOe,SAAR,qCAAA,CAAuD;AAAA,EAC7D,SAAA;AAAA,EACA,GAAG;AACJ,CAAA,EAA+C;AAC9C,EAAA,uBACC,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,WAAW,CAAA,EAAG,MAAA,CAAO,uCAAuC,CAAC,CAAA,CAAA,EAAI,aAAa,EAAE,CAAA,CAAA;AAAA,MAEhF,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAK,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,wBACP,GAAA,CAAC,UAAK,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,wBACP,GAAA,CAAC,UAAK,QAAA,EAAA,GAAA,EAAC;AAAA;AAAA;AAAA,GACR;AAEF","file":"FlexLayoutSplitScreenDragBoxTitleMore.js","sourcesContent":["import { HTMLAttributes } from \"react\";\r\nimport styles from \"../styles/FlexLayout.module.css\";\r\n\r\nexport interface FlexLayoutSplitScreenDragBoxTitleMoreProps extends Omit<\r\n\tHTMLAttributes<HTMLButtonElement>,\r\n\t\"children\"\r\n> {}\r\nexport default function FlexLayoutSplitScreenDragBoxTitleMore({\r\n\tclassName,\r\n\t...props\r\n}: FlexLayoutSplitScreenDragBoxTitleMoreProps) {\r\n\treturn (\r\n\t\t<button\r\n\t\t\t{...props}\r\n\t\t\tclassName={`${styles[\"flex-split-screen-drag-box-title-more\"]} ${className \|\| \"\"}`}\r\n\t\t>\r\n\t\t\t<span>.</span>\r\n\t\t\t<span>.</span>\r\n\t\t\t<span>.</span>\r\n\t\t</button>\r\n\t);\r\n}\r\n"]}
1	+ {"version":3,"sources":["../../../src/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.tsx"],"sourcesContent":["import { HTMLAttributes } from \"react\";\r\nimport styles from \"../styles/FlexLayout.module.css\";\r\n\r\nexport interface FlexLayoutSplitScreenDragBoxTitleMoreProps extends Omit<\r\n\tHTMLAttributes<HTMLButtonElement>,\r\n\t\"children\"\r\n> {}\r\nexport default function FlexLayoutSplitScreenDragBoxTitleMore({\r\n\tclassName,\r\n\t...props\r\n}: FlexLayoutSplitScreenDragBoxTitleMoreProps) {\r\n\treturn (\r\n\t\t<button\r\n\t\t\t{...props}\r\n\t\t\tclassName={`${styles[\"flex-split-screen-drag-box-title-more\"]} ${className \|\| \"\"}`}\r\n\t\t>\r\n\t\t\t<span>.</span>\r\n\t\t\t<span>.</span>\r\n\t\t\t<span>.</span>\r\n\t\t</button>\r\n\t);\r\n}\r\n"],"mappings":"AAYE,SAIC,KAJD;AAXF,OAAO,YAAY;AAMJ,SAAR,sCAAuD;AAAA,EAC7D;AAAA,EACA,GAAG;AACJ,GAA+C;AAC9C,SACC;AAAA,IAAC;AAAA;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,uCAAuC,CAAC,IAAI,aAAa,EAAE;AAAA,MAEhF;AAAA,4BAAC,UAAK,eAAC;AAAA,QACP,oBAAC,UAAK,eAAC;AAAA,QACP,oBAAC,UAAK,eAAC;AAAA;AAAA;AAAA,EACR;AAEF;","names":[]}

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

@@ -1,16 +1,43 @@
-'use strict';
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var rxjs = require('rxjs');
-var operators = require('rxjs/operators');
-var FlexLayoutContainerStore = require('../store/FlexLayoutContainerStore');
-var listScroll = require('../styles/listScroll.module.css');
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-var listScroll__default = /*#__PURE__*/_interopDefault(listScroll);
+"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,
@@ -19,33 +46,33 @@ const FlexLayoutSplitScreenScrollBox = ({
   isDefaultScrollStyle = false,
   ...props
 }) => {
-  const scrollRef = react.useRef(null);
-  const [isMouseDown, setIsMouseDown] = react.useState(false);
-  const scrollEventSubject = react.useRef(new rxjs.Subject());
-  react.useEffect(() => {
-    const mouseUpSubscribe = rxjs.fromEvent(
+  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(operators.throttleTime(70)).subscribe((position) => {
-      FlexLayoutContainerStore.setScrollPosition(keyName, position);
+    const scrollEventSubscribe = scrollEventSubject.current.pipe((0, import_operators.throttleTime)(70)).subscribe((position) => {
+      (0, import_FlexLayoutContainerStore.setScrollPosition)(keyName, position);
     });
-    const scrollSubscribe = FlexLayoutContainerStore.getScrollPosition(keyName).pipe(operators.take(1)).subscribe((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 () => {
-      FlexLayoutContainerStore.removeScrollPosition(keyName);
+      (0, import_FlexLayoutContainerStore.removeScrollPosition)(keyName);
       mouseUpSubscribe.unsubscribe();
       scrollSubscribe.unsubscribe();
       scrollEventSubscribe.unsubscribe();
     };
   }, [keyName]);
-  react.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     if (!scrollRef.current) return;
     let animationFrameId = null;
     const handleWheel = (event) => {
@@ -74,7 +101,7 @@ const FlexLayoutSplitScreenScrollBox = ({
       scrollRef.current?.removeEventListener("wheel", handleWheel);
     };
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       ref: scrollRef,
@@ -96,14 +123,11 @@ const FlexLayoutSplitScreenScrollBox = ({
           y: scrollRef.current.scrollTop
         });
       },
-      className: `${className || ""} ${isDefaultScrollStyle ? listScroll__default.default["default-scroll"] : listScroll__default.default["list-scroll"]} ${direction ? listScroll__default.default[direction] : ""}`,
+      className: `${className || ""} ${isDefaultScrollStyle ? import_listScroll.default["default-scroll"] : import_listScroll.default["list-scroll"]} ${direction ? import_listScroll.default[direction] : ""}`,
       ...props,
       children
     }
   );
 };
-var FlexLayoutSplitScreenScrollBox_default = react.memo(FlexLayoutSplitScreenScrollBox);
-module.exports = FlexLayoutSplitScreenScrollBox_default;
-//# sourceMappingURL=FlexLayoutSplitScreenScrollBox.cjs.map
+var FlexLayoutSplitScreenScrollBox_default = (0, import_react.memo)(FlexLayoutSplitScreenScrollBox);
 //# sourceMappingURL=FlexLayoutSplitScreenScrollBox.cjs.map

package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/flex-layout/components/FlexLayoutSplitScreenScrollBox.tsx"],"names":["useRef","useState","Subject","useEffect","fromEvent","throttleTime","setScrollPosition","getScrollPosition","take","removeScrollPosition","jsx","listScroll","memo"],"mappings":"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","file":"FlexLayoutSplitScreenScrollBox.cjs","sourcesContent":["\"use client\";\r\n\r\nimport { FC, HTMLAttributes, memo, useEffect, useRef, useState } from \"react\";\r\nimport { fromEvent, Subject } from \"rxjs\";\r\nimport { take, throttleTime } from \"rxjs/operators\";\r\nimport {\r\n\tgetScrollPosition,\r\n\tremoveScrollPosition,\r\n\tScrollPosition,\r\n\tsetScrollPosition,\r\n} from \"../store/FlexLayoutContainerStore\";\r\nimport listScroll from \"../styles/listScroll.module.css\";\r\n\r\nexport interface FlexLayoutSplitScreenScrollBoxProps extends HTMLAttributes<HTMLDivElement> {\r\n\tkeyName: string;\r\n\tclassName?: string;\r\n\tdirection?: \"x\" \| \"y\";\r\n\tisDefaultScrollStyle?: boolean;\r\n}\r\n\r\nconst FlexLayoutSplitScreenScrollBox: FC<\r\n\tFlexLayoutSplitScreenScrollBoxProps\r\n> = ({\r\n\tclassName,\r\n\tchildren,\r\n\tkeyName,\r\n\tdirection,\r\n\tisDefaultScrollStyle = false,\r\n\t...props\r\n}: FlexLayoutSplitScreenScrollBoxProps) => {\r\n\tconst scrollRef = useRef<HTMLDivElement \| null>(null);\r\n\tconst [isMouseDown, setIsMouseDown] = useState<boolean>(false);\r\n\tconst scrollEventSubject = useRef(new Subject<ScrollPosition>());\r\n\r\n\t// const handleScroll = throttle(\r\n\t// (newScrollLeft: number, newScrollTop: number) => {\r\n\t// setScrollPosition(layoutName, {\r\n\t// x: newScrollLeft,\r\n\t// y: newScrollTop,\r\n\t// });\r\n\t// },\r\n\t// 100\r\n\t// ); // 100ms 간격으로 호출\r\n\r\n\tuseEffect(() => {\r\n\t\tconst mouseUpSubscribe = fromEvent<MouseEvent>(\r\n\t\t\twindow,\r\n\t\t\t\"mouseup\",\r\n\t\t).subscribe(() => {\r\n\t\t\tsetIsMouseDown(false);\r\n\t\t});\r\n\r\n\t\t// 스크롤 이벤트 throttling 및 상태 업데이트\r\n\t\tconst scrollEventSubscribe = scrollEventSubject.current\r\n\t\t\t.pipe(throttleTime(70)) // 70ms 간격으로 throttling\r\n\t\t\t.subscribe((position) => {\r\n\t\t\t\tsetScrollPosition(keyName, position);\r\n\t\t\t});\r\n\r\n\t\tconst scrollSubscribe = getScrollPosition(keyName)\r\n\t\t\t.pipe(take(1)) // 한 번만 실행\r\n\t\t\t.subscribe((position) => {\r\n\t\t\t\tif (scrollRef.current && position) {\r\n\t\t\t\t\tscrollRef.current.scrollLeft = position.x;\r\n\t\t\t\t\tscrollRef.current.scrollTop = position.y;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\treturn () => {\r\n\t\t\tremoveScrollPosition(keyName);\r\n\t\t\tmouseUpSubscribe.unsubscribe();\r\n\t\t\tscrollSubscribe.unsubscribe();\r\n\t\t\tscrollEventSubscribe.unsubscribe();\r\n\t\t};\r\n\t}, [keyName]);\r\n\tuseEffect(() => {\r\n\t\tif (!scrollRef.current) return;\r\n\r\n\t\tlet animationFrameId: number \| null = null;\r\n\t\tconst handleWheel = (event: WheelEvent) => {\r\n\t\t\tif (!scrollRef.current \|\| direction !== \"x\") return;\r\n\t\t\tif (scrollRef.current.matches(\":hover\")) {\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tconst { deltaY } = event;\r\n\t\t\t\tconst newScrollLeft = scrollRef.current.scrollLeft + deltaY;\r\n\r\n\t\t\t\t// 이미 애니메이션이 예약되어 있으면 취소\r\n\t\t\t\tif (animationFrameId) {\r\n\t\t\t\t\tcancelAnimationFrame(animationFrameId);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tanimationFrameId = requestAnimationFrame(() => {\r\n\t\t\t\t\t// 바로 scrollLeft 값을 업데이트 (smooth 대신,\r\n\t\t\t\t\t// 혹은 native 스크롤로 처리)\r\n\t\t\t\t\tscrollRef.current!.scrollLeft = newScrollLeft;\r\n\t\t\t\t\tscrollEventSubject.current.next({\r\n\t\t\t\t\t\tx: newScrollLeft,\r\n\t\t\t\t\t\ty: scrollRef.current!.scrollTop,\r\n\t\t\t\t\t});\r\n\t\t\t\t\tanimationFrameId = null;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// 수동으로 이벤트 리스너 추가\r\n\t\tscrollRef.current.addEventListener(\"wheel\", handleWheel, {\r\n\t\t\tpassive: false,\r\n\t\t});\r\n\r\n\t\treturn () => {\r\n\t\t\t// 이벤트 리스너 제거\r\n\t\t\tscrollRef.current?.removeEventListener(\"wheel\", handleWheel);\r\n\t\t};\r\n\t}, []);\r\n\treturn (\r\n\t\t<div\r\n\t\t\tref={scrollRef}\r\n\t\t\tonMouseUp={() => setIsMouseDown(false)}\r\n\t\t\tonMouseDown={() => setIsMouseDown(true)}\r\n\t\t\tonMouseMove={(event) => {\r\n\t\t\t\tif (!scrollRef.current \|\| !isMouseDown \|\| direction !== \"x\")\r\n\t\t\t\t\treturn;\r\n\t\t\t\tscrollRef.current.scrollLeft += event.movementX * -1;\r\n\t\t\t\tscrollEventSubject.current.next({\r\n\t\t\t\t\tx: scrollRef.current.scrollLeft,\r\n\t\t\t\t\ty: scrollRef.current.scrollTop,\r\n\t\t\t\t});\r\n\t\t\t}}\r\n\t\t\tonScroll={() => {\r\n\t\t\t\tif (!scrollRef.current) return;\r\n\t\t\t\tscrollEventSubject.current.next({\r\n\t\t\t\t\tx: scrollRef.current.scrollLeft,\r\n\t\t\t\t\ty: scrollRef.current.scrollTop,\r\n\t\t\t\t});\r\n\t\t\t}}\r\n\t\t\tclassName={`${className \|\| \"\"} ${isDefaultScrollStyle ? listScroll[\"default-scroll\"] : listScroll[\"list-scroll\"]} ${direction ? listScroll[direction] : \"\"}`}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default memo(FlexLayoutSplitScreenScrollBox);\r\n"]}
1	+ {"version":3,"sources":["../../../src/flex-layout/components/FlexLayoutSplitScreenScrollBox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { FC, HTMLAttributes, memo, useEffect, useRef, useState } from \"react\";\r\nimport { fromEvent, Subject } from \"rxjs\";\r\nimport { take, throttleTime } from \"rxjs/operators\";\r\nimport {\r\n\tgetScrollPosition,\r\n\tremoveScrollPosition,\r\n\tScrollPosition,\r\n\tsetScrollPosition,\r\n} from \"../store/FlexLayoutContainerStore\";\r\nimport listScroll from \"../styles/listScroll.module.css\";\r\n\r\nexport interface FlexLayoutSplitScreenScrollBoxProps extends HTMLAttributes<HTMLDivElement> {\r\n\tkeyName: string;\r\n\tclassName?: string;\r\n\tdirection?: \"x\" \| \"y\";\r\n\tisDefaultScrollStyle?: boolean;\r\n}\r\n\r\nconst FlexLayoutSplitScreenScrollBox: FC<\r\n\tFlexLayoutSplitScreenScrollBoxProps\r\n> = ({\r\n\tclassName,\r\n\tchildren,\r\n\tkeyName,\r\n\tdirection,\r\n\tisDefaultScrollStyle = false,\r\n\t...props\r\n}: FlexLayoutSplitScreenScrollBoxProps) => {\r\n\tconst scrollRef = useRef<HTMLDivElement \| null>(null);\r\n\tconst [isMouseDown, setIsMouseDown] = useState<boolean>(false);\r\n\tconst scrollEventSubject = useRef(new Subject<ScrollPosition>());\r\n\r\n\t// const handleScroll = throttle(\r\n\t// (newScrollLeft: number, newScrollTop: number) => {\r\n\t// setScrollPosition(layoutName, {\r\n\t// x: newScrollLeft,\r\n\t// y: newScrollTop,\r\n\t// });\r\n\t// },\r\n\t// 100\r\n\t// ); // 100ms 간격으로 호출\r\n\r\n\tuseEffect(() => {\r\n\t\tconst mouseUpSubscribe = fromEvent<MouseEvent>(\r\n\t\t\twindow,\r\n\t\t\t\"mouseup\",\r\n\t\t).subscribe(() => {\r\n\t\t\tsetIsMouseDown(false);\r\n\t\t});\r\n\r\n\t\t// 스크롤 이벤트 throttling 및 상태 업데이트\r\n\t\tconst scrollEventSubscribe = scrollEventSubject.current\r\n\t\t\t.pipe(throttleTime(70)) // 70ms 간격으로 throttling\r\n\t\t\t.subscribe((position) => {\r\n\t\t\t\tsetScrollPosition(keyName, position);\r\n\t\t\t});\r\n\r\n\t\tconst scrollSubscribe = getScrollPosition(keyName)\r\n\t\t\t.pipe(take(1)) // 한 번만 실행\r\n\t\t\t.subscribe((position) => {\r\n\t\t\t\tif (scrollRef.current && position) {\r\n\t\t\t\t\tscrollRef.current.scrollLeft = position.x;\r\n\t\t\t\t\tscrollRef.current.scrollTop = position.y;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\treturn () => {\r\n\t\t\tremoveScrollPosition(keyName);\r\n\t\t\tmouseUpSubscribe.unsubscribe();\r\n\t\t\tscrollSubscribe.unsubscribe();\r\n\t\t\tscrollEventSubscribe.unsubscribe();\r\n\t\t};\r\n\t}, [keyName]);\r\n\tuseEffect(() => {\r\n\t\tif (!scrollRef.current) return;\r\n\r\n\t\tlet animationFrameId: number \| null = null;\r\n\t\tconst handleWheel = (event: WheelEvent) => {\r\n\t\t\tif (!scrollRef.current \|\| direction !== \"x\") return;\r\n\t\t\tif (scrollRef.current.matches(\":hover\")) {\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tconst { deltaY } = event;\r\n\t\t\t\tconst newScrollLeft = scrollRef.current.scrollLeft + deltaY;\r\n\r\n\t\t\t\t// 이미 애니메이션이 예약되어 있으면 취소\r\n\t\t\t\tif (animationFrameId) {\r\n\t\t\t\t\tcancelAnimationFrame(animationFrameId);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tanimationFrameId = requestAnimationFrame(() => {\r\n\t\t\t\t\t// 바로 scrollLeft 값을 업데이트 (smooth 대신,\r\n\t\t\t\t\t// 혹은 native 스크롤로 처리)\r\n\t\t\t\t\tscrollRef.current!.scrollLeft = newScrollLeft;\r\n\t\t\t\t\tscrollEventSubject.current.next({\r\n\t\t\t\t\t\tx: newScrollLeft,\r\n\t\t\t\t\t\ty: scrollRef.current!.scrollTop,\r\n\t\t\t\t\t});\r\n\t\t\t\t\tanimationFrameId = null;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// 수동으로 이벤트 리스너 추가\r\n\t\tscrollRef.current.addEventListener(\"wheel\", handleWheel, {\r\n\t\t\tpassive: false,\r\n\t\t});\r\n\r\n\t\treturn () => {\r\n\t\t\t// 이벤트 리스너 제거\r\n\t\t\tscrollRef.current?.removeEventListener(\"wheel\", handleWheel);\r\n\t\t};\r\n\t}, []);\r\n\treturn (\r\n\t\t<div\r\n\t\t\tref={scrollRef}\r\n\t\t\tonMouseUp={() => setIsMouseDown(false)}\r\n\t\t\tonMouseDown={() => setIsMouseDown(true)}\r\n\t\t\tonMouseMove={(event) => {\r\n\t\t\t\tif (!scrollRef.current \|\| !isMouseDown \|\| direction !== \"x\")\r\n\t\t\t\t\treturn;\r\n\t\t\t\tscrollRef.current.scrollLeft += event.movementX * -1;\r\n\t\t\t\tscrollEventSubject.current.next({\r\n\t\t\t\t\tx: scrollRef.current.scrollLeft,\r\n\t\t\t\t\ty: scrollRef.current.scrollTop,\r\n\t\t\t\t});\r\n\t\t\t}}\r\n\t\t\tonScroll={() => {\r\n\t\t\t\tif (!scrollRef.current) return;\r\n\t\t\t\tscrollEventSubject.current.next({\r\n\t\t\t\t\tx: scrollRef.current.scrollLeft,\r\n\t\t\t\t\ty: scrollRef.current.scrollTop,\r\n\t\t\t\t});\r\n\t\t\t}}\r\n\t\t\tclassName={`${className \|\| \"\"} ${isDefaultScrollStyle ? listScroll[\"default-scroll\"] : listScroll[\"list-scroll\"]} ${direction ? listScroll[direction] : \"\"}`}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default memo(FlexLayoutSplitScreenScrollBox);\r\n"],"mappings":"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","names":["listScroll"]}

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

@@ -1,10 +1,14 @@
-import { jsx } from 'react/jsx-runtime';
-import { memo, useRef, useState, useEffect } from 'react';
-import { Subject, fromEvent } from 'rxjs';
-import { throttleTime, take } from 'rxjs/operators';
-import { setScrollPosition, getScrollPosition, removeScrollPosition } from '../store/FlexLayoutContainerStore';
-import listScroll from '../styles/listScroll.module.css';
+"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,
@@ -97,7 +101,7 @@ const FlexLayoutSplitScreenScrollBox = ({
   );
 };
 var FlexLayoutSplitScreenScrollBox_default = memo(FlexLayoutSplitScreenScrollBox);
-export { FlexLayoutSplitScreenScrollBox_default as default };
-//# sourceMappingURL=FlexLayoutSplitScreenScrollBox.js.map
+export {
+  FlexLayoutSplitScreenScrollBox_default as default
+};
 //# sourceMappingURL=FlexLayoutSplitScreenScrollBox.js.map

package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/flex-layout/components/FlexLayoutSplitScreenScrollBox.tsx"],"names":[],"mappings":"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","file":"FlexLayoutSplitScreenScrollBox.js","sourcesContent":["\"use client\";\r\n\r\nimport { FC, HTMLAttributes, memo, useEffect, useRef, useState } from \"react\";\r\nimport { fromEvent, Subject } from \"rxjs\";\r\nimport { take, throttleTime } from \"rxjs/operators\";\r\nimport {\r\n\tgetScrollPosition,\r\n\tremoveScrollPosition,\r\n\tScrollPosition,\r\n\tsetScrollPosition,\r\n} from \"../store/FlexLayoutContainerStore\";\r\nimport listScroll from \"../styles/listScroll.module.css\";\r\n\r\nexport interface FlexLayoutSplitScreenScrollBoxProps extends HTMLAttributes<HTMLDivElement> {\r\n\tkeyName: string;\r\n\tclassName?: string;\r\n\tdirection?: \"x\" \| \"y\";\r\n\tisDefaultScrollStyle?: boolean;\r\n}\r\n\r\nconst FlexLayoutSplitScreenScrollBox: FC<\r\n\tFlexLayoutSplitScreenScrollBoxProps\r\n> = ({\r\n\tclassName,\r\n\tchildren,\r\n\tkeyName,\r\n\tdirection,\r\n\tisDefaultScrollStyle = false,\r\n\t...props\r\n}: FlexLayoutSplitScreenScrollBoxProps) => {\r\n\tconst scrollRef = useRef<HTMLDivElement \| null>(null);\r\n\tconst [isMouseDown, setIsMouseDown] = useState<boolean>(false);\r\n\tconst scrollEventSubject = useRef(new Subject<ScrollPosition>());\r\n\r\n\t// const handleScroll = throttle(\r\n\t// (newScrollLeft: number, newScrollTop: number) => {\r\n\t// setScrollPosition(layoutName, {\r\n\t// x: newScrollLeft,\r\n\t// y: newScrollTop,\r\n\t// });\r\n\t// },\r\n\t// 100\r\n\t// ); // 100ms 간격으로 호출\r\n\r\n\tuseEffect(() => {\r\n\t\tconst mouseUpSubscribe = fromEvent<MouseEvent>(\r\n\t\t\twindow,\r\n\t\t\t\"mouseup\",\r\n\t\t).subscribe(() => {\r\n\t\t\tsetIsMouseDown(false);\r\n\t\t});\r\n\r\n\t\t// 스크롤 이벤트 throttling 및 상태 업데이트\r\n\t\tconst scrollEventSubscribe = scrollEventSubject.current\r\n\t\t\t.pipe(throttleTime(70)) // 70ms 간격으로 throttling\r\n\t\t\t.subscribe((position) => {\r\n\t\t\t\tsetScrollPosition(keyName, position);\r\n\t\t\t});\r\n\r\n\t\tconst scrollSubscribe = getScrollPosition(keyName)\r\n\t\t\t.pipe(take(1)) // 한 번만 실행\r\n\t\t\t.subscribe((position) => {\r\n\t\t\t\tif (scrollRef.current && position) {\r\n\t\t\t\t\tscrollRef.current.scrollLeft = position.x;\r\n\t\t\t\t\tscrollRef.current.scrollTop = position.y;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\treturn () => {\r\n\t\t\tremoveScrollPosition(keyName);\r\n\t\t\tmouseUpSubscribe.unsubscribe();\r\n\t\t\tscrollSubscribe.unsubscribe();\r\n\t\t\tscrollEventSubscribe.unsubscribe();\r\n\t\t};\r\n\t}, [keyName]);\r\n\tuseEffect(() => {\r\n\t\tif (!scrollRef.current) return;\r\n\r\n\t\tlet animationFrameId: number \| null = null;\r\n\t\tconst handleWheel = (event: WheelEvent) => {\r\n\t\t\tif (!scrollRef.current \|\| direction !== \"x\") return;\r\n\t\t\tif (scrollRef.current.matches(\":hover\")) {\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tconst { deltaY } = event;\r\n\t\t\t\tconst newScrollLeft = scrollRef.current.scrollLeft + deltaY;\r\n\r\n\t\t\t\t// 이미 애니메이션이 예약되어 있으면 취소\r\n\t\t\t\tif (animationFrameId) {\r\n\t\t\t\t\tcancelAnimationFrame(animationFrameId);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tanimationFrameId = requestAnimationFrame(() => {\r\n\t\t\t\t\t// 바로 scrollLeft 값을 업데이트 (smooth 대신,\r\n\t\t\t\t\t// 혹은 native 스크롤로 처리)\r\n\t\t\t\t\tscrollRef.current!.scrollLeft = newScrollLeft;\r\n\t\t\t\t\tscrollEventSubject.current.next({\r\n\t\t\t\t\t\tx: newScrollLeft,\r\n\t\t\t\t\t\ty: scrollRef.current!.scrollTop,\r\n\t\t\t\t\t});\r\n\t\t\t\t\tanimationFrameId = null;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// 수동으로 이벤트 리스너 추가\r\n\t\tscrollRef.current.addEventListener(\"wheel\", handleWheel, {\r\n\t\t\tpassive: false,\r\n\t\t});\r\n\r\n\t\treturn () => {\r\n\t\t\t// 이벤트 리스너 제거\r\n\t\t\tscrollRef.current?.removeEventListener(\"wheel\", handleWheel);\r\n\t\t};\r\n\t}, []);\r\n\treturn (\r\n\t\t<div\r\n\t\t\tref={scrollRef}\r\n\t\t\tonMouseUp={() => setIsMouseDown(false)}\r\n\t\t\tonMouseDown={() => setIsMouseDown(true)}\r\n\t\t\tonMouseMove={(event) => {\r\n\t\t\t\tif (!scrollRef.current \|\| !isMouseDown \|\| direction !== \"x\")\r\n\t\t\t\t\treturn;\r\n\t\t\t\tscrollRef.current.scrollLeft += event.movementX * -1;\r\n\t\t\t\tscrollEventSubject.current.next({\r\n\t\t\t\t\tx: scrollRef.current.scrollLeft,\r\n\t\t\t\t\ty: scrollRef.current.scrollTop,\r\n\t\t\t\t});\r\n\t\t\t}}\r\n\t\t\tonScroll={() => {\r\n\t\t\t\tif (!scrollRef.current) return;\r\n\t\t\t\tscrollEventSubject.current.next({\r\n\t\t\t\t\tx: scrollRef.current.scrollLeft,\r\n\t\t\t\t\ty: scrollRef.current.scrollTop,\r\n\t\t\t\t});\r\n\t\t\t}}\r\n\t\t\tclassName={`${className \|\| \"\"} ${isDefaultScrollStyle ? listScroll[\"default-scroll\"] : listScroll[\"list-scroll\"]} ${direction ? listScroll[direction] : \"\"}`}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default memo(FlexLayoutSplitScreenScrollBox);\r\n"]}
1	+ {"version":3,"sources":["../../../src/flex-layout/components/FlexLayoutSplitScreenScrollBox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { FC, HTMLAttributes, memo, useEffect, useRef, useState } from \"react\";\r\nimport { fromEvent, Subject } from \"rxjs\";\r\nimport { take, throttleTime } from \"rxjs/operators\";\r\nimport {\r\n\tgetScrollPosition,\r\n\tremoveScrollPosition,\r\n\tScrollPosition,\r\n\tsetScrollPosition,\r\n} from \"../store/FlexLayoutContainerStore\";\r\nimport listScroll from \"../styles/listScroll.module.css\";\r\n\r\nexport interface FlexLayoutSplitScreenScrollBoxProps extends HTMLAttributes<HTMLDivElement> {\r\n\tkeyName: string;\r\n\tclassName?: string;\r\n\tdirection?: \"x\" \| \"y\";\r\n\tisDefaultScrollStyle?: boolean;\r\n}\r\n\r\nconst FlexLayoutSplitScreenScrollBox: FC<\r\n\tFlexLayoutSplitScreenScrollBoxProps\r\n> = ({\r\n\tclassName,\r\n\tchildren,\r\n\tkeyName,\r\n\tdirection,\r\n\tisDefaultScrollStyle = false,\r\n\t...props\r\n}: FlexLayoutSplitScreenScrollBoxProps) => {\r\n\tconst scrollRef = useRef<HTMLDivElement \| null>(null);\r\n\tconst [isMouseDown, setIsMouseDown] = useState<boolean>(false);\r\n\tconst scrollEventSubject = useRef(new Subject<ScrollPosition>());\r\n\r\n\t// const handleScroll = throttle(\r\n\t// (newScrollLeft: number, newScrollTop: number) => {\r\n\t// setScrollPosition(layoutName, {\r\n\t// x: newScrollLeft,\r\n\t// y: newScrollTop,\r\n\t// });\r\n\t// },\r\n\t// 100\r\n\t// ); // 100ms 간격으로 호출\r\n\r\n\tuseEffect(() => {\r\n\t\tconst mouseUpSubscribe = fromEvent<MouseEvent>(\r\n\t\t\twindow,\r\n\t\t\t\"mouseup\",\r\n\t\t).subscribe(() => {\r\n\t\t\tsetIsMouseDown(false);\r\n\t\t});\r\n\r\n\t\t// 스크롤 이벤트 throttling 및 상태 업데이트\r\n\t\tconst scrollEventSubscribe = scrollEventSubject.current\r\n\t\t\t.pipe(throttleTime(70)) // 70ms 간격으로 throttling\r\n\t\t\t.subscribe((position) => {\r\n\t\t\t\tsetScrollPosition(keyName, position);\r\n\t\t\t});\r\n\r\n\t\tconst scrollSubscribe = getScrollPosition(keyName)\r\n\t\t\t.pipe(take(1)) // 한 번만 실행\r\n\t\t\t.subscribe((position) => {\r\n\t\t\t\tif (scrollRef.current && position) {\r\n\t\t\t\t\tscrollRef.current.scrollLeft = position.x;\r\n\t\t\t\t\tscrollRef.current.scrollTop = position.y;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\treturn () => {\r\n\t\t\tremoveScrollPosition(keyName);\r\n\t\t\tmouseUpSubscribe.unsubscribe();\r\n\t\t\tscrollSubscribe.unsubscribe();\r\n\t\t\tscrollEventSubscribe.unsubscribe();\r\n\t\t};\r\n\t}, [keyName]);\r\n\tuseEffect(() => {\r\n\t\tif (!scrollRef.current) return;\r\n\r\n\t\tlet animationFrameId: number \| null = null;\r\n\t\tconst handleWheel = (event: WheelEvent) => {\r\n\t\t\tif (!scrollRef.current \|\| direction !== \"x\") return;\r\n\t\t\tif (scrollRef.current.matches(\":hover\")) {\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tconst { deltaY } = event;\r\n\t\t\t\tconst newScrollLeft = scrollRef.current.scrollLeft + deltaY;\r\n\r\n\t\t\t\t// 이미 애니메이션이 예약되어 있으면 취소\r\n\t\t\t\tif (animationFrameId) {\r\n\t\t\t\t\tcancelAnimationFrame(animationFrameId);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tanimationFrameId = requestAnimationFrame(() => {\r\n\t\t\t\t\t// 바로 scrollLeft 값을 업데이트 (smooth 대신,\r\n\t\t\t\t\t// 혹은 native 스크롤로 처리)\r\n\t\t\t\t\tscrollRef.current!.scrollLeft = newScrollLeft;\r\n\t\t\t\t\tscrollEventSubject.current.next({\r\n\t\t\t\t\t\tx: newScrollLeft,\r\n\t\t\t\t\t\ty: scrollRef.current!.scrollTop,\r\n\t\t\t\t\t});\r\n\t\t\t\t\tanimationFrameId = null;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// 수동으로 이벤트 리스너 추가\r\n\t\tscrollRef.current.addEventListener(\"wheel\", handleWheel, {\r\n\t\t\tpassive: false,\r\n\t\t});\r\n\r\n\t\treturn () => {\r\n\t\t\t// 이벤트 리스너 제거\r\n\t\t\tscrollRef.current?.removeEventListener(\"wheel\", handleWheel);\r\n\t\t};\r\n\t}, []);\r\n\treturn (\r\n\t\t<div\r\n\t\t\tref={scrollRef}\r\n\t\t\tonMouseUp={() => setIsMouseDown(false)}\r\n\t\t\tonMouseDown={() => setIsMouseDown(true)}\r\n\t\t\tonMouseMove={(event) => {\r\n\t\t\t\tif (!scrollRef.current \|\| !isMouseDown \|\| direction !== \"x\")\r\n\t\t\t\t\treturn;\r\n\t\t\t\tscrollRef.current.scrollLeft += event.movementX * -1;\r\n\t\t\t\tscrollEventSubject.current.next({\r\n\t\t\t\t\tx: scrollRef.current.scrollLeft,\r\n\t\t\t\t\ty: scrollRef.current.scrollTop,\r\n\t\t\t\t});\r\n\t\t\t}}\r\n\t\t\tonScroll={() => {\r\n\t\t\t\tif (!scrollRef.current) return;\r\n\t\t\t\tscrollEventSubject.current.next({\r\n\t\t\t\t\tx: scrollRef.current.scrollLeft,\r\n\t\t\t\t\ty: scrollRef.current.scrollTop,\r\n\t\t\t\t});\r\n\t\t\t}}\r\n\t\t\tclassName={`${className \|\| \"\"} ${isDefaultScrollStyle ? listScroll[\"default-scroll\"] : listScroll[\"list-scroll\"]} ${direction ? listScroll[direction] : \"\"}`}\r\n\t\t\t{...props}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default memo(FlexLayoutSplitScreenScrollBox);\r\n"],"mappings":"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","names":[]}

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

@@ -1,8 +1,29 @@
-'use strict';
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+"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));
 }
@@ -39,37 +60,38 @@ const FlexLayoutStickyBox = ({
   children,
   style,
   className,
+  transitionDurationMs = 200,
   onTranslateChange = () => {
   },
   ...rest
 }) => {
-  const offsetRef = react.useRef(offset);
-  const rootRef = react.useRef(null);
-  const contentRef = react.useRef(null);
-  const mutatingRef = react.useRef(false);
-  const lastOffsetRef = react.useRef(0);
-  const [resolvedEdge, setResolvedEdge] = react.useState("top");
-  const rafId = react.useRef(null);
-  const [contentDynamicStyle, setContentDynamicStyle] = react.useState({});
-  react.useEffect(() => {
+  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 50ms linear"
+      transition: `transform ${transitionDurationMs}ms linear`
     });
-  }, []);
-  react.useEffect(() => {
+  }, [transitionDurationMs]);
+  (0, import_react.useEffect)(() => {
     offsetRef.current = offset;
     scheduleUpdate();
   }, [offset]);
-  const [ioRoot, setIoRoot] = react.useState(null);
-  react.useEffect(() => {
+  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]);
-  react.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     if (edge !== "auto") {
       setResolvedEdge(edge);
       return;
@@ -77,7 +99,7 @@ const FlexLayoutStickyBox = ({
     const vertical = isVerticalScroll(ioRoot);
     setResolvedEdge(vertical ? "top" : "left");
   }, [edge, ioRoot]);
-  react.useEffect(() => {
+  (0, import_react.useEffect)(() => {
   }, []);
   const scheduleUpdate = () => {
     if (rafId.current != null) return;
@@ -155,7 +177,7 @@ const FlexLayoutStickyBox = ({
       mutatingRef.current = false;
     });
   };
-  react.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     if (typeof window == "undefined") return;
     const rootEl = rootRef.current;
     if (!rootEl) return;
@@ -194,7 +216,7 @@ const FlexLayoutStickyBox = ({
       }
     };
   }, [ioRoot, resolvedEdge, offset, debug]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       ref: rootRef,
@@ -208,7 +230,7 @@ const FlexLayoutStickyBox = ({
         ...style
       },
       ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {
           ref: contentRef,
@@ -220,7 +242,4 @@ const FlexLayoutStickyBox = ({
   );
 };
 var FlexLayoutStickyBox_default = FlexLayoutStickyBox;
-module.exports = FlexLayoutStickyBox_default;
-//# sourceMappingURL=FlexLayoutStickyBox.cjs.map
 //# sourceMappingURL=FlexLayoutStickyBox.cjs.map