@ultraviolet/ui 3.0.0-beta.25 → 3.0.0-beta.27

package/dist/components/Menu/MenuContent.cjs

@@ -1,177 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const react = require("react");
-const index = require("../Popup/index.cjs");
-const index$2 = require("../SearchInput/index.cjs");
-const index$1 = require("../Stack/index.cjs");
-const helpers = require("./helpers.cjs");
-const MenuProvider = require("./MenuProvider.cjs");
-const styles_css = require("./styles.css.cjs");
-const SPACE_DISCLOSURE_POPUP = 24;
-const Menu = react.forwardRef(({
-  id,
-  ariaLabel = "Menu",
-  children,
-  disclosure,
-  hasArrow = false,
-  placement = "bottom",
-  className,
-  "data-testid": dataTestId,
-  maxHeight,
-  portalTarget = document.body,
-  triggerMethod = "click",
-  dynamicDomRendering,
-  align,
-  searchable = false,
-  footer,
-  noShrink = false,
-  style
-}, ref) => {
-  const {
-    isVisible,
-    setIsVisible,
-    isNested,
-    disclosureRef,
-    menuRef,
-    setShouldBeVisible,
-    shouldBeVisible
-  } = MenuProvider.useMenu();
-  const searchInputRef = react.useRef(null);
-  const [localChild, setLocalChild] = react.useState(null);
-  const [popupMaxHeight, setPopupMaxHeight] = react.useState(maxHeight ?? "30rem");
-  const contentRef = react.useRef(null);
-  const tempId = react.useId();
-  const finalId = `menu-${id ?? tempId}`;
-  const target = react.isValidElement(disclosure) ? disclosure : disclosure({
-    visible: isVisible
-  });
-  const innerRef = react.useRef(target);
-  react.useImperativeHandle(ref, () => innerRef.current);
-  const finalDisclosure = react.cloneElement(target, {
-    "aria-expanded": isVisible,
-    "aria-haspopup": "dialog",
-    onClick: (event) => {
-      target.props.onClick?.(event);
-      setIsVisible(!isVisible);
-    },
-    // @ts-expect-error not sure how to fix this
-    ref: disclosureRef
-  });
-  const onSearch = react.useCallback((value) => {
-    if (typeof children === "object") {
-      setLocalChild(helpers.searchChildren(children, value));
-    }
-  }, [children]);
-  react.useEffect(() => {
-    if (isVisible && searchable) {
-      setTimeout(() => {
-        searchInputRef.current?.focus();
-      }, 50);
-    }
-  }, [isVisible, searchable]);
-  react.useEffect(() => {
-    if (disclosureRef.current && triggerMethod === "hover") {
-      const handler = (value) => {
-        setShouldBeVisible(value);
-      };
-      disclosureRef.current.addEventListener("focus", () => handler(true));
-      disclosureRef.current.addEventListener("mouseenter", () => handler(true));
-      disclosureRef.current.addEventListener("mouseleave", () => handler(false));
-      disclosureRef.current.addEventListener("keydown", (event) => {
-        if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-          handler(false);
-        }
-      });
-      return () => {
-        window.removeEventListener("focus", () => handler(void 0));
-        window.removeEventListener("mouseenter", () => handler(void 0));
-        window.removeEventListener("mouseleave", () => handler(void 0));
-        window.removeEventListener("keydown", () => handler(void 0));
-      };
-    }
-    return void 0;
-  }, [setShouldBeVisible, disclosureRef, triggerMethod]);
-  const finalChild = react.useMemo(() => {
-    if (typeof children === "function") {
-      return children({
-        toggle: () => setIsVisible(!isVisible)
-      });
-    }
-    if (searchable && localChild) {
-      return localChild;
-    }
-    return children;
-  }, [children, isVisible, localChild, searchable, setIsVisible]);
-  const handleTabOpen = (event) => {
-    if (contentRef.current) {
-      const listItem = helpers.getListItem([...contentRef.current.children]);
-      if (listItem && isVisible && ["Tab", "ArrowDown"].includes(event.key)) {
-        event?.preventDefault();
-        listItem[0]?.focus();
-      }
-    }
-  };
-  const handleKeyDown = (event) => {
-    if (contentRef.current) {
-      const listItem = helpers.getListItem([...contentRef.current.children]);
-      if (listItem) {
-        const currentElement = listItem.find((item) => item === document.activeElement);
-        if (currentElement) {
-          if (event.key === "ArrowDown") {
-            event.preventDefault();
-            const indexOfCurrent = listItem.indexOf(currentElement);
-            if (indexOfCurrent < listItem.length - 1) {
-              listItem[indexOfCurrent + 1].focus();
-            } else {
-              listItem[0].focus();
-            }
-          } else if (event.key === "ArrowUp") {
-            event.preventDefault();
-            const indexOfCurrent = listItem.indexOf(currentElement);
-            if (indexOfCurrent > 0) {
-              listItem[indexOfCurrent - 1].focus();
-            } else {
-              listItem[listItem.length - 1].focus();
-            }
-          } else if (event.key === "ArrowLeft" && triggerMethod === "hover") {
-            disclosureRef.current?.focus();
-            setShouldBeVisible(void 0);
-          }
-        }
-      }
-    }
-  };
-  react.useEffect(() => {
-    if (disclosureRef.current && placement === "bottom" && !noShrink) {
-      const disclosureRect = disclosureRef.current.getBoundingClientRect();
-      const disclosureBottom = disclosureRect.bottom;
-      const targetSize = portalTarget.getBoundingClientRect().bottom;
-      const availableSpace = targetSize - disclosureBottom - SPACE_DISCLOSURE_POPUP;
-      setPopupMaxHeight(`${availableSpace}px`);
-    }
-  }, [isVisible, portalTarget, disclosureRef, placement, noShrink]);
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Popup, { align, "aria-label": ariaLabel, className: `${className ? `${className} ` : ""}${styles_css.menu({
-    arrow: hasArrow,
-    searchable
-  })}`, debounceDelay: triggerMethod === "hover" ? 250 : 0, dynamicDomRendering, hasArrow, hideOnClickOutside: true, id: finalId, maxHeight: maxHeight ?? "fit-content", onClose: () => {
-    setIsVisible(false);
-    setLocalChild(null);
-    if (triggerMethod === "click") {
-      disclosureRef.current?.focus();
-    }
-    setShouldBeVisible(void 0);
-  }, onKeyDown: handleTabOpen, placement: isNested ? "nested-menu" : placement, portalTarget, ref: menuRef, role: "dialog", style, tabIndex: -1, text: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { className: `${className ? `${className} ` : ""}${styles_css.menuList}`, "data-testid": dataTestId, onKeyDown: handleKeyDown, onMouseEnter: () => setShouldBeVisible(true), onMouseLeave: () => setShouldBeVisible(false), role: "menu", style: dynamic.assignInlineVars({
-    [styles_css.heightMenu]: maxHeight ?? "30rem",
-    [styles_css.heightAvailableSpace]: popupMaxHeight
-  }), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { className: styles_css.menuContent, ref: contentRef, children: [
-      searchable && typeof children !== "function" ? /* @__PURE__ */ jsxRuntime.jsx(index$2.SearchInput, { className: styles_css.menuSearchInput, onSearch, ref: searchInputRef, size: "small" }) : null,
-      finalChild
-    ] }),
-    footer ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Stack, { className: styles_css.menuFooter, children: footer }) : null
-  ] }), visible: triggerMethod === "click" ? isVisible : shouldBeVisible, children: /* @__PURE__ */ jsxRuntime.jsx(MenuProvider.DisclosureContext.Provider, { value: true, children: finalDisclosure }) });
-});
-exports.Menu = Menu;

