dawn-ui-react 1.0.0-alpha.4 → 1.0.0-alpha.6

package/dist/{Input-OKlHdkuM.js → Input-DtHcqeCc.js}

@@ -1,5 +1,5 @@
-import { V as e, X as t, Z as n } from "./form-context-Cl2FGxOa.js";
-import { F as r, K as i, c as a, i as o, n as s, o as c, p as l, r as u, s as d, t as f } from "./useLabelableId-BxNdsOlB.js";
+import { V as e, X as t, Z as n } from "./form-context-DBHjPCAB.js";
+import { F as r, K as i, c as a, i as o, n as s, o as c, p as l, r as u, s as d, t as f } from "./useLabelableId-Bsez0mIm.js";
 import * as p from "react";
 import { jsx as m } from "react/jsx-runtime";
 //#region node_modules/.pnpm/@base-ui+react@1.4.1_@types+react@19.2.14_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@base-ui/react/esm/field/control/FieldControl.js

package/dist/{clamp-DmGg4LPI.js → clamp-DQOKpe2d.js}

@@ -1,5 +1,5 @@
-import { A as e, C as t, D as n, E as r, F as i, G as a, I as o, J as s, K as c, L as l, M as u, N as d, O as f, P as p, Q as m, R as h, S as g, T as _, V as v, W as y, X as b, Z as x, j as S, k as C, w, x as T, z as E } from "./form-context-Cl2FGxOa.js";
-import { C as D, I as ee, W as O, c as k, f as A, l as j, p as M, s as N, u as te } from "./useLabelableId-BxNdsOlB.js";
+import { A as e, C as t, D as n, E as r, F as i, G as a, I as o, J as s, K as c, L as l, M as u, N as d, O as f, P as p, Q as m, R as h, S as g, T as _, V as v, W as y, X as b, Z as x, j as S, k as C, w, x as T, z as E } from "./form-context-DBHjPCAB.js";
+import { C as D, I as ee, W as O, c as k, f as A, l as j, p as M, s as N, u as te } from "./useLabelableId-Bsez0mIm.js";
 import * as P from "react";
 import { useLayoutEffect as ne } from "react";
 import { jsx as F, jsxs as I } from "react/jsx-runtime";

package/dist/components/dialog/index.d.ts

@@ -1,5 +1,5 @@
 export { Dialog } from './dialog';
-export type { DialogCloseProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogProps, DialogTitleProps, DialogTriggerProps, } from './dialog.types';
+export type { DialogCloseProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogContentProps, } from './dialog.types';
 export { DialogClose } from './dialog-close';
 export { DialogContent } from './dialog-content';
 export { DialogDescription } from './dialog-description';

package/dist/components/separator/separator.d.ts

@@ -1,2 +1,2 @@
 import { SeparatorProps } from './separator.types';
