@blockle/blocks-react 1.1.2 → 1.3.0

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';

package/dist/components/overlay/Tooltip/Tooltip.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 useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const Popover = require("../Popover/Popover.cjs");
-const Tooltip = ({
-  position = "top",
-  children,
-  content,
-  colorScheme
-}) => {
-  const id = react.useId();
-  const ref = react.useRef(null);
-  const [open, setOpen] = react.useState(false);
-  const tooltipClassName = useComponentStyles.useComponentStyles("tooltip", {
-    base: true,
-    variants: { colorScheme }
-  });
-  react.useEffect(() => {
-    const element = ref.current;
-    if (!element) {
-      return;
-    }
-    function onEnter() {
-      setOpen(true);
-    }
-    function onLeave() {
-      setOpen(false);
-    }
-    element.addEventListener("mouseenter", onEnter);
-    element.addEventListener("mouseleave", onLeave);
-    element.addEventListener("focusin", onEnter);
-    element.addEventListener("focusout", onLeave);
-    return () => {
-      element.removeEventListener("mouseenter", onEnter);
-      element.removeEventListener("mouseleave", onLeave);
-      element.removeEventListener("focusin", onEnter);
-      element.removeEventListener("focusout", onLeave);
-    };
-  }, []);
-  if (react.Children.count(children) !== 1) {
-    throw new Error("Tooltip component can only have one child");
-  }
-  const child = react.Children.toArray(children)[0];
-  if (!react.isValidElement(child)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    react.cloneElement(child, {
-      ref: blocksCore.composeRefs(ref, child.ref),
-      "aria-describedby": open ? id : void 0
-    }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Popover.Popover,
-      {
-        id,
-        role: "tooltip",
-        anchorElement: ref,
-        open,
-        onRequestClose: () => {
-          setOpen(false);
-        },
-        position,
-        className: tooltipClassName,
-        children: content
-      }
-    )
-  ] });
-};
-exports.Tooltip = Tooltip;

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

@@ -1 +0,0 @@
-export { Tooltip, type TooltipProps } from './Tooltip';

package/dist/components/providers/BlocksProvider/BlocksProvider.cjs

@@ -1,35 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const blocksCore = require("@blockle/blocks-core");
-const blocksReactSlot = require("@blockle/blocks-react-slot");
-const context = require("./context.cjs");
-const [Template, Slot] = blocksReactSlot.createSlottable("div");
-const BlocksProvider = ({
-  children,
-  theme,
-  className,
-  ...restProps
-}) => {
-  const contextValue = react.useMemo(
-    () => ({
-      theme
-    }),
-    [theme]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(context.BlocksProviderContext, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Template,
-    {
-      className: blocksCore.classnames(
-        theme.vars,
-        blocksCore.atoms({ fontFamily: "primary" }),
-        className
-      ),
-      ...restProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Slot, { children })
-    }
-  ) });
-};
-exports.BlocksProvider = BlocksProvider;

package/dist/components/providers/BlocksProvider/context.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const BlocksProviderContext = react.createContext(null);
-exports.BlocksProviderContext = BlocksProviderContext;

package/dist/components/providers/BlocksProvider/index.d.ts

@@ -1,2 +0,0 @@
-export { BlocksProvider } from './BlocksProvider';
-export type { BlocksProviderProps } from './BlocksProvider';

package/dist/components/typography/Heading/Heading.cjs

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const heading_css = require("./heading.css.cjs");
-const Box = require("../../layout/Box/Box.cjs");
-const Heading = ({
-  className,
-  level = 1,
-  children,
-  ...restProps
-}) => {
-  const Tag = `h${level}`;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Box.Box,
-    {
-      asChild: true,
-      className: blocksCore.classnames(heading_css.heading, className),
-      ...restProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Tag, { children })
-    }
-  );
-};
-exports.Heading = Heading;

package/dist/components/typography/Heading/heading.css.cjs

@@ -1,16 +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/typography/Heading/heading.css.ts", "@blockle/blocks-react");
-const heading = css.style({
-  "@layer": {
-    [blocksCore.blocksLayerComponent]: {
-      margin: 0,
-      padding: 0
-    }
-  }
-});
-fileScope.endFileScope();
-exports.heading = heading;

package/dist/components/typography/Heading/index.d.ts

@@ -1 +0,0 @@
-export { Heading, type HeadingProps } from './Heading';

package/dist/components/typography/Text/Text.cjs

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const text_css = require("./text.css.cjs");
-const Box = require("../../layout/Box/Box.cjs");
-const Text = ({
-  asChild,
-  children,
-  className,
-  ref,
-  tag,
-  ...restProps
-}) => {
-  const Component = tag ?? "span";
-  return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { asChild: true, className: blocksCore.classnames(text_css.text, className), ...restProps, children: asChild ? children : (
-    // biome-ignore lint/suspicious/noExplicitAny: Safe to assert ref as React.RefObject<any>
-    /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, children })
-  ) });
-};
-exports.Text = Text;

package/dist/components/typography/Text/index.d.ts

@@ -1 +0,0 @@
-export { Text, type TextProps } from './Text';

package/dist/components/typography/Text/text.css.cjs

@@ -1,16 +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/typography/Text/text.css.ts", "@blockle/blocks-react");
-const text = css.style({
-  "@layer": {
-    [blocksCore.blocksLayerComponent]: {
-      margin: 0,
-      padding: 0
-    }
-  }
-});
-fileScope.endFileScope();
-exports.text = text;

package/dist/hooks/useClickOutside/useClickOutside.cjs

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const useClickOutside = (ref, onClickOutside, { enabled = true } = {}) => {
-  react.useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const listener = (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        onClickOutside();
-      }
-    };
-    const rafId = requestAnimationFrame(() => {
-      document.addEventListener("click", listener);
-    });
-    return () => {
-      cancelAnimationFrame(rafId);
-      document.removeEventListener("click", listener);
-    };
-  }, [ref, onClickOutside, enabled]);
-};
-exports.useClickOutside = useClickOutside;

package/dist/hooks/useComponentStyles/index.d.ts

@@ -1,2 +0,0 @@
-export { useComponentStyles } from './useComponentStyles';
-export { useComponentStyleDefaultProps } from './useComponentStyleDefaultProps';

package/dist/hooks/useComponentStyles/useComponentStyleDefaultProps.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useTheme = require("../useTheme/useTheme.cjs");
-const useComponentStyleDefaultProps = (name) => {
-  const { components } = useTheme.useTheme();
-  const component = components[name];
-  if (!component) {
-    return {};
-  }
-  return component.defaultVariants ?? {};
-};
-exports.useComponentStyleDefaultProps = useComponentStyleDefaultProps;

package/dist/hooks/useComponentStyles/useComponentStyles.cjs

@@ -1,74 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useTheme = require("../useTheme/useTheme.cjs");
-function useComponentStyles(name, props, useDefaultVariants = true) {
-  const { components } = useTheme.useTheme();
-  const component = components[name];
-  if (!component) {
-    console.warn(`Component ${name} is not defined in the theme`);
-    return "";
-  }
-  const classNames = [];
-  const variants = props.variants ?? {};
-  const variantsWithDefaults = { ...variants };
-  for (const key in props) {
-    const value = props[key];
-    if (typeof value === "boolean" && value) {
-      classNames.push(
-        // biome-ignore lint/suspicious/noExplicitAny: type assertion
-        component[key]
-      );
-    }
-  }
-  if (!component.variants) {
-    return classNames.join(" ");
-  }
-  const { defaultVariants } = component;
-  if (useDefaultVariants && defaultVariants) {
-    const keys2 = Object.keys(defaultVariants);
-    for (const key of keys2) {
-      if (variantsWithDefaults[key] === void 0 && defaultVariants[key]) {
-        variantsWithDefaults[key] = defaultVariants[key];
-      }
-    }
-  }
-  const keys = Object.keys(variantsWithDefaults);
-  const componentVariants = component.variants;
-  for (const key of keys) {
-    const value = variantsWithDefaults[key];
-    if (value === void 0 || componentVariants[key] === void 0) {
-      continue;
-    }
-    if (typeof value === "boolean") {
-      if (value && componentVariants[key]) {
-        classNames.push(componentVariants[key]);
-      }
-      continue;
-    }
-    const variant = componentVariants[key][value];
-    if (variant) {
-      classNames.push(variant);
-    }
-  }
-  const { compoundVariants } = component;
-  if (compoundVariants) {
-    for (const compoundVariant of compoundVariants) {
-      const keys2 = Object.keys(
-        compoundVariant.variants
-      );
-      const matches = keys2.every((key) => {
-        const value = variantsWithDefaults[key];
-        if (value === void 0) {
-          return false;
-        }
-        return value === compoundVariant.variants[key];
-      });
-      if (matches) {
-        classNames.push(compoundVariant.style);
-      }
-    }
-  }
-  return classNames.join(" ");
-}
-exports.useComponentStyles = useComponentStyles;

