@allxsmith/bestax-bulma 3.0.2 → 4.0.0

package/dist/index.cjs.js

@@ -1161,9 +1161,9 @@ Pagination.Previous = PaginationPrevious;
 Pagination.Next = PaginationNext;
 
 function getIconClasses(library, name, variant, features) {
-    let baseClass = '';
-    let iconClass = '';
-    let featureList = Array.isArray(features)
+    let baseClass;
+    let iconClass;
+    const featureList = Array.isArray(features)
         ? features
         : features
             ? [features]
@@ -1488,7 +1488,8 @@ const Collapse = ({ open: controlledOpen, defaultOpen = false, onOpen, onClose,
     const isControlled = controlledOpen !== undefined;
     const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
     const isOpen = isControlled ? controlledOpen : internalOpen;
-    const uniqueId = React.useRef(ariaId || `collapse-${Math.random().toString(36).slice(2, 9)}`);
+    const generatedId = React.useId();
+    const uniqueId = ariaId || generatedId;
     React.useEffect(() => {
         if (!contentRef.current)
             return undefined;
@@ -1565,8 +1566,8 @@ const Collapse = ({ open: controlledOpen, defaultOpen = false, onOpen, onClose,
             display: isOpen ? 'block' : 'none',
         };
     }
-    const triggerElement = (jsxRuntime.jsx("div", { className: combinedTriggerClasses, onClick: handleToggle, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, "aria-expanded": isOpen, "aria-controls": uniqueId.current, children: trigger }));
-    const contentElement = (jsxRuntime.jsx("div", { style: contentWrapperStyle, children: jsxRuntime.jsx("div", { ref: contentRef, id: uniqueId.current, className: combinedContentClasses, "aria-hidden": !isOpen, children: children }) }));
+    const triggerElement = (jsxRuntime.jsx("div", { className: combinedTriggerClasses, onClick: handleToggle, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, "aria-expanded": isOpen, "aria-controls": uniqueId, children: trigger }));
+    const contentElement = (jsxRuntime.jsx("div", { style: contentWrapperStyle, children: jsxRuntime.jsx("div", { ref: contentRef, id: uniqueId, className: combinedContentClasses, "aria-hidden": !isOpen, children: children }) }));
     return (jsxRuntime.jsx("div", { className: combinedClasses, ...rest, children: position === 'bottom' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [contentElement, triggerElement] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [triggerElement, contentElement] })) }));
 };