@ngrok/mantle 0.0.26 → 0.0.27

package/dist/components/button/src/button.d.ts

@@ -4,8 +4,8 @@ import type { VariantProps } from "../../types/src/variant-props";
 declare const buttonVariants: (props?: ({
     appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
     iconPlacement?: "end" | "start" | null | undefined;
+    isLoading?: boolean | null | undefined;
     priority?: "danger" | "default" | "neutral" | null | undefined;
-    state?: "idle" | "pending" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonVariants = VariantProps<typeof buttonVariants>;
 /**
@@ -29,8 +29,8 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild
 declare const Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & Partial<import("../..").DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
     appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
     iconPlacement?: "end" | "start" | null | undefined;
+    isLoading?: boolean | null | undefined;
     priority?: "danger" | "default" | "neutral" | null | undefined;
-    state?: "idle" | "pending" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & {
     /**
      * An icon to render inside the button. If the `state` is `"pending"`, then

package/dist/components/button/src/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../components/button/src/button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAQN,SAAS,EACT,KAAK,oBAAoB,EACzB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,QAAA,MAAM,cAAc;;;;;8EAkGnB,CAAC;AAEF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAChE,WAAW,GACX,cAAc,GAAG;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC;AAEH;;;;;;;GAOG;AACH,QAAA,MAAM,MAAM;;;;;;IAfV;;;OAGG;WACI,SAAS;qDAmFjB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../components/button/src/button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAQN,SAAS,EACT,KAAK,oBAAoB,EACzB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,QAAA,MAAM,cAAc;;;;;8EAiGnB,CAAC;AAEF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAChE,WAAW,GACX,cAAc,GAAG;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC;AAEH;;;;;;;GAOG;AACH,QAAA,MAAM,MAAM;;;;;;IAfV;;;OAGG;WACI,SAAS;qDAmFjB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/index.js

@@ -148,6 +148,14 @@ const $c2638d7be6bdca12$export$dca1ee5a936bb312 = (0, $hLlzK$cva)("items-center
             end: "pe-2.5",
             start: "ps-2.5"
         },
+        /**
+			 * Whether or not the button is in a loading state, default `false`. Setting `isLoading` will
+			 * replace any `icon` with a spinner, or add one if an icon wasn't given.
+			 * It will also disable user interaction with the button and set `aria-disabled`.
+			 */ isLoading: {
+            false: "",
+            true: "opacity-50"
+        },
         /**
 			 * Indicates the importance or impact level of the button, affecting its
 			 * color and styling to communicate its purpose to the user
@@ -155,21 +163,12 @@ const $c2638d7be6bdca12$export$dca1ee5a936bb312 = (0, $hLlzK$cva)("items-center
             danger: "",
             default: "",
             neutral: ""
-        },
-        /**
-			 * The state of the button, default `"idle"`. If the button should present
-			 * a "loading state", use `"pending"`. Setting the state to `"pending"` will
-			 * replace any `icon` with a spinner, or add one if an icon wasn't given.
-			 * It will also disable user interaction with the button and set `aria-disabled`.
-			 */ state: {
-            idle: "",
-            pending: "opacity-50"
         }
     },
     defaultVariants: {
         appearance: "outlined",
-        priority: "default",
-        state: "idle"
+        isLoading: false,
+        priority: "default"
     },
     compoundVariants: [
         {
@@ -221,20 +220,20 @@ const $c2638d7be6bdca12$export$dca1ee5a936bb312 = (0, $hLlzK$cva)("items-center
  * as submitting a form or opening a dialog.
  *
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
- */ const $c2638d7be6bdca12$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ appearance: appearance = "outlined", asChild: asChild = false, children: children, className: propClassName, icon: propIcon, iconPlacement: iconPlacement = "start", priority: priority = "default", state: state = "idle", "aria-disabled": _ariaDisabled, ...props }, ref)=>{
-    const ariaDisabled = _ariaDisabled !== null && _ariaDisabled !== void 0 ? _ariaDisabled : state === "pending";
-    const icon = state === "pending" ? /*#__PURE__*/ (0, $hLlzK$jsx)((0, $hLlzK$CircleNotch), {
+ */ const $c2638d7be6bdca12$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ "aria-disabled": _ariaDisabled, appearance: appearance = "outlined", asChild: asChild = false, children: children, className: propClassName, icon: propIcon, iconPlacement: iconPlacement = "start", isLoading: isLoading = false, priority: priority = "default", ...props }, ref)=>{
+    const ariaDisabled = _ariaDisabled !== null && _ariaDisabled !== void 0 ? _ariaDisabled : isLoading;
+    const icon = isLoading ? /*#__PURE__*/ (0, $hLlzK$jsx)((0, $hLlzK$CircleNotch), {
         className: "animate-spin"
     }) : propIcon;
     const className = (0, $a4274013049f8f7f$export$a274e22fb40f762e)($c2638d7be6bdca12$export$dca1ee5a936bb312({
         appearance: appearance,
         priority: priority,
-        state: state,
+        isLoading: isLoading,
         iconPlacement: icon ? iconPlacement : undefined
     }), propClassName);
     const onClickCapture = (event)=>{
         var _props_onClickCapture;
-        if (state === "pending") {
+        if (isLoading) {
             event.preventDefault();
             event.stopPropagation();
         }
@@ -249,7 +248,7 @@ const $c2638d7be6bdca12$export$dca1ee5a936bb312 = (0, $hLlzK$cva)("items-center
         return /*#__PURE__*/ (0, $hLlzK$jsx)((0, $hLlzK$Slot), {
             "aria-disabled": ariaDisabled,
             className: className,
-            "data-state": state,
+            "data-loading": isLoading,
             onClickCapture: onClickCapture,
             ref: ref,
             ...props,
@@ -264,7 +263,7 @@ const $c2638d7be6bdca12$export$dca1ee5a936bb312 = (0, $hLlzK$cva)("items-center
     return /*#__PURE__*/ (0, $hLlzK$jsx)("button", {
         "aria-disabled": ariaDisabled,
         className: className,
-        "data-state": state,
+        "data-loading": isLoading,
         onClickCapture: onClickCapture,
         ref: ref,
         ...props,