package/dist/components/Menu/MenuProvider.cjs

@@ -1,44 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const MenuContext = react.createContext(void 0);
-const useMenu = () => {
-  const context = react.useContext(MenuContext);
-  if (!context) {
-    throw new Error("useMenu must be used in MenuProvider");
-  }
-  return context;
-};
-const MenuProvider = ({
-  hideOnClickItem = false,
-  children,
-  visible = false,
-  parentDisclosureRef
-}) => {
-  const [isVisible, setIsVisible] = react.useState(visible);
-  const [shouldBeVisible, setShouldBeVisible] = react.useState(void 0);
-  const disclosureRef = react.useRef(null);
-  const menuRef = react.useRef(null);
-  const parentMenu = react.useContext(MenuContext);
-  const isNested = !!parentMenu;
-  const values = react.useMemo(() => ({
-    disclosureRef,
-    hideOnClickItem,
-    isNested,
-    isVisible,
-    menuRef,
-    parentDisclosureRef: parentDisclosureRef ?? parentMenu?.disclosureRef,
-    setIsVisible,
-    setShouldBeVisible,
-    shouldBeVisible
-  }), [hideOnClickItem, isVisible, isNested, parentDisclosureRef, parentMenu?.disclosureRef, shouldBeVisible, setShouldBeVisible]);
-  return /* @__PURE__ */ jsxRuntime.jsx(MenuContext.Provider, { value: values, children });
-};
-const DisclosureContext = react.createContext(false);
-const useDisclosureContext = () => react.useContext(DisclosureContext);
-exports.DisclosureContext = DisclosureContext;
-exports.MenuProvider = MenuProvider;
-exports.useDisclosureContext = useDisclosureContext;
-exports.useMenu = useMenu;

