biggerui 1.0.5 → 1.0.6

package/dist/biggerui.cjs.js

@@ -25,20 +25,22 @@ function _interopNamespaceDefault(e) {
 
 const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const button = "_button_1cxsm_1";
-const fullWidth = "_fullWidth_1cxsm_21";
-const destructive = "_destructive_1cxsm_34";
-const secondary = "_secondary_1cxsm_43";
-const sm = "_sm_1cxsm_58";
-const lg = "_lg_1cxsm_63";
-const iconLeft = "_iconLeft_1cxsm_68";
-const iconRight = "_iconRight_1cxsm_69";
-const disabled = "_disabled_1cxsm_76";
-const label$3 = "_label_1cxsm_81";
+const button = "_button_12key_1";
+const loader = "_loader_12key_26";
+const fullWidth = "_fullWidth_12key_85";
+const destructive = "_destructive_12key_98";
+const secondary = "_secondary_12key_107";
+const sm = "_sm_12key_122";
+const lg = "_lg_12key_127";
+const iconLeft = "_iconLeft_12key_132";
+const iconRight = "_iconRight_12key_133";
+const disabled = "_disabled_12key_140";
+const label$3 = "_label_12key_145";
 const styles$5 = {
 	button: button,
+	loader: loader,
 	fullWidth: fullWidth,
-	"default": "_default_1cxsm_25",
+	"default": "_default_12key_89",
 	destructive: destructive,
 	secondary: secondary,
 	sm: sm,
@@ -57,19 +59,23 @@ function Button({
   className = "",
   disabled = false,
   children,
+  loading = false,
+  progress = 0,
   ...props
 }) {
   const classes = [
     styles$5.button,
     styles$5[color],
     styles$5[size],
+    loading ? styles$5.loading : "",
     disabled ? styles$5.disabled : "",
     className
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("button", { className: classes, disabled, ...props, children: [
     leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$5.iconLeft, children: leftIcon }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$5.label, children }),
-    rightIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$5.iconRight, children: rightIcon })
+    rightIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$5.iconRight, children: rightIcon }),
+    loading && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { "--progress": progress }, className: styles$5.loader })
   ] });
 }
 
@@ -10428,13 +10434,13 @@ const featureBundle = {
 
 const motion = /*@__PURE__*/ createMotionProxy(featureBundle, createDomVisualElement);
 
-const overlay = "_overlay_oc9ef_1";
-const content = "_content_oc9ef_11";
-const header = "_header_oc9ef_29";
-const title = "_title_oc9ef_38";
-const body = "_body_oc9ef_48";
-const footer = "_footer_oc9ef_58";
-const closeButton = "_closeButton_oc9ef_66";
+const overlay = "_overlay_1narp_1";
+const content = "_content_1narp_11";
+const header = "_header_1narp_29";
+const title = "_title_1narp_38";
+const body = "_body_1narp_48";
+const footer = "_footer_1narp_58";
+const closeButton = "_closeButton_1narp_66";
 const styles$3 = {
 	overlay: overlay,
 	content: content,
@@ -10584,20 +10590,20 @@ const Input = ({
   ] });
 };
 
-const wrapper$1 = "_wrapper_f03cq_1";
-const label$1 = "_label_f03cq_9";
-const trigger = "_trigger_f03cq_19";
-const triggerOpen = "_triggerOpen_f03cq_36";
-const value = "_value_f03cq_40";
-const placeholder = "_placeholder_f03cq_52";
-const hint = "_hint_f03cq_61";
-const icon = "_icon_f03cq_67";
-const dropdown = "_dropdown_f03cq_73";
-const dropdownInner = "_dropdownInner_f03cq_81";
-const option = "_option_f03cq_91";
-const optionActive = "_optionActive_f03cq_109";
-const optionLabel = "_optionLabel_f03cq_113";
-const optionHint = "_optionHint_f03cq_120";
+const wrapper$1 = "_wrapper_12upp_1";
+const label$1 = "_label_12upp_9";
+const trigger = "_trigger_12upp_19";
+const triggerOpen = "_triggerOpen_12upp_36";
+const value = "_value_12upp_40";
+const placeholder = "_placeholder_12upp_52";
+const hint = "_hint_12upp_61";
+const icon = "_icon_12upp_67";
+const dropdown = "_dropdown_12upp_73";
+const dropdownInner = "_dropdownInner_12upp_81";
+const option = "_option_12upp_91";
+const optionActive = "_optionActive_12upp_109";
+const optionLabel = "_optionLabel_12upp_113";
+const optionHint = "_optionHint_12upp_120";
 const styles$1 = {
 	wrapper: wrapper$1,
 	label: label$1,