@alfadocs/ui-kit 0.25.0 → 0.25.2

package/dist/_chunks/{description-list-Bsga4IW8.js → description-list-yl3y3QKg.js}

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as V } from "react/jsx-runtime";
-import { forwardRef as c, useMemo as x, Children as C, isValidElement as T, useContext as R, useState as y, useCallback as j, createContext as P } from "react";
+import { forwardRef as c, useMemo as x, Children as C, isValidElement as T, useContext as R, useState as b, useCallback as j, createContext as P } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
-import { I as A } from "./icon-button-C4CGcYuz.js";
+import { I as A } from "./icon-button-BRHSSFmZ.js";
 import { C as S } from "./check-DPdL_Sm7.js";
 import { C as B } from "./copy-B00HK7tj.js";
 function E(s) {
@@ -11,7 +11,7 @@ function E(s) {
 function M(s) {
   return s === "fixed" ? "minmax(0,2fr)" : "minmax(0,1fr)";
 }
-const b = P({
+const y = P({
   layout: "inline",
   density: "default",
   divider: "none",
@@ -65,26 +65,36 @@ const b = P({
       layout: "inline",
       hasIcons: !1,
       copyable: !1,
-      className: "ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-start"
+      className: "ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-baseline"
     },
     {
       layout: "inline",
       hasIcons: !1,
       copyable: !0,
-      className: "ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-start ds:[&>button]:col-start-3"
+      className: "ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>button]:col-start-3 ds:[&>button]:self-start"
     },
-    /* ----- inline / with icons ----- */
+    /* ----- inline / with icons -----
+       `items-baseline` aligns Term (`type-label` 14 px / 1.4 lh) and
+       Detail (`type-body` 16 px / 1.6 lh) by their text baselines so
+       their cap-heights line up — without it Detail's larger
+       line-box pushed plain-text values visibly below the label.
+       Per-cell overrides keep the icon at row-top (with the
+       `mt-[5px]` cap-height nudge intact) and the copy button at
+       row-start too. Chip cells (Badges / Tags inside the Detail
+       column) baseline-align via their internal text baseline; the
+       shift is sub-pixel and the chip rows remain visually anchored
+       with the row's label. */
     {
       layout: "inline",
       hasIcons: !0,
       copyable: !1,
-      className: "ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-start"
+      className: "ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>[data-dl-icon-slot]]:self-start"
     },
     {
       layout: "inline",
       hasIcons: !0,
       copyable: !0,
-      className: "ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-start ds:[&>button]:col-start-4"
+      className: "ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>[data-dl-icon-slot]]:self-start ds:[&>button]:col-start-4 ds:[&>button]:self-start"
     },
     /* ----- stacked / no icons / no copyable ----- */
     {
@@ -122,26 +132,26 @@ const b = P({
       layout: "responsive",
       hasIcons: !1,
       copyable: !1,
-      className: "ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-start ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]"
+      className: "ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-baseline ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]"
     },
     {
       layout: "responsive",
       hasIcons: !1,
       copyable: !0,
-      className: "ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-start ds:[&>button]:col-start-3 ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]"
+      className: "ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>button]:col-start-3 ds:[&>button]:self-start ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]"
     },
     /* ----- responsive / with icons ----- */
     {
       layout: "responsive",
       hasIcons: !0,
       copyable: !1,
-      className: "ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-start ds:max-sm:grid-cols-[auto_minmax(0,1fr)] ds:max-sm:gap-x-[var(--spacing-sm)] ds:max-sm:gap-y-[var(--spacing-xs)] ds:max-sm:[&>dt]:col-start-2 ds:max-sm:[&>dd]:col-start-2 ds:max-sm:[&>[data-dl-icon-slot]]:row-span-full"
+      className: "ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>[data-dl-icon-slot]]:self-start ds:max-sm:grid-cols-[auto_minmax(0,1fr)] ds:max-sm:gap-x-[var(--spacing-sm)] ds:max-sm:gap-y-[var(--spacing-xs)] ds:max-sm:[&>dt]:col-start-2 ds:max-sm:[&>dd]:col-start-2 ds:max-sm:[&>[data-dl-icon-slot]]:row-span-full"
     },
     {
       layout: "responsive",
       hasIcons: !0,
       copyable: !0,
-      className: "ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-start ds:[&>button]:col-start-4 ds:max-sm:grid-cols-[auto_minmax(0,1fr)_auto] ds:max-sm:gap-x-[var(--spacing-sm)] ds:max-sm:gap-y-[var(--spacing-xs)] ds:max-sm:[&>dt]:col-start-2 ds:max-sm:[&>dd]:col-start-2 ds:max-sm:[&>[data-dl-icon-slot]]:row-span-full ds:max-sm:[&>button]:col-start-3 ds:max-sm:[&>button]:row-span-full"
+      className: "ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>[data-dl-icon-slot]]:self-start ds:[&>button]:col-start-4 ds:[&>button]:self-start ds:max-sm:grid-cols-[auto_minmax(0,1fr)_auto] ds:max-sm:gap-x-[var(--spacing-sm)] ds:max-sm:gap-y-[var(--spacing-xs)] ds:max-sm:[&>dt]:col-start-2 ds:max-sm:[&>dd]:col-start-2 ds:max-sm:[&>[data-dl-icon-slot]]:row-span-full ds:max-sm:[&>button]:col-start-3 ds:max-sm:[&>button]:row-span-full"
     }
   ],
   defaultVariants: {
@@ -160,8 +170,8 @@ const b = P({
     children: o,
     style: d,
     ...u
-  }, v) => {
-    const g = x(
+  }, f) => {
+    const v = x(
       () => C.toArray(o).some(
         (i) => T(i) && i.props.icon != null
       ),
@@ -175,13 +185,13 @@ const b = P({
       [d, t]
     );
     return /* @__PURE__ */ e(
-      b.Provider,
+      y.Provider,
       {
-        value: { layout: s, density: a, divider: r, hasIcons: g },
+        value: { layout: s, density: a, divider: r, hasIcons: v },
         children: /* @__PURE__ */ e(
           "dl",
           {
-            ref: v,
+            ref: f,
             className: O({
               layout: s,
               density: a,
@@ -210,11 +220,11 @@ const w = c(
     children: o,
     ...d
   }, u) => {
-    const { layout: v, divider: g, hasIcons: l } = R(b), { t: i } = z(), [h, f] = y(!1), [I, n] = y(""), L = j(async () => {
+    const { layout: f, divider: v, hasIcons: l } = R(y), { t: i } = z(), [h, g] = b(!1), [I, n] = b(""), L = j(async () => {
       if (a)
         try {
-          await navigator.clipboard.writeText(a), f(!0), n(i("keyValuePair.copied")), setTimeout(() => {
-            f(!1), n("");
+          await navigator.clipboard.writeText(a), g(!0), n(i("keyValuePair.copied")), setTimeout(() => {
+            g(!1), n("");
           }, 2e3);
         } catch {
           n(i("keyValuePair.notAvailable")), setTimeout(() => n(""), 3e3);
@@ -227,8 +237,8 @@ const w = c(
       {
         ref: u,
         className: q({
-          layout: v,
-          divider: g,
+          layout: f,
+          divider: v,
           copyable: s,
           hasIcons: l,
           className: p
@@ -240,7 +250,7 @@ const w = c(
             {
               "data-dl-icon-slot": !0,
               "aria-hidden": "true",
-              className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:mt-0.5 ds:items-center ds:justify-center ds:[&_svg]:size-4 ds:text-[color:var(--description-list-icon-color)]",
+              className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:mt-[5px] ds:items-center ds:justify-center ds:[&_svg]:size-4 ds:text-[color:var(--description-list-icon-color)]",
               children: t
             }
           ),
@@ -306,4 +316,4 @@ const Z = Object.assign(k, {
 export {
   Z as D
 };
-//# sourceMappingURL=description-list-Bsga4IW8.js.map
+//# sourceMappingURL=description-list-yl3y3QKg.js.map

package/dist/_chunks/{dialog-DUomPCRS.js → dialog-BBXqpZIt.js}

@@ -3,7 +3,7 @@ import { useRef as R, useEffect as T, useMemo as O, forwardRef as d, useContext
 import * as t from "@radix-ui/react-dialog";
 import { c as k } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
-import { I } from "./icon-button-C4CGcYuz.js";
+import { I } from "./icon-button-BRHSSFmZ.js";
 import { u as B } from "./use-controllable-state-BiY4xTzM.js";
 import { u as S } from "./registry-C9nwlNyL.js";
 import { X as A } from "./x-CCcI3eJp.js";
@@ -212,4 +212,4 @@ export {
   J as D,
   H as d
 };
-//# sourceMappingURL=dialog-DUomPCRS.js.map
+//# sourceMappingURL=dialog-BBXqpZIt.js.map

package/dist/_chunks/{editable-currency-cell-renderer-DJB5MxAI.js → editable-currency-cell-renderer-DSReCae7.js}

@@ -1,14 +1,14 @@
 import { jsx as s, jsxs as E } from "react/jsx-runtime";
 import { useMemo as I, forwardRef as j, useState as R, useCallback as M, useEffect as P, useRef as X, createContext as Ne, useContext as Se, isValidElement as we, cloneElement as Fe, useImperativeHandle as yt, useLayoutEffect as Tt } from "react";
 import { S as xt } from "./skeleton-CZbwyJAA.js";
-import { E as Ct } from "./empty-state-3CLJIXSj.js";
+import { E as Ct } from "./empty-state-BLy7tigq.js";
 import { c as Nt } from "./index-D2ZczOXr.js";
 import { useTranslation as F } from "react-i18next";
 import { useGridFilter as J, AgGridReact as St } from "ag-grid-react";
 import { ModuleRegistry as wt, AllCommunityModule as Ft } from "ag-grid-community";
 import { B as _ } from "./button-DD_0Xdmr.js";
-import { I as B } from "./icon-button-C4CGcYuz.js";
-import { P as Z } from "./popover--derJ_wq.js";
+import { I as B } from "./icon-button-BRHSSFmZ.js";
+import { P as Z } from "./popover-D0slaBB9.js";
 import { C as Re } from "./checkbox-mwbrPZDY.js";
 import { T as fe } from "./text-input-CakysYnD.js";
 import { T as ae } from "./tag-CQmHRM4Y.js";
@@ -23,12 +23,12 @@ import { F as kt } from "./file-spreadsheet-zUkY8rJ2.js";
 import Et from "i18next";
 import { S as Ee } from "./select-C92AT_OZ.js";
 import { u as It } from "./registry-C9nwlNyL.js";
-import { D as Ie } from "./date-range-picker-9gANFNG9.js";
+import { D as Ie } from "./date-range-picker-DYgHzMOo.js";
 import { M as zt } from "./multi-select-CyspR5ZF.js";
-import { A as ze } from "./autocomplete-C7xq06bP.js";
+import { A as ze } from "./autocomplete-CUh0f7Dj.js";
 import { N as ee } from "./number-input-BZXu6bPY.js";
 import { B as At } from "./badge-cLYVGlMh.js";
-import { A as Ae } from "./avatar-BpFohgWG.js";
+import { A as Ae } from "./avatar-D_H4emLo.js";
 import { T as Pt } from "./tooltip-DHik5yRI.js";
 import { T as he } from "./timestamp-BV2lC-wV.js";
 import { S as Ot } from "./square-check-big-Jr-0202D.js";
@@ -2346,4 +2346,4 @@ export {
   Ve as q,
   gn as u
 };
-//# sourceMappingURL=editable-currency-cell-renderer-DJB5MxAI.js.map
+//# sourceMappingURL=editable-currency-cell-renderer-DSReCae7.js.map

package/dist/_chunks/{empty-state-3CLJIXSj.js → empty-state-BLy7tigq.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as d, Fragment as U } from "react/jsx-runtime";
-import { forwardRef as u, useId as H, useRef as F, useState as P, useCallback as N, useEffect as q, useContext as v, createContext as M } from "react";
+import { forwardRef as u, useId as H, useRef as F, useState as P, useCallback as N, useEffect as q, useContext as g, createContext as M } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as Z } from "react-i18next";
 import { B as x } from "./button-DD_0Xdmr.js";
@@ -74,33 +74,13 @@ function Y() {
             cx: "60",
             cy: "60",
             r: "50",
-            fill: "var(--color-violet-50)",
-            stroke: "var(--color-violet-200)",
+            fill: "var(--muted)",
+            stroke: "var(--muted-foreground)",
             strokeWidth: "2"
           }
         ),
-        /* @__PURE__ */ e(
-          "rect",
-          {
-            x: "55",
-            y: "30",
-            width: "10",
-            height: "60",
-            rx: "5",
-            fill: "var(--color-violet-400)"
-          }
-        ),
-        /* @__PURE__ */ e(
-          "rect",
-          {
-            x: "30",
-            y: "55",
-            width: "60",
-            height: "10",
-            rx: "5",
-            fill: "var(--color-purple-400)"
-          }
-        )
+        /* @__PURE__ */ e("rect", { x: "55", y: "30", width: "10", height: "60", rx: "5", fill: "var(--primary)" }),
+        /* @__PURE__ */ e("rect", { x: "30", y: "55", width: "60", height: "10", rx: "5", fill: "var(--accent)" })
       ]
     }
   );
@@ -192,8 +172,8 @@ function $() {
     }
   );
 }
-const g = u(({ children: t, className: s, ...a }, r) => {
-  const { size: i } = v(h);
+const v = u(({ children: t, className: s, ...a }, r) => {
+  const { size: i } = g(h);
   return /* @__PURE__ */ e(
     "div",
     {
@@ -205,9 +185,9 @@ const g = u(({ children: t, className: s, ...a }, r) => {
     }
   );
 });
-g.displayName = "EmptyState.Illustration";
+v.displayName = "EmptyState.Illustration";
 const w = u(({ children: t, className: s, ...a }, r) => {
-  const { size: i, titleId: l, registerTitle: p } = v(h), f = N(
+  const { size: i, titleId: l, registerTitle: p } = g(h), f = N(
     (c) => {
       c && p(), typeof r == "function" ? r(c) : r && (r.current = c);
     },
@@ -226,7 +206,7 @@ const w = u(({ children: t, className: s, ...a }, r) => {
 });
 w.displayName = "EmptyState.Title";
 const S = u(({ children: t, className: s, ...a }, r) => {
-  const { size: i } = v(h);
+  const { size: i } = g(h);
   return /* @__PURE__ */ e(
     "p",
     {
@@ -281,7 +261,7 @@ const C = u(
             "data-component": "empty-state",
             ...I,
             children: f ?? /* @__PURE__ */ d(U, { children: [
-              /* @__PURE__ */ d(g, { children: [
+              /* @__PURE__ */ d(v, { children: [
                 t === "first-use" && /* @__PURE__ */ e(Y, {}),
                 t === "no-results" && /* @__PURE__ */ e(_, {}),
                 t === "error" && /* @__PURE__ */ e($, {})
@@ -324,7 +304,7 @@ const C = u(
 );
 C.displayName = "EmptyState";
 const lt = Object.assign(C, {
-  Illustration: g,
+  Illustration: v,
   Title: w,
   Description: S,
   Actions: k
@@ -332,4 +312,4 @@ const lt = Object.assign(C, {
 export {
   lt as E
 };
-//# sourceMappingURL=empty-state-3CLJIXSj.js.map
+//# sourceMappingURL=empty-state-BLy7tigq.js.map

package/dist/_chunks/eye-LHlSU38h.js

@@ -0,0 +1,21 @@
+import { c } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], r = c("eye", e);
+export {
+  r as E
+};
+//# sourceMappingURL=eye-LHlSU38h.js.map

package/dist/_chunks/{freemium-paywall-CM6V1zNf.js → freemium-paywall-B9c8Ylww.js}

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { forwardRef as G, useId as P, useRef as c, useImperativeHandle as E, useMemo as J } from "react";
 import * as i from "@radix-ui/react-alert-dialog";
-import * as I from "@radix-ui/react-radio-group";
+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 { u as X } from "./use-controllable-state-BiY4xTzM.js";
 import { u as Y } from "./registry-C9nwlNyL.js";
-import { B as R } from "./button-DD_0Xdmr.js";
+import { B as I } from "./button-DD_0Xdmr.js";
 import { P as Z } from "./progress-B-PSO5OS.js";
-import { f as $ } from "./payment-form-F7uh0Rqr.js";
+import { f as $ } from "./payment-form-Ds3rxvad.js";
 import { T as ee } from "./triangle-alert-CBPUIzQo.js";
 import { C as se } from "./check-DPdL_Sm7.js";
 const ae = {
@@ -86,7 +86,7 @@ const ae = {
     open: a,
     onOpenChange: m,
     plans: p,
-    selectedPlanId: k,
+    selectedPlanId: R,
     defaultSelectedPlanId: C,
     onSelectedPlanChange: K,
     usage: r,
@@ -100,7 +100,7 @@ const ae = {
   }, M) => {
     var x;
     const { t: s, i18n: O } = W(), u = P(), f = P(), [L, V] = X({
-      value: k,
+      value: R,
       defaultValue: C ?? ((x = p[0]) == null ? void 0 : x.id) ?? "",
       onChange: K
     }), l = L ?? "", v = () => {
@@ -134,7 +134,7 @@ const ae = {
         {
           className: [
             "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
-            "ds:bg-[color:var(--foreground)]/40",
+            "ds:bg-[color:var(--background)]/70",
             "ds:motion-safe:data-[state=open]:animate-in ds:motion-safe:data-[state=closed]:animate-out",
             "ds:[.theme-accessible_&]:animate-none"
           ].join(" ")
@@ -188,7 +188,7 @@ const ae = {
               )
             ] }) : null,
             /* @__PURE__ */ e(
-              I.Root,
+              k.Root,
               {
                 value: l,
                 onValueChange: V,
@@ -201,7 +201,7 @@ const ae = {
                     O.language
                   ), N = t.perKey ? s(t.perKey) : void 0, U = N ? s("paywall.pricePer", { price: w, period: N }) : w, B = s(t.nameKey);
                   return /* @__PURE__ */ d(
-                    I.Item,
+                    k.Item,
                     {
                       value: t.id,
                       className: [
@@ -251,8 +251,8 @@ const ae = {
               }
             ),
             /* @__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: v, children: s("paywall.notNow") }) }),
-              /* @__PURE__ */ e(i.Action, { asChild: !0, children: /* @__PURE__ */ e(R, { intent: "primary", onClick: g, children: s("paywall.upgrade") }) })
+              /* @__PURE__ */ e(i.Cancel, { asChild: !0, children: /* @__PURE__ */ e(I, { intent: "outline", onClick: v, children: s("paywall.notNow") }) }),
+              /* @__PURE__ */ e(i.Action, { asChild: !0, children: /* @__PURE__ */ e(I, { intent: "primary", onClick: g, children: s("paywall.upgrade") }) })
             ] })
           ]
         }
@@ -265,4 +265,4 @@ export {
   te as F,
   ae as f
 };
-//# sourceMappingURL=freemium-paywall-CM6V1zNf.js.map
+//# sourceMappingURL=freemium-paywall-B9c8Ylww.js.map

package/dist/_chunks/{header-DqmKROIY.js → header-B8V_sNPy.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-C4CGcYuz.js";
+import { I as H } from "./icon-button-BRHSSFmZ.js";
 import { M as w } from "./menu-XRhW3_99.js";
 const B = o(
   [
@@ -299,4 +299,4 @@ export {
   P as f,
   R as g
 };
-//# sourceMappingURL=header-DqmKROIY.js.map
+//# sourceMappingURL=header-B8V_sNPy.js.map

package/dist/_chunks/icon-button-BRHSSFmZ.js

@@ -0,0 +1,70 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { B as p } from "./button-DD_0Xdmr.js";
+import { c as b } from "./index-D2ZczOXr.js";
+import { T as h } from "./tooltip-DHik5yRI.js";
+const g = b(
+  [
+    "ds:p-0",
+    // Active-state styling when an IconButton participates in an
+    // IconButtonGroup's `toggle-single` / `toggle-multi` mode. The
+    // group sets `aria-checked="true"` (radiogroup) or
+    // `aria-pressed="true"` (toolbar/group) on the selected child;
+    // without these utility classes the selection wouldn't read at a
+    // glance — see HeaderSettings' Appearance row + ThemeToggle's
+    // split variant.
+    "ds:aria-checked:bg-muted ds:aria-checked:text-foreground",
+    "ds:aria-checked:border-primary",
+    "ds:aria-pressed:bg-muted ds:aria-pressed:text-foreground",
+    "ds:aria-pressed:border-primary"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:w-8 ds:h-8",
+        md: "ds:w-10 ds:h-10",
+        lg: "ds:w-12 ds:h-12"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), x = f(
+  ({
+    icon: d,
+    size: s,
+    intent: i = "outline",
+    className: n,
+    tooltip: r,
+    flipIconInRtl: o = !1,
+    ...e
+  }, c) => {
+    const m = e["aria-label"] || r, l = s === "sm" ? "ds:size-4" : s === "lg" ? "ds:size-5" : "ds:size-[18px]", u = o ? "ds:rtl:rotate-180" : "", t = /* @__PURE__ */ a(
+      p,
+      {
+        ref: c,
+        size: s,
+        intent: i,
+        className: g({ size: s, className: n }),
+        "aria-label": m,
+        "data-component": "icon-button",
+        ...e,
+        children: /* @__PURE__ */ a(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: `ds:inline-flex ds:items-center ds:justify-center ${l} ${u}`.trim(),
+            children: d
+          }
+        )
+      }
+    );
+    return r ? /* @__PURE__ */ a(h, { label: r, children: t }) : t;
+  }
+);
+x.displayName = "IconButton";
+export {
+  x as I
+};
+//# sourceMappingURL=icon-button-BRHSSFmZ.js.map

package/dist/_chunks/{isSameDay-ecuM8PBB.js → isSameDay-DHG8Xade.js}

@@ -26,14 +26,14 @@ function b(n, t, c) {
 }
 export {
   l as a,
-  m as b,
+  D as b,
   o as c,
-  a as d,
-  D as e,
+  m as d,
+  a as e,
   b as i,
   y as m,
   f as n,
   e as s,
   u as t
 };
-//# sourceMappingURL=isSameDay-ecuM8PBB.js.map
+//# sourceMappingURL=isSameDay-DHG8Xade.js.map

package/dist/_chunks/{key-value-pair-DBuOCtIc.js → key-value-pair-CqeKiP__.js}

@@ -2,7 +2,7 @@ import { jsxs as t, Fragment as p, jsx as s } from "react/jsx-runtime";
 import { forwardRef as z, useState as f, useCallback as b } from "react";
 import { c as P } from "./index-D2ZczOXr.js";
 import { useTranslation as I } from "react-i18next";
-import { I as T } from "./icon-button-C4CGcYuz.js";
+import { I as T } from "./icon-button-BRHSSFmZ.js";
 import { C as j } from "./check-DPdL_Sm7.js";
 import { C as K } from "./copy-B00HK7tj.js";
 const A = P("ds:flex", {
@@ -95,4 +95,4 @@ B.displayName = "KeyValuePair";
 export {
   B as K
 };
-//# sourceMappingURL=key-value-pair-DBuOCtIc.js.map
+//# sourceMappingURL=key-value-pair-CqeKiP__.js.map