@blockle/blocks-react 1.1.2 → 1.2.0

package/dist/components/form/Slider/slider.css.cjs

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const blocksCore = require("@blockle/blocks-core");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/components/form/Slider/slider.css.ts", "@blockle/blocks-react");
-const container = css.style({
-  "@layer": {
-    [blocksCore.blocksLayerComponent]: {
-      position: "relative",
-      writingMode: "horizontal-tb"
-    }
-  }
-});
-const containerVertical = css.style({
-  "@layer": {
-    [blocksCore.blocksLayerComponent]: {
-      writingMode: "vertical-lr"
-    }
-  }
-});
-const track = css.style({
-  "@layer": {
-    [blocksCore.blocksLayerComponent]: {
-      cursor: "pointer",
-      position: "absolute",
-      inlineSize: "100%",
-      insetBlockStart: "50%",
-      transform: "translateY(-50%)",
-      selectors: {
-        [`${containerVertical} &`]: {
-          transform: "translateX(-50%)"
-        }
-      }
-    }
-  }
-});
-const filledTrack = css.style({
-  "@layer": {
-    [blocksCore.blocksLayerComponent]: {
-      position: "absolute",
-      blockSize: "100%",
-      borderRadius: "inherit",
-      selectors: {
-        [`${containerVertical} &`]: {
-          insetInlineEnd: "0%"
-        }
-      }
-    }
-  }
-});
-const thumb = css.style({
-  "@layer": {
-    [blocksCore.blocksLayerComponent]: {
-      cursor: "pointer",
-      position: "absolute",
-      blockSize: "100%",
-      insetBlockStart: "50%",
-      transform: "translate(-50%, -50%)",
-      touchAction: "none",
-      border: "none",
-      selectors: {
-        [`${containerVertical} &`]: {
-          transform: "translate(-50%, 50%)"
-        }
-      }
-    }
-  }
-});
-fileScope.endFileScope();
-exports.container = container;
-exports.containerVertical = containerVertical;
-exports.filledTrack = filledTrack;
-exports.thumb = thumb;
-exports.track = track;

package/dist/components/form/Slider/usePointerProgress.cjs

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-function getProgress(event, rect) {
-  const { clientX, clientY } = event;
-  const { width, height, left, top } = rect;
-  const x = (clientX - left) / width;
-  const y = (clientY - top) / height;
-  return [x, y];
-}
-function usePointerProgress({ container, orientation, onChange }) {
-  react.useEffect(() => {
-    const element = container.current;
-    function pointerdown(event) {
-      event.preventDefault();
-      event.stopPropagation();
-      if (!element) {
-        return;
-      }
-      const containerRect = element.getBoundingClientRect();
-      const axisIndex = orientation === "horizontal" ? 0 : 1;
-      const progress = getProgress(event, containerRect);
-      onChange(progress[axisIndex]);
-      const pointermove = (event2) => {
-        event2.preventDefault();
-        const progress2 = getProgress(event2, containerRect);
-        onChange(progress2[axisIndex]);
-      };
-      const pointerup = () => {
-        document.removeEventListener("pointermove", pointermove);
-        document.removeEventListener("pointerup", pointerup);
-      };
-      document.addEventListener("pointermove", pointermove);
-      document.addEventListener("pointerup", pointerup);
-    }
-    if (!element) {
-      return;
-    }
-    element.addEventListener("pointerdown", pointerdown);
-    return () => {
-      element.removeEventListener("pointerdown", pointerdown);
-    };
-  }, [container, onChange, orientation]);
-}
-exports.getProgress = getProgress;
-exports.usePointerProgress = usePointerProgress;

package/dist/components/form/Switch/Switch.cjs