package/dist/hooks/useControlledValue/index.d.ts

@@ -1 +0,0 @@
-export { useControlledValue } from './useControlledValue';

package/dist/hooks/useControlledValue/useControlledValue.cjs

@@ -1,33 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-function useControlledValue({
-  defaultValue,
-  value,
-  onChange,
-  transformValue
-}) {
-  const [internValue, setInternValue] = react.useState(defaultValue);
-  const currentValue = (onChange ? value : internValue) ?? defaultValue;
-  const setValue = react.useCallback(
-    function setValue2(value2) {
-      const nextValue = transformValue ? transformValue(value2) : value2;
-      if (onChange) {
-        onChange(nextValue);
-      } else {
-        setInternValue(nextValue);
-      }
-    },
-    [onChange, transformValue]
-  );
-  if (process.env.NODE_ENV !== "production") {
-    react.useEffect(() => {
-      if (onChange && value === void 0) {
-        console.error("Slider is in controlled mode but no value is provided");
-      }
-    }, []);
-  }
-  return [currentValue, setValue];
-}
-exports.useControlledValue = useControlledValue;

package/dist/hooks/useIsomorphicLayoutEffect/index.d.ts

@@ -1 +0,0 @@
-export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';

package/dist/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs

@@ -1,6 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const useIsomorphicLayoutEffect = typeof window === "undefined" ? react.useEffect : react.useLayoutEffect;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

package/dist/hooks/useKeyboard/index.d.ts

@@ -1 +0,0 @@
-export { useKeyboard } from './useKeyboard';

package/dist/hooks/useKeyboard/useKeyboard.cjs

@@ -1,21 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const useKeyboard = (key, callback, { enabled = true, type = "keydown" } = {}) => {
-  react.useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    function handleKeyDown(event) {
-      if (event.key === key) {
-        callback(event);
-      }
-    }
-    document.addEventListener(type, handleKeyDown);
-    return () => {
-      document.removeEventListener(type, handleKeyDown);
-    };
-  }, [callback, enabled, key, type]);
-};
-exports.useKeyboard = useKeyboard;

package/dist/hooks/useLayer/index.d.ts

@@ -1 +0,0 @@
-export { useLayer } from './useLayer';

package/dist/hooks/usePreventBodyScroll/index.d.ts

@@ -1 +0,0 @@
-export { usePreventBodyScroll } from './usePreventBodyScroll';

package/dist/hooks/usePreventBodyScroll/usePreventBodyScroll.cjs

@@ -1,31 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useIsomorphicLayoutEffect = require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs");
-const usePreventBodyScroll = (enabled = true) => {
-  useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const prevOverflow = document.body.style.getPropertyValue("overflow");
-    const prevScrollTop = document.documentElement.scrollTop;
-    if (document.body.scrollHeight > window.innerHeight) {
-      document.body.style.position = "fixed";
-      document.body.style.overflow = "hidden";
-      document.body.style.overflowY = "scroll";
-      document.body.style.width = "100%";
-      document.body.style.top = `-${prevScrollTop}px`;
-    } else {
-      document.body.style.overflow = "hidden";
-    }
-    return () => {
-      document.body.style.position = "";
-      document.body.style.overflow = prevOverflow;
-      document.body.style.overflowY = "";
-      document.body.style.width = "";
-      document.body.style.top = "";
-      document.documentElement.scrollTop = prevScrollTop;
-    };
-  }, [enabled]);
-};
-exports.usePreventBodyScroll = usePreventBodyScroll;

package/dist/hooks/useRestoreFocus/index.d.ts

@@ -1 +0,0 @@
-export { useRestoreFocus } from './useRestoreFocus';

package/dist/hooks/useRestoreFocus/useRestoreFocus.cjs

@@ -1,19 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const isBrowser = typeof window !== "undefined";
-const useRestoreFocus = (active) => {
-  const target = react.useRef(null);
-  if (isBrowser && active && !target.current) {
-    target.current = document.activeElement;
-  }
-  react.useEffect(() => {
-    var _a;
-    if (target.current && !active && target.current instanceof HTMLElement) {
-      (_a = target.current) == null ? void 0 : _a.focus();
-      target.current = null;
-    }
-  }, [active]);
-};
-exports.useRestoreFocus = useRestoreFocus;

package/dist/hooks/useTheme/index.d.ts

@@ -1 +0,0 @@
-export { useTheme } from './useTheme';