@allxsmith/bestax-bulma 2.1.3 → 2.3.0

package/dist/index.cjs.js

@@ -1,438 +1,12 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
-var jsxRuntime = {exports: {}};
-
-var reactJsxRuntime_production = {};
-
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactJsxRuntime_production;
-
-function requireReactJsxRuntime_production () {
-	if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-	hasRequiredReactJsxRuntime_production = 1;
-	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-	  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-	function jsxProd(type, config, maybeKey) {
-	  var key = null;
-	  void 0 !== maybeKey && (key = "" + maybeKey);
-	  void 0 !== config.key && (key = "" + config.key);
-	  if ("key" in config) {
-	    maybeKey = {};
-	    for (var propName in config)
-	      "key" !== propName && (maybeKey[propName] = config[propName]);
-	  } else maybeKey = config;
-	  config = maybeKey.ref;
-	  return {
-	    $$typeof: REACT_ELEMENT_TYPE,
-	    type: type,
-	    key: key,
-	    ref: void 0 !== config ? config : null,
-	    props: maybeKey
-	  };
-	}
-	reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-	reactJsxRuntime_production.jsx = jsxProd;
-	reactJsxRuntime_production.jsxs = jsxProd;
-	return reactJsxRuntime_production;
-}
-
-var reactJsxRuntime_development = {};
-
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactJsxRuntime_development;
-
-function requireReactJsxRuntime_development () {
-	if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-	hasRequiredReactJsxRuntime_development = 1;
-	"production" !== process.env.NODE_ENV &&
-	  (function () {
-	    function getComponentNameFromType(type) {
-	      if (null == type) return null;
-	      if ("function" === typeof type)
-	        return type.$$typeof === REACT_CLIENT_REFERENCE
-	          ? null
-	          : type.displayName || type.name || null;
-	      if ("string" === typeof type) return type;
-	      switch (type) {
-	        case REACT_FRAGMENT_TYPE:
-	          return "Fragment";
-	        case REACT_PROFILER_TYPE:
-	          return "Profiler";
-	        case REACT_STRICT_MODE_TYPE:
-	          return "StrictMode";
-	        case REACT_SUSPENSE_TYPE:
-	          return "Suspense";
-	        case REACT_SUSPENSE_LIST_TYPE:
-	          return "SuspenseList";
-	        case REACT_ACTIVITY_TYPE:
-	          return "Activity";
-	      }
-	      if ("object" === typeof type)
-	        switch (
-	          ("number" === typeof type.tag &&
-	            console.error(
-	              "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-	            ),
-	          type.$$typeof)
-	        ) {
-	          case REACT_PORTAL_TYPE:
-	            return "Portal";
-	          case REACT_CONTEXT_TYPE:
-	            return (type.displayName || "Context") + ".Provider";
-	          case REACT_CONSUMER_TYPE:
-	            return (type._context.displayName || "Context") + ".Consumer";
-	          case REACT_FORWARD_REF_TYPE:
-	            var innerType = type.render;
-	            type = type.displayName;
-	            type ||
-	              ((type = innerType.displayName || innerType.name || ""),
-	              (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
-	            return type;
-	          case REACT_MEMO_TYPE:
-	            return (
-	              (innerType = type.displayName || null),
-	              null !== innerType
-	                ? innerType
-	                : getComponentNameFromType(type.type) || "Memo"
-	            );
-	          case REACT_LAZY_TYPE:
-	            innerType = type._payload;
-	            type = type._init;
-	            try {
-	              return getComponentNameFromType(type(innerType));
-	            } catch (x) {}
-	        }
-	      return null;
-	    }
-	    function testStringCoercion(value) {
-	      return "" + value;
-	    }
-	    function checkKeyStringCoercion(value) {
-	      try {
-	        testStringCoercion(value);
-	        var JSCompiler_inline_result = !1;
-	      } catch (e) {
-	        JSCompiler_inline_result = true;
-	      }
-	      if (JSCompiler_inline_result) {
-	        JSCompiler_inline_result = console;
-	        var JSCompiler_temp_const = JSCompiler_inline_result.error;
-	        var JSCompiler_inline_result$jscomp$0 =
-	          ("function" === typeof Symbol &&
-	            Symbol.toStringTag &&
-	            value[Symbol.toStringTag]) ||
-	          value.constructor.name ||
-	          "Object";
-	        JSCompiler_temp_const.call(
-	          JSCompiler_inline_result,
-	          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-	          JSCompiler_inline_result$jscomp$0
-	        );
-	        return testStringCoercion(value);
-	      }
-	    }
-	    function getTaskName(type) {
-	      if (type === REACT_FRAGMENT_TYPE) return "<>";
-	      if (
-	        "object" === typeof type &&
-	        null !== type &&
-	        type.$$typeof === REACT_LAZY_TYPE
-	      )
-	        return "<...>";
-	      try {
-	        var name = getComponentNameFromType(type);
-	        return name ? "<" + name + ">" : "<...>";
-	      } catch (x) {
-	        return "<...>";
-	      }
-	    }
-	    function getOwner() {
-	      var dispatcher = ReactSharedInternals.A;
-	      return null === dispatcher ? null : dispatcher.getOwner();
-	    }
-	    function UnknownOwner() {
-	      return Error("react-stack-top-frame");
-	    }
-	    function hasValidKey(config) {
-	      if (hasOwnProperty.call(config, "key")) {
-	        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-	        if (getter && getter.isReactWarning) return false;
-	      }
-	      return void 0 !== config.key;
-	    }
-	    function defineKeyPropWarningGetter(props, displayName) {
-	      function warnAboutAccessingKey() {
-	        specialPropKeyWarningShown ||
-	          ((specialPropKeyWarningShown = true),
-	          console.error(
-	            "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-	            displayName
-	          ));
-	      }
-	      warnAboutAccessingKey.isReactWarning = true;
-	      Object.defineProperty(props, "key", {
-	        get: warnAboutAccessingKey,
-	        configurable: true
-	      });
-	    }
-	    function elementRefGetterWithDeprecationWarning() {
-	      var componentName = getComponentNameFromType(this.type);
-	      didWarnAboutElementRef[componentName] ||
-	        ((didWarnAboutElementRef[componentName] = true),
-	        console.error(
-	          "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-	        ));
-	      componentName = this.props.ref;
-	      return void 0 !== componentName ? componentName : null;
-	    }
-	    function ReactElement(
-	      type,
-	      key,
-	      self,
-	      source,
-	      owner,
-	      props,
-	      debugStack,
-	      debugTask
-	    ) {
-	      self = props.ref;
-	      type = {
-	        $$typeof: REACT_ELEMENT_TYPE,
-	        type: type,
-	        key: key,
-	        props: props,
-	        _owner: owner
-	      };
-	      null !== (void 0 !== self ? self : null)
-	        ? Object.defineProperty(type, "ref", {
-	            enumerable: false,
-	            get: elementRefGetterWithDeprecationWarning
-	          })
-	        : Object.defineProperty(type, "ref", { enumerable: false, value: null });
-	      type._store = {};
-	      Object.defineProperty(type._store, "validated", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: 0
-	      });
-	      Object.defineProperty(type, "_debugInfo", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: null
-	      });
-	      Object.defineProperty(type, "_debugStack", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: debugStack
-	      });
-	      Object.defineProperty(type, "_debugTask", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: debugTask
-	      });
-	      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-	      return type;
-	    }
-	    function jsxDEVImpl(
-	      type,
-	      config,
-	      maybeKey,
-	      isStaticChildren,
-	      source,
-	      self,
-	      debugStack,
-	      debugTask
-	    ) {
-	      var children = config.children;
-	      if (void 0 !== children)
-	        if (isStaticChildren)
-	          if (isArrayImpl(children)) {
-	            for (
-	              isStaticChildren = 0;
-	              isStaticChildren < children.length;
-	              isStaticChildren++
-	            )
-	              validateChildKeys(children[isStaticChildren]);
-	            Object.freeze && Object.freeze(children);
-	          } else
-	            console.error(
-	              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-	            );
-	        else validateChildKeys(children);
-	      if (hasOwnProperty.call(config, "key")) {
-	        children = getComponentNameFromType(type);
-	        var keys = Object.keys(config).filter(function (k) {
-	          return "key" !== k;
-	        });
-	        isStaticChildren =
-	          0 < keys.length
-	            ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
-	            : "{key: someKey}";
-	        didWarnAboutKeySpread[children + isStaticChildren] ||
-	          ((keys =
-	            0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-	          console.error(
-	            'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
-	            isStaticChildren,
-	            children,
-	            keys,
-	            children
-	          ),
-	          (didWarnAboutKeySpread[children + isStaticChildren] = true));
-	      }
-	      children = null;
-	      void 0 !== maybeKey &&
-	        (checkKeyStringCoercion(maybeKey), (children = "" + maybeKey));
-	      hasValidKey(config) &&
-	        (checkKeyStringCoercion(config.key), (children = "" + config.key));
-	      if ("key" in config) {
-	        maybeKey = {};
-	        for (var propName in config)
-	          "key" !== propName && (maybeKey[propName] = config[propName]);
-	      } else maybeKey = config;
-	      children &&
-	        defineKeyPropWarningGetter(
-	          maybeKey,
-	          "function" === typeof type
-	            ? type.displayName || type.name || "Unknown"
-	            : type
-	        );
-	      return ReactElement(
-	        type,
-	        children,
-	        self,
-	        source,
-	        getOwner(),
-	        maybeKey,
-	        debugStack,
-	        debugTask
-	      );
-	    }
-	    function validateChildKeys(node) {
-	      "object" === typeof node &&
-	        null !== node &&
-	        node.$$typeof === REACT_ELEMENT_TYPE &&
-	        node._store &&
-	        (node._store.validated = 1);
-	    }
-	    var React$1 = React,
-	      REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-	      REACT_PORTAL_TYPE = Symbol.for("react.portal"),
-	      REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
-	      REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-	      REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-	    var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
-	      REACT_CONTEXT_TYPE = Symbol.for("react.context"),
-	      REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
-	      REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
-	      REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
-	      REACT_MEMO_TYPE = Symbol.for("react.memo"),
-	      REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-	      REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
-	      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-	      ReactSharedInternals =
-	        React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-	      hasOwnProperty = Object.prototype.hasOwnProperty,
-	      isArrayImpl = Array.isArray,
-	      createTask = console.createTask
-	        ? console.createTask
-	        : function () {
-	            return null;
-	          };
-	    React$1 = {
-	      "react-stack-bottom-frame": function (callStackForError) {
-	        return callStackForError();
-	      }
-	    };
-	    var specialPropKeyWarningShown;
-	    var didWarnAboutElementRef = {};
-	    var unknownOwnerDebugStack = React$1["react-stack-bottom-frame"].bind(
-	      React$1,
-	      UnknownOwner
-	    )();
-	    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-	    var didWarnAboutKeySpread = {};
-	    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-	    reactJsxRuntime_development.jsx = function (type, config, maybeKey, source, self) {
-	      var trackActualOwner =
-	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-	      return jsxDEVImpl(
-	        type,
-	        config,
-	        maybeKey,
-	        false,
-	        source,
-	        self,
-	        trackActualOwner
-	          ? Error("react-stack-top-frame")
-	          : unknownOwnerDebugStack,
-	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-	      );
-	    };
-	    reactJsxRuntime_development.jsxs = function (type, config, maybeKey, source, self) {
-	      var trackActualOwner =
-	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-	      return jsxDEVImpl(
-	        type,
-	        config,
-	        maybeKey,
-	        true,
-	        source,
-	        self,
-	        trackActualOwner
-	          ? Error("react-stack-top-frame")
-	          : unknownOwnerDebugStack,
-	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-	      );
-	    };
-	  })();
-	return reactJsxRuntime_development;
-}
-
-var hasRequiredJsxRuntime;
-
-function requireJsxRuntime () {
-	if (hasRequiredJsxRuntime) return jsxRuntime.exports;
-	hasRequiredJsxRuntime = 1;
-
-	if (process.env.NODE_ENV === 'production') {
-	  jsxRuntime.exports = requireReactJsxRuntime_production();
-	} else {
-	  jsxRuntime.exports = requireReactJsxRuntime_development();
-	}
-	return jsxRuntime.exports;
-}
-
-var jsxRuntimeExports = requireJsxRuntime();
-
 const ConfigContext = React.createContext({});
 const useConfig = () => React.useContext(ConfigContext);
-const ConfigProvider = ({ classPrefix, children, }) => {
-    return (jsxRuntimeExports.jsx(ConfigContext.Provider, { value: { classPrefix }, children: children }));
+const ConfigProvider = ({ classPrefix, iconLibrary, children, }) => {
+    return (jsxRuntime.jsx(ConfigContext.Provider, { value: { classPrefix, iconLibrary }, children: children }));
 };
 const useClassPrefix = () => {
     const { classPrefix } = useConfig();
@@ -442,6 +16,10 @@ const usePrefixedClass = () => {
     const { classPrefix } = useConfig();
     return (className) => classPrefix ? `${classPrefix}${className}` : className;
 };
+const useIconLibrary = () => {
+    const { iconLibrary } = useConfig();
+    return iconLibrary;
+};
 
 function classNames(...args) {
     const classSet = new Set();
@@ -945,7 +523,7 @@ const Column = ({ className, textColor, color: _fieldColor, bgColor, size, sizeM
         'is-narrow-fullhd': !!isNarrowFullhd,
     });
     const columnClasses = classNames(mainClass, columnSpecificClasses, className, bulmaHelperClasses);
-    return (jsxRuntimeExports.jsx("div", { className: columnClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: columnClasses, ...rest, children: children }));
 };
 
 const Columns = ({ className, textColor, color: _fieldColor, bgColor, isCentered, isGapless, isMultiline, isVCentered, isMobile, isDesktop, gapSize, gapSizeMobile, gapSizeTablet, gapSizeDesktop, gapSizeWidescreen, gapSizeFullhd, children, ...props }) => {
@@ -970,7 +548,7 @@ const Columns = ({ className, textColor, color: _fieldColor, bgColor, isCentered
         'is-desktop': !!isDesktop,
     });
     const columnsClasses = classNames(mainClass, gapClasses, className, bulmaHelperClasses);
-    return (jsxRuntimeExports.jsx("div", { className: columnsClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: columnsClasses, ...rest, children: children }));
 };
 
 const validBreadcrumbAlignments = ['centered', 'right'];
@@ -989,14 +567,14 @@ const Breadcrumb = ({ className, alignment, separator, size, children, ...props
         [`is-${size}`]: size && validBreadcrumbSizes.includes(size),
     });
     const breadcrumbClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("nav", { className: breadcrumbClasses, "aria-label": "breadcrumbs", ...rest, children: jsxRuntimeExports.jsx("ul", { children: children }) }));
+    return (jsxRuntime.jsx("nav", { className: breadcrumbClasses, "aria-label": "breadcrumbs", ...rest, children: jsxRuntime.jsx("ul", { children: children }) }));
 };
 
 const renderFooter = (footer) => {
     if (!footer)
         return null;
     const items = Array.isArray(footer) ? footer : [footer];
-    return items.map((item, idx) => (jsxRuntimeExports.jsx("span", { className: "card-footer-item", children: item }, idx)));
+    return items.map((item, idx) => (jsxRuntime.jsx("span", { className: "card-footer-item", children: item }, idx)));
 };
 const hasCompoundComponents = (children) => {
     return React.Children.toArray(children).some(child => {
@@ -1023,33 +601,33 @@ const CardComponent = ({ className, children, textColor, bgColor, hasShadow = tr
     const renderHeader = (header, headerIcon, headerCentered) => {
         if (!header && !headerIcon)
             return null;
-        return (jsxRuntimeExports.jsxs("header", { className: "card-header", children: [header && (jsxRuntimeExports.jsx("div", { className: classNames('card-header-title', {
+        return (jsxRuntime.jsxs("header", { className: "card-header", children: [header && (jsxRuntime.jsx("div", { className: classNames('card-header-title', {
                         'is-centered': headerCentered,
                     }), children: header })), headerIcon] }));
     };
-    return (jsxRuntimeExports.jsxs("div", { className: cardClasses, ...rest, children: [renderHeader(header, headerIcon, headerCentered), image && (jsxRuntimeExports.jsx("div", { className: "card-image", children: typeof image === 'string' ? (jsxRuntimeExports.jsx("figure", { className: "image", children: jsxRuntimeExports.jsx("img", { src: image, alt: imageAlt !== null && imageAlt !== void 0 ? imageAlt : 'Card image' }) })) : (image) })), typeof children !== 'undefined' &&
+    return (jsxRuntime.jsxs("div", { className: cardClasses, ...rest, children: [renderHeader(header, headerIcon, headerCentered), image && (jsxRuntime.jsx("div", { className: "card-image", children: typeof image === 'string' ? (jsxRuntime.jsx("figure", { className: "image", children: jsxRuntime.jsx("img", { src: image, alt: imageAlt !== null && imageAlt !== void 0 ? imageAlt : 'Card image' }) })) : (image) })), typeof children !== 'undefined' &&
                 children !== null &&
                 children !== '' &&
-                !hasCompoundComponents(children) && (jsxRuntimeExports.jsx("div", { className: "card-content", children: children })), typeof children !== 'undefined' &&
+                !hasCompoundComponents(children) && (jsxRuntime.jsx("div", { className: "card-content", children: children })), typeof children !== 'undefined' &&
                 children !== null &&
                 children !== '' &&
                 hasCompoundComponents(children) &&
-                children, footer && (jsxRuntimeExports.jsx("footer", { className: "card-footer", children: renderFooter(footer) }))] }));
+                children, footer && (jsxRuntime.jsx("footer", { className: "card-footer", children: renderFooter(footer) }))] }));
 };
 const CardHeader = ({ className, children, centered, ...props }) => {
     const hasHeaderTitle = React.Children.toArray(children).some(child => React.isValidElement(child) &&
         typeof child.type === 'function' &&
         child.type === CardHeaderTitle);
-    return (jsxRuntimeExports.jsx("header", { className: classNames('card-header', className), ...props, children: hasHeaderTitle ? (children) : (jsxRuntimeExports.jsx("div", { className: classNames('card-header-title', {
+    return (jsxRuntime.jsx("header", { className: classNames('card-header', className), ...props, children: hasHeaderTitle ? (children) : (jsxRuntime.jsx("div", { className: classNames('card-header-title', {
                 'is-centered': centered,
             }), children: children })) }));
 };
-const CardHeaderTitle = ({ className, children, centered, ...props }) => (jsxRuntimeExports.jsx("div", { className: classNames('card-header-title', { 'is-centered': centered }, className), ...props, children: children }));
-const CardHeaderIcon = ({ className, children, ...props }) => (jsxRuntimeExports.jsx("button", { className: classNames('card-header-icon', className), "aria-label": props['aria-label'] || 'more options', ...props, children: children }));
-const CardImage = ({ className, children, ...props }) => (jsxRuntimeExports.jsx("div", { className: classNames('card-image', className), ...props, children: children }));
-const CardContent = ({ className, children, ...props }) => (jsxRuntimeExports.jsx("div", { className: classNames('card-content', className), ...props, children: children }));
-const CardFooter = ({ className, children, ...props }) => (jsxRuntimeExports.jsx("footer", { className: classNames('card-footer', className), ...props, children: children }));
-const CardFooterItem = ({ className, children, ...props }) => (jsxRuntimeExports.jsx("span", { className: classNames('card-footer-item', className), ...props, children: children }));
+const CardHeaderTitle = ({ className, children, centered, ...props }) => (jsxRuntime.jsx("div", { className: classNames('card-header-title', { 'is-centered': centered }, className), ...props, children: children }));
+const CardHeaderIcon = ({ className, children, ...props }) => (jsxRuntime.jsx("button", { className: classNames('card-header-icon', className), "aria-label": props['aria-label'] || 'more options', ...props, children: children }));
+const CardImage = ({ className, children, ...props }) => (jsxRuntime.jsx("div", { className: classNames('card-image', className), ...props, children: children }));
+const CardContent = ({ className, children, ...props }) => (jsxRuntime.jsx("div", { className: classNames('card-content', className), ...props, children: children }));
+const CardFooter = ({ className, children, ...props }) => (jsxRuntime.jsx("footer", { className: classNames('card-footer', className), ...props, children: children }));
+const CardFooterItem = ({ className, children, ...props }) => (jsxRuntime.jsx("span", { className: classNames('card-footer-item', className), ...props, children: children }));
 const CardWithSubComponents = CardComponent;
 const CardHeaderWithTitle = CardHeader;
 CardHeaderWithTitle.Title = CardHeaderTitle;
@@ -1107,13 +685,13 @@ const DropdownComponent = ({ label, children, className, menuClassName, active:
         }
     };
     const dropdownClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsxs("div", { className: dropdownClasses, ref: dropdownRef, id: id, "data-testid": "dropdown-root", ...rest, children: [jsxRuntimeExports.jsx("div", { className: "dropdown-trigger", children: jsxRuntimeExports.jsxs("button", { className: buttonClass, "aria-haspopup": "true", "aria-controls": id ? `${id}-menu` : undefined, "aria-expanded": active, onClick: handleToggle, disabled: disabled, type: "button", children: [jsxRuntimeExports.jsx("span", { children: label }), jsxRuntimeExports.jsx("span", { className: "icon is-small", "aria-hidden": "true", children: jsxRuntimeExports.jsx("i", { className: "fas fa-angle-down" }) })] }) }), jsxRuntimeExports.jsx("div", { className: classNames('dropdown-menu', menuClassName), id: id ? `${id}-menu` : undefined, role: "menu", "data-testid": "dropdown-menu", children: jsxRuntimeExports.jsx("div", { className: "dropdown-content", onClick: handleMenuClick, tabIndex: -1, children: children }) })] }));
+    return (jsxRuntime.jsxs("div", { className: dropdownClasses, ref: dropdownRef, id: id, "data-testid": "dropdown-root", ...rest, children: [jsxRuntime.jsx("div", { className: "dropdown-trigger", children: jsxRuntime.jsxs("button", { className: buttonClass, "aria-haspopup": "true", "aria-controls": id ? `${id}-menu` : undefined, "aria-expanded": active, onClick: handleToggle, disabled: disabled, type: "button", children: [jsxRuntime.jsx("span", { children: label }), jsxRuntime.jsx("span", { className: "icon is-small", "aria-hidden": "true", children: jsxRuntime.jsx("i", { className: "fas fa-angle-down" }) })] }) }), jsxRuntime.jsx("div", { className: classNames('dropdown-menu', menuClassName), id: id ? `${id}-menu` : undefined, role: "menu", "data-testid": "dropdown-menu", children: jsxRuntime.jsx("div", { className: "dropdown-content", onClick: handleMenuClick, tabIndex: -1, children: children }) })] }));
 };
 const DropdownItem = ({ children, active, className, as: Component = 'a', ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses(props);
-    return (jsxRuntimeExports.jsx(Component, { className: classNames('dropdown-item', bulmaHelperClasses, { 'is-active': active }, className), tabIndex: 0, role: "menuitem", "data-testid": "dropdown-item", ...rest, children: children }));
+    return (jsxRuntime.jsx(Component, { className: classNames('dropdown-item', bulmaHelperClasses, { 'is-active': active }, className), tabIndex: 0, role: "menuitem", "data-testid": "dropdown-item", ...rest, children: children }));
 };
-const DropdownDivider = () => (jsxRuntimeExports.jsx("hr", { className: "dropdown-divider" }));
+const DropdownDivider = () => (jsxRuntime.jsx("hr", { className: "dropdown-divider" }));
 const Dropdown = Object.assign(DropdownComponent, {
     Item: DropdownItem,
     Divider: DropdownDivider,
@@ -1123,11 +701,11 @@ const MenuListLevelContext = React.createContext(0);
 const MenuComponent = ({ className, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses(props);
     const bulmaClasses = usePrefixedClassNames('menu');
-    return (jsxRuntimeExports.jsx("aside", { className: classNames(bulmaClasses, bulmaHelperClasses, className), ...rest, children: children }));
+    return (jsxRuntime.jsx("aside", { className: classNames(bulmaClasses, bulmaHelperClasses, className), ...rest, children: children }));
 };
 const MenuLabel = ({ className, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses(props);
-    return (jsxRuntimeExports.jsx("p", { className: classNames('menu-label', className, bulmaHelperClasses), ...rest, children: children }));
+    return (jsxRuntime.jsx("p", { className: classNames('menu-label', className, bulmaHelperClasses), ...rest, children: children }));
 };
 const MenuList = ({ className, children, ...props }) => {
     const level = React.useContext(MenuListLevelContext);
@@ -1135,7 +713,7 @@ const MenuList = ({ className, children, ...props }) => {
     const ulClass = classNames(className, bulmaHelperClasses, {
         'menu-list': level === 0,
     });
-    return (jsxRuntimeExports.jsx(MenuListLevelContext.Provider, { value: level + 1, children: jsxRuntimeExports.jsx("ul", { className: ulClass, ...rest, children: children }) }));
+    return (jsxRuntime.jsx(MenuListLevelContext.Provider, { value: level + 1, children: jsxRuntime.jsx("ul", { className: ulClass, ...rest, children: children }) }));
 };
 const MenuItem = ({ className, children, active, href, as: Component = 'a', 'data-testid': testId, ...rest }) => {
     const { bulmaHelperClasses, rest: bulmaRest } = useBulmaClasses(rest);
@@ -1157,7 +735,7 @@ const MenuItem = ({ className, children, active, href, as: Component = 'a', 'dat
     if (Object.prototype.hasOwnProperty.call(rest, 'to')) {
         linkProps.to = rest.to;
     }
-    return (jsxRuntimeExports.jsxs("li", { className: className, "data-testid": testId, style: style, id: id, title: title, role: role, tabIndex: tabIndex, children: [jsxRuntimeExports.jsx(Component, { className: itemClass, ...linkProps, children: labelChildren }), nestedMenuLists] }));
+    return (jsxRuntime.jsxs("li", { className: className, "data-testid": testId, style: style, id: id, title: title, role: role, tabIndex: tabIndex, children: [jsxRuntime.jsx(Component, { className: itemClass, ...linkProps, children: labelChildren }), nestedMenuLists] }));
 };
 const Menu = Object.assign(MenuComponent, {
     Label: MenuLabel,
@@ -1176,10 +754,10 @@ const MessageComponent = ({ className, title, textColor, color, bgColor, onClose
     });
     const deleteClass = usePrefixedClassNames('delete');
     const messageClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsxs("article", { className: messageClasses, ...rest, "data-testid": "message", children: [(title || onClose) && (jsxRuntimeExports.jsxs("div", { className: "message-header", children: [title && jsxRuntimeExports.jsx("span", { children: title }), onClose && (jsxRuntimeExports.jsx("button", { className: deleteClass, "aria-label": "delete", onClick: onClose, type: "button", "data-testid": "message-close" }))] })), children && (jsxRuntimeExports.jsx("div", { className: "message-body", "data-testid": "message-body", children: children }))] }));
+    return (jsxRuntime.jsxs("article", { className: messageClasses, ...rest, "data-testid": "message", children: [(title || onClose) && (jsxRuntime.jsxs("div", { className: "message-header", children: [title && jsxRuntime.jsx("span", { children: title }), onClose && (jsxRuntime.jsx("button", { className: deleteClass, "aria-label": "delete", onClick: onClose, type: "button", "data-testid": "message-close" }))] })), children && (jsxRuntime.jsx("div", { className: "message-body", "data-testid": "message-body", children: children }))] }));
 };
-const MessageHeader = ({ className, children, ...props }) => (jsxRuntimeExports.jsx("div", { className: classNames('message-header', className), ...props, children: children }));
-const MessageBody = ({ className, children, ...props }) => (jsxRuntimeExports.jsx("div", { className: classNames('message-body', className), ...props, children: children }));
+const MessageHeader = ({ className, children, ...props }) => (jsxRuntime.jsx("div", { className: classNames('message-header', className), ...props, children: children }));
+const MessageBody = ({ className, children, ...props }) => (jsxRuntime.jsx("div", { className: classNames('message-body', className), ...props, children: children }));
 const MessageWithSubComponents = MessageComponent;
 MessageWithSubComponents.Header = MessageHeader;
 MessageWithSubComponents.Body = MessageBody;
@@ -1202,7 +780,7 @@ const Modal = ({ active = false, onClose, className, textColor, bgColor, modalCa
     });
     const deleteClass = usePrefixedClassNames('delete');
     const modalClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsxs("div", { className: modalClasses, ...rest, "data-testid": "modal", children: [jsxRuntimeExports.jsx("div", { className: "modal-background", onClick: onClose, "data-testid": "modal-background" }), isModalCard ? (jsxRuntimeExports.jsxs("div", { className: "modal-card", children: [modalCardTitle && (jsxRuntimeExports.jsxs("header", { className: "modal-card-head", children: [jsxRuntimeExports.jsx("p", { className: "modal-card-title", children: modalCardTitle }), onClose && (jsxRuntimeExports.jsx("button", { className: deleteClass, "aria-label": "close", onClick: onClose, type: "button", "data-testid": "modal-close" }))] })), jsxRuntimeExports.jsx("section", { className: "modal-card-body", "data-testid": "modal-body", children: children }), modalCardFoot && (jsxRuntimeExports.jsx("footer", { className: "modal-card-foot", children: modalCardFoot }))] })) : (jsxRuntimeExports.jsx("div", { className: "modal-content", "data-testid": "modal-content", children: children })), (!isModalCard || (!modalCardTitle && onClose)) && onClose && (jsxRuntimeExports.jsx("button", { className: "modal-close is-large", "aria-label": "close", onClick: onClose, type: "button", "data-testid": "modal-close-float" }))] }));
+    return (jsxRuntime.jsxs("div", { className: modalClasses, ...rest, "data-testid": "modal", children: [jsxRuntime.jsx("div", { className: "modal-background", onClick: onClose, "data-testid": "modal-background" }), isModalCard ? (jsxRuntime.jsxs("div", { className: "modal-card", children: [modalCardTitle && (jsxRuntime.jsxs("header", { className: "modal-card-head", children: [jsxRuntime.jsx("p", { className: "modal-card-title", children: modalCardTitle }), onClose && (jsxRuntime.jsx("button", { className: deleteClass, "aria-label": "close", onClick: onClose, type: "button", "data-testid": "modal-close" }))] })), jsxRuntime.jsx("section", { className: "modal-card-body", "data-testid": "modal-body", children: children }), modalCardFoot && (jsxRuntime.jsx("footer", { className: "modal-card-foot", children: modalCardFoot }))] })) : (jsxRuntime.jsx("div", { className: "modal-content", "data-testid": "modal-content", children: children })), (!isModalCard || (!modalCardTitle && onClose)) && onClose && (jsxRuntime.jsx("button", { className: "modal-close is-large", "aria-label": "close", onClick: onClose, type: "button", "data-testid": "modal-close-float" }))] }));
 };
 
 const Navbar = ({ className, textColor, bgColor, color, transparent, fixed, children, ...props }) => {
@@ -1217,14 +795,14 @@ const Navbar = ({ className, textColor, bgColor, color, transparent, fixed, chil
         [`is-fixed-${fixed}`]: fixed,
     });
     const navbarClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("nav", { className: navbarClasses, role: "navigation", "aria-label": "main navigation", ...rest, children: children }));
+    return (jsxRuntime.jsx("nav", { className: navbarClasses, role: "navigation", "aria-label": "main navigation", ...rest, children: children }));
 };
 const NavbarBrand = ({ className, children, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         color: textColor,
         ...props,
     });
-    return (jsxRuntimeExports.jsx("div", { className: classNames('navbar-brand', bulmaHelperClasses, className), ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: classNames('navbar-brand', bulmaHelperClasses, className), ...rest, children: children }));
 };
 const NavbarItem = ({ className, as: Component = 'a', active, textColor, bgColor, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -1232,7 +810,7 @@ const NavbarItem = ({ className, as: Component = 'a', active, textColor, bgColor
         backgroundColor: bgColor,
         ...props,
     });
-    return (jsxRuntimeExports.jsx(Component, { className: classNames('navbar-item', bulmaHelperClasses, className, {
+    return (jsxRuntime.jsx(Component, { className: classNames('navbar-item', bulmaHelperClasses, className, {
             'is-active': active,
         }), ...rest, children: children }));
 };
@@ -1241,15 +819,15 @@ const NavbarBurger = ({ className, active, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         ...props,
     });
-    return (jsxRuntimeExports.jsxs("button", { type: "button", className: classNames('navbar-burger', bulmaHelperClasses, className, {
+    return (jsxRuntime.jsxs("button", { type: "button", className: classNames('navbar-burger', bulmaHelperClasses, className, {
             'is-active': active,
-        }), "aria-label": props['aria-label'] || 'menu', "aria-expanded": (_a = props['aria-expanded']) !== null && _a !== void 0 ? _a : !!active, ...rest, children: [jsxRuntimeExports.jsx("span", { "aria-hidden": "true" }), jsxRuntimeExports.jsx("span", { "aria-hidden": "true" }), jsxRuntimeExports.jsx("span", { "aria-hidden": "true" }), children] }));
+        }), "aria-label": props['aria-label'] || 'menu', "aria-expanded": (_a = props['aria-expanded']) !== null && _a !== void 0 ? _a : !!active, ...rest, children: [jsxRuntime.jsx("span", { "aria-hidden": "true" }), jsxRuntime.jsx("span", { "aria-hidden": "true" }), jsxRuntime.jsx("span", { "aria-hidden": "true" }), children] }));
 };
 const NavbarMenu = ({ className, active, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         ...props,
     });
-    return (jsxRuntimeExports.jsx("div", { className: classNames('navbar-menu', bulmaHelperClasses, className, {
+    return (jsxRuntime.jsx("div", { className: classNames('navbar-menu', bulmaHelperClasses, className, {
             'is-active': active,
         }), ...rest, children: children }));
 };
@@ -1257,25 +835,25 @@ const NavbarStart = ({ className, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         ...props,
     });
-    return (jsxRuntimeExports.jsx("div", { className: classNames('navbar-start', bulmaHelperClasses, className), ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: classNames('navbar-start', bulmaHelperClasses, className), ...rest, children: children }));
 };
 const NavbarEnd = ({ className, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         ...props,
     });
-    return (jsxRuntimeExports.jsx("div", { className: classNames('navbar-end', bulmaHelperClasses, className), ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: classNames('navbar-end', bulmaHelperClasses, className), ...rest, children: children }));
 };
-const NavbarDropdown = ({ className, right, up, hoverable, active, children, ...props }) => (jsxRuntimeExports.jsx("div", { className: classNames('navbar-item', 'has-dropdown', {
+const NavbarDropdown = ({ className, right, up, hoverable, active, children, ...props }) => (jsxRuntime.jsx("div", { className: classNames('navbar-item', 'has-dropdown', {
         'is-right': right,
         'is-up': up,
         'is-hoverable': hoverable,
         'is-active': active,
     }, className), ...props, children: children }));
-const NavbarDropdownMenu = ({ className, right, up, children, ...props }) => (jsxRuntimeExports.jsx("div", { className: classNames('navbar-dropdown', {
+const NavbarDropdownMenu = ({ className, right, up, children, ...props }) => (jsxRuntime.jsx("div", { className: classNames('navbar-dropdown', {
         'is-right': right,
         'is-up': up,
     }, className), ...props, children: children }));
-const NavbarDivider = props => jsxRuntimeExports.jsx("hr", { className: "navbar-divider", ...props });
+const NavbarDivider = props => jsxRuntime.jsx("hr", { className: "navbar-divider", ...props });
 Navbar.Brand = NavbarBrand;
 Navbar.Item = NavbarItem;
 Navbar.Burger = NavbarBurger;
@@ -1286,7 +864,7 @@ Navbar.Dropdown = NavbarDropdown;
 Navbar.DropdownMenu = NavbarDropdownMenu;
 Navbar.Divider = NavbarDivider;
 
-const PaginationPrevious = ({ className, disabled, children, ...props }) => (jsxRuntimeExports.jsx("a", { className: classNames('pagination-previous', className, {
+const PaginationPrevious = ({ className, disabled, children, ...props }) => (jsxRuntime.jsx("a", { className: classNames('pagination-previous', className, {
         'is-disabled': disabled,
     }), "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, ...props, onClick: disabled
         ? e => {
@@ -1294,7 +872,7 @@ const PaginationPrevious = ({ className, disabled, children, ...props }) => (jsx
             e.stopPropagation();
         }
         : props.onClick, children: children }));
-const PaginationNext = ({ className, disabled, children, ...props }) => (jsxRuntimeExports.jsx("a", { className: classNames('pagination-next', className, {
+const PaginationNext = ({ className, disabled, children, ...props }) => (jsxRuntime.jsx("a", { className: classNames('pagination-next', className, {
         'is-disabled': disabled,
     }), "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, ...props, onClick: disabled
         ? e => {
@@ -1315,7 +893,7 @@ const Pagination = ({ color, textColor, bgColor, size, align, rounded, className
         'is-rounded': rounded,
     });
     const paginationClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("nav", { className: paginationClasses, role: "navigation", "aria-label": "pagination", ...rest, children: children }));
+    return (jsxRuntime.jsx("nav", { className: paginationClasses, role: "navigation", "aria-label": "pagination", ...rest, children: children }));
 };
 const PaginationList = ({ className, textColor, bgColor, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -1323,7 +901,7 @@ const PaginationList = ({ className, textColor, bgColor, children, ...props }) =
         backgroundColor: bgColor,
         ...props,
     });
-    return (jsxRuntimeExports.jsx("ul", { className: classNames('pagination-list', bulmaHelperClasses, className), ...rest, children: children }));
+    return (jsxRuntime.jsx("ul", { className: classNames('pagination-list', bulmaHelperClasses, className), ...rest, children: children }));
 };
 const PaginationLink = ({ className, textColor, bgColor, active, disabled, onClick, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -1341,12 +919,12 @@ const PaginationLink = ({ className, textColor, bgColor, active, disabled, onCli
             onClick(e);
         }
     };
-    return (jsxRuntimeExports.jsx("li", { children: jsxRuntimeExports.jsx("a", { className: classNames('pagination-link', bulmaHelperClasses, className, {
+    return (jsxRuntime.jsx("li", { children: jsxRuntime.jsx("a", { className: classNames('pagination-link', bulmaHelperClasses, className, {
                 'is-current': active,
                 'is-disabled': disabled,
             }), "aria-current": active ? 'page' : undefined, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onClick: handleClick, ...rest, children: children }) }));
 };
-const PaginationEllipsis = props => (jsxRuntimeExports.jsx("li", { children: jsxRuntimeExports.jsx("span", { className: "pagination-ellipsis", ...props, children: "\u2026" }) }));
+const PaginationEllipsis = props => (jsxRuntime.jsx("li", { children: jsxRuntime.jsx("span", { className: "pagination-ellipsis", ...props, children: "\u2026" }) }));
 Pagination.Link = PaginationLink;
 Pagination.List = PaginationList;
 Pagination.Ellipsis = PaginationEllipsis;
@@ -1362,18 +940,18 @@ const Panel = ({ color, className, children, ...props }) => {
         [`is-${color}`]: color,
     });
     const panelClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("nav", { className: panelClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("nav", { className: panelClasses, ...rest, children: children }));
 };
-const PanelHeading = ({ className, children, ...props }) => (jsxRuntimeExports.jsx("p", { className: classNames('panel-heading', className), ...props, children: children }));
-const PanelTabs = ({ className, children, ...props }) => (jsxRuntimeExports.jsx("p", { className: classNames('panel-tabs', className), ...props, children: children }));
-const PanelBlock = ({ className, active, children, ...props }) => (jsxRuntimeExports.jsx("a", { className: classNames('panel-block', className, { 'is-active': active }), ...props, children: children }));
-const PanelIcon = ({ className, children, ...props }) => (jsxRuntimeExports.jsx("span", { className: classNames('panel-icon', className), ...props, children: children }));
+const PanelHeading = ({ className, children, ...props }) => (jsxRuntime.jsx("p", { className: classNames('panel-heading', className), ...props, children: children }));
+const PanelTabs = ({ className, children, ...props }) => (jsxRuntime.jsx("p", { className: classNames('panel-tabs', className), ...props, children: children }));
+const PanelBlock = ({ className, active, children, ...props }) => (jsxRuntime.jsx("a", { className: classNames('panel-block', className, { 'is-active': active }), ...props, children: children }));
+const PanelIcon = ({ className, children, ...props }) => (jsxRuntime.jsx("span", { className: classNames('panel-icon', className), ...props, children: children }));
 const PanelInputBlock = ({ value, onChange, placeholder, iconClassName = 'fas fa-search', ...props }) => {
     const inputClass = usePrefixedClassNames('input');
-    return (jsxRuntimeExports.jsx("div", { className: "panel-block", ...props, children: jsxRuntimeExports.jsxs("p", { className: "control has-icons-left", children: [jsxRuntimeExports.jsx("input", { className: inputClass, type: "text", placeholder: placeholder, value: value, onChange: onChange }), jsxRuntimeExports.jsx("span", { className: "icon is-left", children: jsxRuntimeExports.jsx("i", { className: iconClassName, "aria-hidden": "true" }) })] }) }));
+    return (jsxRuntime.jsx("div", { className: "panel-block", ...props, children: jsxRuntime.jsxs("p", { className: "control has-icons-left", children: [jsxRuntime.jsx("input", { className: inputClass, type: "text", placeholder: placeholder, value: value, onChange: onChange }), jsxRuntime.jsx("span", { className: "icon is-left", children: jsxRuntime.jsx("i", { className: iconClassName, "aria-hidden": "true" }) })] }) }));
 };
-const PanelCheckboxBlock = ({ checked, onChange, children, ...props }) => (jsxRuntimeExports.jsxs("label", { className: "panel-block", ...props, children: [jsxRuntimeExports.jsx("input", { type: "checkbox", checked: checked, onChange: onChange }), children] }));
-const PanelButtonBlock = ({ children, className, ...props }) => (jsxRuntimeExports.jsx("div", { className: "panel-block", children: jsxRuntimeExports.jsx("button", { className: classNames('button is-link is-outlined is-fullwidth', className), ...props, children: children }) }));
+const PanelCheckboxBlock = ({ checked, onChange, children, ...props }) => (jsxRuntime.jsxs("label", { className: "panel-block", ...props, children: [jsxRuntime.jsx("input", { type: "checkbox", checked: checked, onChange: onChange }), children] }));
+const PanelButtonBlock = ({ children, className, ...props }) => (jsxRuntime.jsx("div", { className: "panel-block", children: jsxRuntime.jsx("button", { className: classNames('button is-link is-outlined is-fullwidth', className), ...props, children: children }) }));
 Panel.Heading = PanelHeading;
 Panel.Tabs = PanelTabs;
 Panel.Block = PanelBlock;
@@ -1396,10 +974,10 @@ const Tabs = ({ align, size, fullwidth, boxed, toggle, rounded, color, className
         'is-toggle-rounded': rounded,
     });
     const tabsClass = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: tabsClass, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: tabsClass, ...rest, children: children }));
 };
-const TabList = ({ className, children, ...props }) => (jsxRuntimeExports.jsx("ul", { className: classNames(className), ...props, children: children }));
-const TabItem = ({ active, className, children, onClick, ...props }) => (jsxRuntimeExports.jsx("li", { className: classNames({ 'is-active': active }, className), onClick: onClick, ...props, children: children }));
+const TabList = ({ className, children, ...props }) => (jsxRuntime.jsx("ul", { className: classNames(className), ...props, children: children }));
+const TabItem = ({ active, className, children, onClick, ...props }) => (jsxRuntime.jsx("li", { className: classNames({ 'is-active': active }, className), onClick: onClick, ...props, children: children }));
 Tabs.List = TabList;
 Tabs.Item = TabItem;
 
@@ -1411,7 +989,7 @@ const Block = ({ className, textColor, bgColor, children, ...props }) => {
     });
     const bulmaClasses = usePrefixedClassNames('block');
     const blockClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: blockClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: blockClasses, ...rest, children: children }));
 };
 
 const Box = ({ className, textColor, bgColor, hasShadow = true, children, ...props }) => {
@@ -1424,7 +1002,7 @@ const Box = ({ className, textColor, bgColor, hasShadow = true, children, ...pro
         'is-shadowless': !hasShadow,
     });
     const boxClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: boxClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: boxClasses, ...rest, children: children }));
 };
 
 const Button = ({ color, size, isLight, isRounded, isLoading, isStatic, isFullWidth, isOutlined, isInverted, isFocused, isActive, isHovered, isDisabled, className, children, textColor, bgColor, as = 'button', href, onClick, target, rel, ...props }) => {
@@ -1451,11 +1029,11 @@ const Button = ({ color, size, isLight, isRounded, isLoading, isStatic, isFullWi
     const buttonClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
     if (as === 'a') {
         const { type: _type, disabled: _disabled, form: _form, formAction: _formAction, formEncType: _formEncType, formMethod: _formMethod, formNoValidate: _formNoValidate, formTarget: _formTarget, name: _name, value: _value, autoFocus: _autoFocus, ...anchorRest } = rest;
-        return (jsxRuntimeExports.jsx("a", { className: buttonClasses, href: href, target: target, rel: rel, "aria-disabled": isDisabled, tabIndex: isDisabled ? -1 : undefined, onClick: isDisabled
+        return (jsxRuntime.jsx("a", { className: buttonClasses, href: href, target: target, rel: rel, "aria-disabled": isDisabled, tabIndex: isDisabled ? -1 : undefined, onClick: isDisabled
                 ? (e) => e.preventDefault()
                 : onClick, ...anchorRest, children: children }));
     }
-    return (jsxRuntimeExports.jsx("button", { className: buttonClasses, disabled: isDisabled, onClick: onClick, ...rest, children: children }));
+    return (jsxRuntime.jsx("button", { className: buttonClasses, disabled: isDisabled, onClick: onClick, ...rest, children: children }));
 };
 
 const Buttons = ({ className, textColor, bgColor, isCentered, isRight, hasAddons, children, ...props }) => {
@@ -1470,7 +1048,7 @@ const Buttons = ({ className, textColor, bgColor, isCentered, isRight, hasAddons
         ...props,
     });
     const combinedClasses = classNames(buttonsClasses, className, bulmaHelperClasses);
-    return (jsxRuntimeExports.jsx("div", { className: combinedClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: combinedClasses, ...rest, children: children }));
 };
 
 const validSizes = ['small', 'medium', 'large'];
@@ -1484,7 +1062,7 @@ const Content = ({ className, textColor, bgColor, size, children, ...props }) =>
         [`is-${size}`]: size && size !== 'normal' && validSizes.includes(size),
     });
     const contentClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: contentClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: contentClasses, ...rest, children: children }));
 };
 
 const Delete = ({ className, textColor, bgColor, onClick, size, ariaLabel = 'Close', disabled = false, ...props }) => {
@@ -1498,7 +1076,7 @@ const Delete = ({ className, textColor, bgColor, onClick, size, ariaLabel = 'Clo
         'is-disabled': disabled,
     });
     const classes = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("button", { className: classes, onClick: onClick, "aria-label": ariaLabel, disabled: disabled, type: "button", ...rest }));
+    return (jsxRuntime.jsx("button", { className: classes, onClick: onClick, "aria-label": ariaLabel, disabled: disabled, type: "button", ...rest }));
 };
 
 function getIconClasses(library, name, variant, features) {
@@ -1555,7 +1133,25 @@ function getIconClasses(library, name, variant, features) {
             return [name, ...featureList].join(' ');
     }
 }
-const Icon = ({ className, textColor, bgColor, name, library = 'fa', variant, features, libraryFeatures, size, ariaLabel = 'icon', style, ...restProps }) => {
+const Icon = ({ className, textColor, bgColor, name, library, variant, features, libraryFeatures, size, ariaLabel = 'icon', style, icon, color: _color, ...restProps }) => {
+    let finalName = name;
+    if (!name && icon) {
+        if (typeof icon === 'string') {
+            const parts = icon.split(' ');
+            const lastPart = parts[parts.length - 1];
+            if (lastPart.startsWith('mdi-')) {
+                finalName = lastPart.substring(4);
+            }
+            else if (lastPart.startsWith('fa-')) {
+                finalName = lastPart.substring(3);
+            }
+            else {
+                finalName = lastPart;
+            }
+        }
+    }
+    const defaultLibrary = useIconLibrary();
+    const finalLibrary = library || defaultLibrary || 'fa';
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         color: textColor,
         backgroundColor: bgColor,
@@ -1571,7 +1167,7 @@ const Icon = ({ className, textColor, bgColor, name, library = 'fa', variant, fe
         const legacyFeatures = Array.isArray(libraryFeatures)
             ? libraryFeatures
             : [libraryFeatures];
-        if (library === 'fa') {
+        if (finalLibrary === 'fa') {
             const faStyle = legacyFeatures.find(f => [
                 'fas',
                 'far',
@@ -1594,8 +1190,9 @@ const Icon = ({ className, textColor, bgColor, name, library = 'fa', variant, fe
                 finalFeatures = legacyFeatures;
             }
         }
-        else if (library === 'material-icons' || library === 'material-symbols') {
-            const styleVariants = library === 'material-icons'
+        else if (finalLibrary === 'material-icons' ||
+            finalLibrary === 'material-symbols') {
+            const styleVariants = finalLibrary === 'material-icons'
                 ? ['filled', 'outlined', 'round', 'sharp']
                 : ['outlined', 'rounded', 'sharp'];
             const styleVariant = legacyFeatures.find(f => styleVariants.includes(f));
@@ -1611,21 +1208,22 @@ const Icon = ({ className, textColor, bgColor, name, library = 'fa', variant, fe
             finalFeatures = legacyFeatures;
         }
     }
-    if (library === 'ion') {
-        let ionName = name;
+    if (finalLibrary === 'ion') {
+        let ionName = finalName;
         if (finalVariant === 'outline') {
-            ionName = `${name}-outline`;
+            ionName = `${finalName}-outline`;
         }
         else if (finalVariant === 'sharp') {
-            ionName = `${name}-sharp`;
+            ionName = `${finalName}-sharp`;
         }
-        return (jsxRuntimeExports.jsx("span", { className: iconContainerClasses, "aria-label": ariaLabel, style: style, ...rest, children: jsxRuntimeExports.jsx("ion-icon", { name: ionName }) }));
+        return (jsxRuntime.jsx("span", { className: iconContainerClasses, "aria-label": ariaLabel, style: style, ...rest, children: jsxRuntime.jsx("ion-icon", { name: ionName }) }));
     }
-    const iClasses = getIconClasses(library, name, finalVariant, finalFeatures);
-    if (library === 'material-icons' || library === 'material-symbols') {
-        return (jsxRuntimeExports.jsx("span", { className: iconContainerClasses, "aria-label": ariaLabel, style: style, ...rest, children: jsxRuntimeExports.jsx("i", { className: iClasses, children: name }) }));
+    const iClasses = getIconClasses(finalLibrary, finalName, finalVariant, finalFeatures);
+    if (finalLibrary === 'material-icons' ||
+        finalLibrary === 'material-symbols') {
+        return (jsxRuntime.jsx("span", { className: iconContainerClasses, "aria-label": ariaLabel, style: style, ...rest, children: jsxRuntime.jsx("i", { className: iClasses, children: finalName }) }));
     }
-    return (jsxRuntimeExports.jsx("span", { className: iconContainerClasses, "aria-label": ariaLabel, style: style, ...rest, children: jsxRuntimeExports.jsx("i", { className: iClasses }) }));
+    return (jsxRuntime.jsx("span", { className: iconContainerClasses, "aria-label": ariaLabel, style: style, ...rest, children: jsxRuntime.jsx("i", { className: iClasses }) }));
 };
 
 const IconText = ({ className, textColor, bgColor, iconProps, children, items, ...props }) => {
@@ -1636,7 +1234,7 @@ const IconText = ({ className, textColor, bgColor, iconProps, children, items, .
     });
     const bulmaClasses = usePrefixedClassNames('icon-text');
     const iconTextClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("span", { className: iconTextClasses, ...rest, children: items ? (items.map((item, index) => (jsxRuntimeExports.jsxs(React.Fragment, { children: [jsxRuntimeExports.jsx(Icon, { ...item.iconProps }), item.text && jsxRuntimeExports.jsx("span", { children: item.text })] }, index)))) : (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [iconProps && jsxRuntimeExports.jsx(Icon, { ...iconProps }), children && jsxRuntimeExports.jsx("span", { children: children })] })) }));
+    return (jsxRuntime.jsx("span", { className: iconTextClasses, ...rest, children: items ? (items.map((item, index) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(Icon, { ...item.iconProps }), item.text && jsxRuntime.jsx("span", { children: item.text })] }, index)))) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [iconProps && jsxRuntime.jsx(Icon, { ...iconProps }), children && jsxRuntime.jsx("span", { children: children })] })) }));
 };
 
 const Image = ({ as, className, textColor, bgColor, size, isRounded, isRetina, src, alt, children, ...props }) => {
@@ -1661,8 +1259,8 @@ const Image = ({ as, className, textColor, bgColor, size, isRounded, isRetina, s
         Tag = 'div';
     }
     const roundedClass = usePrefixedClassNames('is-rounded');
-    const content = children ? (children) : (jsxRuntimeExports.jsx("img", { className: classNames({ [roundedClass]: isRounded }), src: src, alt: alt, ...(isRetina && src ? { srcSet: `${src} 2x` } : {}) }));
-    return (jsxRuntimeExports.jsx(Tag, { className: imageClasses, ...rest, children: content }));
+    const content = children ? (children) : (jsxRuntime.jsx("img", { className: classNames({ [roundedClass]: isRounded }), src: src, alt: alt, ...(isRetina && src ? { srcSet: `${src} 2x` } : {}) }));
+    return (jsxRuntime.jsx(Tag, { className: imageClasses, ...rest, children: content }));
 };
 
 const Notification = ({ className, color, isLight, hasDelete, onDelete, children, ...props }) => {
@@ -1675,7 +1273,7 @@ const Notification = ({ className, color, isLight, hasDelete, onDelete, children
     });
     const deleteClasses = usePrefixedClassNames('delete');
     const notificationClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsxs("div", { className: notificationClasses, ...rest, children: [hasDelete && (jsxRuntimeExports.jsx("button", { className: deleteClasses, onClick: onDelete, "aria-label": "Close notification" })), children] }));
+    return (jsxRuntime.jsxs("div", { className: notificationClasses, ...rest, children: [hasDelete && (jsxRuntime.jsx("button", { className: deleteClasses, onClick: onDelete, "aria-label": "Close notification" })), children] }));
 };
 
 const Progress = ({ className, color, size, value, max, children, ...props }) => {
@@ -1687,16 +1285,16 @@ const Progress = ({ className, color, size, value, max, children, ...props }) =>
         [`is-${size}`]: size,
     });
     const progressClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("progress", { className: progressClasses, value: value, max: max, ...rest, children: children }));
+    return (jsxRuntime.jsx("progress", { className: progressClasses, value: value, max: max, ...rest, children: children }));
 };
 
 const Skeleton = ({ className, variant = 'block', lines = 3, children, ...props }) => {
     const linesClass = usePrefixedClassNames('skeleton-lines');
     const blockClass = usePrefixedClassNames('skeleton-block');
     if (variant === 'lines') {
-        return (jsxRuntimeExports.jsx("div", { className: classNames(linesClass, className), ...props, children: Array.from({ length: lines }).map((_, i) => (jsxRuntimeExports.jsx("div", {}, i))) }));
+        return (jsxRuntime.jsx("div", { className: classNames(linesClass, className), ...props, children: Array.from({ length: lines }).map((_, i) => (jsxRuntime.jsx("div", {}, i))) }));
     }
-    return (jsxRuntimeExports.jsx("div", { className: classNames(blockClass, className), ...props, children: children }));
+    return (jsxRuntime.jsx("div", { className: classNames(blockClass, className), ...props, children: children }));
 };
 
 const validSubTitleSizes = ['1', '2', '3', '4', '5', '6'];
@@ -1709,8 +1307,12 @@ const validSubTitleElements = [
     'h6',
     'p',
 ];
-const SubTitle = ({ className, size, as = 'h1', hasSkeleton, children, ...props }) => {
-    const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
+const SubTitle = ({ className, size, as = 'h1', hasSkeleton, textColor, bgColor, children, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        color: textColor,
+        backgroundColor: bgColor,
+        ...props,
+    });
     const element = validSubTitleElements.includes(as) ? as : 'h1';
     const validSize = size && validSubTitleSizes.includes(size) ? size : undefined;
     const bulmaClasses = usePrefixedClassNames('subtitle', {
@@ -1719,7 +1321,7 @@ const SubTitle = ({ className, size, as = 'h1', hasSkeleton, children, ...props
     });
     const subTitleClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
     const Tag = element === 'p' ? 'p' : validSize ? `h${validSize}` : element;
-    return (jsxRuntimeExports.jsx(Tag, { className: subTitleClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx(Tag, { className: subTitleClasses, ...rest, children: children }));
 };
 
 const Table = ({ className, isBordered, isStriped, isNarrow, isHoverable, isFullwidth, isResponsive, children, ...props }) => {
@@ -1733,9 +1335,9 @@ const Table = ({ className, isBordered, isStriped, isNarrow, isHoverable, isFull
     });
     const containerClass = usePrefixedClassNames('table-container');
     const tableClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    const tableElement = (jsxRuntimeExports.jsx("table", { className: tableClasses, ...rest, children: children }));
+    const tableElement = (jsxRuntime.jsx("table", { className: tableClasses, ...rest, children: children }));
     if (isResponsive) {
-        return jsxRuntimeExports.jsx("div", { className: containerClass, children: tableElement });
+        return jsxRuntime.jsx("div", { className: containerClass, children: tableElement });
     }
     return tableElement;
 };
@@ -1764,9 +1366,9 @@ const Tag = ({ className, color, size, isRounded, isDelete, isHoverable, onDelet
     });
     const tagClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
     if (isDelete) {
-        return (jsxRuntimeExports.jsx("button", { className: tagClasses, onClick: onDelete, "aria-label": "Delete tag", ...rest }));
+        return (jsxRuntime.jsx("button", { className: tagClasses, onClick: onDelete, "aria-label": "Delete tag", ...rest }));
     }
-    return (jsxRuntimeExports.jsx("span", { className: tagClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("span", { className: tagClasses, ...rest, children: children }));
 };
 
 const Tags = ({ className, hasAddons, isMultiline, children, ...props }) => {
@@ -1776,13 +1378,13 @@ const Tags = ({ className, hasAddons, isMultiline, children, ...props }) => {
         'are-multiline': isMultiline,
     });
     const tagsClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: tagsClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: tagsClasses, ...rest, children: children }));
 };
 
 const Tbody = ({ className, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
     const tbodyClasses = classNames(className, bulmaHelperClasses);
-    return (jsxRuntimeExports.jsx("tbody", { className: tbodyClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("tbody", { className: tbodyClasses, ...rest, children: children }));
 };
 
 const validTableColors = [
@@ -1803,13 +1405,13 @@ const Td = ({ className, color, children, ...props }) => {
     });
     const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
     const tdClasses = classNames(colorClass, className, bulmaHelperClasses);
-    return (jsxRuntimeExports.jsx("td", { className: tdClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("td", { className: tdClasses, ...rest, children: children }));
 };
 
 const Tfoot = ({ className, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
     const tfootClasses = classNames(className, bulmaHelperClasses);
-    return (jsxRuntimeExports.jsx("tfoot", { className: tfootClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("tfoot", { className: tfootClasses, ...rest, children: children }));
 };
 
 const validAlignments = ['left', 'right', 'centered'];
@@ -1820,7 +1422,7 @@ const Th = ({ className, isAligned, width, color, children, ...props }) => {
     });
     const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
     const thClasses = classNames(bulmaClasses, className, bulmaHelperClasses);
-    return (jsxRuntimeExports.jsx("th", { className: thClasses, style: width
+    return (jsxRuntime.jsx("th", { className: thClasses, style: width
             ? { width: typeof width === 'number' ? `${width}px` : width }
             : undefined, ...rest, children: children }));
 };
@@ -1828,13 +1430,17 @@ const Th = ({ className, isAligned, width, color, children, ...props }) => {
 const Thead = ({ className, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
     const theadClasses = classNames(className, bulmaHelperClasses);
-    return (jsxRuntimeExports.jsx("thead", { className: theadClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("thead", { className: theadClasses, ...rest, children: children }));
 };
 
 const validTitleSizes = ['1', '2', '3', '4', '5', '6'];
 const validTitleElements = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p'];
-const Title = ({ className, size, isSpaced, as = 'h1', hasSkeleton, children, ...props }) => {
-    const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
+const Title = ({ className, size, isSpaced, as = 'h1', hasSkeleton, textColor, bgColor, children, ...props }) => {
+    const { bulmaHelperClasses, rest } = useBulmaClasses({
+        color: textColor,
+        backgroundColor: bgColor,
+        ...props,
+    });
     const element = validTitleElements.includes(as) ? as : 'h1';
     const validSize = size && validTitleSizes.includes(size) ? size : undefined;
     const bulmaClasses = usePrefixedClassNames('title', {
@@ -1844,7 +1450,7 @@ const Title = ({ className, size, isSpaced, as = 'h1', hasSkeleton, children, ..
     });
     const titleClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
     const Tag = element === 'p' ? 'p' : validSize ? `h${validSize}` : element;
-    return (jsxRuntimeExports.jsx(Tag, { className: titleClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx(Tag, { className: titleClasses, ...rest, children: children }));
 };
 
 const Tr = ({ className, isSelected, color, children, ...props }) => {
@@ -1854,7 +1460,7 @@ const Tr = ({ className, isSelected, color, children, ...props }) => {
     });
     const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
     const trClasses = classNames(bulmaClasses, className, bulmaHelperClasses);
-    return (jsxRuntimeExports.jsx("tr", { className: trClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("tr", { className: trClasses, ...rest, children: children }));
 };
 
 const Checkbox = React.forwardRef(({ disabled, className, children, ...props }, ref) => {
@@ -1863,7 +1469,7 @@ const Checkbox = React.forwardRef(({ disabled, className, children, ...props },
     });
     const mainClass = usePrefixedClassNames('checkbox');
     const checkboxClass = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsxs("label", { className: checkboxClass, children: [jsxRuntimeExports.jsx("input", { ref: ref, type: "checkbox", disabled: disabled, ...rest }), children] }));
+    return (jsxRuntime.jsxs("label", { className: checkboxClass, children: [jsxRuntime.jsx("input", { ref: ref, type: "checkbox", disabled: disabled, ...rest }), children] }));
 });
 Checkbox.displayName = 'Checkbox';
 
@@ -1873,7 +1479,7 @@ const Checkboxes = ({ children, className, ...props }) => {
     });
     const mainClass = usePrefixedClassNames('checkboxes');
     const wrapperClass = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: wrapperClass, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: wrapperClass, ...rest, children: children }));
 };
 
 const allowedColors = [...validColors, 'inherit', 'current'];
@@ -1913,7 +1519,7 @@ const Control = React.forwardRef(({ as = 'div', hasIconsLeft, hasIconsRight, isL
         [`is-${size}`]: !!size,
     });
     const controlClass = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsxs(Component, { className: controlClass, ref: ref, ...restProps, ...rest, children: [children, leftIconProps && leftIconProps.name && (jsxRuntimeExports.jsx(Icon, { ...leftIconProps, className: "is-left" })), rightIconProps && rightIconProps.name && (jsxRuntimeExports.jsx(Icon, { ...rightIconProps, className: "is-right" }))] }));
+    return (jsxRuntime.jsxs(Component, { className: controlClass, ref: ref, ...restProps, ...rest, children: [children, leftIconProps && leftIconProps.name && (jsxRuntime.jsx(Icon, { ...leftIconProps, className: "is-left" })), rightIconProps && rightIconProps.name && (jsxRuntime.jsx(Icon, { ...rightIconProps, className: "is-right" }))] }));
 });
 Control.displayName = 'Control';
 
@@ -1927,7 +1533,7 @@ const FieldLabel = ({ size, textColor, bgColor, className, children, ...props })
         [`is-${size}`]: !!size,
     });
     const fieldLabelClass = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: fieldLabelClass, ...props, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: fieldLabelClass, ...props, ...rest, children: children }));
 };
 const FieldBody = ({ textColor, bgColor, className, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -1937,7 +1543,7 @@ const FieldBody = ({ textColor, bgColor, className, children, ...props }) => {
     });
     const mainClass = usePrefixedClassNames('field-body');
     const fieldBodyClass = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: fieldBodyClass, ...props, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: fieldBodyClass, ...props, ...rest, children: children }));
 };
 const Field = ({ horizontal, grouped, hasAddons, label, labelSize, labelProps, textColor, color: _fieldColor, bgColor, className, children, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -1962,10 +1568,10 @@ const Field = ({ horizontal, grouped, hasAddons, label, labelSize, labelProps, t
     let renderedLabel = null;
     if (label) {
         if (horizontal) {
-            renderedLabel = (jsxRuntimeExports.jsx(FieldLabel, { size: mappedLabelSize, children: jsxRuntimeExports.jsx("label", { ...labelProps, className: classNames(labelClass, labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), style: labelProps === null || labelProps === void 0 ? void 0 : labelProps.style, children: label }) }));
+            renderedLabel = (jsxRuntime.jsx(FieldLabel, { size: mappedLabelSize, children: jsxRuntime.jsx("label", { ...labelProps, className: classNames(labelClass, labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), style: labelProps === null || labelProps === void 0 ? void 0 : labelProps.style, children: label }) }));
         }
         else {
-            renderedLabel = (jsxRuntimeExports.jsx("label", { ...labelProps, className: classNames(labelClass, labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), style: { display: 'block', ...((labelProps === null || labelProps === void 0 ? void 0 : labelProps.style) || {}) }, children: label }));
+            renderedLabel = (jsxRuntime.jsx("label", { ...labelProps, className: classNames(labelClass, labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), style: { display: 'block', ...((labelProps === null || labelProps === void 0 ? void 0 : labelProps.style) || {}) }, children: label }));
         }
     }
     let content = children;
@@ -1975,10 +1581,10 @@ const Field = ({ horizontal, grouped, hasAddons, label, labelSize, labelProps, t
             content = children;
         }
         else {
-            content = jsxRuntimeExports.jsx(FieldBody, { children: children });
+            content = jsxRuntime.jsx(FieldBody, { children: children });
         }
     }
-    return (jsxRuntimeExports.jsxs("div", { className: fieldClass, ...rest, children: [renderedLabel, content] }));
+    return (jsxRuntime.jsxs("div", { className: fieldClass, ...rest, children: [renderedLabel, content] }));
 };
 FieldLabel.displayName = 'FieldLabel';
 FieldBody.displayName = 'FieldBody';
@@ -2008,7 +1614,7 @@ const File = React.forwardRef(({ color, size, isBoxed, isFullwidth, isRight, isC
         'has-name': hasName,
     });
     const fileClass = classNames(mainClass, bulmaHelperClasses, alignmentClass, className);
-    return (jsxRuntimeExports.jsx("div", { className: fileClass, children: jsxRuntimeExports.jsxs("label", { className: "file-label", children: [jsxRuntimeExports.jsx("input", { ref: ref, className: classNames('file-input', inputClassName), type: "file", ...rest }), jsxRuntimeExports.jsxs("span", { className: "file-cta", children: [iconLeft && jsxRuntimeExports.jsx("span", { className: "file-icon", children: iconLeft }), jsxRuntimeExports.jsx("span", { className: "file-label", children: label || 'Choose a file…' }), iconRight && jsxRuntimeExports.jsx("span", { className: "file-icon", children: iconRight })] }), hasName && fileName && jsxRuntimeExports.jsx("span", { className: "file-name", children: fileName })] }) }));
+    return (jsxRuntime.jsx("div", { className: fileClass, children: jsxRuntime.jsxs("label", { className: "file-label", children: [jsxRuntime.jsx("input", { ref: ref, className: classNames('file-input', inputClassName), type: "file", ...rest }), jsxRuntime.jsxs("span", { className: "file-cta", children: [iconLeft && jsxRuntime.jsx("span", { className: "file-icon", children: iconLeft }), jsxRuntime.jsx("span", { className: "file-label", children: label || 'Choose a file…' }), iconRight && jsxRuntime.jsx("span", { className: "file-icon", children: iconRight })] }), hasName && fileName && jsxRuntime.jsx("span", { className: "file-name", children: fileName })] }) }));
 });
 File.displayName = 'File';
 
@@ -2027,7 +1633,7 @@ const Input = React.forwardRef(({ color, size, isRounded, isStatic, isHovered, i
         'is-loading': isLoading,
     });
     const inputClass = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("input", { ref: ref, className: inputClass, disabled: disabled, readOnly: readOnly, ...rest }));
+    return (jsxRuntime.jsx("input", { ref: ref, className: inputClass, disabled: disabled, readOnly: readOnly, ...rest }));
 });
 Input.displayName = 'Input';
 
@@ -2037,7 +1643,7 @@ const Radio = React.forwardRef(({ disabled, className, children, ...props }, ref
     });
     const mainClass = usePrefixedClassNames('radio');
     const radioClass = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsxs("label", { className: radioClass, children: [jsxRuntimeExports.jsx("input", { ref: ref, type: "radio", disabled: disabled, ...rest }), children] }));
+    return (jsxRuntime.jsxs("label", { className: radioClass, children: [jsxRuntime.jsx("input", { ref: ref, type: "radio", disabled: disabled, ...rest }), children] }));
 });
 Radio.displayName = 'Radio';
 
@@ -2047,7 +1653,7 @@ const Radios = ({ children, className, ...props }) => {
     });
     const mainClass = usePrefixedClassNames('radios');
     const wrapperClass = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: wrapperClass, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: wrapperClass, ...rest, children: children }));
 };
 
 const Select = React.forwardRef(({ color, size, isRounded, isLoading, isActive, className, disabled, children, multiple, multipleSize, ...props }, ref) => {
@@ -2071,7 +1677,7 @@ const Select = React.forwardRef(({ color, size, isRounded, isLoading, isActive,
     if (multiple && typeof multipleSize === 'number') {
         selectProps.size = multipleSize;
     }
-    return (jsxRuntimeExports.jsx("div", { className: selectClass, children: jsxRuntimeExports.jsx("select", { ref: ref, ...selectProps, children: children }) }));
+    return (jsxRuntime.jsx("div", { className: selectClass, children: jsxRuntime.jsx("select", { ref: ref, ...selectProps, children: children }) }));
 });
 Select.displayName = 'Select';
 
@@ -2092,7 +1698,7 @@ const TextArea = React.forwardRef(({ color, size, isRounded, isStatic, isHovered
         'has-fixed-size': hasFixedSize,
     });
     const textareaClass = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("textarea", { ref: ref, className: textareaClass, disabled: disabled, readOnly: readOnly, rows: rows, ...rest }));
+    return (jsxRuntime.jsx("textarea", { ref: ref, className: textareaClass, disabled: disabled, readOnly: readOnly, rows: rows, ...rest }));
 });
 TextArea.displayName = 'TextArea';
 
@@ -2112,7 +1718,7 @@ const Cell = ({ colStart, colFromEnd, colSpan, rowStart, rowFromEnd, rowSpan, cl
         [`is-row-span-${rowSpan}`]: rowSpan !== undefined && rowSpan !== null,
     });
     const cellClasses = classNames(mainClass, cellGridClasses, className, bulmaHelperClasses);
-    return (jsxRuntimeExports.jsx("div", { className: cellClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: cellClasses, ...rest, children: children }));
 };
 
 const Grid = ({ isFixed = false, gap, columnGap, rowGap, minCol, fixedCols, fixedColsMobile, fixedColsTablet, fixedColsDesktop, fixedColsWidescreen, fixedColsFullhd, className, textColor, color: _fieldColor, bgColor, children, ...props }) => {
@@ -2139,9 +1745,9 @@ const Grid = ({ isFixed = false, gap, columnGap, rowGap, minCol, fixedCols, fixe
     });
     const gridClasses = classNames(mainClass, gridInnerClasses, bulmaHelperClasses, className);
     if (isFixed) {
-        return (jsxRuntimeExports.jsx("div", { className: fixedGridClasses, children: jsxRuntimeExports.jsx("div", { className: gridClasses, ...rest, children: children }) }));
+        return (jsxRuntime.jsx("div", { className: fixedGridClasses, children: jsxRuntime.jsx("div", { className: gridClasses, ...rest, children: children }) }));
     }
-    return (jsxRuntimeExports.jsx("div", { className: gridClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: gridClasses, ...rest, children: children }));
 };
 
 const bulmaCssVars = [
@@ -2731,7 +2337,7 @@ const Theme = ({ bulmaVars = {}, children, className, isRoot = false, ...restPro
         }
         return classNames(className, bulmaHelperClasses);
     }, [className, bulmaHelperClasses, isRoot]);
-    return isRoot ? (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children })) : (jsxRuntimeExports.jsx("div", { className: combinedClassName || undefined, style: style, ...rest, children: children }));
+    return isRoot ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: children })) : (jsxRuntime.jsx("div", { className: combinedClassName || undefined, style: style, ...rest, children: children }));
 };
 
 const Container = ({ className, textColor, bgColor, fluid, widescreen, fullhd, breakpoint, isMax, children, ...props }) => {
@@ -2762,7 +2368,7 @@ const Container = ({ className, textColor, bgColor, fluid, widescreen, fullhd, b
     });
     const prefixedBreakpointClass = usePrefixedClassNames(breakpointClass || '');
     const containerClasses = classNames(mainClass, containerModifiers, prefixedBreakpointClass, className, bulmaHelperClasses);
-    return (jsxRuntimeExports.jsx("div", { className: containerClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: containerClasses, ...rest, children: children }));
 };
 
 const Footer = ({ as = 'footer', className, children, color, bgColor, textColor, ...props }) => {
@@ -2774,7 +2380,7 @@ const Footer = ({ as = 'footer', className, children, color, bgColor, textColor,
     const Tag = as;
     const mainClass = usePrefixedClassNames('footer');
     const footerClasses = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx(Tag, { className: footerClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx(Tag, { className: footerClasses, ...rest, children: children }));
 };
 
 const Hero = ({ className, color, size, bgColor, fullheightWithNavbar, children, ...props }) => {
@@ -2788,7 +2394,7 @@ const Hero = ({ className, color, size, bgColor, fullheightWithNavbar, children,
         'is-fullheight-with-navbar': fullheightWithNavbar || size === 'fullheight-with-navbar',
     });
     const heroClasses = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("section", { className: heroClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("section", { className: heroClasses, ...rest, children: children }));
 };
 const HeroHead = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -2798,7 +2404,7 @@ const HeroHead = ({ className, children, color, bgColor, textColor, ...props })
     });
     const mainClass = usePrefixedClassNames('hero-head');
     const heroHeadClasses = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: heroHeadClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: heroHeadClasses, ...rest, children: children }));
 };
 const HeroBody = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -2808,7 +2414,7 @@ const HeroBody = ({ className, children, color, bgColor, textColor, ...props })
     });
     const mainClass = usePrefixedClassNames('hero-body');
     const heroBodyClasses = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: heroBodyClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: heroBodyClasses, ...rest, children: children }));
 };
 const HeroFoot = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -2818,7 +2424,7 @@ const HeroFoot = ({ className, children, color, bgColor, textColor, ...props })
     });
     const mainClass = usePrefixedClassNames('hero-foot');
     const heroFootClasses = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: heroFootClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: heroFootClasses, ...rest, children: children }));
 };
 Hero.Head = HeroHead;
 Hero.Body = HeroBody;
@@ -2834,7 +2440,7 @@ const Level = ({ isMobile, className, children, color, bgColor, textColor, ...pr
         'is-mobile': isMobile,
     });
     const levelClasses = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("nav", { className: levelClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("nav", { className: levelClasses, ...rest, children: children }));
 };
 const LevelLeft = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -2844,7 +2450,7 @@ const LevelLeft = ({ className, children, color, bgColor, textColor, ...props })
     });
     const mainClass = usePrefixedClassNames('level-left');
     const levelLeftClasses = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: levelLeftClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: levelLeftClasses, ...rest, children: children }));
 };
 const LevelRight = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -2854,7 +2460,7 @@ const LevelRight = ({ className, children, color, bgColor, textColor, ...props }
     });
     const mainClass = usePrefixedClassNames('level-right');
     const levelRightClasses = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: levelRightClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: levelRightClasses, ...rest, children: children }));
 };
 const LevelItem = ({ as = 'div', hasTextCentered, className, children, href, target, rel, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -2868,9 +2474,9 @@ const LevelItem = ({ as = 'div', hasTextCentered, className, children, href, tar
     });
     const levelItemClasses = classNames(mainClass, bulmaHelperClasses, className);
     if (Tag === 'a') {
-        return (jsxRuntimeExports.jsx("a", { className: levelItemClasses, href: href, target: target, rel: rel, ...rest, children: children }));
+        return (jsxRuntime.jsx("a", { className: levelItemClasses, href: href, target: target, rel: rel, ...rest, children: children }));
     }
-    return (jsxRuntimeExports.jsx(Tag, { className: levelItemClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx(Tag, { className: levelItemClasses, ...rest, children: children }));
 };
 Level.Left = LevelLeft;
 Level.Right = LevelRight;
@@ -2885,7 +2491,7 @@ const Media = ({ as = 'article', className, children, color, bgColor, textColor,
     const Tag = as;
     const mainClass = usePrefixedClassNames('media');
     const mediaClasses = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx(Tag, { className: mediaClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx(Tag, { className: mediaClasses, ...rest, children: children }));
 };
 const MediaLeft = ({ as = 'figure', className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -2896,7 +2502,7 @@ const MediaLeft = ({ as = 'figure', className, children, color, bgColor, textCol
     const Tag = as;
     const mainClass = usePrefixedClassNames('media-left');
     const mediaLeftClasses = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx(Tag, { className: mediaLeftClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx(Tag, { className: mediaLeftClasses, ...rest, children: children }));
 };
 const MediaContent = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -2906,7 +2512,7 @@ const MediaContent = ({ className, children, color, bgColor, textColor, ...props
     });
     const mainClass = usePrefixedClassNames('media-content');
     const mediaContentClasses = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: mediaContentClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: mediaContentClasses, ...rest, children: children }));
 };
 const MediaRight = ({ className, children, color, bgColor, textColor, ...props }) => {
     const { bulmaHelperClasses, rest } = useBulmaClasses({
@@ -2916,7 +2522,7 @@ const MediaRight = ({ className, children, color, bgColor, textColor, ...props }
     });
     const mainClass = usePrefixedClassNames('media-right');
     const mediaRightClasses = classNames(mainClass, bulmaHelperClasses, className);
-    return (jsxRuntimeExports.jsx("div", { className: mediaRightClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("div", { className: mediaRightClasses, ...rest, children: children }));
 };
 const MediaWithSubcomponents = Media;
 MediaWithSubcomponents.Left = MediaLeft;
@@ -2934,7 +2540,7 @@ const Section = ({ size, className, children, color, bgColor, textColor, ...prop
         [`is-${size}`]: size,
     });
     const sectionClasses = classNames(mainClass, sectionModifiers, className, bulmaHelperClasses);
-    return (jsxRuntimeExports.jsx("section", { className: sectionClasses, ...rest, children: children }));
+    return (jsxRuntime.jsx("section", { className: sectionClasses, ...rest, children: children }));
 };
 
 exports.Block = Block;
@@ -3039,6 +2645,7 @@ exports.prefixedClassNames = prefixedClassNames;
 exports.useBulmaClasses = useBulmaClasses;
 exports.useClassPrefix = useClassPrefix;
 exports.useConfig = useConfig;
+exports.useIconLibrary = useIconLibrary;
 exports.usePrefixedClass = usePrefixedClass;
 exports.usePrefixedClassNames = usePrefixedClassNames;
 exports.validAlignContents = validAlignContents;