@@ -1,73 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const react = require("react");
-const switch_css = require("./switch.css.cjs");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const Switch = ({
-  checked,
-  className,
-  defaultChecked,
-  onChange,
-  ref,
-  ...restProps
-}) => {
-  const [isChecked, setIsChecked] = react.useState(
-    defaultChecked || checked || false
-  );
-  const baseClassName = useComponentStyles.useComponentStyles("switch", { base: true });
-  const sliderClassName = useComponentStyles.useComponentStyles("switch", { slider: true }, false);
-  react.useEffect(() => {
-    if (checked !== void 0) {
-      setIsChecked(checked);
-    }
-  }, [checked]);
-  const toggle = react.useCallback(() => {
-    setIsChecked((checked2) => {
-      const newValue = !checked2;
-      if (onChange) {
-        onChange(newValue);
-      }
-      return newValue;
-    });
-  }, [onChange]);
-  const onChangeHandler = react.useCallback(
-    (event) => {
-      setIsChecked(event.target.checked);
-      if (onChange) {
-        onChange(event.target.checked);
-      }
-    },
-    [onChange]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: blocksCore.classnames(className, switch_css.container, baseClassName),
-      "data-checked": isChecked,
-      onClick: (event) => {
-        if (event.target.tagName === "INPUT") {
-          return;
-        }
-        toggle();
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            ref,
-            type: "checkbox",
-            className: switch_css.input,
-            checked: isChecked,
-            onChange: onChangeHandler,
-            ...restProps
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: sliderClassName, "data-checked": isChecked })
-      ]
-    }
-  ) });
-};
-exports.Switch = Switch;

package/dist/components/form/Switch/index.d.ts

@@ -1 +0,0 @@
-export { Switch, type SwitchProps } from './Switch';

package/dist/components/form/Switch/switch.css.cjs

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const blocksCore = require("@blockle/blocks-core");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/components/form/Switch/switch.css.ts", "@blockle/blocks-react");
-const container = css.style({
-  "@layer": {
-    [blocksCore.blocksLayerComponent]: {
-      cursor: "pointer",
-      userSelect: "none",
-      position: "relative"
-    }
-  }
-});
-const input = css.style({
-  "@layer": {
-    [blocksCore.blocksLayerComponent]: {
-      opacity: 0,
-      maxBlockSize: 0,
-      maxInlineSize: 0
-    }
-  }
-});
-fileScope.endFileScope();
-exports.container = container;
-exports.input = input;

package/dist/components/layout/Box/Box.cjs

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const blocksReactSlot = require("@blockle/blocks-react-slot");
-const [Template, Slot] = blocksReactSlot.createSlottable("div");
-const Box = ({
-  asChild,
-  className,
-  children,
-  ref,
-  ...restProps
-}) => {
-  const [atomsProps, otherProps] = blocksCore.getAtomsAndProps(restProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Template,
-    {
-      ref,
-      asChild,
-      className: blocksCore.classnames(className, blocksCore.atoms(atomsProps)),
-      ...otherProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Slot, { children })
-    }
-  );
-};
-exports.Box = Box;

package/dist/components/layout/Box/index.d.ts

@@ -1 +0,0 @@
-export { Box, type BoxProps } from './Box';

package/dist/components/layout/Inline/Inline.cjs

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const Box = require("../Box/Box.cjs");
-const Inline = ({
-  alignX,
-  alignY,
-  tag: Tag = "div",
-  children,
-  display = "flex",
-  spacing,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Box.Box,
-    {
-      asChild: true,
-      display,
-      gap: spacing,
-      flexDirection: "row",
-      justifyContent: alignX ? blocksCore.justifyContentMap[alignX] : void 0,
-      alignItems: alignY ? blocksCore.alignItemsMap[alignY] : void 0,
-      flexWrap: "wrap",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Tag, { children })
-    }
-  );
-};
-exports.Inline = Inline;

package/dist/components/layout/Inline/index.d.ts

@@ -1 +0,0 @@
-export { Inline, type InlineProps } from './Inline';

package/dist/components/layout/Stack/Stack.cjs

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const Box = require("../Box/Box.cjs");
-const Stack = ({
-  tag: Tag = "div",
-  display = "flex",
-  children,
-  spacing,
-  alignX,
-  ...restProps
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Box.Box,
-    {
-      asChild: true,
-      display,
-      gap: spacing,
-      flexDirection: "column",
-      alignItems: alignX ? blocksCore.alignItemsMap[alignX] : void 0,
-      ...restProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Tag, { children })
-    }
-  );
-};
-exports.Stack = Stack;

package/dist/components/layout/Stack/index.d.ts

@@ -1 +0,0 @@
-export { Stack, type StackProps } from './Stack';

