@octanejs/base-ui 0.1.31 → 0.1.33

package/dist/cjs/utils/useTimeout.cjs

@@ -0,0 +1,66 @@
+"use strict";
+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 useTimeout_exports = {};
+__export(useTimeout_exports, {
+  Timeout: () => Timeout,
+  useTimeout: () => useTimeout
+});
+module.exports = __toCommonJS(useTimeout_exports);
+var import_octane = require("octane");
+var import_internal = require("../internal.cjs");
+var import_useRefWithInit = require("./useRefWithInit.cjs");
+const EMPTY = 0;
+class Timeout {
+  static create() {
+    return new Timeout();
+  }
+  currentId = EMPTY;
+  /** Executes `fn` after `delay`, clearing any previously scheduled call. */
+  start(delay, fn) {
+    this.clear();
+    this.currentId = setTimeout(() => {
+      this.currentId = EMPTY;
+      fn();
+    }, delay);
+  }
+  isStarted() {
+    return this.currentId !== EMPTY;
+  }
+  clear = () => {
+    if (this.currentId !== EMPTY) {
+      clearTimeout(this.currentId);
+      this.currentId = EMPTY;
+    }
+  };
+  disposeEffect = () => {
+    return this.clear;
+  };
+}
+function useTimeout(...args) {
+  const [, slotArg] = (0, import_internal.splitSlot)(["_", ...args]);
+  const slot = slotArg ?? (0, import_internal.S)("useTimeout");
+  const timeout = (0, import_useRefWithInit.useRefWithInit)(Timeout.create, (0, import_internal.subSlot)(slot, "to")).current;
+  (0, import_octane.useEffect)(timeout.disposeEffect, [], (0, import_internal.subSlot)(slot, "e:mount"));
+  return timeout;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Timeout,
+  useTimeout
+});

package/dist/cjs/utils/useTransitionStatus.cjs

@@ -0,0 +1,116 @@
+"use strict";
+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 useTransitionStatus_exports = {};
+__export(useTransitionStatus_exports, {
+  transitionStatusMapping: () => transitionStatusMapping,
+  useTransitionStatus: () => useTransitionStatus
+});
+module.exports = __toCommonJS(useTransitionStatus_exports);
+var import_octane = require("octane");
+var import_internal = require("../internal.cjs");
+var import_useAnimationFrame = require("./useAnimationFrame.cjs");
+const STARTING_HOOK = { "data-starting-style": "" };
+const ENDING_HOOK = { "data-ending-style": "" };
+const transitionStatusMapping = {
+  transitionStatus(value) {
+    if (value === "starting") {
+      return STARTING_HOOK;
+    }
+    if (value === "ending") {
+      return ENDING_HOOK;
+    }
+    return null;
+  }
+};
+function useTransitionStatus(...args) {
+  const [user, slotArg] = (0, import_internal.splitSlot)(args);
+  const slot = slotArg ?? (0, import_internal.S)("useTransitionStatus");
+  const open = user[0];
+  const enableIdleState = user[1] ?? false;
+  const deferEndingState = user[2] ?? false;
+  const [transitionStatus, setTransitionStatus] = (0, import_octane.useState)(
+    open && enableIdleState ? "idle" : void 0,
+    (0, import_internal.subSlot)(slot, "ts")
+  );
+  const [mounted, setMounted] = (0, import_octane.useState)(open, (0, import_internal.subSlot)(slot, "mounted"));
+  if (open && !mounted) {
+    setMounted(true);
+    setTransitionStatus("starting");
+  }
+  if (!open && mounted && transitionStatus !== "ending" && !deferEndingState) {
+    setTransitionStatus("ending");
+  }
+  if (!open && !mounted && transitionStatus === "ending") {
+    setTransitionStatus(void 0);
+  }
+  (0, import_octane.useLayoutEffect)(
+    () => {
+      if (!open && mounted && transitionStatus !== "ending" && deferEndingState) {
+        const frame = import_useAnimationFrame.AnimationFrame.request(() => {
+          setTransitionStatus("ending");
+        });
+        return () => {
+          import_useAnimationFrame.AnimationFrame.cancel(frame);
+        };
+      }
+      return void 0;
+    },
+    [open, mounted, transitionStatus, deferEndingState],
+    (0, import_internal.subSlot)(slot, "e:defer")
+  );
+  (0, import_octane.useLayoutEffect)(
+    () => {
+      if (!open || enableIdleState) {
+        return void 0;
+      }
+      const frame = import_useAnimationFrame.AnimationFrame.request(() => {
+        setTransitionStatus(void 0);
+      });
+      return () => {
+        import_useAnimationFrame.AnimationFrame.cancel(frame);
+      };
+    },
+    [enableIdleState, open],
+    (0, import_internal.subSlot)(slot, "e:clear")
+  );
+  (0, import_octane.useLayoutEffect)(
+    () => {
+      if (!open || !enableIdleState) {
+        return void 0;
+      }
+      if (open && mounted && transitionStatus !== "idle") {
+        setTransitionStatus("starting");
+      }
+      const frame = import_useAnimationFrame.AnimationFrame.request(() => {
+        setTransitionStatus("idle");
+      });
+      return () => {
+        import_useAnimationFrame.AnimationFrame.cancel(frame);
+      };
+    },
+    [enableIdleState, open, mounted, transitionStatus],
+    (0, import_internal.subSlot)(slot, "e:idle")
+  );
+  return { mounted, setMounted, transitionStatus };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  transitionStatusMapping,
+  useTransitionStatus
+});

package/dist/cjs/utils/useValueAsRef.cjs

@@ -0,0 +1,43 @@
+"use strict";
+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 useValueAsRef_exports = {};
+__export(useValueAsRef_exports, {
+  useValueAsRef: () => useValueAsRef
+});
+module.exports = __toCommonJS(useValueAsRef_exports);
+var import_octane = require("octane");
+var import_internal = require("../internal.cjs");
+function useValueAsRef(...args) {
+  const [user, slotArg] = (0, import_internal.splitSlot)(args);
+  const slot = slotArg ?? (0, import_internal.S)("useValueAsRef");
+  const value = user[0];
+  const ref = (0, import_octane.useRef)(value, (0, import_internal.subSlot)(slot, "ref"));
+  (0, import_octane.useLayoutEffect)(
+    () => {
+      ref.current = value;
+    },
+    void 0,
+    (0, import_internal.subSlot)(slot, "eff")
+  );
+  return ref;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useValueAsRef
+});

package/dist/cjs/utils/useValueChanged.cjs

@@ -0,0 +1,55 @@
+"use strict";
+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 useValueChanged_exports = {};
+__export(useValueChanged_exports, {
+  useValueChanged: () => useValueChanged
+});
+module.exports = __toCommonJS(useValueChanged_exports);
+var import_octane = require("octane");
+var import_internal = require("../internal.cjs");
+var import_useStableCallback = require("./useStableCallback.cjs");
+function useValueChanged(...args) {
+  const [user, slotArg] = (0, import_internal.splitSlot)(args);
+  const slot = slotArg ?? (0, import_internal.S)("useValueChanged");
+  const value = user[0];
+  const onChange = user[1];
+  const valueRef = (0, import_octane.useRef)(value, (0, import_internal.subSlot)(slot, "ref"));
+  const onChangeCallback = (0, import_useStableCallback.useStableCallback)(onChange, (0, import_internal.subSlot)(slot, "cb"));
+  (0, import_octane.useLayoutEffect)(
+    () => {
+      if (valueRef.current === value) {
+        return;
+      }
+      onChangeCallback(valueRef.current);
+    },
+    [value, onChangeCallback],
+    (0, import_internal.subSlot)(slot, "e:change")
+  );
+  (0, import_octane.useLayoutEffect)(
+    () => {
+      valueRef.current = value;
+    },
+    [value],
+    (0, import_internal.subSlot)(slot, "e:set")
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useValueChanged
+});

package/dist/cjs/utils/valueToPercent.cjs

@@ -0,0 +1,30 @@
+"use strict";
+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 valueToPercent_exports = {};
+__export(valueToPercent_exports, {
+  valueToPercent: () => valueToPercent
+});
+module.exports = __toCommonJS(valueToPercent_exports);
+function valueToPercent(value, min, max) {
+  return (value - min) * 100 / (max - min);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  valueToPercent
+});

package/dist/cjs/utils/visuallyHidden.cjs

@@ -0,0 +1,49 @@
+"use strict";
+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 visuallyHidden_exports = {};
+__export(visuallyHidden_exports, {
+  visuallyHidden: () => visuallyHidden,
+  visuallyHiddenInput: () => visuallyHiddenInput
+});
+module.exports = __toCommonJS(visuallyHidden_exports);
+const visuallyHiddenBase = {
+  clipPath: "inset(50%)",
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  border: 0,
+  padding: 0,
+  width: 1,
+  height: 1,
+  margin: -1
+};
+const visuallyHidden = {
+  ...visuallyHiddenBase,
+  position: "fixed",
+  top: 0,
+  left: 0
+};
+const visuallyHiddenInput = {
+  ...visuallyHiddenBase,
+  position: "absolute"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  visuallyHidden,
+  visuallyHiddenInput
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octanejs/base-ui",
-  "version": "0.1.31",
+  "version": "0.1.33",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -32,20 +32,31 @@
   "types": "src/index.ts",
   "files": [
     "src",
-    "README.md"
+    "README.md",
+    "dist/cjs"
   ],
   "exports": {
-    ".": "./src/index.ts",
-    "./*": "./src/*.ts"
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./src/index.ts",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./src/index.ts"
+    },
+    "./*": {
+      "types": "./src/*.ts",
+      "import": "./src/*.ts",
+      "require": "./dist/cjs/*.cjs",
+      "default": "./src/*.ts"
+    }
   },
   "dependencies": {
     "@floating-ui/utils": "^0.2.12",
     "aria-hidden": "^1.2.6",
     "tabbable": "^6.5.0",
-    "@octanejs/floating-ui": "0.1.32"
+    "@octanejs/floating-ui": "0.1.34"
   },
   "peerDependencies": {
-    "octane": "0.1.33"
+    "octane": "0.1.35"
   },
   "devDependencies": {
     "@base-ui/react": "^1.6.0",
@@ -54,9 +65,10 @@
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "vitest": "^4.1.10",
-    "octane": "0.1.33"
+    "octane": "0.1.35"
   },
   "scripts": {
-    "test": "vitest run"
+    "test": "vitest run",
+    "build:cjs": "node ../../scripts/build-package-commonjs.mjs"
   }
 }