package/dist/components/Menu/components/Group.cjs

@@ -1,25 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const index = require("../../Stack/index.cjs");
-const index$1 = require("../../Text/index.cjs");
-const styles_css = require("../styles.css.cjs");
-const Group = ({
-  label,
-  children,
-  labelDescription,
-  emptyState,
-  style
-}) => {
-  const isChildrenEmpty = react.Children.count(children) === 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.menuGroup, style, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", direction: "row", gap: 1, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "captionStrong", children: label }),
-      labelDescription || null
-    ] }) }),
-    isChildrenEmpty && emptyState ? emptyState : children
-  ] });
-};
-exports.Group = Group;

package/dist/components/Menu/components/Item.cjs

@@ -1,97 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const react = require("react");
-const index$1 = require("../../Stack/index.cjs");
-const index = require("../../Tooltip/index.cjs");
-const helpers = require("../helpers.cjs");
-const MenuProvider = require("../MenuProvider.cjs");
-const styles_css = require("../styles.css.cjs");
-const Item = react.forwardRef(({
-  borderless = false,
-  disabled = false,
-  onClick,
-  sentiment = "neutral",
-  href,
-  target,
-  rel,
-  children,
-  tooltip,
-  active,
-  className,
-  searchText,
-  "data-testid": dataTestId,
-  style
-}, ref) => {
-  const {
-    hideOnClickItem,
-    setIsVisible,
-    isVisible,
-    menuRef,
-    isNested,
-    parentDisclosureRef,
-    disclosureRef
-  } = MenuProvider.useMenu();
-  const isDisclosure = MenuProvider.useDisclosureContext();
-  const onClickHandle = react.useCallback((event) => {
-    if (disabled) {
-      return void 0;
-    }
-    onClick?.(event);
-    if (hideOnClickItem) {
-      setIsVisible(false);
-    }
-    return void 0;
-  }, [disabled, hideOnClickItem, onClick, setIsVisible]);
-  const handleKeyDown = (event) => {
-    if (isDisclosure && ["Enter", " ", "ArrowRight"].includes(event.key)) {
-      disclosureRef?.current?.click();
-      setTimeout(() => {
-        if (menuRef.current?.children) {
-          const listItem = helpers.getListItem([...menuRef.current.children[0].children[0].children]);
-          if (listItem) {
-            const firstElementInNestedMenu = listItem[0];
-            if (firstElementInNestedMenu && ["BUTTON", "A"].includes(firstElementInNestedMenu.tagName)) {
-              firstElementInNestedMenu.focus();
-            } else if (firstElementInNestedMenu && firstElementInNestedMenu.firstChild instanceof HTMLElement) {
-              firstElementInNestedMenu.firstChild.focus();
-            }
-          }
-        }
-      }, 50);
-    } else if (event.key === "ArrowLeft" && isNested && (isDisclosure && parentDisclosureRef?.current?.dataset["isMenuItem"] || !isDisclosure) && parentDisclosureRef?.current) {
-      (isDisclosure ? parentDisclosureRef : disclosureRef).current?.click();
-    }
-  };
-  if (href && !disabled) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.menuItemContainer({
-      borderless
-    }), "data-search-text": searchText, style, children: /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("a", { className: `${className ? `${className} ` : ""}${styles_css.menuItem({
-      borderless: true,
-      disabled,
-      sentiment
-    })}`, "data-active": active, "data-is-disclosure": isDisclosure, "data-is-menu-item": true, "data-testid": dataTestId, href, onClick: onClickHandle, onKeyDown: handleKeyDown, ref, rel, role: "menuitem", target, children: isDisclosure ? /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { alignItems: "center", direction: "row", justifyContent: "space-between", width: "100%", children: [
-      children,
-      " ",
-      /* @__PURE__ */ jsxRuntime.jsx(Icon.ArrowRightIcon, {})
-    ] }) : children }) }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.menuItemContainer({
-    borderless
-  }), "data-search-text": searchText, style, children: /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: `${className ? `${className} ` : ""}${styles_css.menuItem({
-    borderless,
-    disabled,
-    sentiment
-  })}`, "data-active": active || isVisible && isDisclosure, "data-is-disclosure": isDisclosure, "data-is-menu-item": true, "data-testid": dataTestId, disabled, onClick: (event) => {
-    onClick?.(event);
-    if (hideOnClickItem) {
-      setIsVisible(false);
-    }
-  }, onKeyDown: handleKeyDown, ref, role: "menuitem", type: "button", children: isDisclosure ? /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { alignItems: "center", direction: "row", justifyContent: "space-between", width: "100%", children: [
-    children,
-    " ",
-    /* @__PURE__ */ jsxRuntime.jsx(Icon.ArrowRightIcon, {})
-  ] }) : children }) }) });
-});
-module.exports = Item;