package/dist/components/navigation/Link/Link.cjs

@@ -1,33 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const blocksReactSlot = require("@blockle/blocks-react-slot");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const [Template, Slot] = blocksReactSlot.createSlottable("a");
-const Link = ({
-  asChild,
-  children,
-  className,
-  ref,
-  underline,
-  variant,
-  ...restProps
-}) => {
-  const linkClassName = useComponentStyles.useComponentStyles("link", {
-    base: true,
-    variants: { variant, underline }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Template,
-    {
-      asChild,
-      ref,
-      className: blocksCore.classnames(className, linkClassName),
-      ...restProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Slot, { children })
-    }
-  );
-};
-exports.Link = Link;

package/dist/components/navigation/Link/index.d.ts

@@ -1 +0,0 @@
-export { Link, type LinkProps } from './Link';

package/dist/components/overlay/Dialog/Dialog.cjs

@@ -1,82 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const react = require("react");
-const useClickOutside = require("../../../hooks/useClickOutside/useClickOutside.cjs");
-const dialog_css = require("./dialog.css.cjs");
-const dialogHelper = require("./dialogHelper.cjs");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const useRestoreFocus = require("../../../hooks/useRestoreFocus/useRestoreFocus.cjs");
-const usePreventBodyScroll = require("../../../hooks/usePreventBodyScroll/usePreventBodyScroll.cjs");
-const useKeyboard = require("../../../hooks/useKeyboard/useKeyboard.cjs");
-const useIsomorphicLayoutEffect = require("../../../hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs");
-const Dialog = ({
-  children,
-  open,
-  className,
-  onRequestClose,
-  size,
-  ...restProps
-}) => {
-  const dialogRef = react.useRef(null);
-  const dialogClassName = useComponentStyles.useComponentStyles("dialog", {
-    dialog: true,
-    variants: { size }
-  });
-  const [enabled, setEnabled] = react.useState(true);
-  const [visible, setVisible] = react.useState(open);
-  useRestoreFocus.useRestoreFocus(open);
-  const isNested = dialogHelper.useNestedDialog(open);
-  usePreventBodyScroll.usePreventBodyScroll(open && !isNested);
-  const onEscape = react.useCallback(
-    (event) => {
-      event.preventDefault();
-      onRequestClose();
-    },
-    [onRequestClose]
-  );
-  useKeyboard.useKeyboard("Escape", onEscape, { enabled: open && enabled });
-  useClickOutside.useClickOutside(dialogRef, onRequestClose, { enabled: open && enabled });
-  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-    var _a;
-    if (open && visible) {
-      if (!dialogRef.current || !dialogRef.current.showModal) {
-        return;
-      }
-      dialogRef.current.showModal();
-    } else if (open) {
-      setVisible(true);
-    } else {
-      if (!blocksCore.hasAnimationDuration(dialogRef.current)) {
-        setVisible(false);
-      }
-      if ((_a = dialogRef.current) == null ? void 0 : _a.close) {
-        dialogRef.current.close();
-      }
-    }
-  }, [open, visible]);
-  const onAnimationEnd = react.useCallback(() => {
-    if (!open) {
-      setVisible(false);
-    }
-  }, [open]);
-  if (!visible) {
-    return null;
-  }
-  const dataOpen = typeof window === "undefined" && open ? true : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(dialogHelper.DialogContext.Provider, { value: { setEnabled }, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "dialog",
-    {
-      ref: dialogRef,
-      open: dataOpen,
-      className: blocksCore.classnames(dialog_css.dialog, dialogClassName, className),
-      onAnimationEnd,
-      onTransitionEnd: onAnimationEnd,
-      ...restProps,
-      children
-    }
-  ) }) });
-};
-exports.Dialog = Dialog;

package/dist/components/overlay/Dialog/dialog.css.cjs

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const blocksCore = require("@blockle/blocks-core");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/components/overlay/Dialog/dialog.css.ts", "@blockle/blocks-react");
-const dialog = css.style({
-  "@layer": {
-    [blocksCore.blocksLayerComponent]: {
-      position: "fixed",
-      inset: 0,
-      border: "none",
-      "::backdrop": {
-        // Remove pointer event to prevent clicks on the backdrop
-        // and make it easier to check if the click was outside the dialog
-        pointerEvents: "none"
-      }
-    }
-  }
-});
-fileScope.endFileScope();
-exports.dialog = dialog;

