@vkzstudio/muza-ui 1.0.41 → 1.0.43

package/dist/components/Button/Button.d.ts

@@ -21,7 +21,15 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'icon';
     /** Stretches button to fill its container width. @default false */
     fullWidth?: boolean;
-    /** Renders children as the child element instead of a `<button>`. */
+    /**
+     * When true, merges Button props/styles onto the single child element via
+     * Radix `Slot` (e.g. `<Button asChild><Link href="/">Home</Link></Button>`
+     * renders an `<a>` with all button styling and click target). Icons and the
+     * `loading` spinner are injected as siblings of the child's original content.
+     * Note: `disabled` has no effect on non-`<button>` children — use
+     * `aria-disabled` on the child instead.
+     * @default false
+     */
     asChild?: boolean;
     /** React node displayed as an icon. Position controlled by `iconPosition`. */
     icon?: React.ReactNode;

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;GAIG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChE;;;;OAIG;IACH,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6HAA6H;IAC7H,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,qIAAqI;IACrI,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,wFAAwF;IACxF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAiEX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;GAIG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChE;;;;OAIG;IACH,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IACzC,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6HAA6H;IAC7H,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC9B,qIAAqI;IACrI,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,wFAAwF;IACxF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAqFX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Button/Button.js

@@ -1,71 +1,76 @@
-import { jsxs as N, jsx as m } from "react/jsx-runtime";
-import * as d from "react";
+import { jsxs as j, jsx as o } from "react/jsx-runtime";
+import * as m from "react";
+import { Slot as v, Slottable as u } from "@radix-ui/react-slot";
 import "class-variance-authority";
