asterui 0.12.74 → 0.12.75

package/dist/components/Button.d.ts

@@ -1,9 +1,11 @@
 import { default as React } from 'react';
 type BaseButtonProps = {
+    /** Syntactic sugar for setting variant and color together. Will be overridden by explicit variant & color props. */
+    type?: 'primary' | 'default' | 'dashed' | 'link' | 'text';
     /** Button color */
     color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral';
     /** Button style variant */
-    variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link';
+    variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link' | 'text';
     /** Button size */
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     /** Active/pressed visual state */
@@ -12,6 +14,10 @@ type BaseButtonProps = {
     loading?: boolean;
     /** Button shape */
     shape?: 'square' | 'circle' | 'wide' | 'block' | 'round';
+    /** Make the button full width */
+    block?: boolean;
+    /** Make background transparent and invert text and border colors */
+    ghost?: boolean;
     /** Disable click animation */
     noAnimation?: boolean;
     /** Icon element to display */
@@ -24,6 +30,8 @@ type BaseButtonProps = {
     danger?: boolean;
     /** Toggle button pressed state (sets aria-pressed) */
     pressed?: boolean;
+    /** Accessible label for icon-only buttons */
+    'aria-label'?: string;
     /** Test ID for testing */
     'data-testid'?: string;
 };

package/dist/components/Button.js

@@ -1,124 +1,160 @@
-import { jsx as o, jsxs as W, Fragment as X } from "react/jsx-runtime";
-import { forwardRef as F } from "react";
-import { SizeProvider as G } from "../contexts/SizeContext.js";
-import { useConfig as M } from "../providers/ConfigProvider.js";
-const O = "btn", R = "btn-primary", H = "btn-secondary", J = "btn-accent", Q = "btn-info", U = "btn-success", V = "btn-warning", Y = "btn-error", Z = "btn-neutral", _ = "btn-outline", tt = "btn-dash", nt = "btn-soft", st = "btn-ghost", et = "btn-link", ot = "btn-xs", ct = "btn-sm", rt = "btn-md", at = "btn-lg", it = "btn-xl", dt = "btn-active", lt = "btn-square", mt = "btn-circle", bt = "btn-wide", ut = "btn-block", ft = "loading", Bt = "loading-spinner", ht = F(
+import { jsx as o, jsxs as U, Fragment as Y } from "react/jsx-runtime";
+import { forwardRef as Z } from "react";
+import { SizeProvider as _ } from "../contexts/SizeContext.js";
+import { useConfig as tt } from "../providers/ConfigProvider.js";
+const nt = "btn", st = "btn-primary", et = "btn-secondary", at = "btn-accent", ot = "btn-info", it = "btn-success", rt = "btn-warning", ct = "btn-error", dt = "btn-neutral", lt = "btn-outline", bt = "btn-dash", mt = "btn-soft", N = "btn-ghost", ft = "btn-link", ut = "btn-xs", Bt = "btn-sm", ht = "btn-md", kt = "btn-lg", pt = "btn-xl", vt = "btn-active", yt = "btn-square", gt = "btn-circle", xt = "btn-wide", Ct = "btn-block", St = "loading", wt = "loading-spinner", Dt = Z(
   ({
-    children: c,
-    color: g,
-    variant: d,
-    size: C,
-    active: k = !1,
+    children: i,
+    type: m,
+    color: f,
+    variant: u,
+    size: P,
+    active: l = !1,
     loading: t = !1,
-    shape: l,
-    noAnimation: S = !1,
+    shape: B,
+    block: K = !1,
+    ghost: j = !1,
+    noAnimation: q = !1,
     icon: r,
-    iconPlacement: x,
-    iconPosition: v,
-    danger: w = !1,
-    pressed: m,
-    className: D = "",
-    "data-testid": b,
-    ...a
-  }, u) => {
-    const { componentSize: z } = M(), i = C ?? z ?? "md", f = w ? "error" : g, n = x ?? v ?? "start", N = {
-      primary: R,
-      secondary: H,
-      accent: J,
-      info: Q,
-      success: U,
-      warning: V,
-      error: Y,
-      neutral: Z
-    }, P = {
+    iconPlacement: L,
+    iconPosition: T,
+    danger: $ = !1,
+    pressed: c,
+    className: A = "",
+    "aria-label": h,
+    "data-testid": k,
+    ...d
+  }, p) => {
+    const { componentSize: E } = tt(), b = P ?? E ?? "md";
+    let n = u, v = f;
+    if (m && !u && !f)
+      switch (m) {
+        case "primary":
+          n = "solid", v = "primary";
+          break;
+        case "default":
+          n = "outline";
+          break;
+        case "dashed":
+          n = "dash";
+          break;
+        case "link":
+          n = "link";
+          break;
+        case "text":
+          n = "text";
+          break;
+      }
+    const y = $ ? "error" : v, g = j && !n ? "ghost" : n, s = L ?? T ?? "start", x = K && !B ? "block" : B, I = {
+      primary: st,
+      secondary: et,
+      accent: at,
+      info: ot,
+      success: it,
+      warning: rt,
+      error: ct,
+      neutral: dt
+    }, V = {
       solid: "",
       // default, no extra class needed
-      outline: _,
-      dash: tt,
-      soft: nt,
-      ghost: st,
-      link: et
-    }, K = {
-      xs: ot,
-      sm: ct,
-      md: rt,
-      lg: at,
-      xl: it
-    }, L = {
-      square: lt,
-      circle: mt,
-      wide: bt,
-      block: ut,
+      outline: lt,
+      dash: bt,
+      soft: mt,
+      ghost: N,
+      link: ft,
+      text: N
+      // text variant uses ghost styling
+    }, W = {
+      xs: ut,
+      sm: Bt,
+      md: ht,
+      lg: kt,
+      xl: pt
+    }, X = {
+      square: yt,
+      circle: gt,
+      wide: xt,
+      block: Ct,
       round: "rounded-full"
-    }, B = [
-      O,
-      f && N[f],
-      d && P[d],
-      K[i],
-      k && dt,
-      l && L[l],
-      S && "no-animation",
-      D
-    ].filter(Boolean).join(" "), T = c != null && c !== "" ? {
-      xs: n === "start" ? "mr-1" : "ml-1",
-      sm: n === "start" ? "mr-1" : "ml-1",
-      md: n === "start" ? "mr-1.5" : "ml-1.5",
-      lg: n === "start" ? "mr-2" : "ml-2",
-      xl: n === "start" ? "mr-2" : "ml-2"
-    }[i] : "", h = r && /* @__PURE__ */ o(G, { size: i, children: /* @__PURE__ */ o("span", { className: `inline-flex items-center ${T}`, "aria-hidden": "true", children: r }) }), y = /* @__PURE__ */ W(X, { children: [
-      t && /* @__PURE__ */ o("span", { className: `${ft} ${Bt}`, "aria-hidden": "true" }),
-      !t && r && n === "start" && h,
-      c,
-      !t && r && n === "end" && h
+    }, C = [
+      nt,
+      y && I[y],
+      g && V[g],
+      W[b],
+      l && vt,
+      x && X[x],
+      q && "no-animation",
+      A
+    ].filter(Boolean).join(" "), F = i != null && i !== "" ? {
+      xs: s === "start" ? "mr-1" : "ml-1",
+      sm: s === "start" ? "mr-1" : "ml-1",
+      md: s === "start" ? "mr-1.5" : "ml-1.5",
+      lg: s === "start" ? "mr-2" : "ml-2",
+      xl: s === "start" ? "mr-2" : "ml-2"
+    }[b] : "", S = r && /* @__PURE__ */ o(_, { size: b, children: /* @__PURE__ */ o("span", { className: `inline-flex items-center ${F}`, "aria-hidden": "true", children: r }) }), w = /* @__PURE__ */ U(Y, { children: [
+      t && /* @__PURE__ */ o("span", { className: `${St} ${wt}`, "aria-hidden": "true" }),
+      !t && r && s === "start" && S,
+      i,
+      !t && r && s === "end" && S
     ] });
-    if ("href" in a && a.href !== void 0) {
-      const { href: q, disabled: $, onKeyDown: A, onClick: E, ...I } = a, e = $ || t;
+    if ("href" in d && d.href !== void 0) {
+      const { href: O, disabled: R, onKeyDown: H, onClick: J, ...Q } = d, a = R || t;
       return /* @__PURE__ */ o(
         "a",
         {
-          ref: u,
-          href: e ? void 0 : q,
+          ref: p,
+          href: a ? void 0 : O,
           role: "button",
-          className: B,
-          "aria-disabled": e || void 0,
+          className: C,
+          "aria-disabled": a || void 0,
           "aria-busy": t || void 0,
-          "aria-pressed": m,
-          tabIndex: e ? -1 : 0,
-          onKeyDown: (s) => {
-            s.key === " " && !e && (s.preventDefault(), s.currentTarget.click()), A?.(s);
+          "aria-pressed": c,
+          "aria-label": h,
+          tabIndex: a ? -1 : 0,
+          onKeyDown: (e) => {
+            e.key === " " && !a && (e.preventDefault(), e.currentTarget.click()), H?.(e);
           },
-          onClick: (s) => {
-            if (e) {
-              s.preventDefault();
+          onClick: (e) => {
+            if (a) {
+              e.preventDefault();
               return;
             }
-            E?.(s);
+            J?.(e);
           },
-          "data-testid": b,
-          ...I,
-          children: y
+          "data-testid": k,
+          "data-state-loading": t || void 0,
+          "data-state-disabled": a || void 0,
+          "data-state-active": l || void 0,
+          "data-state-pressed": c,
+          ...Q,
+          children: w
         }
       );
     }
-    const { htmlType: j, ...p } = a;
+    const { htmlType: G, ...D } = d, M = G ?? "button", z = t || D.disabled;
     return /* @__PURE__ */ o(
       "button",
       {
-        ref: u,
-        type: j ?? "button",
-        className: B,
+        ref: p,
+        type: M,
+        className: C,
         "aria-busy": t || void 0,
-        "aria-pressed": m,
-        disabled: t || p.disabled,
-        "data-testid": b,
-        ...p,
-        children: y
+        "aria-pressed": c,
+        "aria-label": h,
+        disabled: z,
+        "data-testid": k,
+        "data-state-loading": t || void 0,
+        "data-state-disabled": z || void 0,
+        "data-state-active": l || void 0,
+        "data-state-pressed": c,
+        ...D,
+        children: w
       }
     );
   }
 );
-ht.displayName = "Button";
+Dt.displayName = "Button";
 export {
-  ht as Button
+  Dt as Button
 };
 //# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { SizeProvider } from '../contexts/SizeContext'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnSecondary = 'btn-secondary'\nconst dBtnAccent = 'btn-accent'\nconst dBtnInfo = 'btn-info'\nconst dBtnSuccess = 'btn-success'\nconst dBtnWarning = 'btn-warning'\nconst dBtnError = 'btn-error'\nconst dBtnNeutral = 'btn-neutral'\nconst dBtnOutline = 'btn-outline'\nconst dBtnDash = 'btn-dash'\nconst dBtnSoft = 'btn-soft'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnLink = 'btn-link'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnMd = 'btn-md'\nconst dBtnLg = 'btn-lg'\nconst dBtnXl = 'btn-xl'\nconst dBtnActive = 'btn-active'\nconst dBtnSquare = 'btn-square'\nconst dBtnCircle = 'btn-circle'\nconst dBtnWide = 'btn-wide'\nconst dBtnBlock = 'btn-block'\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\n\ntype BaseButtonProps = {\n  /** Button color */\n  color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n  /** Button style variant */\n  variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link'\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Active/pressed visual state */\n  active?: boolean\n  /** Show loading spinner and disable button */\n  loading?: boolean\n  /** Button shape */\n  shape?: 'square' | 'circle' | 'wide' | 'block' | 'round'\n  /** Disable click animation */\n  noAnimation?: boolean\n  /** Icon element to display */\n  icon?: React.ReactNode\n  /** Position of the icon */\n  iconPlacement?: 'start' | 'end'\n  /** @deprecated Use iconPlacement instead */\n  iconPosition?: 'start' | 'end'\n  /** Applies error/danger styling (shorthand for color=\"error\") */\n  danger?: boolean\n  /** Toggle button pressed state (sets aria-pressed) */\n  pressed?: boolean\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\ntype ButtonAsButton = BaseButtonProps &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n    href?: undefined\n    htmlType?: 'button' | 'submit' | 'reset'\n  }\n\ntype ButtonAsAnchor = BaseButtonProps &\n  Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> & {\n    href: string\n    htmlType?: undefined\n    /** Disable the link button */\n    disabled?: boolean\n  }\n\nexport type ButtonProps = ButtonAsButton | ButtonAsAnchor\n\nexport const Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>(\n  (\n    {\n      children,\n      color,\n      variant,\n      size,\n      active = false,\n      loading = false,\n      shape,\n      noAnimation = false,\n      icon,\n      iconPlacement,\n      iconPosition,\n      danger = false,\n      pressed,\n      className = '',\n      'data-testid': testId,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n    // danger prop is a shorthand for color=\"error\"\n    const effectiveColor = danger ? 'error' : color\n    // iconPlacement takes precedence over deprecated iconPosition\n    const effectiveIconPlacement = iconPlacement ?? iconPosition ?? 'start'\n\n    const colorClasses = {\n      primary: dBtnPrimary,\n      secondary: dBtnSecondary,\n      accent: dBtnAccent,\n      info: dBtnInfo,\n      success: dBtnSuccess,\n      warning: dBtnWarning,\n      error: dBtnError,\n      neutral: dBtnNeutral,\n    }\n\n    const variantClasses = {\n      solid: '', // default, no extra class needed\n      outline: dBtnOutline,\n      dash: dBtnDash,\n      soft: dBtnSoft,\n      ghost: dBtnGhost,\n      link: dBtnLink,\n    }\n\n    const sizeClasses = {\n      xs: dBtnXs,\n      sm: dBtnSm,\n      md: dBtnMd,\n      lg: dBtnLg,\n      xl: dBtnXl,\n    }\n\n    const shapeClasses = {\n      square: dBtnSquare,\n      circle: dBtnCircle,\n      wide: dBtnWide,\n      block: dBtnBlock,\n      round: 'rounded-full',\n    }\n\n    const classes = [\n      dBtn,\n      effectiveColor && colorClasses[effectiveColor],\n      variant && variantClasses[variant],\n      sizeClasses[effectiveSize],\n      active && dBtnActive,\n      shape && shapeClasses[shape],\n      noAnimation && 'no-animation',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // Determine icon spacing based on whether there's text content and button size\n    const hasChildren = children !== undefined && children !== null && children !== ''\n    const spacingBySize = {\n      xs: effectiveIconPlacement === 'start' ? 'mr-1' : 'ml-1',\n      sm: effectiveIconPlacement === 'start' ? 'mr-1' : 'ml-1',\n      md: effectiveIconPlacement === 'start' ? 'mr-1.5' : 'ml-1.5',\n      lg: effectiveIconPlacement === 'start' ? 'mr-2' : 'ml-2',\n      xl: effectiveIconPlacement === 'start' ? 'mr-2' : 'ml-2',\n    }\n    const iconSpacing = hasChildren ? spacingBySize[effectiveSize] : ''\n\n    const iconElement = icon && (\n      <SizeProvider size={effectiveSize}>\n        <span className={`inline-flex items-center ${iconSpacing}`} aria-hidden=\"true\">\n          {icon}\n        </span>\n      </SizeProvider>\n    )\n\n    const content = (\n      <>\n        {loading && <span className={`${dLoading} ${dLoadingSpinner}`} aria-hidden=\"true\"></span>}\n        {!loading && icon && effectiveIconPlacement === 'start' && iconElement}\n        {children}\n        {!loading && icon && effectiveIconPlacement === 'end' && iconElement}\n      </>\n    )\n\n    if ('href' in props && props.href !== undefined) {\n      const { href, disabled, onKeyDown, onClick, ...anchorProps } = props as ButtonAsAnchor & {\n        onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement>\n        onClick?: React.MouseEventHandler<HTMLAnchorElement>\n      }\n      const isDisabled = disabled || loading\n\n      // Handle Space key for anchor buttons (links only respond to Enter natively)\n      const handleKeyDown = (event: React.KeyboardEvent<HTMLAnchorElement>) => {\n        if (event.key === ' ' && !isDisabled) {\n          event.preventDefault()\n          event.currentTarget.click()\n        }\n        onKeyDown?.(event)\n      }\n\n      // Prevent click when disabled\n      const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n        if (isDisabled) {\n          event.preventDefault()\n          return\n        }\n        onClick?.(event)\n      }\n\n      return (\n        <a\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          href={isDisabled ? undefined : href}\n          role=\"button\"\n          className={classes}\n          aria-disabled={isDisabled || undefined}\n          aria-busy={loading || undefined}\n          aria-pressed={pressed}\n          tabIndex={isDisabled ? -1 : 0}\n          onKeyDown={handleKeyDown}\n          onClick={handleClick}\n          data-testid={testId}\n          {...anchorProps}\n        >\n          {content}\n        </a>\n      )\n    }\n\n    const { htmlType, ...buttonProps } = props as Omit<ButtonAsButton, keyof BaseButtonProps>\n    const buttonType: 'button' | 'submit' | 'reset' = htmlType ?? 'button'\n    return (\n      <button\n        ref={ref as React.Ref<HTMLButtonElement>}\n        type={buttonType}\n        className={classes}\n        aria-busy={loading || undefined}\n        aria-pressed={pressed}\n        disabled={loading || buttonProps.disabled}\n        data-testid={testId}\n        {...buttonProps}\n      >\n        {content}\n      </button>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n"],"names":["dBtn","dBtnPrimary","dBtnSecondary","dBtnAccent","dBtnInfo","dBtnSuccess","dBtnWarning","dBtnError","dBtnNeutral","dBtnOutline","dBtnDash","dBtnSoft","dBtnGhost","dBtnLink","dBtnXs","dBtnSm","dBtnMd","dBtnLg","dBtnXl","dBtnActive","dBtnSquare","dBtnCircle","dBtnWide","dBtnBlock","dLoading","dLoadingSpinner","Button","forwardRef","children","color","variant","size","active","loading","shape","noAnimation","icon","iconPlacement","iconPosition","danger","pressed","className","testId","props","ref","componentSize","useConfig","effectiveSize","effectiveColor","effectiveIconPlacement","colorClasses","variantClasses","sizeClasses","shapeClasses","classes","iconSpacing","iconElement","jsx","SizeProvider","content","jsxs","Fragment","href","disabled","onKeyDown","onClick","anchorProps","isDisabled","event","htmlType","buttonProps"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { SizeProvider } from '../contexts/SizeContext'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnSecondary = 'btn-secondary'\nconst dBtnAccent = 'btn-accent'\nconst dBtnInfo = 'btn-info'\nconst dBtnSuccess = 'btn-success'\nconst dBtnWarning = 'btn-warning'\nconst dBtnError = 'btn-error'\nconst dBtnNeutral = 'btn-neutral'\nconst dBtnOutline = 'btn-outline'\nconst dBtnDash = 'btn-dash'\nconst dBtnSoft = 'btn-soft'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnLink = 'btn-link'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnMd = 'btn-md'\nconst dBtnLg = 'btn-lg'\nconst dBtnXl = 'btn-xl'\nconst dBtnActive = 'btn-active'\nconst dBtnSquare = 'btn-square'\nconst dBtnCircle = 'btn-circle'\nconst dBtnWide = 'btn-wide'\nconst dBtnBlock = 'btn-block'\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\n\ntype BaseButtonProps = {\n  /** Syntactic sugar for setting variant and color together. Will be overridden by explicit variant & color props. */\n  type?: 'primary' | 'default' | 'dashed' | 'link' | 'text'\n  /** Button color */\n  color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n  /** Button style variant */\n  variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link' | 'text'\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Active/pressed visual state */\n  active?: boolean\n  /** Show loading spinner and disable button */\n  loading?: boolean\n  /** Button shape */\n  shape?: 'square' | 'circle' | 'wide' | 'block' | 'round'\n  /** Make the button full width */\n  block?: boolean\n  /** Make background transparent and invert text and border colors */\n  ghost?: boolean\n  /** Disable click animation */\n  noAnimation?: boolean\n  /** Icon element to display */\n  icon?: React.ReactNode\n  /** Position of the icon */\n  iconPlacement?: 'start' | 'end'\n  /** @deprecated Use iconPlacement instead */\n  iconPosition?: 'start' | 'end'\n  /** Applies error/danger styling (shorthand for color=\"error\") */\n  danger?: boolean\n  /** Toggle button pressed state (sets aria-pressed) */\n  pressed?: boolean\n  /** Accessible label for icon-only buttons */\n  'aria-label'?: string\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\ntype ButtonAsButton = BaseButtonProps &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n    href?: undefined\n    htmlType?: 'button' | 'submit' | 'reset'\n  }\n\ntype ButtonAsAnchor = BaseButtonProps &\n  Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> & {\n    href: string\n    htmlType?: undefined\n    /** Disable the link button */\n    disabled?: boolean\n  }\n\nexport type ButtonProps = ButtonAsButton | ButtonAsAnchor\n\nexport const Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>(\n  (\n    {\n      children,\n      type,\n      color,\n      variant,\n      size,\n      active = false,\n      loading = false,\n      shape,\n      block = false,\n      ghost = false,\n      noAnimation = false,\n      icon,\n      iconPlacement,\n      iconPosition,\n      danger = false,\n      pressed,\n      className = '',\n      'aria-label': ariaLabel,\n      'data-testid': testId,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    // Apply type prop (syntactic sugar) - explicit variant/color takes precedence\n    let derivedVariant = variant\n    let derivedColor = color\n    if (type && !variant && !color) {\n      switch (type) {\n        case 'primary':\n          derivedVariant = 'solid'\n          derivedColor = 'primary'\n          break\n        case 'default':\n          derivedVariant = 'outline'\n          break\n        case 'dashed':\n          derivedVariant = 'dash'\n          break\n        case 'link':\n          derivedVariant = 'link'\n          break\n        case 'text':\n          derivedVariant = 'text'\n          break\n      }\n    }\n\n    // danger prop is a shorthand for color=\"error\"\n    const effectiveColor = danger ? 'error' : derivedColor\n    const effectiveVariant = ghost && !derivedVariant ? 'ghost' : derivedVariant\n    // iconPlacement takes precedence over deprecated iconPosition\n    const effectiveIconPlacement = iconPlacement ?? iconPosition ?? 'start'\n    // block prop is a shorthand for shape=\"block\"\n    const effectiveShape = block && !shape ? 'block' : shape\n\n    const colorClasses = {\n      primary: dBtnPrimary,\n      secondary: dBtnSecondary,\n      accent: dBtnAccent,\n      info: dBtnInfo,\n      success: dBtnSuccess,\n      warning: dBtnWarning,\n      error: dBtnError,\n      neutral: dBtnNeutral,\n    }\n\n    const variantClasses = {\n      solid: '', // default, no extra class needed\n      outline: dBtnOutline,\n      dash: dBtnDash,\n      soft: dBtnSoft,\n      ghost: dBtnGhost,\n      link: dBtnLink,\n      text: dBtnGhost, // text variant uses ghost styling\n    }\n\n    const sizeClasses = {\n      xs: dBtnXs,\n      sm: dBtnSm,\n      md: dBtnMd,\n      lg: dBtnLg,\n      xl: dBtnXl,\n    }\n\n    const shapeClasses = {\n      square: dBtnSquare,\n      circle: dBtnCircle,\n      wide: dBtnWide,\n      block: dBtnBlock,\n      round: 'rounded-full',\n    }\n\n    const classes = [\n      dBtn,\n      effectiveColor && colorClasses[effectiveColor],\n      effectiveVariant && variantClasses[effectiveVariant],\n      sizeClasses[effectiveSize],\n      active && dBtnActive,\n      effectiveShape && shapeClasses[effectiveShape],\n      noAnimation && 'no-animation',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // Determine icon spacing based on whether there's text content and button size\n    const hasChildren = children !== undefined && children !== null && children !== ''\n    const spacingBySize = {\n      xs: effectiveIconPlacement === 'start' ? 'mr-1' : 'ml-1',\n      sm: effectiveIconPlacement === 'start' ? 'mr-1' : 'ml-1',\n      md: effectiveIconPlacement === 'start' ? 'mr-1.5' : 'ml-1.5',\n      lg: effectiveIconPlacement === 'start' ? 'mr-2' : 'ml-2',\n      xl: effectiveIconPlacement === 'start' ? 'mr-2' : 'ml-2',\n    }\n    const iconSpacing = hasChildren ? spacingBySize[effectiveSize] : ''\n\n    const iconElement = icon && (\n      <SizeProvider size={effectiveSize}>\n        <span className={`inline-flex items-center ${iconSpacing}`} aria-hidden=\"true\">\n          {icon}\n        </span>\n      </SizeProvider>\n    )\n\n    const content = (\n      <>\n        {loading && <span className={`${dLoading} ${dLoadingSpinner}`} aria-hidden=\"true\"></span>}\n        {!loading && icon && effectiveIconPlacement === 'start' && iconElement}\n        {children}\n        {!loading && icon && effectiveIconPlacement === 'end' && iconElement}\n      </>\n    )\n\n    if ('href' in props && props.href !== undefined) {\n      const { href, disabled, onKeyDown, onClick, ...anchorProps } = props as ButtonAsAnchor & {\n        onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement>\n        onClick?: React.MouseEventHandler<HTMLAnchorElement>\n      }\n      const isDisabled = disabled || loading\n\n      // Handle Space key for anchor buttons (links only respond to Enter natively)\n      const handleKeyDown = (event: React.KeyboardEvent<HTMLAnchorElement>) => {\n        if (event.key === ' ' && !isDisabled) {\n          event.preventDefault()\n          event.currentTarget.click()\n        }\n        onKeyDown?.(event)\n      }\n\n      // Prevent click when disabled\n      const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n        if (isDisabled) {\n          event.preventDefault()\n          return\n        }\n        onClick?.(event)\n      }\n\n      return (\n        <a\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          href={isDisabled ? undefined : href}\n          role=\"button\"\n          className={classes}\n          aria-disabled={isDisabled || undefined}\n          aria-busy={loading || undefined}\n          aria-pressed={pressed}\n          aria-label={ariaLabel}\n          tabIndex={isDisabled ? -1 : 0}\n          onKeyDown={handleKeyDown}\n          onClick={handleClick}\n          data-testid={testId}\n          data-state-loading={loading || undefined}\n          data-state-disabled={isDisabled || undefined}\n          data-state-active={active || undefined}\n          data-state-pressed={pressed}\n          {...anchorProps}\n        >\n          {content}\n        </a>\n      )\n    }\n\n    const { htmlType, ...buttonProps } = props as Omit<ButtonAsButton, keyof BaseButtonProps>\n    const buttonType: 'button' | 'submit' | 'reset' = htmlType ?? 'button'\n    const isDisabled = loading || buttonProps.disabled\n    return (\n      <button\n        ref={ref as React.Ref<HTMLButtonElement>}\n        type={buttonType}\n        className={classes}\n        aria-busy={loading || undefined}\n        aria-pressed={pressed}\n        aria-label={ariaLabel}\n        disabled={isDisabled}\n        data-testid={testId}\n        data-state-loading={loading || undefined}\n        data-state-disabled={isDisabled || undefined}\n        data-state-active={active || undefined}\n        data-state-pressed={pressed}\n        {...buttonProps}\n      >\n        {content}\n      </button>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n"],"names":["dBtn","dBtnPrimary","dBtnSecondary","dBtnAccent","dBtnInfo","dBtnSuccess","dBtnWarning","dBtnError","dBtnNeutral","dBtnOutline","dBtnDash","dBtnSoft","dBtnGhost","dBtnLink","dBtnXs","dBtnSm","dBtnMd","dBtnLg","dBtnXl","dBtnActive","dBtnSquare","dBtnCircle","dBtnWide","dBtnBlock","dLoading","dLoadingSpinner","Button","forwardRef","children","type","color","variant","size","active","loading","shape","block","ghost","noAnimation","icon","iconPlacement","iconPosition","danger","pressed","className","ariaLabel","testId","props","ref","componentSize","useConfig","effectiveSize","derivedVariant","derivedColor","effectiveColor","effectiveVariant","effectiveIconPlacement","effectiveShape","colorClasses","variantClasses","sizeClasses","shapeClasses","classes","iconSpacing","iconElement","jsx","SizeProvider","content","jsxs","Fragment","href","disabled","onKeyDown","onClick","anchorProps","isDisabled","event","htmlType","buttonProps","buttonType"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.74",
+  "version": "0.12.75",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {