@gympass/yoga 7.88.0 → 7.88.1

package/cjs/Theme/helpers/themeReader/native/native.test.js

@@ -0,0 +1,61 @@
+"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 __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 import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_react_native = require("@testing-library/react-native");
+var import__ = __toESM(require("../../../index.native"));
+var import_base = require("../base.test");
+describe("themeReader - web specs", () => {
+  it("should render", () => {
+    const Component = import_styled_components.default.View`
+      border: ${import__.theme.borders.small}px solid;
+    `;
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { testID: "component", children: "Teste" }) })
+    );
+    expect(toJSON().props.style).toEqual([
+      { borderWidth: 1, borderColor: "black", borderStyle: "solid" }
+    ]);
+  });
+  it("should render with conditional", () => {
+    const Component = import_styled_components.default.View`
+      border: ${({ borders }) => borders ? import_styled_components.css`
+              ${import__.theme.borders.small}px solid
+            ` : "none"};
+    `;
+    const { toJSON, rerender } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { borders: false, testID: "component", children: "Teste" }) })
+    );
+    expect(toJSON().props.style).toEqual([
+      { borderWidth: 0, borderColor: "black", borderStyle: "solid" }
+    ]);
+    rerender(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { borders: true, "data-testid": "component" }) })
+    );
+    expect(toJSON().props.style).toEqual([
+      { borderWidth: 1, borderColor: "black", borderStyle: "solid" }
+    ]);
+  });
+});

package/cjs/Theme/helpers/themeReader/web/web.test.js

@@ -0,0 +1,55 @@
+"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 __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 import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_react2 = require("@testing-library/react");
+var import__ = __toESM(require("../../../index"));
+var import_base = require("../base.test");
+describe("themeReader - web specs", () => {
+  it("should render", () => {
+    const Component = import_styled_components.default.div`
+      border: ${import__.theme.borders.small}px solid;
+    `;
+    const { getByTestId } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { "data-testid": "component" }) })
+    );
+    expect(getByTestId("component")).toHaveStyleRule("border", "1px solid");
+  });
+  it("should render with conditional", () => {
+    const Component = import_styled_components.default.div`
+      border: ${({ borders }) => borders ? import_styled_components.css`
+              ${import__.theme.borders.small}px solid
+            ` : "none"};
+    `;
+    const { getByTestId, rerender } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { borders: false, "data-testid": "component" }) })
+    );
+    expect(getByTestId("component")).toHaveStyleRule("border", "none");
+    rerender(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { borders: true, "data-testid": "component" }) })
+    );
+    expect(getByTestId("component")).toHaveStyleRule("border", "1px solid");
+  });
+});

package/cjs/Theme/index.js

@@ -0,0 +1,48 @@
+"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 Theme_exports = {};
+__export(Theme_exports, {
+  FontLoader: () => import_Provider.FontLoader,
+  createTheme: () => import_themeGenerator.default,
+  default: () => import_Provider.ThemeProvider,
+  theme: () => import_themeReader.default,
+  yogaTheme: () => import_theme.default
+});
+module.exports = __toCommonJS(Theme_exports);
+var import_Provider = require("./Provider");
+var import_theme = __toESM(require("./theme"));
+var import_themeReader = __toESM(require("./helpers/themeReader"));
+var import_themeGenerator = __toESM(require("./helpers/themeGenerator"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FontLoader,
+  createTheme,
+  theme,
+  yogaTheme
+});

package/cjs/Theme/index.native.js

@@ -0,0 +1,46 @@
+"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 index_native_exports = {};
+__export(index_native_exports, {
+  createTheme: () => import_themeGenerator.default,
+  default: () => import_Provider.default,
+  theme: () => import_themeReader.default,
+  yogaTheme: () => import_theme.default
+});
+module.exports = __toCommonJS(index_native_exports);
+var import_Provider = __toESM(require("./Provider"));
+var import_theme = __toESM(require("./theme"));
+var import_themeReader = __toESM(require("./helpers/themeReader"));
+var import_themeGenerator = __toESM(require("./helpers/themeGenerator"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createTheme,
+  theme,
+  yogaTheme
+});

package/cjs/Theme/theme/index.js

@@ -0,0 +1,35 @@
+"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 theme_exports = {};
+__export(theme_exports, {
+  default: () => theme_default
+});
+module.exports = __toCommonJS(theme_exports);
+var import_theme = __toESM(require("./theme"));
+var theme_default = import_theme.default;

package/cjs/Theme/theme/theme.js

@@ -0,0 +1,109 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 theme_exports = {};
+__export(theme_exports, {
+  default: () => theme_default
+});
+module.exports = __toCommonJS(theme_exports);
+var import_yoga_common = require("@gympass/yoga-common");
+var componentThemes = __toESM(require("../../**/*.theme.js"));
+const getComponentThemes = (tokens) => {
+  const { colors, baseFont, baseFontSize } = tokens;
+  const components = Object.entries(componentThemes).reduce(
+    (componentsStyles, [names, themed]) => {
+      const [, name] = names.toLowerCase().split("$");
+      return __spreadProps(__spreadValues({}, componentsStyles), {
+        [name]: themed(__spreadProps(__spreadValues({}, tokens), {
+          colors,
+          baseFont,
+          baseFontSize
+        }))
+      });
+    },
+    {}
+  );
+  return { components };
+};
+const theme = (tokens) => {
+  const baseFont = tokens.fonts.rubik;
+  const baseFontSize = tokens.fontSizes.medium;
+  const colors = __spreadProps(__spreadValues({}, tokens.colors), {
+    primary: tokens.colors.vibin,
+    secondary: tokens.colors.stamina,
+    feedback: {
+      success: [tokens.colors.success, tokens.colors.hope],
+      informative: [tokens.colors.neutral, tokens.colors.relax],
+      attention: [tokens.colors.attention, tokens.colors.verve],
+      neutral: [tokens.colors.light, tokens.colors.medium]
+    },
+    text: {
+      primary: tokens.colors.stamina,
+      secondary: tokens.colors.deep,
+      disabled: tokens.colors.light
+    },
+    elements: {
+      selectionAndIcons: tokens.colors.medium,
+      lineAndBorders: tokens.colors.light,
+      backgroundAndDisabled: tokens.colors.clear
+    }
+  });
+  [colors.feedback.success.light, colors.feedback.success.dark] = colors.feedback.success;
+  [colors.feedback.informative.light, colors.feedback.informative.dark] = colors.feedback.informative;
+  [colors.feedback.attention.light, colors.feedback.attention.dark] = colors.feedback.attention;
+  [colors.feedback.neutral.light, colors.feedback.neutral.dark] = colors.feedback.neutral;
+  return __spreadProps(__spreadValues({}, tokens), {
+    colors,
+    baseFont,
+    baseFontSize
+  });
+};
+const composeTheme = (tokens, customTheming = {}) => {
+  const baseTheme = theme(tokens);
+  const customTheme = (0, import_yoga_common.merge)(baseTheme, customTheming);
+  const componentTheming = getComponentThemes(customTheme);
+  return (0, import_yoga_common.merge)(customTheme, componentTheming);
+};
+var theme_default = composeTheme;

package/cjs/hooks/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hooks_exports = {};
+module.exports = __toCommonJS(hooks_exports);
+__reExport(hooks_exports, require("./usePortal"), module.exports);
+__reExport(hooks_exports, require("./useKeyPress"), module.exports);
+__reExport(hooks_exports, require("./useCombinedRefs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./usePortal"),
+  ...require("./useKeyPress"),
+  ...require("./useCombinedRefs")
+});

package/cjs/hooks/useCombinedRefs.js

@@ -0,0 +1,44 @@
+"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 useCombinedRefs_exports = {};
+__export(useCombinedRefs_exports, {
+  useCombinedRefs: () => useCombinedRefs
+});
+module.exports = __toCommonJS(useCombinedRefs_exports);
+var import_react = require("react");
+const useCombinedRefs = (...refs) => {
+  const targetRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    for (let i = 0; i < refs.length; i++) {
+      const ref = refs[i];
+      if (!ref)
+        return;
+      if (typeof ref === "function") {
+        ref(targetRef.current);
+      } else {
+        ref.current = targetRef.current;
+      }
+    }
+  }, [refs]);
+  return targetRef;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCombinedRefs
+});

package/cjs/hooks/useKeyPress.js

@@ -0,0 +1,50 @@
+"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 useKeyPress_exports = {};
+__export(useKeyPress_exports, {
+  useKeyPress: () => useKeyPress
+});
+module.exports = __toCommonJS(useKeyPress_exports);
+var import_react = require("react");
+const useKeyPress = (targetKey) => {
+  const [keyPressed, setKeyPressed] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    function downHandler({ key }) {
+      if (key === targetKey) {
+        setKeyPressed(true);
+      }
+    }
+    function upHandler({ key }) {
+      if (key === targetKey) {
+        setKeyPressed(false);
+      }
+    }
+    window.addEventListener("keydown", downHandler);
+    window.addEventListener("keyup", upHandler);
+    return () => {
+      window.removeEventListener("keydown", downHandler);
+      window.removeEventListener("keyup", upHandler);
+    };
+  }, [targetKey]);
+  return keyPressed;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useKeyPress
+});

package/cjs/hooks/usePortal.js

@@ -0,0 +1,63 @@
+"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 usePortal_exports = {};
+__export(usePortal_exports, {
+  usePortal: () => usePortal
+});
+module.exports = __toCommonJS(usePortal_exports);
+var import_react = require("react");
+const createRootElement = (id) => {
+  const rootContainer = document.createElement("div");
+  rootContainer.setAttribute("id", id);
+  return rootContainer;
+};
+const addRootElement = (rootElement) => {
+  document.body.insertBefore(
+    rootElement,
+    document.body.lastElementChild.nextElementSibling
+  );
+};
+const usePortal = (id) => {
+  const rootElementRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    const existingParent = document.getElementById(id);
+    const parentElem = existingParent || createRootElement(id);
+    if (!existingParent) {
+      addRootElement(parentElem);
+    }
+    parentElem.appendChild(rootElementRef.current);
+    return function removeElement() {
+      rootElementRef.current.remove();
+      if (!parentElem.childElementCount) {
+        parentElem.remove();
+      }
+    };
+  }, [id]);
+  const getRootElemement = () => {
+    if (!rootElementRef.current) {
+      rootElementRef.current = document.createElement("div");
+    }
+    return rootElementRef.current;
+  };
+  return getRootElemement();
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePortal
+});