@bolio-ui/core 2.0.0-alpha.1 → 3.0.0-alpha.0

package/esm/chunk-TWIOSRRP.js

@@ -0,0 +1,294 @@
+import {
+  Link_default
+} from "./chunk-WEYAL53O.js";
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import {
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/Image/Image.tsx
+import React2, {
+  useEffect,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+
+// core/Image/ImageSkeleton.tsx
+import React from "react";
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Image/ImageSkeleton.module.css.bolio-css-module-source
+var ImageSkeleton_module_css_default = { "skeleton": "ImageSkeleton-module_skeleton__uWwK-", "imageSkeletonLoading": "ImageSkeleton-module_imageSkeletonLoading__aeTB6" };
+
+// core/Image/ImageSkeleton.tsx
+import { jsx } from "react/jsx-runtime";
+var ImageSkeleton = React.memo(
+  ({ opacity = 0.5, ...props }) => {
+    const theme = use_theme_default();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...props,
+        className: ImageSkeleton_module_css_default.skeleton,
+        style: {
+          backgroundImage: `linear-gradient(270deg, ${theme.palette.accents_1}, ${theme.palette.accents_2}, ${theme.palette.accents_2}, ${theme.palette.accents_1})`,
+          opacity
+        }
+      }
+    );
+  }
+);
+ImageSkeleton.displayName = "BolioUIImageSkeleton";
+var ImageSkeleton_default = ImageSkeleton;
+
+// core/Image/helpers.ts
+var transformDataSource = (src) => {
+  const left = `${src}`.slice(0, 4);
+  if (encodeURIComponent(left) === "%3Csvg") {
+    return `data:image/svg+xml;utf8,${src}`;
+  }
+  return src;
+};
+var getHostFromUrl = (url) => {
+  try {
+    return new URL(url).host;
+  } catch {
+    return url;
+  }
+};
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Image/Image.module.css.bolio-css-module-source
+var Image_module_css_default = { "image": "Image-module_image__3xahg", "img": "Image-module_img__58sZo" };
+
+// core/Image/Image.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var ImageComponent = React2.forwardRef(
+  ({
+    src,
+    disableSkeleton = false,
+    className = "",
+    maxDelay = 3e3,
+    style,
+    ...props
+  }, ref) => {
+    const { SCALES, getScaleProps } = use_scale_default();
+    const width = getScaleProps(["width", "w"]);
+    const height = getScaleProps(["height", "h"]);
+    const showAnimation = !disableSkeleton && width && height;
+    const theme = use_theme_default();
+    const [loading, setLoading] = useState(true);
+    const [showSkeleton, setShowSkeleton] = useState(true);
+    const imageRef = useRef(null);
+    useImperativeHandle(ref, () => imageRef.current);
+    const url = useMemo(() => transformDataSource(src), [src]);
+    const imageLoaded = () => {
+      if (!showAnimation) return;
+      setLoading(false);
+    };
+    useEffect(() => {
+      if (!showAnimation) return;
+      if (!imageRef.current) return;
+      if (imageRef.current.complete) {
+        setLoading(false);
+        setShowSkeleton(false);
+      }
+    }, [showAnimation]);
+    useEffect(() => {
+      const timer = setTimeout(() => {
+        if (showAnimation) {
+          setShowSkeleton(false);
+        }
+        clearTimeout(timer);
+      }, maxDelay);
+      return () => clearTimeout(timer);
+    }, [loading, maxDelay, showAnimation]);
+    const imageStyle = {
+      borderRadius: theme.layout.radius,
+      width: SCALES.width(1, "auto"),
+      height: SCALES.height(1, "auto"),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0, "auto")} ${SCALES.mb(0)} ${SCALES.ml(0, "auto")}`,
+      padding: `${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)}`
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: use_classes_default("image", Image_module_css_default.image, className),
+        style: imageStyle,
+        children: [
+          showSkeleton && showAnimation && /* @__PURE__ */ jsx2(ImageSkeleton_default, { opacity: loading ? 1 : 0 }),
+          /* @__PURE__ */ jsx2(
+            "img",
+            {
+              ref: imageRef,
+              onLoad: imageLoaded,
+              src: url,
+              ...props,
+              className: Image_module_css_default.img,
+              style: {
+                width: SCALES.width(1, "auto"),
+                height: SCALES.height(1, "auto"),
+                ...style
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ImageComponent.displayName = "BolioUIImage";
+var Image = with_scale_default(ImageComponent);
+var Image_default = Image;
+
+// core/Image/ImageBrowser.tsx
+import React4, { useMemo as useMemo2 } from "react";
+
+// core/Image/ImageBrowserHttpsIcon.tsx
+import React3 from "react";
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Image/ImageBrowserHttpsIcon.module.css.bolio-css-module-source
+var ImageBrowserHttpsIcon_module_css_default = { "svg": "ImageBrowserHttpsIcon-module_svg__xiI3S" };
+
+// core/Image/ImageBrowserHttpsIcon.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var ImageBrowserHttpsIcon = () => {
+  return /* @__PURE__ */ jsxs2("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: ImageBrowserHttpsIcon_module_css_default.svg, children: [
+    /* @__PURE__ */ jsx3("path", { d: "M5 10.2H19V21H5V10.2Z" }),
+    /* @__PURE__ */ jsx3(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z"
+      }
+    )
+  ] });
+};
+var MemoImageBrowserHttpsIcon = React3.memo(ImageBrowserHttpsIcon);
+var ImageBrowserHttpsIcon_default = MemoImageBrowserHttpsIcon;
+
+// core/Image/styles.ts
+var getBrowserColors = (invert, palette) => {
+  return invert ? {
+    color: palette.background,
+    barBgColor: palette.foreground,
+    inputBgColor: palette.accents_8,
+    borderColor: palette.accents_7,
+    titleColor: palette.accents_2
+  } : {
+    color: palette.foreground,
+    barBgColor: palette.background,
+    inputBgColor: palette.accents_1,
+    borderColor: palette.border,
+    titleColor: palette.accents_5
+  };
+};
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Image/ImageBrowser.module.css.bolio-css-module-source
+var ImageBrowser_module_css_default = { "title": "ImageBrowser-module_title__8yGWk", "addressInput": "ImageBrowser-module_addressInput__-pEyG", "https": "ImageBrowser-module_https__VUC-O", "browser": "ImageBrowser-module_browser__NNWlY", "header": "ImageBrowser-module_header__FofmO", "traffic": "ImageBrowser-module_traffic__UvQ3C", "close": "ImageBrowser-module_close__180FZ", "mini": "ImageBrowser-module_mini__-SI50", "full": "ImageBrowser-module_full__2ZmLk" };
+
+// core/Image/ImageBrowser.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var getTitle = (title, colors) => /* @__PURE__ */ jsx4("div", { className: ImageBrowser_module_css_default.title, style: { color: colors.titleColor }, children: title });
+var getAddressInput = (url, showFullLink, colors, anchorProps) => /* @__PURE__ */ jsxs3(
+  "div",
+  {
+    className: ImageBrowser_module_css_default.addressInput,
+    style: { backgroundColor: colors.inputBgColor },
+    children: [
+      /* @__PURE__ */ jsx4("span", { className: ImageBrowser_module_css_default.https, children: /* @__PURE__ */ jsx4(ImageBrowserHttpsIcon_default, {}) }),
+      /* @__PURE__ */ jsx4(Link_default, { href: url, title: url, target: "_blank", ...anchorProps, children: showFullLink ? url : getHostFromUrl(url) })
+    ]
+  }
+);
+var ImageBrowserComponent = React4.forwardRef(
+  ({
+    url,
+    title,
+    children,
+    showFullLink = false,
+    invert = false,
+    anchorProps = {},
+    className = "",
+    style,
+    ...props
+  }, ref) => {
+    const theme = use_theme_default();
+    const { SCALES } = use_scale_default();
+    const colors = useMemo2(
+      () => getBrowserColors(invert, theme.palette),
+      [invert, theme.palette]
+    );
+    const input = useMemo2(() => {
+      if (url) return getAddressInput(url, showFullLink, colors, anchorProps);
+      if (title) return getTitle(title, colors);
+      return null;
+    }, [url, showFullLink, title, colors, anchorProps]);
+    const browserStyle = {
+      boxShadow: theme.expressiveness.shadowLarge,
+      borderRadius: theme.layout.radius,
+      fontSize: SCALES.font(1),
+      width: SCALES.width(1, "max-content"),
+      height: SCALES.height(1, "auto"),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0, "auto")} ${SCALES.mb(0)} ${SCALES.ml(0, "auto")}`,
+      padding: `${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)}`,
+      ...style
+    };
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        className: use_classes_default(ImageBrowser_module_css_default.browser, className),
+        ref,
+        ...props,
+        style: browserStyle,
+        children: [
+          /* @__PURE__ */ jsxs3(
+            "header",
+            {
+              className: ImageBrowser_module_css_default.header,
+              style: {
+                color: colors.color,
+                backgroundColor: colors.barBgColor,
+                borderBottom: `1px solid ${colors.borderColor}`
+              },
+              children: [
+                /* @__PURE__ */ jsxs3(
+                  "div",
+                  {
+                    className: ImageBrowser_module_css_default.traffic,
+                    style: { left: theme.layout.gapHalf },
+                    children: [
+                      /* @__PURE__ */ jsx4("span", { className: ImageBrowser_module_css_default.close }),
+                      /* @__PURE__ */ jsx4("span", { className: ImageBrowser_module_css_default.mini }),
+                      /* @__PURE__ */ jsx4("span", { className: ImageBrowser_module_css_default.full })
+                    ]
+                  }
+                ),
+                input
+              ]
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+);
+ImageBrowserComponent.displayName = "BolioUIImageBrowser";
+var ImageBrowser = with_scale_default(ImageBrowserComponent);
+var ImageBrowser_default = ImageBrowser;
+
+// core/Image/index.ts
+Image_default.Browser = ImageBrowser_default;
+var Image_default2 = Image_default;
+
+export {
+  Image_default2 as Image_default
+};

package/esm/chunk-TZ7TOEP3.js

@@ -0,0 +1,54 @@
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import {
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/Spinner/Spinner.tsx
+import React from "react";
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Spinner/Spinner.module.css.bolio-css-module-source
+var Spinner_module_css_default = { "spinner": "Spinner-module_spinner__6Plyb", "container": "Spinner-module_container__MSmM6", "spinnerSpin": "Spinner-module_spinnerSpin__o1ssr" };
+
+// core/Spinner/Spinner.tsx
+import { jsx } from "react/jsx-runtime";
+var SpinnerComponent = React.forwardRef(({ className = "", style, ...props }, ref) => {
+  const theme = use_theme_default();
+  const { SCALES } = use_scale_default();
+  const classes = use_classes_default(Spinner_module_css_default.spinner, className);
+  const spinnerStyle = {
+    width: SCALES.width(1.25),
+    height: SCALES.height(1.25),
+    padding: `${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)}`,
+    margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+    "--spinner-color": theme.palette.foreground,
+    "--spinner-radius": theme.layout.radius,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "status",
+      className: classes,
+      ...props,
+      style: spinnerStyle,
+      children: /* @__PURE__ */ jsx("div", { className: Spinner_module_css_default.container, children: [...new Array(12)].map((_, index) => /* @__PURE__ */ jsx("span", {}, `spinner-${index}`)) })
+    }
+  );
+});
+SpinnerComponent.displayName = "BolioUISpinner";
+var Spinner = with_scale_default(SpinnerComponent);
+var Spinner_default = Spinner;
+
+// core/Spinner/index.ts
+var Spinner_default2 = Spinner_default;
+
+export {
+  Spinner_default2 as Spinner_default
+};

package/esm/chunk-UF4IKEU2.js

@@ -0,0 +1,17 @@
+// core/utils/calculations.ts
+import { useMemo } from "react";
+var getProportions = (value, max, maxFixed = 2) => {
+  const val = value / max;
+  const couldBeDecimalValue = (Number.isNaN(val) ? 0 : val) * 100;
+  if (couldBeDecimalValue > 100) return 100;
+  if (couldBeDecimalValue < 0) return 0;
+  if (!`${couldBeDecimalValue}`.includes(".")) return couldBeDecimalValue;
+  const decimal = `${couldBeDecimalValue}`.split(".")[1];
+  if (decimal.length < maxFixed) return couldBeDecimalValue;
+  return +couldBeDecimalValue.toFixed(maxFixed);
+};
+var useProportions = (value, max, maxFixed = 2) => useMemo(() => getProportions(value, max, maxFixed), [value, max, maxFixed]);
+
+export {
+  useProportions
+};

package/esm/chunk-UOGCO6CV.js

@@ -0,0 +1,43 @@
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+
+// core/Input/InputBlockLabel.tsx
+import React from "react";
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Input/InputBlockLabel.module.css.bolio-css-module-source
+var InputBlockLabel_module_css_default = { "label": "InputBlockLabel-module_label__uTays" };
+
+// core/Input/InputBlockLabel.tsx
+import { jsx } from "react/jsx-runtime";
+function InputBlockLabelComponent({
+  children,
+  error,
+  id,
+  htmlFor
+}) {
+  const theme = use_theme_default();
+  const labelStyle = {
+    color: error ? theme.palette.error : theme.palette.accents_6,
+    marginBottom: error ? 0 : "0.5em",
+    marginTop: error ? "0.2em" : 0,
+    fontSize: error ? "0.775rem" : "1em"
+  };
+  return /* @__PURE__ */ jsx(
+    "label",
+    {
+      id,
+      htmlFor,
+      className: InputBlockLabel_module_css_default.label,
+      style: labelStyle,
+      children
+    }
+  );
+}
+InputBlockLabelComponent.displayName = "BolioUIInputBlockLabel";
+var InputBlockLabel = React.memo(InputBlockLabelComponent);
+var InputBlockLabel_default = InputBlockLabel;
+
+export {
+  InputBlockLabel_default
+};

package/esm/chunk-UVVBMWR4.js

@@ -0,0 +1,137 @@
+import {
+  getRefRect
+} from "./chunk-DSX6YDJM.js";
+import {
+  use_click_anywhere_default
+} from "./chunk-V57PNXMD.js";
+import {
+  use_resize_default
+} from "./chunk-JJFOGZ6V.js";
+import {
+  log_warning_default
+} from "./chunk-AXYDJGTN.js";
+import {
+  css_transition_default
+} from "./chunk-LDTDMDE6.js";
+import {
+  use_portal_default
+} from "./chunk-BXDUHMWS.js";
+import {
+  use_latest_default
+} from "./chunk-ZRORQ2WH.js";
+
+// core/Shared/dropdown.tsx
+import React, { useEffect as useEffect2, useState } from "react";
+import { createPortal } from "react-dom";
+
+// core/utils/use-dom-observer.ts
+import { useEffect } from "react";
+var config = { attributes: false, childList: true, subtree: true };
+var useDOMObserver = (ref, callback = () => {
+}) => {
+  const latest = use_latest_default(callback);
+  useEffect(() => {
+    if (!ref || !ref.current) return;
+    let unmount = false;
+    const done = (...params) => {
+      if (unmount) return;
+      latest.current(...params);
+    };
+    const observer = new MutationObserver(done);
+    observer.observe(ref.current, config);
+    return () => {
+      unmount = true;
+      observer.disconnect();
+    };
+  }, [ref, latest]);
+};
+var use_dom_observer_default = useDOMObserver;
+
+// core/Shared/dropdown.tsx
+import { jsx } from "react/jsx-runtime";
+var defaultRect = {
+  top: -1e3,
+  left: -1e3,
+  right: -1e3,
+  width: 0
+};
+var Dropdown = React.memo(
+  ({ children, parent, visible, disableMatchWidth, getPopupContainer }) => {
+    const el = use_portal_default("dropdown", getPopupContainer);
+    const [rect, setRect] = useState(defaultRect);
+    if (parent && process.env.NODE_ENV !== "production") {
+      if (getPopupContainer && getPopupContainer()) {
+        const el2 = getPopupContainer();
+        const style = window.getComputedStyle(el2);
+        if (style.position === "static") {
+          log_warning_default(
+            'The element specified by "getPopupContainer" must have "position" set.'
+          );
+        }
+      }
+    }
+    const updateRect = () => {
+      if (!parent) return;
+      const {
+        top,
+        left,
+        right,
+        width: nativeWidth
+      } = getRefRect(parent, getPopupContainer);
+      setRect({ top, left, right, width: nativeWidth });
+    };
+    use_resize_default(updateRect);
+    use_click_anywhere_default(() => {
+      const { top, left } = getRefRect(parent, getPopupContainer);
+      const shouldUpdatePosition = top !== rect.top || left !== rect.left;
+      if (!shouldUpdatePosition) return;
+      updateRect();
+    });
+    use_dom_observer_default(parent, () => {
+      updateRect();
+    });
+    const latestUpdate = use_latest_default(updateRect);
+    useEffect2(() => {
+      const element = parent && parent.current;
+      if (!element) return;
+      const listener = () => latestUpdate.current();
+      element.addEventListener("mouseenter", listener);
+      return () => element.removeEventListener("mouseenter", listener);
+    }, [parent, latestUpdate]);
+    const clickHandler = (event) => {
+      event.stopPropagation();
+      event.nativeEvent.stopImmediatePropagation();
+      event.preventDefault();
+    };
+    const mouseDownHandler = (event) => {
+      event.preventDefault();
+    };
+    if (!parent || !el) return null;
+    const dropdownStyle = {
+      position: "absolute",
+      top: rect.top + 2,
+      left: rect.left,
+      zIndex: 1100,
+      ...disableMatchWidth ? { minWidth: rect.width } : { width: rect.width }
+    };
+    return createPortal(
+      /* @__PURE__ */ jsx(css_transition_default, { visible, children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "",
+          onClick: clickHandler,
+          onMouseDown: mouseDownHandler,
+          style: dropdownStyle,
+          children
+        }
+      ) }),
+      el
+    );
+  }
+);
+Dropdown.displayName = "BolioUIDropdown";
+var dropdown_default = Dropdown;
+
+export {
+  dropdown_default
+};