-export declare const Separator: ({ orientation, weight, style, variant, className, ref, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Separator: ({ orientation, weight, style, variant, children, className, labelClassName, ref, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/separator/separator.types.d.ts

@@ -6,4 +6,6 @@ export declare const separatorVariants: (props?: ({
     variant?: "strong" | "default" | null | undefined;
     weight?: "medium" | "thin" | "thick" | "thinnest" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type SeparatorProps = Omit<React.ComponentProps<typeof BaseSeparator>, 'style'> & VariantProps<typeof separatorVariants>;
+export type SeparatorProps = Omit<React.ComponentProps<typeof BaseSeparator>, 'style'> & VariantProps<typeof separatorVariants> & {
+    labelClassName?: string;
+};

package/dist/dawn-ui-react.js

@@ -1,16 +1,16 @@
-import { $ as e, B as t, G as n, H as r, J as i, M as a, N as o, O as s, Q as c, U as l, V as u, W as d, X as f, Y as p, Z as m, _ as h, a as g, b as _, c as v, d as y, f as b, g as x, h as S, i as C, j as w, k as T, l as E, m as D, n as O, o as k, p as A, q as j, r as M, s as N, t as P, u as F, v as I, x as L, y as R } from "./form-context-Cl2FGxOa.js";
-import { A as z, B as ee, C as te, D as B, E as V, F as H, K as U, M as ne, N as re, O as W, P as ie, R as G, T as ae, U as oe, W as se, _ as ce, a as le, b as ue, c as de, d as fe, f as pe, g as me, h as he, i as ge, j as _e, k as ve, l as ye, m as be, n as xe, o as Se, p as K, r as Ce, s as we, t as Te, u as Ee, v as De, w as Oe, y as ke, z as Ae } from "./useLabelableId-BxNdsOlB.js";
-import { $ as je, A as Me, At as Ne, B as Pe, C as Fe, D as Ie, Dt as Le, Et as Re, G as ze, Gt as Be, It as Ve, J as He, K as Ue, L as We, M as Ge, N as Ke, Nt as qe, O as Je, Ot as Ye, P as Xe, Pt as Ze, Q as Qe, R as $e, S as q, St as et, T as J, Tt as tt, U as nt, V as rt, Vt as it, W as at, Wt as ot, X as st, Y as ct, Yt as lt, Z as ut, _ as dt, a as ft, an as pt, at as mt, b as ht, bt as gt, c as _t, cn as vt, ct as yt, dn as bt, en as xt, et as St, f as Ct, fn as wt, ft as Tt, g as Et, gt as Dt, h as Ot, hn as kt, ht as At, i as jt, it as Mt, j as Nt, jt as Pt, k as Ft, kt as It, l as Lt, ln as Rt, lt as zt, m as Bt, mn as Vt, mt as Ht, n as Ut, nn as Wt, nt as Gt, o as Kt, on as qt, p as Jt, pn as Yt, pt as Xt, q as Zt, r as Qt, rn as $t, rt as en, sn as tn, st as nn, t as rn, tn as an, tt as on, u as sn, v as cn, vt as ln, w as un, x as dn, xt as fn, z as pn } from "./clamp-DmGg4LPI.js";
-import { C as mn, D as hn, E as gn, O as _n, S as vn, T as yn, _ as bn, a as xn, b as Sn, c as Cn, d as wn, f as Tn, g as En, h as Dn, i as On, l as kn, m as An, o as jn, p as Mn, r as Nn, s as Pn, t as Fn, u as In, v as Ln, w as Rn, x as zn, y as Bn } from "./field-slider-DwZvJqd0.js";
+import { $ as e, B as t, G as n, H as r, J as i, M as a, N as o, O as s, Q as c, U as l, V as u, W as d, X as f, Y as p, Z as m, _ as h, a as g, b as _, c as v, d as y, f as b, g as x, h as S, i as C, j as w, k as T, l as E, m as D, n as O, o as k, p as A, q as j, r as M, s as N, t as P, u as F, v as I, x as L, y as R } from "./form-context-DBHjPCAB.js";
+import { A as z, B as ee, C as te, D as B, E as V, F as H, K as U, M as ne, N as re, O as W, P as ie, R as G, T as ae, U as oe, W as se, _ as ce, a as le, b as ue, c as de, d as fe, f as pe, g as me, h as he, i as ge, j as _e, k as ve, l as ye, m as be, n as xe, o as Se, p as K, r as Ce, s as we, t as Te, u as Ee, v as De, w as Oe, y as ke, z as Ae } from "./useLabelableId-Bsez0mIm.js";
+import { $ as je, A as Me, At as Ne, B as Pe, C as Fe, D as Ie, Dt as Le, Et as Re, G as ze, Gt as Be, It as Ve, J as He, K as Ue, L as We, M as Ge, N as Ke, Nt as qe, O as Je, Ot as Ye, P as Xe, Pt as Ze, Q as Qe, R as $e, S as q, St as et, T as J, Tt as tt, U as nt, V as rt, Vt as it, W as at, Wt as ot, X as st, Y as ct, Yt as lt, Z as ut, _ as dt, a as ft, an as pt, at as mt, b as ht, bt as gt, c as _t, cn as vt, ct as yt, dn as bt, en as xt, et as St, f as Ct, fn as wt, ft as Tt, g as Et, gt as Dt, h as Ot, hn as kt, ht as At, i as jt, it as Mt, j as Nt, jt as Pt, k as Ft, kt as It, l as Lt, ln as Rt, lt as zt, m as Bt, mn as Vt, mt as Ht, n as Ut, nn as Wt, nt as Gt, o as Kt, on as qt, p as Jt, pn as Yt, pt as Xt, q as Zt, r as Qt, rn as $t, rt as en, sn as tn, st as nn, t as rn, tn as an, tt as on, u as sn, v as cn, vt as ln, w as un, x as dn, xt as fn, z as pn } from "./clamp-DQOKpe2d.js";
+import { C as mn, D as hn, E as gn, O as _n, S as vn, T as yn, _ as bn, a as xn, b as Sn, c as Cn, d as wn, f as Tn, g as En, h as Dn, i as On, l as kn, m as An, o as jn, p as Mn, r as Nn, s as Pn, t as Fn, u as In, v as Ln, w as Rn, x as zn, y as Bn } from "./field-slider-SYOU6bVj.js";
 import { t as Y } from "./cn-CXogf8HW.js";
-import { A as Vn, C as Hn, D as Un, E as Wn, F as Gn, I as Kn, L as qn, M as Jn, N as Yn, O as Xn, P as Zn, R as Qn, S as $n, T as er, _ as tr, a as nr, b as rr, c as ir, d as ar, f as or, g as sr, h as cr, i as lr, j as ur, k as dr, l as fr, m as pr, o as mr, p as hr, r as gr, s as _r, t as vr, u as yr, v as br, w as xr, x as Sr, y as Cr } from "./field-select-CgVfjmOj.js";
-import { t as wr } from "./input.types-BgnT0r4F.js";
-import { t as Tr } from "./input-group-BGe0Ag-A.js";
-import { t as Er } from "./input-group-input-DELPW-48.js";
+import { A as Vn, C as Hn, D as Un, E as Wn, F as Gn, I as Kn, L as qn, M as Jn, N as Yn, O as Xn, P as Zn, R as Qn, S as $n, T as er, _ as tr, a as nr, b as rr, c as ir, d as ar, f as or, g as sr, h as cr, i as lr, j as ur, k as dr, l as fr, m as pr, o as mr, p as hr, r as gr, s as _r, t as vr, u as yr, v as br, w as xr, x as Sr, y as Cr } from "./field-select-BRibIEnZ.js";
+import { t as wr } from "./input.types-BToTmX-b.js";
+import { t as Tr } from "./input-group-CDZSzmGh.js";
+import { t as Er } from "./input-group-input-DksiPZS5.js";
 import { t as Dr } from "./field-description-BDRJXMS8.js";
-import { t as Or } from "./field-errors--n7vO1Q7.js";
-import { r as kr, t as Ar } from "./field-input-DTMDvBjs.js";
-import { t as jr } from "./field-label-CwhT-9uR.js";
+import { t as Or } from "./field-errors-BndE4fDS.js";
+import { r as kr, t as Ar } from "./field-input-BPNlupYr.js";
+import { t as jr } from "./field-label-DiJO_3-h.js";
 import * as X from "react";
 import Mr, { createContext as Nr, createElement as Pr, forwardRef as Fr, memo as Ir, startTransition as Lr, useCallback as Rr, useContext as zr, useEffect as Br, useId as Vr, useImperativeHandle as Hr, useInsertionEffect as Ur, useLayoutEffect as Wr, useMemo as Gr, useRef as Kr, useState as qr } from "react";
 import { Fragment as Jr, jsx as Z, jsxs as Q } from "react/jsx-runtime";
@@ -11881,7 +11881,7 @@ var Nm = ({ children: e, ...t }) => /* @__PURE__ */ Z(ga, {
 	ref: i,
 	...a,
 	children: r
-}), fh = h("inline-flex h-md items-center justify-center gap-3xs rounded-full px-xs style-text-default--2 font-bold whitespace-nowrap transition-all select-none [&>svg]:size-xs", {
+}), fh = h("inline-flex h-md items-center justify-center gap-3xs rounded-full px-xs style-text-default--2 whitespace-nowrap transition-all select-none [&>svg]:size-xs", {
 	variants: {
 		size: {
 			small: "h-sm [&>svg]:size-2xs",
@@ -12815,7 +12815,7 @@ var lg = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ Q("div
 	ref: n,
 	...r,
 	children: t
-}), Ag = h("shrink-0 rounded-full", {
+}), Ag = h("relative shrink-0 rounded-full", {
 	variants: {
 		orientation: {
 			horizontal: "w-full",
@@ -12830,10 +12830,10 @@ var lg = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ Q("div
 			strong: "bg-neutral-border-strong"
 		},
 		weight: {
-			thick: "",
-			medium: "",
-			thin: "",
-			thinnest: ""
+			thick: "[&_[data-label]]:style-text-prose-0",
+			medium: "[&_[data-label]]:style-text-prose--1",
+			thin: "[&_[data-label]]:style-text-prose--2",
+			thinnest: "[&_[data-label]]:style-text-prose--2"
 		}
 	},
 	defaultVariants: {
@@ -12884,17 +12884,21 @@ var lg = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ Q("div
 			className: "w-px"
 		}
 	]
-}), jg = ({ orientation: e, weight: t, style: n, variant: r, className: i, ref: a, ...o }) => /* @__PURE__ */ Z(Bo, {
-	className: Y(Ag({
+}), jg = ({ orientation: e, weight: t, style: n, variant: r, children: i, className: a, labelClassName: o, ref: s, ...c }) => /* @__PURE__ */ Z(Bo, {
+	className: Y("relative", Ag({
 		orientation: e,
 		weight: t,
 		style: n,
-		variant: r,
-		className: i
-	})),
+		variant: r
+	}), a),
 	orientation: e,
-	ref: a,
-	...o
+	ref: s,
+	...c,
+	children: /* @__PURE__ */ Z("span", {
+		"data-label": !0,
+		className: Y("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-surface-background px-2xs whitespace-nowrap text-on-surface-variant", o),
+		children: i
+	})
 }), Mg = ({ inline: e = !1, variant: t, className: n, children: r, ref: i, ...a }) => {
 	let o = Mr.useId();
 	return e ? /* @__PURE__ */ Z("div", {
@@ -12943,7 +12947,7 @@ var lg = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ Q("div
 		]
 	});
 }, Ng = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ Q(Io, {
-	className: Y("mr-2xs grid cursor-default grid-cols-[1fr_0.75rem] items-center gap-xs rounded-md px-2xs py-3xs style-text-default-0 leading-md select-none group-data-[side=none]:pr-xs group-data-[side=none]:leading-lg first-of-type:mt-2xs last-of-type:mb-2xs hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:bg-neutral-container-high data-highlighted:text-neutral-on-container data-highlighted:before:absolute data-highlighted:before:inset-x-3xs data-highlighted:before:inset-y-[0px] data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-selected:bg-neutral-default data-selected:text-neutral-on-default pointer-coarse:py-xs", e),
+	className: Y("mr-2xs grid cursor-default grid-cols-[1fr_0.75rem] items-center gap-xs rounded-md px-2xs py-3xs style-text-default-0 select-none group-data-[side=none]:pr-xs group-data-[side=none]:leading-lg first-of-type:mt-2xs last-of-type:mb-2xs hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:bg-neutral-container-high data-highlighted:text-neutral-on-container data-highlighted:before:absolute data-highlighted:before:inset-x-3xs data-highlighted:before:inset-y-[0px] data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-selected:bg-neutral-default data-selected:text-neutral-on-default pointer-coarse:py-xs", e),
 	ref: n,
 	...r,
 	children: [/* @__PURE__ */ Z("span", {
@@ -13089,7 +13093,7 @@ var lg = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ Q("div
 	...r,
 	children: t
 }), s_ = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ Q(gp, {
-	className: Y("grid h-lg cursor-default grid-cols-[1fr_0.75rem] items-center gap-xs rounded-md pl-xs style-text-default-0 leading-md outline-none select-none group-data-[side=none]:pr-xs group-data-[side=none]:leading-lg hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:bg-neutral-container data-highlighted:text-neutral-on-container data-highlighted:before:absolute data-highlighted:before:inset-x-3xs data-highlighted:before:inset-y-[0px] data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-selected:bg-neutral-default data-selected:text-neutral-on-default pointer-coarse:py-xs", e),
+	className: Y("grid h-lg cursor-default grid-cols-[1fr_0.75rem] items-center gap-xs rounded-md pl-xs style-text-default-0 outline-none select-none group-data-[side=none]:pr-xs group-data-[side=none]:leading-lg hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:bg-neutral-container data-highlighted:text-neutral-on-container data-highlighted:before:absolute data-highlighted:before:inset-x-3xs data-highlighted:before:inset-y-[0px] data-highlighted:before:z-[-1] data-highlighted:before:rounded-sm data-selected:bg-neutral-default data-selected:text-neutral-on-default pointer-coarse:py-xs", e),
 	ref: n,
 	...r,
 	children: [/* @__PURE__ */ Z(yp, { children: t }), /* @__PURE__ */ Z(_p, {
@@ -13102,7 +13106,7 @@ var lg = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ Q("div
 	...r,
 	children: t
 }), l_ = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ Z(Cp, {
-	className: Y("sticky top-[0px] z-1 cursor-default bg-surface-2 px-2xs py-3xs style-text-default--2 leading-xs text-on-surface-variant select-none", e),
+	className: Y("sticky top-[0px] z-1 cursor-default bg-surface-2 px-2xs py-3xs style-text-default--2 text-on-surface-variant select-none", e),
 	ref: n,
 	...r,
 	children: t
@@ -17328,7 +17332,7 @@ var FO = ({ row: e, className: t, children: n, ref: r, ...i }) => /* @__PURE__ *
 	...t,
 	children: e
 }), UO = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ Q(Vs, {
-	className: Y("rounded-md", "grid cursor-default grid-cols-[1fr_2rem] items-center px-2xs py-3xs style-text-default-0 leading-md outline-none select-none before:absolute before:inset-[0px] before:z-[-1] before:rounded-md before:content-[\"\"] hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high", e),
+	className: Y("rounded-md", "grid cursor-default grid-cols-[1fr_2rem] items-center px-2xs py-3xs style-text-default-0 outline-none select-none before:absolute before:inset-[0px] before:z-[-1] before:rounded-md before:content-[\"\"] hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high", e),
 	ref: n,
 	...r,
 	children: [/* @__PURE__ */ Z("span", {
@@ -17347,11 +17351,11 @@ var FO = ({ row: e, className: t, children: n, ref: r, ...i }) => /* @__PURE__ *
 	...r,
 	children: t
 }), GO = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ Z(Ks, {
-	className: Y("cursor-default px-2xs py-3xs style-text-default--2 leading-xs text-on-surface-variant select-none", e),
+	className: Y("cursor-default px-2xs py-3xs style-text-default--2 text-on-surface-variant select-none", e),
 	ref: n,
 	...r,
 	children: t
-}), KO = h("flex cursor-default items-center px-sm py-3xs style-text-default-0 leading-md outline-none select-none before:outline before:outline-transparent hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:before:absolute data-highlighted:before:inset-x-3xs data-highlighted:before:inset-y-[0px] data-highlighted:before:z-[-1] data-highlighted:before:rounded-md", {
+}), KO = h("flex cursor-default items-center px-sm py-3xs style-text-default-0 outline-none select-none before:outline before:outline-transparent hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:before:absolute data-highlighted:before:inset-x-3xs data-highlighted:before:inset-y-[0px] data-highlighted:before:z-[-1] data-highlighted:before:rounded-md", {
 	variants: { tone: {
 		brand: "text-brand-default data-highlighted:text-brand-on-container data-highlighted:before:bg-brand-container",
 		accent: "text-accent-default data-highlighted:text-accent-on-container data-highlighted:before:bg-accent-container",
@@ -17362,7 +17366,7 @@ var FO = ({ row: e, className: t, children: n, ref: r, ...i }) => /* @__PURE__ *
 		warning: "text-warning-default data-highlighted:text-warning-on-container data-highlighted:before:bg-warning-container"
 	} },
 	defaultVariants: { tone: "neutral" }
-}), qO = h("grid cursor-default grid-cols-[1fr_2rem] items-center px-sm py-3xs style-text-default-0 leading-md outline-none select-none before:outline before:outline-transparent hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:before:absolute data-highlighted:before:inset-x-3xs data-highlighted:before:inset-y-[0px] data-highlighted:before:z-[-1] data-highlighted:before:rounded-md data-popup-open:relative data-popup-open:z-0 data-popup-open:before:absolute data-popup-open:before:inset-x-3xs data-popup-open:before:inset-y-[0px] data-popup-open:before:z-[-1] data-popup-open:before:rounded-sm", {
+}), qO = h("grid cursor-default grid-cols-[1fr_2rem] items-center px-sm py-3xs style-text-default-0 outline-none select-none before:outline before:outline-transparent hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:before:absolute data-highlighted:before:inset-x-3xs data-highlighted:before:inset-y-[0px] data-highlighted:before:z-[-1] data-highlighted:before:rounded-md data-popup-open:relative data-popup-open:z-0 data-popup-open:before:absolute data-popup-open:before:inset-x-3xs data-popup-open:before:inset-y-[0px] data-popup-open:before:z-[-1] data-popup-open:before:rounded-sm", {
 	variants: { tone: {
 		brand: "text-brand-default data-highlighted:text-brand-on-container data-highlighted:before:bg-brand-container data-popup-open:text-brand-on-container data-popup-open:before:bg-brand-container data-[highlighted]:data-[popup-open]:before:bg-brand-container",
 		accent: "text-accent-default data-highlighted:text-accent-on-container data-highlighted:before:bg-accent-container data-popup-open:text-accent-on-container data-popup-open:before:bg-accent-container data-[highlighted]:data-[popup-open]:before:bg-accent-container",
@@ -17396,7 +17400,7 @@ var FO = ({ row: e, className: t, children: n, ref: r, ...i }) => /* @__PURE__ *
 	...r,
 	children: t
 }), ZO = ({ className: e, children: t, ref: n, ...r }) => /* @__PURE__ */ Q(ac, {
-	className: Y("rounded-md", "grid cursor-default grid-cols-[1fr_2rem] items-center px-2xs py-3xs style-text-default-0 leading-md outline-none select-none before:absolute before:inset-[0px] before:z-[-1] before:rounded-md before:content-[\"\"] hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high", e),
+	className: Y("rounded-md", "grid cursor-default grid-cols-[1fr_2rem] items-center px-2xs py-3xs style-text-default-0 outline-none select-none before:absolute before:inset-[0px] before:z-[-1] before:rounded-md before:content-[\"\"] hover:cursor-pointer data-highlighted:relative data-highlighted:z-0 data-highlighted:text-neutral-on-container data-highlighted:before:bg-neutral-container-high", e),
 	ref: n,
 	...r,
 	children: [/* @__PURE__ */ Z("span", {
@@ -17708,7 +17712,7 @@ var hk = ({ children: e, ...t }) => /* @__PURE__ */ Z(df, {
 			className: "text-center style-text-strong--2 text-on-surface",
 			children: e
 		}), t && /* @__PURE__ */ Z("div", {
-			className: "text-center style-text-prose--2 leading-sm text-on-surface-variant",
+			className: "text-center style-text-prose--2 text-on-surface-variant",
 			children: t
 		})]
 	})]
@@ -17849,7 +17853,7 @@ var hk = ({ children: e, ...t }) => /* @__PURE__ */ Z(df, {
 		ref: n,
 		...r,
 		children: /* @__PURE__ */ Q(ap, {
-			className: Y("flex h-full flex-col items-center divide-y divide-border overflow-y-auto overscroll-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", "before:pointer-events-none before:absolute before:top-0 before:left-0 before:block before:h-[min(40px,var(--scroll-area-overflow-y-start))] before:w-full before:bg-linear-to-b before:from-shadow/35 before:to-transparent before:transition-[height] before:duration-100 before:ease-out before:content-[\"\"] before:[--scroll-area-overflow-y-start:inherit]", "after:pointer-events-none after:absolute after:bottom-0 after:left-0 after:block after:h-[min(40px,var(--scroll-area-overflow-y-end,40px))] after:w-full after:bg-linear-to-t after:from-shadow/35 after:to-transparent after:transition-[height] after:duration-100 after:ease-out after:content-[\"\"] after:[--scroll-area-overflow-y-end:inherit]", i ? "gap-md" : "gap-xs px-3xs pt-3xs"),
+			className: Y("flex h-full scrollbar-none flex-col items-center divide-y divide-border overflow-y-auto overscroll-contain [&::-webkit-scrollbar]:hidden", "before:pointer-events-none before:absolute before:top-0 before:left-0 before:block before:h-[min(40px,var(--scroll-area-overflow-y-start))] before:w-full before:bg-linear-to-b before:from-shadow/35 before:to-transparent before:transition-[height] before:duration-100 before:ease-out before:content-[\"\"] before:[--scroll-area-overflow-y-start:inherit]", "after:pointer-events-none after:absolute after:bottom-0 after:left-0 after:block after:h-[min(40px,var(--scroll-area-overflow-y-end,40px))] after:w-full after:bg-linear-to-t after:from-shadow/35 after:to-transparent after:transition-[height] after:duration-100 after:ease-out after:content-[\"\"] after:[--scroll-area-overflow-y-end:inherit]", i ? "gap-md" : "gap-xs px-3xs pt-3xs"),
 			children: [!i && /* @__PURE__ */ Z(Rk, {}), t]
 		})
 	});