package/dist/components/Menu/helpers.cjs

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const searchChildren = (children, searchString) => {
-  const searchRegex = new RegExp(searchString, "i");
-  const matches = react.Children.map(children, (child) => {
-    if (typeof child === "string" && child.match(searchRegex)) {
-      return child;
-    }
-    if (react.isValidElement(child)) {
-      const childProps = child.props;
-      if (childProps?.searchText?.match(searchRegex)) {
-        return react.cloneElement(child, {
-          children: childProps.children
-        });
-      }
-      if (childProps?.label) {
-        return react.cloneElement(child, {
-          children: searchChildren(childProps.children, searchString)
-        });
-      }
-      if (childProps.disclosure && typeof childProps.disclosure.props.children === "string" && childProps.disclosure.props.children.match(searchRegex)) {
-        return child;
-      }
-      const childMatches = searchChildren(childProps.children, searchString);
-      if (childMatches.length > 0) {
-        return child;
-      }
-    }
-    return null;
-  });
-  return matches ? matches.filter(Boolean) : [];
-};
-const getButtonOrLink = (element) => {
-  const tag = element?.firstElementChild?.tagName.toLowerCase();
-  if (element) {
-    if (tag === "button" && !element.firstElementChild.disabled) {
-      return element.firstElementChild;
-    }
-    if (tag === "a") {
-      return element.firstElementChild;
-    }
-  }
-  return false;
-};
-const getListItem = (listItems) => listItems.map((child) => getButtonOrLink(child) ? getButtonOrLink(child) : getButtonOrLink(child.firstElementChild)).filter((element) => typeof element !== "boolean");
-exports.getListItem = getListItem;
-exports.searchChildren = searchChildren;