package/esm/chunk-UX2B3G6U.js

@@ -0,0 +1,106 @@
+// core/utils/collections.ts
+import React from "react";
+var getId = () => {
+  return Math.random().toString(32).slice(2, 10);
+};
+var hasChild = (children, child) => {
+  const types = React.Children.map(children, (item) => {
+    if (!React.isValidElement(item)) return null;
+    return item.type;
+  });
+  return (types || []).includes(child);
+};
+var pickChild = (children, targetChild) => {
+  const target = [];
+  const withoutTargetChildren = React.Children.map(children, (item) => {
+    if (!React.isValidElement(item)) return item;
+    if (item.type === targetChild) {
+      target.push(item);
+      return null;
+    }
+    return item;
+  });
+  const targetChildren = target.length >= 0 ? target : void 0;
+  return [withoutTargetChildren, targetChildren];
+};
+var pickChildByProps = (children, key, value) => {
+  const target = [];
+  const isArray = Array.isArray(value);
+  const withoutPropChildren = React.Children.map(children, (item) => {
+    if (!React.isValidElement(item)) return null;
+    if (!item.props) return item;
+    if (isArray) {
+      if (value.includes(item.props[key])) {
+        target.push(item);
+        return null;
+      }
+      return item;
+    }
+    if (item.props[key] === value) {
+      target.push(item);
+      return null;
+    }
+    return item;
+  });
+  const targetChildren = target.length >= 0 ? target : void 0;
+  return [withoutPropChildren, targetChildren];
+};
+var setChildrenIndex = (children, targetComponents = []) => {
+  if (React.Children.count(children) === 0) return [];
+  const allowAll = targetComponents.length === 0;
+  const clone = (child, props = {}) => React.cloneElement(child, props);
+  let index = 0;
+  return React.Children.map(children, (item) => {
+    if (!React.isValidElement(item)) return item;
+    index = index + 1;
+    if (allowAll) return clone(item, { index });
+    const isAllowed = targetComponents.find((child) => child === item.type);
+    if (isAllowed) return clone(item, { index });
+    index = index - 1;
+    return item;
+  });
+};
+var getReactNode = (node) => {
+  if (!node) return null;
+  if (typeof node !== "function") return node;
+  return node();
+};
+var isChildElement = (parent, child) => {
+  if (!parent || !child) return false;
+  let node = child;
+  while (node) {
+    if (node === parent) return true;
+    node = node.parentNode;
+  }
+  return false;
+};
+var isBolioUIElement = (el) => {
+  if (!el) return false;
+  if ((el == null ? void 0 : el.dataset) && (el == null ? void 0 : el.dataset["bolio-ui"])) return true;
+  el.attributes.getNamedItem("data-bolio-ui");
+  return !!el.attributes.getNamedItem("data-bolio-ui");
+};
+var isBrowser = () => {
+  return Boolean(
+    typeof window !== "undefined" && window.document && window.document.createElement
+  );
+};
+var isMac = () => {
+  if (!isBrowser()) return false;
+  return navigator.platform.toUpperCase().indexOf("MAC") >= 0;
+};
+var isCSSNumberValue = (value) => value !== void 0 && !Number.isNaN(+value);
+
+export {
+  getId,
+  hasChild,
+  pickChild,
+  pickChildByProps,
+  setChildrenIndex,
+  getReactNode,
+  isChildElement,
+  isBolioUIElement,
+  isBrowser,
+  isMac,
+  isCSSNumberValue
+};

package/esm/chunk-V57PNXMD.js

@@ -0,0 +1,14 @@
+// core/utils/use-click-anywhere.ts
+import { useEffect } from "react";
+var useClickAnyWhere = (handler) => {
+  useEffect(() => {
+    const callback = (event) => handler(event);
+    document.addEventListener("click", callback);
+    return () => document.removeEventListener("click", callback);
+  }, [handler]);
+};
+var use_click_anywhere_default = useClickAnyWhere;
+
+export {
+  use_click_anywhere_default
+};

package/esm/chunk-V5I4ORQQ.js

@@ -0,0 +1,10 @@
+import {
+  useTheme
+} from "./chunk-FEA5BJ35.js";
+
+// core/use-theme/index.ts
+var use_theme_default = useTheme;
+
+export {
+  use_theme_default
+};