achery-ui 0.19.0 → 0.20.1

package/dist/index.cjs

@@ -1680,9 +1680,10 @@ function Badge({
     }
   );
 }
-var button = createRuntimeFn.createRuntimeFn({ defaultClassName: "Button_button__1torrqc2", variantClassNames: { variant: { primary: "Button_button_variant_primary__1torrqc3", secondary: "Button_button_variant_secondary__1torrqc4", accent: "Button_button_variant_accent__1torrqc5", ghost: "Button_button_variant_ghost__1torrqc6", danger: "Button_button_variant_danger__1torrqc7" }, size: { sm: "Button_button_size_sm__1torrqc8", md: "Button_button_size_md__1torrqc9" } }, defaultVariants: { variant: "secondary", size: "md" }, compoundVariants: [] });
-var kbdHint = "Button_kbdHint__1torrqca";
+var button = createRuntimeFn.createRuntimeFn({ defaultClassName: "Button_button__1torrqc2 buttonMarker_buttonMarker__1thx4m70", variantClassNames: { variant: { primary: "Button_button_variant_primary__1torrqc3", secondary: "Button_button_variant_secondary__1torrqc4", accent: "Button_button_variant_accent__1torrqc5", ghost: "Button_button_variant_ghost__1torrqc6", danger: "Button_button_variant_danger__1torrqc7" }, size: { sm: "Button_button_size_sm__1torrqc8", md: "Button_button_size_md__1torrqc9", lg: "Button_button_size_lg__1torrqca" } }, defaultVariants: { variant: "secondary", size: "md" }, compoundVariants: [] });
+var kbdHint = "Button_kbdHint__1torrqcb";
 var spinner = "Button_spinner__1torrqc1";
+var buttonClassName = ({ variant = "secondary", size = "md" } = {}) => button({ variant, size });
 function Button({
   variant = "secondary",
   size = "md",
@@ -1693,28 +1694,43 @@ function Button({
   loadingLabel = "Loading\u2026",
   children,
   className,
-  ...props
+  ...elementProps
 }) {
   const glyphSize = size === "sm" ? 12 : 14;
+  const classes = [buttonClassName({ variant, size }), className].filter(Boolean).join(" ");
+  const content3 = loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: spinner, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Glyph, { name: "spinner", size: glyphSize }) }),
+    loadingLabel
+  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    glyph2 && glyphPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(Glyph, { name: glyph2, size: glyphSize, "aria-hidden": "true" }),
+    children,
+    glyph2 && glyphPosition === "end" && /* @__PURE__ */ jsxRuntime.jsx(Glyph, { name: glyph2, size: glyphSize, "aria-hidden": "true" }),
+    kbd && /* @__PURE__ */ jsxRuntime.jsx("span", { className: kbdHint, children: kbd })
+  ] });
+  if (isLinkProps(elementProps)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        ...elementProps,
+        className: classes,
+        "aria-busy": loading || void 0,
+        "aria-disabled": loading || elementProps["aria-disabled"] || void 0,
+        children: content3
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
-      className: [button({ variant, size }), className].filter(Boolean).join(" "),
-      disabled: loading || props.disabled,
+      ...elementProps,
+      className: classes,
+      disabled: loading || elementProps.disabled,
       "aria-busy": loading || void 0,
-      ...props,
-      children: loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: spinner, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Glyph, { name: "spinner", size: glyphSize }) }),
-        loadingLabel
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        glyph2 && glyphPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(Glyph, { name: glyph2, size: glyphSize, "aria-hidden": "true" }),
-        children,
-        glyph2 && glyphPosition === "end" && /* @__PURE__ */ jsxRuntime.jsx(Glyph, { name: glyph2, size: glyphSize, "aria-hidden": "true" }),
-        kbd && /* @__PURE__ */ jsxRuntime.jsx("span", { className: kbdHint, children: kbd })
-      ] })
+      children: content3
     }
   );
 }
+var isLinkProps = (props) => props.href !== void 0;
 var body2 = "Modal_body__1kcb5si8";
 var bodyScrollable = "Modal_bodyScrollable__1kcb5sie";
 var closeButton = "Modal_closeButton__1kcb5si7";
@@ -3621,6 +3637,7 @@ exports.ToastProvider = ToastProvider;
 exports.Toggle = Toggle;
 exports.Tooltip = Tooltip;
 exports.TypeTag = TypeTag;
+exports.buttonClassName = buttonClassName;
 exports.glyphCategory = glyphCategory;
 exports.glyphLabel = glyphLabel;
 exports.searchGlyphs = searchGlyphs;