package/dist/components/Menu/index.cjs

@@ -1,20 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const Group = require("./components/Group.cjs");
-const Item = require("./components/Item.cjs");
-const MenuContent = require("./MenuContent.cjs");
-const MenuProvider = require("./MenuProvider.cjs");
-const Component = react.forwardRef(({
-  children,
-  visible,
-  hideOnClickItem,
-  ...props
-}, ref) => /* @__PURE__ */ jsxRuntime.jsx(MenuProvider.MenuProvider, { hideOnClickItem, visible, children: /* @__PURE__ */ jsxRuntime.jsx(MenuContent.Menu, { ...props, ref, children }) }));
-const Menu = Object.assign(Component, {
-  Group: Group.Group,
-  Item
-});
-exports.Menu = Menu;

package/dist/components/Menu/styles.css.cjs

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var heightMenu = "var(--uv_gky3yh0)";
-var heightAvailableSpace = "var(--uv_gky3yh1)";
-var menu = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_gky3yh2", variantClassNames: { arrow: { true: "uv_gky3yh3" }, searchable: { true: "uv_gky3yh4" } }, defaultVariants: { arrow: false, searchable: false }, compoundVariants: [] });
-var menuContent = "uv_gky3yh5";
-var menuFooter = "uv_gky3yh6";
-var menuList = "uv_gky3yh7";
-var menuSearchInput = "uv_gky3yh8";
-var menuGroup = "uv_gky3yh9";
-var menuItemContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_gky3yha", variantClassNames: { borderless: { false: "uv_gky3yhb", true: "uv_gky3yhc" } }, defaultVariants: { borderless: false }, compoundVariants: [] });
-var menuItem = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_gky3yhd", variantClassNames: { borderless: { true: "uv_gky3yhe" }, disabled: { true: "uv_gky3yhf" }, sentiment: { neutral: "uv_gky3yhg", danger: "uv_gky3yhh", primary: "uv_gky3yhi" } }, defaultVariants: { borderless: false, disabled: false, sentiment: "neutral" }, compoundVariants: [[{ sentiment: "neutral", disabled: false }, "uv_gky3yhj"], [{ sentiment: "danger", disabled: false }, "uv_gky3yhk"], [{ sentiment: "primary", disabled: false }, "uv_gky3yhl"], [{ sentiment: "neutral", disabled: true }, "uv_gky3yhm"], [{ sentiment: "danger", disabled: true }, "uv_gky3yhn"], [{ sentiment: "primary", disabled: true }, "uv_gky3yho"]] });
-exports.heightAvailableSpace = heightAvailableSpace;
-exports.heightMenu = heightMenu;
-exports.menu = menu;
-exports.menuContent = menuContent;
-exports.menuFooter = menuFooter;
-exports.menuGroup = menuGroup;
-exports.menuItem = menuItem;
-exports.menuItemContainer = menuItemContainer;
-exports.menuList = menuList;
-exports.menuSearchInput = menuSearchInput;

package/dist/components/Meter/index.cjs

@@ -1,34 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const index = require("../Text/index.cjs");
-const styles_css = require("./styles.css.cjs");
-const Meter = ({
-  strength,
-  title,
-  value,
-  className,
-  "data-testid": dataTestId,
-  style,
-  id
-}) => {
-  const toValue = (value + 1) / strength.length * 100;
-  const width = `${toValue}%`;
-  const backgroundColor = strength[value]?.color ?? strength[0].color;
-  const text = strength[value]?.text ?? strength[0].text;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-labelledby": "meter-label", "aria-live": "polite", "aria-valuemax": strength.length ?? 0, "aria-valuemin": 0, "aria-valuenow": value, className, "data-testid": dataTestId, id, role: "meter", style, title, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(index.Text, { as: "p", id: "meter-label", variant: "bodySmallStrong", children: [
-      title,
-      /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", className: styles_css.strengthMeter, style: dynamic.assignInlineVars({
-        [styles_css.colorMeter]: strength[value].color
-      }), variant: "bodySmallStrong", children: text })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.wrapperMeter, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.meter, style: {
-      backgroundColor,
-      width
-    } }) })
-  ] });
-};
-exports.Meter = Meter;

package/dist/components/Meter/styles.css.cjs

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-var colorMeter = "var(--uv_1enq5vc0)";
-var strengthMeter = "uv_1enq5vc1";
-var wrapperMeter = "uv_1enq5vc2";
-var meter = "uv_1enq5vc3";
-exports.colorMeter = colorMeter;
-exports.meter = meter;
-exports.strengthMeter = strengthMeter;
-exports.wrapperMeter = wrapperMeter;

package/dist/components/Modal/ModalContent.cjs

@@ -1,39 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Icon = require("@ultraviolet/icons");
-const index = require("../Button/index.cjs");
-const Dialog = require("./components/Dialog.cjs");
-const styles_css = require("./styles.css.cjs");
-const ModalContent = ({
-  visible,
-  open,
-  placement,
-  finalSize,
-  ariaLabel,
-  hideOnClickOutside,
-  hideOnEsc,
-  preventBodyScroll,
-  handleClose,
-  className,
-  backdropClassName,
-  dataTestId,
-  isClosable,
-  children,
-  handleOpen,
-  handleToggle,
-  finalId,
-  image,
-  style
-}) => visible || open ? /* @__PURE__ */ jsxRuntime.jsx(Dialog.Dialog, { ariaLabel, backdropClassName, className, "data-testid": dataTestId, hideOnClickOutside, hideOnEsc, id: finalId, image, onClose: handleClose, open: visible || open, placement, preventBodyScroll, size: finalSize, style, children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  typeof children === "function" ? children({
-    close: handleClose,
-    modalId: finalId,
-    show: handleOpen,
-    toggle: handleToggle,
-    visible
-  }) : children,
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.modalContainer, children: isClosable ? /* @__PURE__ */ jsxRuntime.jsx(index.Button, { "aria-label": "close", "data-testid": dataTestId ? `${dataTestId}-close-button` : void 0, onClick: handleClose, sentiment: "neutral", size: "small", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.CloseIcon, {}) }) : null })
-] }) }) : null;
-exports.ModalContent = ModalContent;

package/dist/components/Modal/ModalProvider.cjs

@@ -1,41 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const ModalContext = react.createContext(void 0);
-const useModal = () => {
-  const context = react.useContext(ModalContext);
-  if (!context) {
-    throw new Error("useModal must be used within a ModalProvider");
-  }
-  return context;
-};
-const ModalProvider = ({
-  children
-}) => {
-  const [openedModals, setOpenedModals] = react.useState([]);
-  const [previsousOpenedModales, setPreviousOpenedModales] = react.useState([]);
-  const registerModal = react.useCallback((object) => {
-    setOpenedModals((prev) => {
-      setPreviousOpenedModales(prev);
-      return [...prev, object];
-    });
-  }, []);
-  const unregisterModal = react.useCallback((id) => {
-    setOpenedModals((prev) => {
-      setPreviousOpenedModales(prev);
-      return prev.filter((modalId) => modalId.id !== id);
-    });
-  }, []);
-  const value = react.useMemo(() => ({
-    openedModals,
-    previsousOpenedModales,
-    registerModal,
-    unregisterModal
-  }), [openedModals, registerModal, unregisterModal, previsousOpenedModales]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ModalContext.Provider, { value, children });
-};
-exports.ModalContext = ModalContext;
-exports.ModalProvider = ModalProvider;
-exports.useModal = useModal;