@eightshift/ui-components 2.0.2 → 3.0.0

package/dist/icons/index.js

@@ -1,4 +1,4 @@
-import { blockIcons, icons, illustrations } from "./icons.js";
+import { blockIcons, icons } from "./icons.js";
 import { BlockIcon } from "./block-icon.js";
 import { GenericColorSwatch } from "./generic-color-swatch.js";
 import { JsxSvg } from "./jsx-svg.js";
@@ -7,6 +7,5 @@ export {
   GenericColorSwatch,
   JsxSvg,
   blockIcons,
-  icons,
-  illustrations
+  icons
 };

package/dist/icons/jsx-svg.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.min-CVit0rZn.js";
+import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.min-DZCiis5V.js";
 /**
  * Renders SVG string as JSX SVGs.
  *

package/dist/{index-CcCn9HWX.js → index-BKGQ6jGS.js}

@@ -1,4 +1,4 @@
-import { c as clsx } from "./utils-39D0mStj.js";
+import { c as clsx } from "./utils-DkCSC521.js";
 const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
 const cx = clsx;
 const cva = (base, config) => (props) => {

package/dist/{react-jsx-parser.min-CVit0rZn.js → react-jsx-parser.min-DZCiis5V.js}

@@ -942,7 +942,8 @@ var require_acorn = __commonJS((exports, module) => {
       } else if (options.ecmaVersion == null) {
         if (!warnedAboutEcmaVersion2 && typeof console === "object" && console.warn) {
           warnedAboutEcmaVersion2 = true;
-          console.warn("Since Acorn 8.0.0, options.ecmaVersion is required.\nDefaulting to 2020, but this will stop working in the future.");
+          console.warn(`Since Acorn 8.0.0, options.ecmaVersion is required.
+Defaulting to 2020, but this will stop working in the future.`);
         }
         options.ecmaVersion = 11;
       } else if (options.ecmaVersion >= 2015) {
@@ -1006,7 +1007,8 @@ var require_acorn = __commonJS((exports, module) => {
       this.containsEsc = false;
       if (startPos) {
         this.pos = startPos;
-        this.lineStart = this.input.lastIndexOf("\n", startPos - 1) + 1;
+        this.lineStart = this.input.lastIndexOf(`
+`, startPos - 1) + 1;
         this.curLine = this.input.slice(0, this.lineStart).split(lineBreak2).length;
       } else {
         this.pos = this.lineStart = 0;
@@ -3252,12 +3254,14 @@ var require_acorn = __commonJS((exports, module) => {
           this.raiseRecoverable(this.start, "Bad escape sequence in untagged template literal");
         }
         elem.value = {
-          raw: this.value.replace(/\r\n?/g, "\n"),
+          raw: this.value.replace(/\r\n?/g, `
+`),
           cooked: null
         };
       } else {
         elem.value = {
-          raw: this.input.slice(this.start, this.end).replace(/\r\n?/g, "\n"),
+          raw: this.input.slice(this.start, this.end).replace(/\r\n?/g, `
+`),
           cooked: this.value
         };
       }
@@ -5552,7 +5556,8 @@ var require_acorn = __commonJS((exports, module) => {
                 ++this.pos;
               }
             case 10:
-              out += "\n";
+              out += `
+`;
               break;
             default:
               out += String.fromCharCode(ch);
@@ -5581,10 +5586,12 @@ var require_acorn = __commonJS((exports, module) => {
           case "`":
             return this.finishToken(types$12.invalidTemplate, this.input.slice(this.start, this.pos));
           case "\r":
-            if (this.input[this.pos + 1] === "\n") {
+            if (this.input[this.pos + 1] === `
+`) {
               ++this.pos;
             }
-          case "\n":
+          case `
+`:
           case "\u2028":
           case "\u2029":
             ++this.curLine;
@@ -5599,7 +5606,8 @@ var require_acorn = __commonJS((exports, module) => {
       ++this.pos;
       switch (ch) {
         case 110:
-          return "\n";
+          return `
+`;
         case 114:
           return "\r";
         case 120:
@@ -5889,7 +5897,9 @@ var require_acorn_jsx = __commonJS((exports, module) => {
         ++this.pos;
         if (ch === 13 && this.input.charCodeAt(this.pos) === 10) {
           ++this.pos;
-          out = normalizeCRLF ? "\n" : "\r\n";
+          out = normalizeCRLF ? `
+` : `\r
+`;
         } else {
           out = String.fromCharCode(ch);
         }
@@ -6459,7 +6469,8 @@ function getOptions(opts) {
   } else if (options.ecmaVersion == null) {
     if (!warnedAboutEcmaVersion && typeof console === "object" && console.warn) {
       warnedAboutEcmaVersion = true;
-      console.warn("Since Acorn 8.0.0, options.ecmaVersion is required.\nDefaulting to 2020, but this will stop working in the future.");
+      console.warn(`Since Acorn 8.0.0, options.ecmaVersion is required.
+Defaulting to 2020, but this will stop working in the future.`);
     }
     options.ecmaVersion = 11;
   } else if (options.ecmaVersion >= 2015) {
@@ -6537,7 +6548,8 @@ var Parser = function Parser2(options, input, startPos) {
   this.containsEsc = false;
   if (startPos) {
     this.pos = startPos;
-    this.lineStart = this.input.lastIndexOf("\n", startPos - 1) + 1;
+    this.lineStart = this.input.lastIndexOf(`
+`, startPos - 1) + 1;
     this.curLine = this.input.slice(0, this.lineStart).split(lineBreak).length;
   } else {
     this.pos = this.lineStart = 0;
@@ -8786,12 +8798,14 @@ pp$5.parseTemplateElement = function(ref2) {
       this.raiseRecoverable(this.start, "Bad escape sequence in untagged template literal");
     }
     elem.value = {
-      raw: this.value.replace(/\r\n?/g, "\n"),
+      raw: this.value.replace(/\r\n?/g, `
+`),
       cooked: null
     };
   } else {
     elem.value = {
-      raw: this.input.slice(this.start, this.end).replace(/\r\n?/g, "\n"),
+      raw: this.input.slice(this.start, this.end).replace(/\r\n?/g, `
+`),
       cooked: this.value
     };
   }
@@ -11089,7 +11103,8 @@ pp.readTmplToken = function() {
             ++this.pos;
           }
         case 10:
-          out += "\n";
+          out += `
+`;
           break;
         default:
           out += String.fromCharCode(ch);
@@ -11118,10 +11133,12 @@ pp.readInvalidTemplateToken = function() {
       case "`":
         return this.finishToken(types$1.invalidTemplate, this.input.slice(this.start, this.pos));
       case "\r":
-        if (this.input[this.pos + 1] === "\n") {
+        if (this.input[this.pos + 1] === `
+`) {
           ++this.pos;
         }
-      case "\n":
+      case `
+`:
       case "\u2028":
       case "\u2029":
         ++this.curLine;
@@ -11136,7 +11153,8 @@ pp.readEscapedChar = function(inTemplate) {
   ++this.pos;
   switch (ch) {
     case 110:
-      return "\n";
+      return `
+`;
     case 114:
       return "\r";
     case 120:
@@ -11495,7 +11513,7 @@ class JsxParser extends React__default.Component {
             this.props.onError(new Error(`The expression '${expression.callee}' could not be resolved, resulting in an undefined return value.`));
             return;
           }
-          return parsedCallee(...expression.arguments.map((arg) => __privateGet(this, _parseExpression).call(this, arg, expression.callee)));
+          return parsedCallee(...expression.arguments.map((arg) => __privateGet(this, _parseExpression).call(this, arg, scope)));
         case "ConditionalExpression":
           return __privateGet(this, _parseExpression).call(this, expression.test, scope) ? __privateGet(this, _parseExpression).call(this, expression.consequent, scope) : __privateGet(this, _parseExpression).call(this, expression.alternate, scope);
         case "ExpressionStatement":
@@ -11555,7 +11573,7 @@ class JsxParser extends React__default.Component {
             (_b = (_a = this.props).onError) == null ? void 0 : _b.call(_a, new Error("Async and generator arrow functions are not supported."));
           }
           return (...args) => {
-            const functionScope = {};
+            const functionScope = { ...scope };
             expression.params.forEach((param, idx) => {
               functionScope[param.name] = args[idx];
             });
@@ -11634,14 +11652,24 @@ class JsxParser extends React__default.Component {
         }
       }
       let children;
-      const component = element.type === "JSXElement" ? resolvePath(components, name) : Fragment;
+      let component = element.type === "JSXElement" ? resolvePath(components, name) : Fragment;
       if (component || canHaveChildren(name)) {
         children = childNodes.map((node) => __privateGet(this, _parseExpression).call(this, node, scope));
+        if (name.includes(".")) {
+          const nameParts = name.split(".");
+          const componentPath = nameParts.reduce((acc, part) => acc ? acc[part] : components == null ? void 0 : components[part], null);
+          if (componentPath) {
+            component = componentPath;
+          }
+        }
         if (!component && !canHaveWhitespace(name)) {
           children = children.filter((child) => typeof child !== "string" || !/^\s*$/.test(child));
         }
+        const childFn = children.find((child) => typeof child === "function");
         if (children.length === 0) {
           children = void 0;
+        } else if (childFn) {
+          children = childFn;
         } else if (children.length === 1) {
           [children] = children;
         } else if (children.length > 1 && !this.props.disableKeyGeneration) {

package/dist/{textSelection-BlTDSskG.js → textSelection-CrrUNX-B.js}

@@ -1,44 +1,4 @@
-import { useRef, useCallback, useEffect } from "react";
-import { m as $c87311424ea30a05$export$fedb369cb70207f1, g as $431fbd86ca7dc216$export$b204af158042fbac, n as $bbed8b41f857bcc0$export$24490316f764c430 } from "./focusSafely-CiqTTjWy.js";
-function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
-  let globalListeners = useRef(/* @__PURE__ */ new Map());
-  let addGlobalListener = useCallback((eventTarget, type, listener, options) => {
-    let fn = (options === null || options === void 0 ? void 0 : options.once) ? (...args) => {
-      globalListeners.current.delete(listener);
-      listener(...args);
-    } : listener;
-    globalListeners.current.set(listener, {
-      type,
-      eventTarget,
-      fn,
-      options
-    });
-    eventTarget.addEventListener(type, fn, options);
-  }, []);
-  let removeGlobalListener = useCallback((eventTarget, type, listener, options) => {
-    var _globalListeners_current_get;
-    let fn = ((_globalListeners_current_get = globalListeners.current.get(listener)) === null || _globalListeners_current_get === void 0 ? void 0 : _globalListeners_current_get.fn) || listener;
-    eventTarget.removeEventListener(type, fn, options);
-    globalListeners.current.delete(listener);
-  }, []);
-  let removeAllGlobalListeners = useCallback(() => {
-    globalListeners.current.forEach((value, key) => {
-      removeGlobalListener(value.eventTarget, value.type, key, value.options);
-    });
-  }, [
-    removeGlobalListener
-  ]);
-  useEffect(() => {
-    return removeAllGlobalListeners;
-  }, [
-    removeAllGlobalListeners
-  ]);
-  return {
-    addGlobalListener,
-    removeGlobalListener,
-    removeAllGlobalListeners
-  };
-}
+import { c as $c87311424ea30a05$export$fedb369cb70207f1, d as $431fbd86ca7dc216$export$b204af158042fbac, e as $bbed8b41f857bcc0$export$24490316f764c430 } from "./useHover-B-8Wji4B.js";
 let $14c0b72509d70225$var$state = "default";
 let $14c0b72509d70225$var$savedUserSelect = "";
 let $14c0b72509d70225$var$modifiedElementMap = /* @__PURE__ */ new WeakMap();
