@alfadocs/ui-kit 0.1.10 → 0.2.1

package/dist/_chunks/{floating-action-button-Cnw-f6AG.js → floating-action-button-C8OYj8mE.js}

@@ -83,7 +83,14 @@ const x = g(
       ...a,
       "aria-label": p,
       children: [
-        e ? /* @__PURE__ */ d("span", { "aria-hidden": "true", className: "ds:inline-flex ds:items-center ds:justify-center", children: e }) : null,
+        e ? /* @__PURE__ */ d(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:inline-flex ds:items-center ds:justify-center",
+            children: e
+          }
+        ) : null,
         s ? /* @__PURE__ */ d("span", { className: "ds:inline-flex", children: c }) : null
       ]
     }
@@ -93,4 +100,4 @@ h.displayName = "FloatingActionButton";
 export {
   h as F
 };
-//# sourceMappingURL=floating-action-button-Cnw-f6AG.js.map
+//# sourceMappingURL=floating-action-button-C8OYj8mE.js.map

package/dist/_chunks/{form-field-BfsPLTSc.js → form-field-Bmkeh7WY.js}

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as t } from "react/jsx-runtime";
 import { forwardRef as z, useId as V, useMemo as p } from "react";
 import { c as f } from "./index-D2ZczOXr.js";
 import { useTranslation as j } from "react-i18next";