-import { ButtonLoader as B } from "./ButtonLoader.js";
-import { buttonVariants as g } from "./buttonVariants.js";
-import { cn as f } from "../../utils/cn.js";
-import { Typography as j } from "../Typography/Typography.js";
-const w = d.forwardRef(
+import { ButtonLoader as w } from "./ButtonLoader.js";
+import { buttonVariants as E } from "./buttonVariants.js";
+import { cn as c } from "../../utils/cn.js";
+import { Typography as R } from "../Typography/Typography.js";
+const S = m.forwardRef(
   ({
-    className: i,
-    variant: u,
-    size: t,
-    fullWidth: c,
-    asChild: l = !1,
-    icon: a,
-    iconPosition: p = "start",
+    className: y,
+    variant: b,
+    size: a,
+    fullWidth: x,
+    asChild: p = !1,
+    icon: r,
+    iconPosition: n = "start",
     secondIcon: s,
-    ghost: y = !1,
-    danger: e = !1,
-    loading: o = !1,
-    children: r,
+    ghost: d = !1,
+    danger: f = !1,
+    loading: e = !1,
+    children: t,
     ...h
-  }, x) => {
-    const b = l ? "span" : "button", n = t === "icon" || y;
-    return /* @__PURE__ */ N(
-      b,
+  }, N) => {
+    const g = p ? v : "button", i = a === "icon" || d, l = (L) => /* @__PURE__ */ o(
+      R,
       {
-        className: f(
-          g({
-            variant: u,
-            size: t,
-            fullWidth: c,
-            iconOnly: t === "icon" || !r,
-            ghost: n,
-            danger: e,
-            loading: o,
-            className: i
+        variant: "cta",
+        size: a === "sm" || a === "xs" ? "sm" : "base",
+        weight: "medium",
+        component: "span",
+        fixY: !0,
+        className: c("transition-opacity", {
+          "opacity-0": e
+        }),
+        children: L
+      }
+    ), B = () => p ? m.isValidElement(t) ? /* @__PURE__ */ o(u, { children: m.cloneElement(
+      t,
+      void 0,
+      l(t.props.children)
+    ) }) : /* @__PURE__ */ o(u, { children: t }) : t && l(t);
+    return /* @__PURE__ */ j(
+      g,
+      {
+        className: c(
+          E({
+            variant: b,
+            size: a,
+            fullWidth: x,
+            iconOnly: a === "icon" || !t,
+            ghost: i,
+            danger: f,
+            loading: e,
+            className: y
           })
         ),
-        ref: x,
-        "data-ghost": n,
-        "data-danger": e,
+        ref: N,
+        "data-ghost": i,
+        "data-danger": f,
         ...h,
         children: [
-          o && /* @__PURE__ */ m("span", { className: "absolute", children: /* @__PURE__ */ m(B, {}) }),
-          (s || p === "start") && a,
-          r && /* @__PURE__ */ m(
-            j,
-            {
-              variant: "cta",
-              size: t == "sm" || t == "xs" ? "sm" : "base",
-              weight: "medium",
-              component: "span",
-              fixY: !0,
-              className: f("transition-opacity", {
-                "opacity-0": o
-              }),
-              children: r
-            }
-          ),
-          s || p === "end" && a
+          e && /* @__PURE__ */ o("span", { className: "absolute", children: /* @__PURE__ */ o(w, {}) }),
+          (s || n === "start") && r,
+          B(),
+          s || n === "end" && r
         ]
       }
     );
   }
 );
-w.displayName = "Button";
+S.displayName = "Button";
 export {
-  w as Button,
-  g as buttonVariants
+  S as Button,
+  E as buttonVariants
 };

package/dist/components/Button/Button.stories.d.ts

@@ -13,5 +13,7 @@ export declare const AllSizes: Story;
 export declare const InteractiveStates: Story;
 export declare const IconExamples: Story;
 export declare const WithSecondIcon: Story;
+export declare const AsChildAnchor: Story;
+export declare const AsChildEdgeCases: Story;
 export declare const ResponsiveExample: Story;
 //# sourceMappingURL=Button.stories.d.ts.map

package/dist/components/Button/Button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAU3D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AAoBnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAoF7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoCtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyCzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmF/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA8D1B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAA"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAW3D,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AAoBnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAqF7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoCtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyCzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmF/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA8D1B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAaD,eAAO,MAAM,gBAAgB,EAAE,KAmL9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAA"}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { DateRange } from 'react-day-picker';
 import { CalendarBaseProps } from '../Calendar';
+import { PopoverContentProps } from '../Popover/Popover';
 import { Presets } from './utils/getDateRange';
 /**
  * Props for the DatePicker component.
@@ -64,6 +65,17 @@ export type DatePickerProps = {
     side?: 'top' | 'right' | 'bottom' | 'left';
     /** Prevents the popover from overflowing viewport boundaries. @default true */
     avoidCollisions?: boolean;
+    /**
+     * Additional props forwarded to the underlying {@link PopoverContent}.
+     * Use for fine-tuning positioning (`sideOffset`, `alignOffset`, `sticky`,
+     * `hideWhenDetached`) or intercepting Radix events (`onOpenAutoFocus`,
+     * `onCloseAutoFocus`, `onEscapeKeyDown`, `onPointerDownOutside`, etc.).
+     *
+     * Props already exposed on DatePicker (`align` via `alignCalendar`, `side`,
+     * `avoidCollisions`, `className` via `classNames.popoverContent`) are
+     * intentionally excluded.
+     */
+    popoverContentProps?: Omit<PopoverContentProps, 'align' | 'side' | 'avoidCollisions' | 'className'>;
     /** Replaces the default Input trigger with a custom rendered element. */
     renderCustomTrigger?: () => ReactNode;
     /**

package/dist/components/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/DatePicker.js

@@ -1,22 +1,22 @@
-import { jsx as n, jsxs as rt } from "react/jsx-runtime";
-import { forwardRef as ot, useState as k, useRef as E, useEffect as et } from "react";
-import { useIsDesktop as it } from "../../hooks/use-is-desktop.js";
-import { useIsMobile as ft } from "../../hooks/use-is-mobile.js";
-import { Popover as pt, PopoverTrigger as ct, PopoverContent as nt } from "../Popover/Popover.js";
-import { getDateRange as dt } from "./utils/getDateRange.js";
-import { resolveOneDayRange as ut } from "./utils/resolveOneDayRange.js";
-import { Input as bt } from "../Input/Input.js";
-import { formatDate as st } from "../Calendar/utils/formatDate.js";
-import { formatDateRange as xt } from "../Calendar/utils/formatDateRange.js";
-import { Calendar as Y } from "../Calendar/Calendar.js";
+import { jsx as n, jsxs as ot } from "react/jsx-runtime";
+import { forwardRef as et, useState as k, useRef as Y, useEffect as it } from "react";
+import { useIsDesktop as ft } from "../../hooks/use-is-desktop.js";
+import { useIsMobile as ct } from "../../hooks/use-is-mobile.js";
+import { Popover as pt, PopoverTrigger as nt, PopoverContent as dt } from "../Popover/Popover.js";
+import { getDateRange as ut } from "./utils/getDateRange.js";
+import { resolveOneDayRange as bt } from "./utils/resolveOneDayRange.js";
+import { Input as st } from "../Input/Input.js";
+import { formatDate as xt } from "../Calendar/utils/formatDate.js";
+import { formatDateRange as lt } from "../Calendar/utils/formatDateRange.js";
+import { Calendar as A } from "../Calendar/Calendar.js";
 import { cn as l } from "../../utils/cn.js";
-import { typographyVariants as lt } from "../Typography/Typography.js";
-import { CalendarBold as yt } from "@solar-icons/react-perf";
-const vt = ot(
+import { typographyVariants as yt } from "../Typography/Typography.js";
+import { CalendarBold as mt } from "@solar-icons/react-perf";
+const vt = et(
   ({
     alignCalendar: G,
     mode: y,
-    allowedPresets: v,
+    allowedPresets: m,
     dateFormatter: H,
     value: e,
     defaultValue: b,
@@ -31,39 +31,40 @@ const vt = ot(
     placeholder: Q,
     avoidCollisions: T = !0,
     side: U = "bottom",
+    popoverContentProps: W,
     renderCustomTrigger: S,
     immediateCommit: f,
     allowOneDayRange: B,
     shouldResetToDefaultValue: I,
     required: x,
-    disableRequiredAsterisk: W,
-    numberOfMonths: X,
-    hideNavigation: Z,
-    hideCaption: _,
-    hideWeekdays: $,
-    showOutsideDays: V,
-    hideBottomText: q,
-    hideResetButton: w,
-    hideBottomBar: O,
-    ...g
-  }, a) => {
-    const N = it(), h = ft(), [C, M] = k(!1), P = typeof s == "boolean" ? s : C, [F, p] = k(
+    disableRequiredAsterisk: X,
+    numberOfMonths: Z,
+    hideNavigation: _,
+    hideCaption: $,
+    hideWeekdays: V,
+    showOutsideDays: q,
+    hideBottomText: w,
+    hideResetButton: O,
+    hideBottomBar: g,
+    ...a
+  }, N) => {
+    const h = ft(), C = ct(), [tt, M] = k(!1), P = typeof s == "boolean" ? s : tt, [j, c] = k(
       e ?? b
-    ), [i, u] = k(e ?? b), j = E(!1), m = E(
+    ), [i, u] = k(e ?? b), z = Y(!1), v = Y(
       e ?? b
     );
-    et(() => {
-      if (!j.current) {
-        j.current = !0;
+    it(() => {
+      if (!z.current) {
+        z.current = !0;
         return;
       }
-      p(e), u(e), P || (m.current = e);
+      c(e), u(e), P || (v.current = e);
     }, [e]);
-    const tt = v == null ? void 0 : v.map((t) => /* @__PURE__ */ n(
+    const rt = m == null ? void 0 : m.map((t) => /* @__PURE__ */ n(
       "button",
       {
         className: l(
-          lt({
+          yt({
             variant: "cta",
             weight: "medium",
             size: "sm",
@@ -76,41 +77,41 @@ const vt = ot(
           o == null ? void 0 : o.leftPanelButton
         ),
         onClick: () => {
-          const c = dt(t.type);
-          u(c), f && (p(c), r == null || r(c));
+          const p = ut(t.type);
+          u(p), f && (c(p), r == null || r(p));
         },
         children: t.name
       },
       t.type
-    )), D = H ?? (y === "single" ? st : xt), z = f ? e !== void 0 ? e : i : F, A = {
-      ...g,
-      numberOfMonths: X ?? (N ? 2 : 1),
-      hideNavigation: Z,
-      hideCaption: _,
-      hideWeekdays: $,
-      showOutsideDays: V,
-      hideBottomText: q,
-      hideResetButton: w,
-      hideBottomBar: f ? O : void 0,
+    )), D = H ?? (y === "single" ? xt : lt), F = f ? e !== void 0 ? e : i : j, E = {
+      ...a,
+      numberOfMonths: Z ?? (h ? 2 : 1),
+      hideNavigation: _,
+      hideCaption: $,
+      hideWeekdays: V,
+      showOutsideDays: q,
+      hideBottomText: w,
+      hideResetButton: O,
+      hideBottomBar: f ? g : void 0,
       required: x,
       onReset: () => {
-        const t = I ? b : f ? m.current : F;
-        u(t), f && (p(t), r == null || r(t));
+        const t = I ? b : f ? v.current : j;
+        u(t), f && (c(t), r == null || r(t));
       },
       onConfirm: () => {
-        f ? p(i) : (i !== void 0 || I || x === !1) && (p(i), r == null || r(i)), s === void 0 && M(!1), d == null || d(!1);
+        f ? c(i) : (i !== void 0 || I || x === !1) && (c(i), r == null || r(i)), s === void 0 && M(!1), d == null || d(!1);
       }
     };
-    return /* @__PURE__ */ rt(
+    return /* @__PURE__ */ ot(
       pt,
       {
         open: P,
         onOpenChange: (t) => {
-          t && (m.current = e ?? i), s === void 0 && M(t), d == null || d(t);
+          t && (v.current = e ?? i), s === void 0 && M(t), d == null || d(t);
         },
         children: [
           /* @__PURE__ */ n(
-            ct,
+            nt,
             {
               className: l(
                 "group cursor-pointer rounded-full text-left outline-0",
@@ -118,10 +119,10 @@ const vt = ot(
               ),
               disabled: R,
               children: S ? S() : /* @__PURE__ */ n(
-                bt,
+                st,
                 {
-                  ref: a,
-                  value: z ? D(z) : "",
+                  ref: N,
+                  value: F ? D(F) : "",
                   placeholder: Q,
                   error: J,
                   disabled: R,
@@ -129,52 +130,52 @@ const vt = ot(
                   hint: K,
                   tabIndex: -1,
                   required: x,
-                  disableRequiredAsterisk: W,
+                  disableRequiredAsterisk: X,
                   className: l(
                     "pointer-events-none",
                     o == null ? void 0 : o.input,
                     "group-hover:border-comp-input-stroke-hover group-focus-visible:border-comp-input-stroke-focused"
                   ),
-                  suffix: /* @__PURE__ */ n(yt, { className: "size-icon-medium text-icon-dark-secondary-def" })
+                  suffix: /* @__PURE__ */ n(mt, { className: "size-icon-medium text-icon-dark-secondary-def" })
                 }
               )
             }
           ),
           /* @__PURE__ */ n(
-            nt,
+            dt,
             {
+              ...W,
               className: l("flex w-auto p-0", o == null ? void 0 : o.popoverContent),
               align: G,
               side: U,
               avoidCollisions: T,
-              onOpenAutoFocus: (t) => t.preventDefault(),
               children: y === "single" ? /* @__PURE__ */ n(
-                Y,
+                A,
                 {
-                  ...A,
+                  ...E,
                   mode: "single",
                   selected: i,
                   onSelect: f ? (t) => {
-                    u(t), p(t), r == null || r(t);
+                    u(t), c(t), r == null || r(t);
                   } : u,
                   dateFormatter: D
                 }
               ) : /* @__PURE__ */ n(
-                Y,
+                A,
                 {
-                  ...A,
+                  ...E,
                   mode: "range",
                   min: B ? 1 : void 0,
                   selected: i,
                   onSelect: (t) => {
-                    const c = B ? ut(
+                    const p = B ? bt(
                       i,
                       t,
                       x
                     ) : t;
-                    u(c), f && (p(c), r == null || r(c));
+                    u(p), f && (c(p), r == null || r(p));
                   },
-                  leftPanelChildren: y === "range" && !h && tt,
+                  leftPanelChildren: y === "range" && !C && rt,
                   dateRangeFormatter: D
                 }
               )

package/dist/components/EdgeButton/EdgeButton.d.ts

@@ -17,7 +17,12 @@ export interface EdgeButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
      */
     disabled?: boolean;
     /**
-     * Renders as a span element instead of button (useful for composing with other libraries).
+     * When true, merges EdgeButton props/styles onto the single child element via
+     * Radix `Slot` (e.g. `<EdgeButton asChild><a href="/help">Help</a></EdgeButton>`
+     * renders an `<a>` with all button styling and click target). The leading icon
+     * and text are injected as siblings of the child's original content.
+     * Note: `disabled` has no effect on non-`<button>` children — use
+     * `aria-disabled` on the child instead.
      * @default false
      */
     asChild?: boolean;

package/dist/components/EdgeButton/EdgeButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeButton.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeButton/EdgeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,QAAA,MAAM,kBAAkB;;8EAwBvB,CAAA;AAED;;;;;GAKG;AACH,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,QAAA,MAAM,UAAU,2FAuCf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"EdgeButton.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeButton/EdgeButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,QAAA,MAAM,kBAAkB;;8EAwBvB,CAAA;AAED;;;;;GAKG;AACH,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,QAAA,MAAM,UAAU,2FAmFf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/EdgeButton/EdgeButton.js

@@ -1,10 +1,11 @@
-import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import d from "react";
-import { cva as u } from "class-variance-authority";
-import { sharedButtonVariants as o } from "../Button/buttonVariants.js";
-import { cn as l } from "../../utils/cn.js";
-import { Typography as f } from "../Typography/Typography.js";
-const z = u(
+import { jsx as e, jsxs as i, Fragment as a } from "react/jsx-runtime";
+import s from "react";
+import { Slot as h, Slottable as l } from "@radix-ui/react-slot";
+import { cva as x } from "class-variance-authority";
+import { sharedButtonVariants as d } from "../Button/buttonVariants.js";
+import { cn as y } from "../../utils/cn.js";
+import { Typography as j } from "../Typography/Typography.js";
+const _ = x(
   [
     "inline-flex items-center justify-center",
     "h-comp-help-button-h gap-comp-button-gap px-comp-help-button-p",
@@ -12,7 +13,7 @@ const z = u(
     "&>svg]:duration-250 transition-colors duration-250 [&>svg]:transition-opacity",
     "[&>svg]:size-icon-medium",
     "disabled:pointer-events-none",
-    ...o.primary
+    ...d.primary
   ],
   {
     variants: {
@@ -28,45 +29,68 @@ const z = u(
       disabled: !1
     }
   }
-), g = d.forwardRef(
-  ({ onClick: e, disabled: t, text: i, className: r, asChild: a, icon: s, ...n }, p) => /* @__PURE__ */ m(
-    a ? "span" : "button",
-    {
-      ref: p,
-      type: "button",
-      onClick: t ? void 0 : e,
-      disabled: t,
-      className: l(
-        "inline-flex items-center justify-center",
-        "h-comp-help-button-h gap-comp-button-gap px-comp-help-button-p",
-        "rounded-tl-2xl",
-        "cursor-pointer disabled:pointer-events-none",
-        "&>svg]:duration-250 transition-colors duration-250 [&>svg]:transition-opacity",
-        "[&>svg]:size-icon-medium",
-        ...o.primary,
-        r
-      ),
-      ...n,
-      children: [
-        s,
-        /* @__PURE__ */ c(
-          f,
-          {
-            component: "span",
-            size: "base",
-            variant: "cta",
-            weight: "medium",
-            fixY: !0,
-            children: i
-          }
+), B = s.forwardRef(
+  ({
+    onClick: u,
+    disabled: p,
+    text: m,
+    className: c,
+    asChild: n,
+    icon: o,
+    children: t,
+    ...f
+  }, b) => {
+    const g = n ? h : "button", r = m ? /* @__PURE__ */ e(
+      j,
+      {
+        component: "span",
+        size: "base",
+        variant: "cta",
+        weight: "medium",
+        fixY: !0,
+        children: m
+      }
+    ) : null, v = () => n ? s.isValidElement(t) ? /* @__PURE__ */ e(l, { children: s.cloneElement(
+      t,
+      void 0,
+      /* @__PURE__ */ i(a, { children: [
+        o,
+        r,
+        t.props.children
+      ] })
+    ) }) : /* @__PURE__ */ i(a, { children: [
+      o,
+      r,
+      /* @__PURE__ */ e(l, { children: t })
+    ] }) : /* @__PURE__ */ i(a, { children: [
+      o,
+      r,
+      t
+    ] });
+    return /* @__PURE__ */ e(
+      g,
+      {
+        ref: b,
+        onClick: p ? void 0 : u,
+        ...n ? {} : { type: "button", disabled: p },
+        className: y(
+          "inline-flex items-center justify-center",
+          "h-comp-help-button-h gap-comp-button-gap px-comp-help-button-p",
+          "rounded-tl-2xl",
+          "cursor-pointer disabled:pointer-events-none",
+          "&>svg]:duration-250 transition-colors duration-250 [&>svg]:transition-opacity",
+          "[&>svg]:size-icon-medium",
+          ...d.primary,
+          c
         ),
-        n.children
-      ]
-    }
-  )
+        ...f,
+        children: v()
+      }
+    );
+  }
 );
-g.displayName = "EdgeButton";
+B.displayName = "EdgeButton";
 export {
-  g as EdgeButton,
-  z as edgeButtonVariants
+  B as EdgeButton,
+  _ as edgeButtonVariants
 };

package/dist/components/EdgeButton/EdgeButton.stories.d.ts

@@ -8,4 +8,6 @@ export declare const WithIcon: Story;
 export declare const InteractiveStates: Story;
 export declare const Accessibility: Story;
 export declare const Playground: Story;
+export declare const AsChildAnchor: Story;
+export declare const AsChildEdgeCases: Story;
 //# sourceMappingURL=EdgeButton.stories.d.ts.map

package/dist/components/EdgeButton/EdgeButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EdgeButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeButton/EdgeButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAIzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAkGjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAqD/B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAmD3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA"}
+{"version":3,"file":"EdgeButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/EdgeButton/EdgeButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAIzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAkGjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAqD/B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAmD3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAA;AAaD,eAAO,MAAM,gBAAgB,EAAE,KA+H9B,CAAA"}