@seeqdev/qomponents 0.0.36 → 0.0.38

package/dist/index.esm.js

@@ -2757,8 +2757,7 @@ const arrow = options => {
           }).fn(state);
         }
         return {};
-      }
-      if (element) {
+      } else if (element) {
         return arrow$1({
           element,
           padding
@@ -2783,13 +2782,11 @@ function deepEqual(a, b) {
   if (typeof a === 'function' && a.toString() === b.toString()) {
     return true;
   }
-  let length;
-  let i;
-  let keys;
-  if (a && b && typeof a === 'object') {
+  let length, i, keys;
+  if (a && b && typeof a == 'object') {
     if (Array.isArray(a)) {
       length = a.length;
-      if (length !== b.length) return false;
+      if (length != b.length) return false;
       for (i = length; i-- !== 0;) {
         if (!deepEqual(a[i], b[i])) {
           return false;
@@ -2818,8 +2815,6 @@ function deepEqual(a, b) {
     }
     return true;
   }
-
-  // biome-ignore lint/suspicious/noSelfCompare: in source
   return a !== a && b !== b;
 }
 
@@ -2880,23 +2875,22 @@ function useFloating(options) {
   const [_reference, _setReference] = React.useState(null);
   const [_floating, _setFloating] = React.useState(null);
   const setReference = React.useCallback(node => {
-    if (node !== referenceRef.current) {
+    if (node != referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
-  }, []);
+  }, [_setReference]);
   const setFloating = React.useCallback(node => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
     }
-  }, []);
+  }, [_setFloating]);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
   const referenceRef = React.useRef(null);
   const floatingRef = React.useRef(null);
   const dataRef = React.useRef(data);
-  const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform);
   const update = React.useCallback(() => {
@@ -2940,18 +2934,17 @@ function useFloating(options) {
       isMountedRef.current = false;
     };
   }, []);
-
-  // biome-ignore lint/correctness/useExhaustiveDependencies: `hasWhileElementsMounted` is intentionally included.
   index$1(() => {
     if (referenceEl) referenceRef.current = referenceEl;
     if (floatingEl) floatingRef.current = floatingEl;
     if (referenceEl && floatingEl) {
       if (whileElementsMountedRef.current) {
         return whileElementsMountedRef.current(referenceEl, floatingEl, update);
+      } else {
+        update();
       }
-      update();
     }
-  }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
+  }, [referenceEl, floatingEl, update, whileElementsMountedRef]);
   const refs = React.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
@@ -4507,7 +4500,7 @@ const activeBorderStyles = [
     'dark:hover:tw-border-sq-color-dark-dark',
 ].join(' ');
 const bgStyles = ['tw-bg-sq-white', 'dark:tw-bg-sq-dark-background'].join(' ');
-const disabledClasses$1 = ['disabled:tw-opacity-50', 'tw-cursor-not-allowed'].join(' ');
+const disabledClasses$1 = ['tw-opacity-50', 'tw-cursor-not-allowed'].join(' ');
 const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (React.createElement($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, { ref: ref, align: align, sideOffset: sideOffset, ...props, asChild: true })));
 const ToolbarButton = ({ isSmall = false, label, icon, secondIcon, forceSmallIcon = false, tooltipText, id, popoverContent, extraClassNames, testId, tooltipTestId, tooltipOptions, isActive = false, isHtmlTooltip = true, disabled = false, onClick, onHide, }) => {
     let tooltipData = undefined;
@@ -4526,8 +4519,8 @@ const ToolbarButton = ({ isSmall = false, label, icon, secondIcon, forceSmallIco
         }
     };
     return (React.createElement($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { defaultOpen: false, onOpenChange: onOpenChange },
-        React.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { id: id },
-            React.createElement("button", { ...tooltipData, className: `tw-bg-transparent tw-p-0 tw-flex tw-flex-col tw-items-center ${isSmall ? 'tw-py-[1px] tw-px-[5px]' : 'tw-px-2 tw-py-[3px]'} ${disabled ? disabledClasses$1 : isActive ? activeBorderStyles : triggerBorderStyles} ${extraClassNames || ''}`, "data-testid": testId, disabled: disabled, onClick: (e) => {
+        React.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { id: id, className: "tw-border-none ", disabled: disabled },
+            React.createElement("div", { ...tooltipData, className: `tw-bg-transparent tw-p-0 tw-flex tw-flex-col tw-items-center ${isSmall ? 'tw-py-[1px] tw-px-[5px]' : 'tw-px-2 tw-py-[3px]'} ${disabled ? disabledClasses$1 : isActive ? activeBorderStyles : triggerBorderStyles} ${extraClassNames || ''}`, "data-testid": testId, onClick: (e) => {
                     onClick && onClick(e);
                 } },
                 React.createElement("span", { className: "tw-nowrap" },