-import { F as w } from "./form-field-context-94LwgYTQ.js";
+import { F as w } from "./form-field-context-B3APVHKx.js";
 import { C as B } from "./circle-alert-ChA9opNA.js";
 const C = f("ds:text-start", {
   variants: {
@@ -34,7 +34,7 @@ const C = f("ds:text-start", {
     const {
       label: u,
       description: o,
-      error: s,
+      error: e,
       required: d = !1,
       optional: h = !1,
       orientation: n = "vertical",
@@ -42,12 +42,12 @@ const C = f("ds:text-start", {
       className: g,
       children: b,
       ...N
-    } = x, { t: y } = j(), e = V(), a = `${e}-help`, r = `${e}-error`, c = !!s, m = p(
-      () => [o ? a : null, s ? r : null].filter(Boolean).join(" "),
-      [o, s, a, r]
+    } = x, { t: y } = j(), s = V(), a = `${s}-help`, r = `${s}-error`, c = !!e, m = p(
+      () => [o ? a : null, e ? r : null].filter(Boolean).join(" "),
+      [o, e, a, r]
     ), F = p(
       () => ({
-        id: e,
+        id: s,
         helpId: a,
         errorId: r,
         describedBy: m,
@@ -55,7 +55,7 @@ const C = f("ds:text-start", {
         required: d,
         disabled: l
       }),
-      [e, a, r, m, c, d, l]
+      [s, a, r, m, c, d, l]
     );
     return /* @__PURE__ */ i(w.Provider, { value: F, children: /* @__PURE__ */ t(
       "div",
@@ -68,7 +68,8 @@ const C = f("ds:text-start", {
           /* @__PURE__ */ t(
             "label",
             {
-              htmlFor: e,
+              id: `${s}-label`,
+              htmlFor: s,
               className: "type-label ds:text-foreground",
               children: [
                 u,
@@ -91,7 +92,7 @@ const C = f("ds:text-start", {
           /* @__PURE__ */ t("div", { className: I({ orientation: n }), children: [
             b,
             o && /* @__PURE__ */ i("p", { id: a, className: "type-body-sm ds:text-muted-foreground", children: o }),
-            s && /* @__PURE__ */ t(
+            e && /* @__PURE__ */ t(
               "p",
               {
                 id: r,
@@ -105,7 +106,7 @@ const C = f("ds:text-start", {
                       className: "ds:size-4 ds:shrink-0"
                     }
                   ),
-                  /* @__PURE__ */ i("span", { children: s })
+                  /* @__PURE__ */ i("span", { children: e })
                 ]
               }
             )
@@ -119,4 +120,4 @@ $.displayName = "FormField";
 export {
   $ as F
 };
-//# sourceMappingURL=form-field-BfsPLTSc.js.map
+//# sourceMappingURL=form-field-Bmkeh7WY.js.map

package/dist/_chunks/{form-field-context-94LwgYTQ.js → form-field-context-B3APVHKx.js}

@@ -1,5 +1,7 @@
 import { createContext as t, useContext as o, useId as d } from "react";
-const l = t(null);
+const l = t(
+  null
+);
 function n() {
   const r = o(l), e = d();
   return r || {
@@ -16,4 +18,4 @@ export {
   l as F,
   n as u
 };
-//# sourceMappingURL=form-field-context-94LwgYTQ.js.map
+//# sourceMappingURL=form-field-context-B3APVHKx.js.map

package/dist/_chunks/{freemium-paywall.agent-_nQqLyRF.js → freemium-paywall-CrVefV0M.js}

@@ -1,15 +1,63 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as G, useId as I, useState as E, useRef as k, useImperativeHandle as J } from "react";
-import * as i from "@radix-ui/react-alert-dialog";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as J, useId as R, useState as Q, useRef as m, useImperativeHandle as W, useMemo as X } from "react";
+import * as d from "@radix-ui/react-alert-dialog";
 import * as K from "@radix-ui/react-radio-group";
-import { c as Q } from "./index-D2ZczOXr.js";
-import { useTranslation as W } from "react-i18next";
-import { B as R } from "./button-7mLWcMp_.js";
-import { P as X } from "./progress-wNsqkw8I.js";
-import { f as Y } from "./payment-form-BWaXas8z.js";
-import { T as Z } from "./triangle-alert-CBPUIzQo.js";
-import { C as $ } from "./check-DPdL_Sm7.js";
-const ee = Q(
+import { c as Y } from "./index-D2ZczOXr.js";
+import { useTranslation as Z } from "react-i18next";
+import { u as $ } from "./registry-C9nwlNyL.js";
+import { B as j } from "./button-DD_0Xdmr.js";
+import { P as ee } from "./progress-C11tqhoI.js";
+import { f as se } from "./payment-form-B_BdHwjb.js";
+import { T as ae } from "./triangle-alert-CBPUIzQo.js";
+import { C as re } from "./check-DPdL_Sm7.js";
+const te = {
+  id: "freemium-paywall",
+  capabilities: ["submit", "dismiss"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.freemiumPaywall.state.isOpen",
+      description: "True when the paywall dialog is open.",
+      read: (r) => r.isOpen()
+    },
+    selectedPlanId: {
+      type: "string | null",
+      descriptionKey: "ui.agent.freemiumPaywall.state.selectedPlanId",
+      description: "Opaque id of the currently-selected plan.",
+      read: (r) => r.getSelectedPlanId()
+    }
+  },
+  actions: {
+    upgrade: {
+      safety: "write",
+      descriptionKey: "ui.agent.freemiumPaywall.actions.upgrade",
+      description: "Fire onUpgrade with the currently-selected plan id.",
+      invoke: (r) => {
+        r.upgrade();
+      }
+    },
+    dismiss: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.freemiumPaywall.actions.dismiss",
+      description: "Dismiss the paywall via the Not Now action. Irreversible from the same UI.",
+      invoke: (r) => {
+        r.dismiss();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "freemium-paywall",
+      description: "Marks the FreemiumPaywall dialog content."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, ie = Y(
   [
     "ds:fixed ds:z-[var(--z-modal)] ds:overflow-auto",
     "ds:bg-[color:var(--popover)] ds:text-[color:var(--popover-foreground)]",
@@ -32,50 +80,56 @@ const ee = Q(
     },
     defaultVariants: { layout: "centered", density: "full" }
   }
-), se = G(
+), de = J(
   ({
     open: r,
-    onOpenChange: m,
-    plans: p,
-    selectedPlanId: u,
-    defaultSelectedPlanId: j,
+    onOpenChange: p,
+    plans: u,
+    selectedPlanId: f,
+    defaultSelectedPlanId: A,
     onSelectedPlanChange: n,
     usage: t,
     onUpgrade: F,
     onCancel: c,
     title: z,
-    description: A,
-    layout: C = "centered",
-    density: T = "full",
+    description: C,
+    layout: T = "centered",
+    density: M = "full",
     className: O
   }, L) => {
-    var w;
-    const { t: s, i18n: M } = W(), f = I(), v = I(), g = u !== void 0, [S, D] = E(
-      j ?? ((w = p[0]) == null ? void 0 : w.id) ?? ""
-    ), l = g ? u ?? "" : S, U = (a) => {
-      g || D(a), n == null || n(a);
-    }, h = () => {
-      c == null || c(), m(!1);
+    var P;
+    const { t: s, i18n: S } = Z(), v = R(), g = R(), h = f !== void 0, [D, H] = Q(
+      A ?? ((P = u[0]) == null ? void 0 : P.id) ?? ""
+    ), l = h ? f ?? "" : D, U = (a) => {
+      h || H(a), n == null || n(a);
     }, y = () => {
+      c == null || c(), p(!1);
+    }, b = () => {
       l && F(l);
-    }, b = k(r);
-    b.current = r;
-    const x = k(l);
-    x.current = l, J(
-      L,
+    }, x = m(r);
+    x.current = r;
+    const w = m(l);
+    w.current = l;
+    const N = m(null);
+    W(L, () => N.current, []);
+    const V = X(
       () => ({
-        isOpen: () => b.current,
-        getSelectedPlanId: () => x.current || null,
-        upgrade: () => y(),
-        dismiss: () => h()
+        isOpen: () => x.current,
+        getSelectedPlanId: () => w.current || null,
+        upgrade: () => b(),
+        dismiss: () => y()
       }),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    const V = t ? Math.min(100, Math.max(0, t.used / Math.max(1, t.limit) * 100)) : 0, o = t ? t.used >= t.limit : !1;
-    return /* @__PURE__ */ e(i.Root, { open: r, onOpenChange: m, children: /* @__PURE__ */ d(i.Portal, { children: [
+    $(te, V, void 0);
+    const B = t ? Math.min(
+      100,
+      Math.max(0, t.used / Math.max(1, t.limit) * 100)
+    ) : 0, o = t ? t.used >= t.limit : !1;
+    return /* @__PURE__ */ e(d.Root, { open: r, onOpenChange: p, children: /* @__PURE__ */ i(d.Portal, { children: [
       /* @__PURE__ */ e(
-        i.Overlay,
+        d.Overlay,
         {
           className: [
             "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
@@ -85,20 +139,21 @@ const ee = Q(
           ].join(" ")
         }
       ),
-      /* @__PURE__ */ d(
-        i.Content,
+      /* @__PURE__ */ i(
+        d.Content,
         {
-          "aria-labelledby": f,
-          "aria-describedby": v,
-          className: ee({ layout: C, density: T, className: O }),
+          ref: N,
+          "aria-labelledby": v,
+          "aria-describedby": g,
+          className: ie({ layout: T, density: M, className: O }),
           "data-component": "freemium-paywall",
           children: [
-            /* @__PURE__ */ e(i.Title, { id: f, asChild: !0, children: /* @__PURE__ */ e("h2", { className: "type-title-card", children: z ?? s("ui.paywall.title") }) }),
-            /* @__PURE__ */ e(i.Description, { id: v, asChild: !0, children: /* @__PURE__ */ e("p", { className: "ds:mt-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: A ?? s("ui.paywall.description") }) }),
-            t ? /* @__PURE__ */ d("div", { className: "ds:mt-[var(--spacing-md)]", children: [
-              /* @__PURE__ */ d("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:mb-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ e(d.Title, { id: v, asChild: !0, children: /* @__PURE__ */ e("h2", { className: "type-title-card", children: z ?? s("ui.paywall.title") }) }),
+            /* @__PURE__ */ e(d.Description, { id: g, asChild: !0, children: /* @__PURE__ */ e("p", { className: "ds:mt-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: C ?? s("ui.paywall.description") }) }),
+            t ? /* @__PURE__ */ i("div", { className: "ds:mt-[var(--spacing-md)]", children: [
+              /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:mb-[var(--spacing-xs)]", children: [
                 o ? /* @__PURE__ */ e(
-                  Z,
+                  ae,
                   {
                     "aria-hidden": "true",
                     className: "ds:size-4 ds:text-[color:var(--destructive)]"
@@ -119,9 +174,9 @@ const ee = Q(
                 )
               ] }),
               /* @__PURE__ */ e(
-                X,
+                ee,
                 {
-                  value: V,
+                  value: B,
                   max: 100,
                   ariaLabel: s("ui.paywall.usageLabel", {
                     used: t.used,
@@ -138,13 +193,13 @@ const ee = Q(
                 onValueChange: U,
                 "aria-label": s("ui.paywall.title"),
                 className: "ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-                children: p.map((a) => {
-                  const N = Y(
+                children: u.map((a) => {
+                  const I = se(
                     a.priceAmount,
                     a.currency,
-                    M.language
-                  ), P = a.perKey ? s(a.perKey) : void 0, B = P ? s("ui.paywall.pricePer", { price: N, period: P }) : N, H = s(a.nameKey);
-                  return /* @__PURE__ */ d(
+                    S.language
+                  ), k = a.perKey ? s(a.perKey) : void 0, _ = k ? s("ui.paywall.pricePer", { price: I, period: k }) : I, q = s(a.nameKey);
+                  return /* @__PURE__ */ i(
                     K.Item,
                     {
                       value: a.id,
@@ -159,31 +214,31 @@ const ee = Q(
                         "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
                       ].join(" "),
                       children: [
-                        /* @__PURE__ */ d("span", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-                          /* @__PURE__ */ e("span", { className: "ds:font-semibold", children: H }),
-                          /* @__PURE__ */ e("span", { className: "ds:tabular-nums", children: B })
+                        /* @__PURE__ */ i("span", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+                          /* @__PURE__ */ e("span", { className: "ds:font-semibold", children: q }),
+                          /* @__PURE__ */ e("span", { className: "ds:tabular-nums", children: _ })
                         ] }),
                         a.featuresKeys && a.featuresKeys.length > 0 ? /* @__PURE__ */ e(
                           "ul",
                           {
                             "aria-label": s("ui.paywall.features"),
                             className: "ds:mt-[var(--spacing-xs)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-                            children: a.featuresKeys.map((_, q) => /* @__PURE__ */ d(
+                            children: a.featuresKeys.map((G, E) => /* @__PURE__ */ i(
                               "li",
                               {
                                 className: "ds:flex ds:items-start ds:gap-[var(--spacing-xs)] type-body-sm",
                                 children: [
                                   /* @__PURE__ */ e(
-                                    $,
+                                    re,
                                     {
                                       "aria-hidden": "true",
                                       className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--primary)] ds:mt-[1px]"
                                     }
                                   ),
-                                  /* @__PURE__ */ e("span", { children: s(_) })
+                                  /* @__PURE__ */ e("span", { children: s(G) })
                                 ]
                               },
-                              q
+                              E
                             ))
                           }
                         ) : null
@@ -194,9 +249,9 @@ const ee = Q(
                 })
               }
             ),
-            /* @__PURE__ */ d("div", { className: "ds:mt-[var(--spacing-lg)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:justify-end", children: [
-              /* @__PURE__ */ e(i.Cancel, { asChild: !0, children: /* @__PURE__ */ e(R, { intent: "outline", onClick: h, children: s("ui.paywall.notNow") }) }),
-              /* @__PURE__ */ e(i.Action, { asChild: !0, children: /* @__PURE__ */ e(R, { intent: "primary", onClick: y, children: s("ui.paywall.upgrade") }) })
+            /* @__PURE__ */ i("div", { className: "ds:mt-[var(--spacing-lg)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:justify-end", children: [
+              /* @__PURE__ */ e(d.Cancel, { asChild: !0, children: /* @__PURE__ */ e(j, { intent: "outline", onClick: y, children: s("ui.paywall.notNow") }) }),
+              /* @__PURE__ */ e(d.Action, { asChild: !0, children: /* @__PURE__ */ e(j, { intent: "primary", onClick: b, children: s("ui.paywall.upgrade") }) })
             ] })
           ]
         }
@@ -204,57 +259,9 @@ const ee = Q(
     ] }) });
   }
 );
-se.displayName = "FreemiumPaywall";
-const me = {
-  id: "freemium-paywall",
-  capabilities: ["submit", "dismiss"],
-  state: {
-    isOpen: {
-      type: "boolean",
-      descriptionKey: "ui.agent.freemiumPaywall.state.isOpen",
-      description: "True when the paywall dialog is open.",
-      read: (r) => r.isOpen()
-    },
-    selectedPlanId: {
-      type: "string | null",
-      descriptionKey: "ui.agent.freemiumPaywall.state.selectedPlanId",
-      description: "Opaque id of the currently-selected plan.",
-      read: (r) => r.getSelectedPlanId()
-    }
-  },
-  actions: {
-    upgrade: {
-      safety: "write",
-      descriptionKey: "ui.agent.freemiumPaywall.actions.upgrade",
-      description: "Fire onUpgrade with the currently-selected plan id.",
-      invoke: (r) => {
-        r.upgrade();
-      }
-    },
-    dismiss: {
-      safety: "destructive",
-      descriptionKey: "ui.agent.freemiumPaywall.actions.dismiss",
-      description: "Dismiss the paywall via the Not Now action. Irreversible from the same UI.",
-      invoke: (r) => {
-        r.dismiss();
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "freemium-paywall",
-      description: "Marks the FreemiumPaywall dialog content."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-};
+de.displayName = "FreemiumPaywall";
 export {
-  se as F,
-  me as f
+  de as F,
+  te as f
 };
-//# sourceMappingURL=freemium-paywall.agent-_nQqLyRF.js.map
+//# sourceMappingURL=freemium-paywall-CrVefV0M.js.map

package/dist/_chunks/{header-BGn1mRp8.js → header-D0ULgQl3.js}

@@ -2,7 +2,7 @@ import { jsxs as m, Fragment as _, jsx as s } from "react/jsx-runtime";
 import { forwardRef as t, useRef as k, useState as N, useEffect as j } from "react";
 import { c as o } from "./index-D2ZczOXr.js";
 import { useTranslation as l } from "react-i18next";
-import { I as H } from "./icon-button-Wnnde5lc.js";
+import { I as H } from "./icon-button-C4CGcYuz.js";
 import { c as w } from "./createLucideIcon-CrFbzy84.js";
 /**
  * @license lucide-react v1.8.0 - ISC
@@ -112,9 +112,13 @@ const B = [
     "ds:w-full ds:h-full",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
   ].join(" ")
-), z = o("ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]"), I = o(
+), z = o(
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]"
+), I = o(
   "ds:hidden ds:md:flex ds:flex-1 ds:min-w-0 ds:items-center ds:justify-center ds:gap-[var(--spacing-sm)]"
-), M = o("ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]"), T = o(
+), M = o(
+  "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]"
+), T = o(
   [
     "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:text-[length:var(--font-size-base)] ds:font-[var(--font-weight-semibold)]",
@@ -200,41 +204,35 @@ const B = [
   }
 );
 D.displayName = "Header";
-const E = t(
-  ({ className: e, ...r }, a) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: a,
-      "data-header-slot": "start",
-      className: [z(), e].filter(Boolean).join(" "),
-      ...r
-    }
-  )
-);
+const E = t(({ className: e, ...r }, a) => /* @__PURE__ */ s(
+  "div",
+  {
+    ref: a,
+    "data-header-slot": "start",
+    className: [z(), e].filter(Boolean).join(" "),
+    ...r
+  }
+));
 E.displayName = "HeaderStart";
-const L = t(
-  ({ className: e, ...r }, a) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: a,
-      "data-header-slot": "center",
-      className: [I(), e].filter(Boolean).join(" "),
-      ...r
-    }
-  )
-);
+const L = t(({ className: e, ...r }, a) => /* @__PURE__ */ s(
+  "div",
+  {
+    ref: a,
+    "data-header-slot": "center",
+    className: [I(), e].filter(Boolean).join(" "),
+    ...r
+  }
+));
 L.displayName = "HeaderCenter";
-const F = t(
-  ({ className: e, ...r }, a) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: a,
-      "data-header-slot": "end",
-      className: [M(), e].filter(Boolean).join(" "),
-      ...r
-    }
-  )
-);
+const F = t(({ className: e, ...r }, a) => /* @__PURE__ */ s(
+  "div",
+  {
+    ref: a,
+    "data-header-slot": "end",
+    className: [M(), e].filter(Boolean).join(" "),
+    ...r
+  }
+));
 F.displayName = "HeaderEnd";
 const P = t(
   ({ logo: e, children: r, href: a = "/", className: d, ...n }, i) => /* @__PURE__ */ m(
@@ -245,7 +243,14 @@ const P = t(
       className: [T(), d].filter(Boolean).join(" "),
       ...n,
       children: [
-        e ? /* @__PURE__ */ s("span", { "aria-hidden": r ? "true" : void 0, className: "ds:inline-flex ds:items-center", children: e }) : null,
+        e ? /* @__PURE__ */ s(
+          "span",
+          {
+            "aria-hidden": r ? "true" : void 0,
+            className: "ds:inline-flex ds:items-center",
+            children: e
+          }
+        ) : null,
         r ? /* @__PURE__ */ s("span", { className: "ds:truncate", children: r }) : null
       ]
     }
@@ -266,37 +271,33 @@ function X({
     }
   );
 }
-const q = t(
-  ({ onMenuOpen: e, "aria-label": r, className: a }, d) => {
-    const { t: n } = l();
-    return /* @__PURE__ */ s(
-      H,
-      {
-        ref: d,
-        className: ["ds:md:hidden", a].filter(Boolean).join(" "),
-        icon: /* @__PURE__ */ s(C, { "aria-hidden": !0 }),
-        "aria-label": r ?? n("navigation.sidebar.open", "Open menu"),
-        onClick: e
-      }
-    );
-  }
-);
+const q = t(({ onMenuOpen: e, "aria-label": r, className: a }, d) => {
+  const { t: n } = l();
+  return /* @__PURE__ */ s(
+    H,
+    {
+      ref: d,
+      className: ["ds:md:hidden", a].filter(Boolean).join(" "),
+      icon: /* @__PURE__ */ s(C, { "aria-hidden": !0 }),
+      "aria-label": r ?? n("navigation.sidebar.open", "Open menu"),
+      onClick: e
+    }
+  );
+});
 q.displayName = "HeaderMenuButton";
-const A = t(
-  ({ href: e, children: r, className: a, ...d }, n) => {
-    const { t: i } = l();
-    return /* @__PURE__ */ s(
-      "a",
-      {
-        ref: n,
-        href: e,
-        className: [R(), a].filter(Boolean).join(" "),
-        ...d,
-        children: r ?? i("navigation.nav.skipToContent", "Skip to content")
-      }
-    );
-  }
-);
+const A = t(({ href: e, children: r, className: a, ...d }, n) => {
+  const { t: i } = l();
+  return /* @__PURE__ */ s(
+    "a",
+    {
+      ref: n,
+      href: e,
+      className: [R(), a].filter(Boolean).join(" "),
+      ...d,
+      children: r ?? i("navigation.nav.skipToContent", "Skip to content")
+    }
+  );
+});
 A.displayName = "HeaderSkipLink";
 export {
   D as H,
@@ -308,4 +309,4 @@ export {
   A as f,
   E as g
 };
-//# sourceMappingURL=header-BGn1mRp8.js.map
+//# sourceMappingURL=header-D0ULgQl3.js.map

package/dist/_chunks/{icon-button-Wnnde5lc.js → icon-button-C4CGcYuz.js}

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
-import { B as p } from "./button-7mLWcMp_.js";
+import { B as p } from "./button-DD_0Xdmr.js";
 import { c as h } from "./index-D2ZczOXr.js";
 import { T as b } from "./tooltip-DHik5yRI.js";
 const B = h("ds:p-0", {
@@ -15,7 +15,15 @@ const B = h("ds:p-0", {
     size: "md"
   }
 }), w = u(
-  ({ icon: e, size: s, intent: i = "outline", className: o, tooltip: t, flipIconInRtl: d = !1, ...n }, l) => {
+  ({
+    icon: e,
+    size: s,
+    intent: i = "outline",
+    className: o,
+    tooltip: t,
+    flipIconInRtl: d = !1,
+    ...n
+  }, l) => {
     const c = n["aria-label"] || t, m = s === "sm" ? "ds:size-4" : s === "lg" ? "ds:size-5" : "ds:size-[18px]", f = d ? "ds:rtl:rotate-180" : "", r = /* @__PURE__ */ a(
       p,
       {
@@ -43,4 +51,4 @@ w.displayName = "IconButton";
 export {
   w as I
 };
-//# sourceMappingURL=icon-button-Wnnde5lc.js.map
+//# sourceMappingURL=icon-button-C4CGcYuz.js.map