@eightshift/ui-components 1.0.6 → 1.1.0

package/dist/{focusSafely-B0hyd-S4.js → focusSafely-BS4dllCW.js}

@@ -1,20 +1,18 @@
-import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, o as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-DIBzm1e4.js";
+import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, o as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-Dc35LwuT.js";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 const $431fbd86ca7dc216$export$b204af158042fbac = (el) => {
   var _el_ownerDocument;
   return (_el_ownerDocument = el === null || el === void 0 ? void 0 : el.ownerDocument) !== null && _el_ownerDocument !== void 0 ? _el_ownerDocument : document;
 };
 const $431fbd86ca7dc216$export$f21a1ffae260145a = (el) => {
-  if (el && "window" in el && el.window === el)
-    return el;
+  if (el && "window" in el && el.window === el) return el;
   const doc = $431fbd86ca7dc216$export$b204af158042fbac(el);
   return doc.defaultView || window;
 };
 function $7215afc6de606d6b$export$de79e2c695e052f3(element) {
-  if ($7215afc6de606d6b$var$supportsPreventScroll())
-    element.focus({
-      preventScroll: true
-    });
+  if ($7215afc6de606d6b$var$supportsPreventScroll()) element.focus({
+    preventScroll: true
+  });
   else {
     let scrollableElements = $7215afc6de606d6b$var$getScrollableElements(element);
     element.focus();
@@ -43,20 +41,18 @@ function $7215afc6de606d6b$var$getScrollableElements(element) {
   let scrollableElements = [];
   let rootScrollingElement = document.scrollingElement || document.documentElement;
   while (parent instanceof HTMLElement && parent !== rootScrollingElement) {
-    if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth)
-      scrollableElements.push({
-        element: parent,
-        scrollTop: parent.scrollTop,
-        scrollLeft: parent.scrollLeft
-      });
+    if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) scrollableElements.push({
+      element: parent,
+      scrollTop: parent.scrollTop,
+      scrollLeft: parent.scrollLeft
+    });
     parent = parent.parentNode;
   }
-  if (rootScrollingElement instanceof HTMLElement)
-    scrollableElements.push({
-      element: rootScrollingElement,
-      scrollTop: rootScrollingElement.scrollTop,
-      scrollLeft: rootScrollingElement.scrollLeft
-    });
+  if (rootScrollingElement instanceof HTMLElement) scrollableElements.push({
+    element: rootScrollingElement,
+    scrollTop: rootScrollingElement.scrollTop,
+    scrollLeft: rootScrollingElement.scrollLeft
+  });
   return scrollableElements;
 }
 function $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {
@@ -67,8 +63,7 @@ function $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {
 }
 function $c87311424ea30a05$var$testUserAgent(re) {
   var _window_navigator_userAgentData;
-  if (typeof window === "undefined" || window.navigator == null)
-    return false;
+  if (typeof window === "undefined" || window.navigator == null) return false;
   return ((_window_navigator_userAgentData = window.navigator["userAgentData"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.brands.some((brand) => re.test(brand.brand))) || re.test(window.navigator.userAgent);
 }
 function $c87311424ea30a05$var$testPlatform(re) {
@@ -106,14 +101,12 @@ function $c87311424ea30a05$export$b7d78993b74f766d() {
 let $bbed8b41f857bcc0$var$transitionsByElement = /* @__PURE__ */ new Map();
 let $bbed8b41f857bcc0$var$transitionCallbacks = /* @__PURE__ */ new Set();
 function $bbed8b41f857bcc0$var$setupGlobalEvents() {
-  if (typeof window === "undefined")
-    return;
+  if (typeof window === "undefined") return;
   function isTransitionEvent(event) {
     return "propertyName" in event;
   }
   let onTransitionStart = (e) => {
-    if (!isTransitionEvent(e) || !e.target)
-      return;
+    if (!isTransitionEvent(e) || !e.target) return;
     let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
     if (!transitions) {
       transitions = /* @__PURE__ */ new Set();
@@ -125,19 +118,16 @@ function $bbed8b41f857bcc0$var$setupGlobalEvents() {
     transitions.add(e.propertyName);
   };
   let onTransitionEnd = (e) => {
-    if (!isTransitionEvent(e) || !e.target)
-      return;
+    if (!isTransitionEvent(e) || !e.target) return;
     let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
-    if (!properties)
-      return;
+    if (!properties) return;
     properties.delete(e.propertyName);
     if (properties.size === 0) {
       e.target.removeEventListener("transitioncancel", onTransitionEnd);
       $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);
     }
     if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {
-      for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)
-        cb();
+      for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks) cb();
       $bbed8b41f857bcc0$var$transitionCallbacks.clear();
     }
   };
@@ -145,17 +135,13 @@ function $bbed8b41f857bcc0$var$setupGlobalEvents() {
   document.body.addEventListener("transitionend", onTransitionEnd);
 }
 if (typeof document !== "undefined") {
-  if (document.readyState !== "loading")
-    $bbed8b41f857bcc0$var$setupGlobalEvents();
-  else
-    document.addEventListener("DOMContentLoaded", $bbed8b41f857bcc0$var$setupGlobalEvents);
+  if (document.readyState !== "loading") $bbed8b41f857bcc0$var$setupGlobalEvents();
+  else document.addEventListener("DOMContentLoaded", $bbed8b41f857bcc0$var$setupGlobalEvents);
 }
 function $bbed8b41f857bcc0$export$24490316f764c430(fn) {
   requestAnimationFrame(() => {
-    if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0)
-      fn();
-    else
-      $bbed8b41f857bcc0$var$transitionCallbacks.add(fn);
+    if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) fn();
+    else $bbed8b41f857bcc0$var$transitionCallbacks.add(fn);
   });
 }
 function $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {
@@ -163,17 +149,14 @@ function $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref) {
     if (context && context.ref && ref) {
       context.ref.current = ref.current;
       return () => {
-        if (context.ref)
-          context.ref.current = null;
+        if (context.ref) context.ref.current = null;
       };
     }
   });
 }
 function $6a7db85432448f7f$export$60278871457622de(event) {
-  if (event.mozInputSource === 0 && event.isTrusted)
-    return true;
-  if ($c87311424ea30a05$export$a11b0059900ceec8() && event.pointerType)
-    return event.type === "click" && event.buttons === 1;
+  if (event.mozInputSource === 0 && event.isTrusted) return true;
+  if ($c87311424ea30a05$export$a11b0059900ceec8() && event.pointerType) return event.type === "click" && event.buttons === 1;
   return event.detail === 0 && !event.pointerType;
 }
 function $6a7db85432448f7f$export$29bf1b5f2c56cf63(event) {
@@ -185,8 +168,7 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
   let isControlled = value !== void 0;
   useEffect(() => {
     let wasControlled = isControlledRef.current;
-    if (wasControlled !== isControlled)
-      console.warn(`WARN: A component changed from ${wasControlled ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}.`);
+    if (wasControlled !== isControlled) console.warn(`WARN: A component changed from ${wasControlled ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}.`);
     isControlledRef.current = isControlled;
   }, [
     isControlled
@@ -195,8 +177,7 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
   let setValue = useCallback((value2, ...args) => {
     let onChangeCaller = (value3, ...onChangeArgs) => {
       if (onChange) {
-        if (!Object.is(currentValue, value3))
-          onChange(value3, ...onChangeArgs);
+        if (!Object.is(currentValue, value3)) onChange(value3, ...onChangeArgs);
       }
       if (!isControlled)
         currentValue = value3;
@@ -206,14 +187,12 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
       let updateFunction = (oldValue, ...functionArgs) => {
         let interceptedValue = value2(isControlled ? currentValue : oldValue, ...functionArgs);
         onChangeCaller(interceptedValue, ...args);
-        if (!isControlled)
-          return interceptedValue;
+        if (!isControlled) return interceptedValue;
         return oldValue;
       };
       setStateValue(updateFunction);
     } else {
-      if (!isControlled)
-        setStateValue(value2);
+      if (!isControlled) setStateValue(value2);
       onChangeCaller(value2, ...args);
     }
   }, [
@@ -319,10 +298,8 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
   let { isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange } = props;
   const onBlur = useCallback((e) => {
     if (e.target === e.currentTarget) {
-      if (onBlurProp)
-        onBlurProp(e);
-      if (onFocusChange)
-        onFocusChange(false);
+      if (onBlurProp) onBlurProp(e);
+      if (onFocusChange) onFocusChange(false);
       return true;
     }
   }, [
@@ -333,10 +310,8 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
   const onFocus = useCallback((e) => {
     const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(e.target);
     if (e.target === e.currentTarget && ownerDocument.activeElement === e.target) {
-      if (onFocusProp)
-        onFocusProp(e);
-      if (onFocusChange)
-        onFocusChange(true);
+      if (onFocusProp) onFocusProp(e);
+      if (onFocusChange) onFocusChange(true);
       onSyntheticFocus(e);
     }
   }, [
@@ -361,8 +336,7 @@ const $507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS = {
   Escape: true
 };
 function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
-  for (let handler of $507fabe10e71c6fb$var$changeHandlers)
-    handler(modality, e);
+  for (let handler of $507fabe10e71c6fb$var$changeHandlers) handler(modality, e);
 }
 function $507fabe10e71c6fb$var$isValidKey(e) {
   return !(e.metaKey || !$c87311424ea30a05$export$9ac100e40613ea10() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
@@ -388,8 +362,7 @@ function $507fabe10e71c6fb$var$handleClickEvent(e) {
   }
 }
 function $507fabe10e71c6fb$var$handleFocusEvent(e) {
-  if (e.target === window || e.target === document)
-    return;
+  if (e.target === window || e.target === document) return;
   if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {
     $507fabe10e71c6fb$var$currentModality = "virtual";
     $507fabe10e71c6fb$var$triggerChangeHandlers("virtual", e);
@@ -402,8 +375,7 @@ function $507fabe10e71c6fb$var$handleWindowBlur() {
   $507fabe10e71c6fb$var$hasBlurredWindowRecently = true;
 }
 function $507fabe10e71c6fb$var$setupGlobalFocusEvents(element) {
-  if (typeof window === "undefined" || $507fabe10e71c6fb$export$d90243b58daecda7.get($431fbd86ca7dc216$export$f21a1ffae260145a(element)))
-    return;
+  if (typeof window === "undefined" || $507fabe10e71c6fb$export$d90243b58daecda7.get($431fbd86ca7dc216$export$f21a1ffae260145a(element))) return;
   const windowObject = $431fbd86ca7dc216$export$f21a1ffae260145a(element);
   const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(element);
   let focus = windowObject.HTMLElement.prototype.focus;
@@ -437,10 +409,8 @@ function $507fabe10e71c6fb$var$setupGlobalFocusEvents(element) {
 const $507fabe10e71c6fb$var$tearDownWindowFocusTracking = (element, loadListener) => {
   const windowObject = $431fbd86ca7dc216$export$f21a1ffae260145a(element);
   const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(element);
-  if (loadListener)
-    documentObject.removeEventListener("DOMContentLoaded", loadListener);
-  if (!$507fabe10e71c6fb$export$d90243b58daecda7.has(windowObject))
-    return;
+  if (loadListener) documentObject.removeEventListener("DOMContentLoaded", loadListener);
+  if (!$507fabe10e71c6fb$export$d90243b58daecda7.has(windowObject)) return;
   windowObject.HTMLElement.prototype.focus = $507fabe10e71c6fb$export$d90243b58daecda7.get(windowObject).focus;
   documentObject.removeEventListener("keydown", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
   documentObject.removeEventListener("keyup", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
@@ -461,8 +431,7 @@ const $507fabe10e71c6fb$var$tearDownWindowFocusTracking = (element, loadListener
 function $507fabe10e71c6fb$export$2f1888112f558a7d(element) {
   const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(element);
   let loadListener;
-  if (documentObject.readyState !== "loading")
-    $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
+  if (documentObject.readyState !== "loading") $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
   else {
     loadListener = () => {
       $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
@@ -471,8 +440,7 @@ function $507fabe10e71c6fb$export$2f1888112f558a7d(element) {
   }
   return () => $507fabe10e71c6fb$var$tearDownWindowFocusTracking(element, loadListener);
 }
-if (typeof document !== "undefined")
-  $507fabe10e71c6fb$export$2f1888112f558a7d();
+if (typeof document !== "undefined") $507fabe10e71c6fb$export$2f1888112f558a7d();
 function $507fabe10e71c6fb$export$b9b3dfddab17db27() {
   return $507fabe10e71c6fb$var$currentModality !== "pointer";
 }
@@ -521,8 +489,7 @@ function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
   $507fabe10e71c6fb$var$setupGlobalFocusEvents();
   useEffect(() => {
     let handler = (modality, e) => {
-      if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e))
-        return;
+      if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e)) return;
       fn($507fabe10e71c6fb$export$b9b3dfddab17db27());
     };
     $507fabe10e71c6fb$var$changeHandlers.add(handler);
@@ -539,10 +506,8 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
   let onBlur = useCallback((e) => {
     if (state.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {
       state.current.isFocusWithin = false;
-      if (onBlurWithin)
-        onBlurWithin(e);
-      if (onFocusWithinChange)
-        onFocusWithinChange(false);
+      if (onBlurWithin) onBlurWithin(e);
+      if (onFocusWithinChange) onFocusWithinChange(false);
     }
   }, [
     onBlurWithin,
@@ -552,10 +517,8 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
   let onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
   let onFocus = useCallback((e) => {
     if (!state.current.isFocusWithin && document.activeElement === e.target) {
-      if (onFocusWithin)
-        onFocusWithin(e);
-      if (onFocusWithinChange)
-        onFocusWithinChange(true);
+      if (onFocusWithin) onFocusWithin(e);
+      if (onFocusWithinChange) onFocusWithinChange(true);
       state.current.isFocusWithin = true;
       onSyntheticFocus(e);
     }
@@ -564,14 +527,13 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
     onFocusWithinChange,
     onSyntheticFocus
   ]);
-  if (isDisabled)
-    return {
-      focusWithinProps: {
-        // These should not have been null, that would conflict in mergeProps
-        onFocus: void 0,
-        onBlur: void 0
-      }
-    };
+  if (isDisabled) return {
+    focusWithinProps: {
+      // These should not have been null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  };
   return {
     focusWithinProps: {
       onFocus,
@@ -588,25 +550,18 @@ function $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents() {
   }, 50);
 }
 function $6179b936705e76d3$var$handleGlobalPointerEvent(e) {
-  if (e.pointerType === "touch")
-    $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents();
+  if (e.pointerType === "touch") $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents();
 }
 function $6179b936705e76d3$var$setupGlobalTouchEvents() {
-  if (typeof document === "undefined")
-    return;
-  if (typeof PointerEvent !== "undefined")
-    document.addEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
-  else
-    document.addEventListener("touchend", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
+  if (typeof document === "undefined") return;
+  if (typeof PointerEvent !== "undefined") document.addEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
+  else document.addEventListener("touchend", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
   $6179b936705e76d3$var$hoverCount++;
   return () => {
     $6179b936705e76d3$var$hoverCount--;
-    if ($6179b936705e76d3$var$hoverCount > 0)
-      return;
-    if (typeof PointerEvent !== "undefined")
-      document.removeEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
-    else
-      document.removeEventListener("touchend", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
+    if ($6179b936705e76d3$var$hoverCount > 0) return;
+    if (typeof PointerEvent !== "undefined") document.removeEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
+    else document.removeEventListener("touchend", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
   };
 }
 function $6179b936705e76d3$export$ae780daf29e6d456(props) {
@@ -622,61 +577,51 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
   let { hoverProps, triggerHoverEnd } = useMemo(() => {
     let triggerHoverStart = (event, pointerType) => {
       state.pointerType = pointerType;
-      if (isDisabled || pointerType === "touch" || state.isHovered || !event.currentTarget.contains(event.target))
-        return;
+      if (isDisabled || pointerType === "touch" || state.isHovered || !event.currentTarget.contains(event.target)) return;
       state.isHovered = true;
       let target = event.currentTarget;
       state.target = target;
-      if (onHoverStart)
-        onHoverStart({
-          type: "hoverstart",
-          target,
-          pointerType
-        });
-      if (onHoverChange)
-        onHoverChange(true);
+      if (onHoverStart) onHoverStart({
+        type: "hoverstart",
+        target,
+        pointerType
+      });
+      if (onHoverChange) onHoverChange(true);
       setHovered(true);
     };
     let triggerHoverEnd2 = (event, pointerType) => {
       state.pointerType = "";
       state.target = null;
-      if (pointerType === "touch" || !state.isHovered)
-        return;
+      if (pointerType === "touch" || !state.isHovered) return;
       state.isHovered = false;
       let target = event.currentTarget;
-      if (onHoverEnd)
-        onHoverEnd({
-          type: "hoverend",
-          target,
-          pointerType
-        });
-      if (onHoverChange)
-        onHoverChange(false);
+      if (onHoverEnd) onHoverEnd({
+        type: "hoverend",
+        target,
+        pointerType
+      });
+      if (onHoverChange) onHoverChange(false);
       setHovered(false);
     };
     let hoverProps2 = {};
     if (typeof PointerEvent !== "undefined") {
       hoverProps2.onPointerEnter = (e) => {
-        if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse")
-          return;
+        if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse") return;
         triggerHoverStart(e, e.pointerType);
       };
       hoverProps2.onPointerLeave = (e) => {
-        if (!isDisabled && e.currentTarget.contains(e.target))
-          triggerHoverEnd2(e, e.pointerType);
+        if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd2(e, e.pointerType);
       };
     } else {
       hoverProps2.onTouchStart = () => {
         state.ignoreEmulatedMouseEvents = true;
       };
       hoverProps2.onMouseEnter = (e) => {
-        if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents)
-          triggerHoverStart(e, "mouse");
+        if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents) triggerHoverStart(e, "mouse");
         state.ignoreEmulatedMouseEvents = false;
       };
       hoverProps2.onMouseLeave = (e) => {
-        if (!isDisabled && e.currentTarget.contains(e.target))
-          triggerHoverEnd2(e, "mouse");
+        if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd2(e, "mouse");
       };
     }
     return {
@@ -691,10 +636,9 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
     state
   ]);
   useEffect(() => {
-    if (isDisabled)
-      triggerHoverEnd({
-        currentTarget: state.target
-      }, state.pointerType);
+    if (isDisabled) triggerHoverEnd({
+      currentTarget: state.target
+    }, state.pointerType);
   }, [
     isDisabled
   ]);
@@ -708,11 +652,9 @@ function $6a99195332edec8b$export$80f3e147d781571c(element) {
   if ($507fabe10e71c6fb$export$630ff653c5ada6a9() === "virtual") {
     let lastFocusedElement = ownerDocument.activeElement;
     $bbed8b41f857bcc0$export$24490316f764c430(() => {
-      if (ownerDocument.activeElement === lastFocusedElement && element.isConnected)
-        $7215afc6de606d6b$export$de79e2c695e052f3(element);
+      if (ownerDocument.activeElement === lastFocusedElement && element.isConnected) $7215afc6de606d6b$export$de79e2c695e052f3(element);
     });
-  } else
-    $7215afc6de606d6b$export$de79e2c695e052f3(element);
+  } else $7215afc6de606d6b$export$de79e2c695e052f3(element);
 }
 export {
   $6179b936705e76d3$export$ae780daf29e6d456 as $,

package/dist/icons/generic-color-swatch.js

@@ -2,19 +2,111 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useId } from "react";
 const GenericColorSwatch = ({ style }) => {
   const clipId = useId();
-  return /* @__PURE__ */ jsxs("svg", { style, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: `genericColorSwatchShape-${clipId}`, children: /* @__PURE__ */ jsx("rect", { className: "generic-swatch-icon-color-mask", x: "1", y: "1", width: "18", height: "18", rx: "2" }) }) }),
-    /* @__PURE__ */ jsxs("g", { opacity: "var(--checkerboard-opacity, 0)", clipPath: `url(#genericColorSwatchShape-${clipId})`, className: "generic-swatch-icon-checkerboard-group", children: [
-      /* @__PURE__ */ jsx("path", { fill: "#CCC", d: "M1 1h3v3H1V1zm0 6h3v3H1zm0 6h3v3H1zM7 1h3v3H7zm0 6h3v3H7zm0 6h3v3H7zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3z" }),
-      /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M4 1h3v3H4zm0 6h3v3H4zm0 6h3v3H4zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3zm6-12h3v3h-3V1zm0 6h3v3h-3zm0 6h3v3h-3z" }),
-      /* @__PURE__ */ jsx("path", { fill: "#CCC", d: "M4 4h3v3H4zm0 6h3v3H4zm0 6h3v3H4zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3v-3z" }),
-      /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M1 4h3v3H1zm0 6h3v3H1zm0 6h3v3H1v-3zM7 4h3v3H7zm0 6h3v3H7zm0 6h3v3H7zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3z" })
-    ] }),
-    /* @__PURE__ */ jsx("rect", { className: "generic-swatch-icon-color", x: "1", y: "1", width: "18", height: "18", rx: "2", fill: "var(--selected-color, currentColor)", stroke: "gray" }),
-    /* @__PURE__ */ jsx("path", { opacity: "var(--selected-opacity, 0)", d: "M4 16 16 4", stroke: "gray", strokeLinejoin: "round", fill: "none" }),
-    /* @__PURE__ */ jsx("circle", { opacity: "var(--current-opacity, 0)", cx: "10", cy: "10", r: "4.5", fill: "#fff" }),
-    /* @__PURE__ */ jsx("circle", { opacity: "var(--current-opacity, 0)", cx: "10", cy: "10", r: "2.5", fill: "#000" })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      style,
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: `genericColorSwatchShape-${clipId}`, children: /* @__PURE__ */ jsx(
+          "rect",
+          {
+            className: "generic-swatch-icon-color-mask",
+            x: "1",
+            y: "1",
+            width: "18",
+            height: "18",
+            rx: "2"
+          }
+        ) }) }),
+        /* @__PURE__ */ jsxs(
+          "g",
+          {
+            opacity: "var(--checkerboard-opacity, 0)",
+            clipPath: `url(#genericColorSwatchShape-${clipId})`,
+            className: "generic-swatch-icon-checkerboard-group",
+            children: [
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fill: "#CCC",
+                  d: "M1 1h3v3H1V1zm0 6h3v3H1zm0 6h3v3H1zM7 1h3v3H7zm0 6h3v3H7zm0 6h3v3H7zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3z"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fill: "#fff",
+                  d: "M4 1h3v3H4zm0 6h3v3H4zm0 6h3v3H4zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3zm6-12h3v3h-3V1zm0 6h3v3h-3zm0 6h3v3h-3z"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fill: "#CCC",
+                  d: "M4 4h3v3H4zm0 6h3v3H4zm0 6h3v3H4zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3v-3z"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fill: "#fff",
+                  d: "M1 4h3v3H1zm0 6h3v3H1zm0 6h3v3H1v-3zM7 4h3v3H7zm0 6h3v3H7zm0 6h3v3H7zm6-12h3v3h-3zm0 6h3v3h-3zm0 6h3v3h-3z"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            className: "generic-swatch-icon-color",
+            x: "1",
+            y: "1",
+            width: "18",
+            height: "18",
+            rx: "2",
+            fill: "var(--selected-color, currentColor)",
+            stroke: "gray"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            opacity: "var(--selected-opacity, 0)",
+            d: "M4 16 16 4",
+            stroke: "gray",
+            strokeLinejoin: "round",
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            opacity: "var(--current-opacity, 0)",
+            cx: "10",
+            cy: "10",
+            r: "4.5",
+            fill: "#fff"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            opacity: "var(--current-opacity, 0)",
+            cx: "10",
+            cy: "10",
+            r: "2.5",
+            fill: "#000"
+          }
+        )
+      ]
+    }
+  );
 };
 export {
   GenericColorSwatch