@@ -51,8 +11,9 @@ function $14c0b72509d70225$export$16a4697467175487(target) {
     }
     $14c0b72509d70225$var$state = "disabled";
   } else if (target instanceof HTMLElement || target instanceof SVGElement) {
-    $14c0b72509d70225$var$modifiedElementMap.set(target, target.style.userSelect);
-    target.style.userSelect = "none";
+    let property = "userSelect" in target.style ? "userSelect" : "webkitUserSelect";
+    $14c0b72509d70225$var$modifiedElementMap.set(target, target.style[property]);
+    target.style[property] = "none";
   }
 }
 function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
@@ -72,14 +33,14 @@ function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
   } else if (target instanceof HTMLElement || target instanceof SVGElement) {
     if (target && $14c0b72509d70225$var$modifiedElementMap.has(target)) {
       let targetOldUserSelect = $14c0b72509d70225$var$modifiedElementMap.get(target);
-      if (target.style.userSelect === "none") target.style.userSelect = targetOldUserSelect;
+      let property = "userSelect" in target.style ? "userSelect" : "webkitUserSelect";
+      if (target.style[property] === "none") target.style[property] = targetOldUserSelect;
       if (target.getAttribute("style") === "") target.removeAttribute("style");
       $14c0b72509d70225$var$modifiedElementMap.delete(target);
     }
   }
 }
 export {
-  $03deb23ff14920c4$export$4eaf04e54aa8eed6 as $,
-  $14c0b72509d70225$export$b0d6fa1ab32e3295 as a,
-  $14c0b72509d70225$export$16a4697467175487 as b
+  $14c0b72509d70225$export$b0d6fa1ab32e3295 as $,
+  $14c0b72509d70225$export$16a4697467175487 as a
 };

package/dist/{useButton-CmLbE5vg.js → useButton-Dl1C1478.js}

@@ -1,7 +1,7 @@
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-39D0mStj.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DkCSC521.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-087cO5Ct.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-rg_OQIGW.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-C3dxzVyi.js";
+import { a as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-B-8Wji4B.js";
 function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
   let {
     elementType = "button",
@@ -27,7 +27,6 @@ function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
   };
   else additionalProps = {
     role: "button",
-    tabIndex: isDisabled ? void 0 : 0,
     href: elementType === "a" && !isDisabled ? href : void 0,
     target: elementType === "a" ? target : void 0,
     type: elementType === "input" ? type : void 0,
@@ -45,7 +44,7 @@ function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
     preventFocusOnPress,
     ref
   });
-  let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, ref);
+  let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c(props, ref);
   if (allowFocusWhenDisabled) focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;
   let buttonProps = $3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, pressProps, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
     labelable: true
@@ -57,6 +56,7 @@ function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
       "aria-expanded": props["aria-expanded"],
       "aria-controls": props["aria-controls"],
       "aria-pressed": props["aria-pressed"],
+      "aria-current": props["aria-current"],
       onClick: (e) => {
         if (deprecatedOnClick) {
           deprecatedOnClick(e);

package/dist/{useEvent-cLDJlznQ.js → useEvent-B0b-6KBr.js}

@@ -1,4 +1,4 @@
-import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-39D0mStj.js";
+import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-DkCSC521.js";
 import { useEffect } from "react";
 function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options) {
   let handleEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(handler);

package/dist/useFocusRing-CxlVCVpL.js

@@ -0,0 +1,107 @@
+import { g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, h as $8a9cb279dc87e130$export$715c682d09d639cc, d as $431fbd86ca7dc216$export$b204af158042fbac, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, j as $d4ee10de306f2510$export$e58f029f0fbfdb29, k as $d4ee10de306f2510$export$4282f70798064fe0, l as $8a9cb279dc87e130$export$905e7fc544a71f36, m as $507fabe10e71c6fb$export$b9b3dfddab17db27, n as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useHover-B-8Wji4B.js";
+import { useRef, useCallback, useState } from "react";
+function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
+  let { isDisabled, onBlurWithin, onFocusWithin, onFocusWithinChange } = props;
+  let state = useRef({
+    isFocusWithin: false
+  });
+  let { addGlobalListener, removeAllGlobalListeners } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
+  let onBlur = useCallback((e) => {
+    if (!e.currentTarget.contains(e.target)) return;
+    if (state.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {
+      state.current.isFocusWithin = false;
+      removeAllGlobalListeners();
+      if (onBlurWithin) onBlurWithin(e);
+      if (onFocusWithinChange) onFocusWithinChange(false);
+    }
+  }, [
+    onBlurWithin,
+    onFocusWithinChange,
+    state,
+    removeAllGlobalListeners
+  ]);
+  let onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
+  let onFocus = useCallback((e) => {
+    if (!e.currentTarget.contains(e.target)) return;
+    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(e.target);
+    const activeElement = $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument);
+    if (!state.current.isFocusWithin && activeElement === $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent)) {
+      if (onFocusWithin) onFocusWithin(e);
+      if (onFocusWithinChange) onFocusWithinChange(true);
+      state.current.isFocusWithin = true;
+      onSyntheticFocus(e);
+      let currentTarget = e.currentTarget;
+      addGlobalListener(ownerDocument, "focus", (e2) => {
+        if (state.current.isFocusWithin && !$d4ee10de306f2510$export$4282f70798064fe0(currentTarget, e2.target)) {
+          let event = new $8a9cb279dc87e130$export$905e7fc544a71f36("blur", new ownerDocument.defaultView.FocusEvent("blur", {
+            relatedTarget: e2.target
+          }));
+          event.target = currentTarget;
+          event.currentTarget = currentTarget;
+          onBlur(event);
+        }
+      }, {
+        capture: true
+      });
+    }
+  }, [
+    onFocusWithin,
+    onFocusWithinChange,
+    onSyntheticFocus,
+    addGlobalListener,
+    onBlur
+  ]);
+  if (isDisabled) return {
+    focusWithinProps: {
+      // These cannot be null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  };
+  return {
+    focusWithinProps: {
+      onFocus,
+      onBlur
+    }
+  };
+}
+function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
+  let { autoFocus = false, isTextInput, within } = props;
+  let state = useRef({
+    isFocused: false,
+    isFocusVisible: autoFocus || $507fabe10e71c6fb$export$b9b3dfddab17db27()
+  });
+  let [isFocused, setFocused] = useState(false);
+  let [isFocusVisibleState, setFocusVisible] = useState(() => state.current.isFocused && state.current.isFocusVisible);
+  let updateState = useCallback(() => setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
+  let onFocusChange = useCallback((isFocused2) => {
+    state.current.isFocused = isFocused2;
+    setFocused(isFocused2);
+    updateState();
+  }, [
+    updateState
+  ]);
+  $507fabe10e71c6fb$export$ec71b4b83ac08ec3((isFocusVisible) => {
+    state.current.isFocusVisible = isFocusVisible;
+    updateState();
+  }, [], {
+    isTextInput
+  });
+  let { focusProps } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6({
+    isDisabled: within,
+    onFocusChange
+  });
+  let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
+    isDisabled: !within,
+    onFocusWithinChange: onFocusChange
+  });
+  return {
+    isFocused,
+    isFocusVisible: isFocusVisibleState,
+    focusProps: within ? focusWithinProps : focusProps
+  };
+}
+export {
+  $f7dceffc5ad7768b$export$4e328f61c538687f as $,
+  $9ab94262bd0047c7$export$420e68273165f4ec as a
+};

package/dist/{useFormReset-NpLM2e3G.js → useFormReset-C5OggHsw.js}

@@ -1,4 +1,4 @@
-import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-39D0mStj.js";
+import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-DkCSC521.js";
 import { useRef, useEffect } from "react";
 function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
   let resetValue = useRef(initialValue);

package/dist/{useFormValidation-BWwmZQE2.js → useFormValidation-BgSHI8kQ.js}

@@ -1,6 +1,6 @@
 import { createContext, useMemo, useContext, useState, useRef, useEffect } from "react";
-import { l as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./focusSafely-CiqTTjWy.js";
-import { l as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-39D0mStj.js";
+import { p as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./useHover-B-8Wji4B.js";
+import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-DkCSC521.js";
 const $e5be200c675c3b3a$export$aca958c65c314e6c = {
   badInput: false,
   customError: false,