package/dist/components/overlay/Dialog/dialogHelper.cjs

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const DialogContext = react.createContext(
-  void 0
-);
-const useNestedDialog = (open) => {
-  const parentDialog = react.useContext(DialogContext);
-  react.useEffect(() => {
-    if (!parentDialog || !open) {
-      return;
-    }
-    parentDialog.setEnabled(false);
-    return () => {
-      parentDialog.setEnabled(true);
-    };
-  }, [parentDialog, open]);
-  return !!parentDialog;
-};
-exports.DialogContext = DialogContext;
-exports.useNestedDialog = useNestedDialog;

package/dist/components/overlay/Dialog/index.d.ts

@@ -1 +0,0 @@
-export { Dialog, type DialogProps } from './Dialog';

package/dist/components/overlay/Popover/Popover.cjs

@@ -1,106 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const react = require("react");
-const useClickOutside = require("../../../hooks/useClickOutside/useClickOutside.cjs");
-const popoverUtils = require("./popover-utils.cjs");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const useKeyboard = require("../../../hooks/useKeyboard/useKeyboard.cjs");
-const useIsomorphicLayoutEffect = require("../../../hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs");
-const Box = require("../../layout/Box/Box.cjs");
-const Popover = ({
-  anchorElement,
-  children,
-  className,
-  onRequestClose,
-  open,
-  position = "top",
-  sticky,
-  style,
-  ...restProps
-}) => {
-  const popoverRef = react.useRef(null);
-  const [popoverPosition, setPopoverPosition] = react.useState({ x: 0, y: 0 });
-  const [visible, setVisible] = react.useState(open);
-  const popoverClassName = useComponentStyles.useComponentStyles("popover", { base: true }, false);
-  useKeyboard.useKeyboard("Escape", onRequestClose, { enabled: open });
-  useClickOutside.useClickOutside(popoverRef, onRequestClose, { enabled: open });
-  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-    var _a;
-    const element = popoverRef.current;
-    if (open && visible) {
-      if (!element || typeof element.showPopover !== "function") {
-        console.warn(
-          "Popover: showPopover method is not available on the element."
-        );
-        return;
-      }
-      element.showPopover();
-      const [x, y] = popoverUtils.getPopoverPosition(position, anchorElement, popoverRef);
-      setPopoverPosition({ x, y });
-    } else if (open) {
-      setVisible(true);
-    } else {
-      if (!blocksCore.hasAnimationDuration(popoverRef.current)) {
-        setVisible(false);
-      }
-      (_a = popoverRef.current) == null ? void 0 : _a.hidePopover();
-    }
-  }, [open, visible]);
-  react.useEffect(() => {
-    if (open) {
-      const [x, y] = popoverUtils.getPopoverPosition(position, anchorElement, popoverRef);
-      setPopoverPosition({ x, y });
-    }
-  }, [open, anchorElement, position]);
-  react.useEffect(() => {
-    if (!open || !sticky) {
-      return;
-    }
-    function updatePopoverPosition() {
-      const [x, y] = popoverUtils.getPopoverPosition(position, anchorElement, popoverRef);
-      setPopoverPosition((prev) => {
-        if (prev.x === x && prev.y === y) {
-          return prev;
-        }
-        return { x, y };
-      });
-    }
-    window.addEventListener("resize", updatePopoverPosition);
-    window.addEventListener("scroll", updatePopoverPosition);
-    return () => {
-      window.removeEventListener("resize", updatePopoverPosition);
-      window.removeEventListener("scroll", updatePopoverPosition);
-    };
-  }, [position, anchorElement, open, sticky]);
-  const onAnimationEnd = react.useCallback(() => {
-    if (!open) {
-      setVisible(false);
-    }
-  }, [open]);
-  if (!visible) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Box.Box,
-    {
-      ref: popoverRef,
-      "data-open": open ? "" : void 0,
-      popover: "manual",
-      className: blocksCore.classnames(popoverClassName, className),
-      position: "absolute",
-      onAnimationEnd,
-      onTransitionEnd: onAnimationEnd,
-      style: {
-        ...style,
-        left: popoverPosition.x,
-        top: popoverPosition.y
-      },
-      ...restProps,
-      children
-    }
-  );
-};
-exports.Popover = Popover;

package/dist/components/overlay/Popover/index.d.ts

@@ -1 +0,0 @@
-export { Popover, type PopoverProps } from './Popover';

package/dist/components/overlay/Popover/popover-utils.cjs

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const blocksCore = require("@blockle/blocks-core");
-function getPopoverPosition(position, anchorRef, popoverRef) {
-  if (!anchorRef.current || !popoverRef.current) {
-    return [0, 0];
-  }
-  const anchorRect = anchorRef.current.getBoundingClientRect();
-  const popoverRect = popoverRef.current.getBoundingClientRect();
-  const popoverStyles = getComputedStyle(popoverRef.current);
-  const [popoverWidth, popoverHeight] = blocksCore.getOriginalElementSize(
-    popoverStyles,
-    popoverRect.width,
-    popoverRect.height
-  );
-  const marginTop = blocksCore.cssValueToNumber(
-    popoverStyles.getPropertyValue("margin-top")
-  );
-  const marginRight = blocksCore.cssValueToNumber(
-    popoverStyles.getPropertyValue("margin-right")
-  );
-  const marginBottom = blocksCore.cssValueToNumber(
-    popoverStyles.getPropertyValue("margin-bottom")
-  );
-  const marginLeft = blocksCore.cssValueToNumber(
-    popoverStyles.getPropertyValue("margin-left")
-  );
-  const marginY = marginTop + marginBottom;
-  const marginX = marginRight + marginLeft;
-  const docHeight = document.documentElement.clientHeight;
-  const docWidth = document.documentElement.clientWidth;
-  const docScrollTop = document.documentElement.scrollTop;
-  const docScrollLeft = document.documentElement.scrollLeft;
-  const anchorLeft = anchorRect.left + docScrollLeft;
-  const anchorTop = anchorRect.top + docScrollTop;
-  const topPosition = anchorRect.top - (popoverHeight + marginTop);
-  const rightPosition = anchorRect.left + anchorRect.width + popoverWidth;
-  const bottomPosition = anchorRect.top + anchorRect.height + popoverHeight;
-  const leftPosition = anchorRect.left - popoverWidth;
-  const offsetX = anchorLeft - marginLeft - (popoverWidth - anchorRect.width) / 2;
-  const offsetY = anchorTop - marginTop - (popoverHeight - anchorRect.height) / 2;
-  switch (position) {
-    case "top": {
-      return topPosition > 0 ? [offsetX, anchorTop - popoverHeight - marginY] : [offsetX, anchorTop + anchorRect.height];
-    }
-    case "bottom": {
-      return bottomPosition < docHeight || topPosition < 0 ? [offsetX, anchorTop + anchorRect.height] : [offsetX, anchorTop - popoverHeight - marginY];
-    }
-    case "left": {
-      return leftPosition > docWidth || leftPosition > 0 ? [anchorLeft - popoverWidth - marginX, offsetY] : [anchorLeft + anchorRect.width, offsetY];
-    }
-    case "right": {
-      return rightPosition < docWidth || leftPosition < 0 ? [anchorLeft + anchorRect.width, offsetY] : [anchorLeft - popoverWidth - marginX, offsetY];
-    }
-  }
-}
-exports.getPopoverPosition = getPopoverPosition;

package/dist/components/overlay/Portal/Portal.cjs

@@ -1,15 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactDom = require("react-dom");
-const useTheme = require("../../../hooks/useTheme/useTheme.cjs");
-const BlocksProvider = require("../../providers/BlocksProvider/BlocksProvider.cjs");
-const Portal = ({ children, container }) => {
-  const context = useTheme.useTheme();
-  return reactDom.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsx(BlocksProvider.BlocksProvider, { theme: context, children }),
-    container || document.body
-  );
-};
-exports.Portal = Portal;

package/dist/components/overlay/Portal/index.d.ts

@@ -1 +0,0 @@
-export { Portal, type PortalProps } from './Portal';