@studiolxd/brand 49.28.0 → 50.0.0

package/dist/recurrence-field.js

@@ -29,8 +29,8 @@ var f = [
 	"monthly",
 	"yearly"
 ], h = Date.UTC(2024, 0, 1);
-function g({ value: g, onValueChange: _, id: v, legend: y, disabled: b, size: x, locale: S = "es-ES", weekStartsOn: C = "monday", minDate: w, maxDate: T, className: E, frequencyLabel: D, weekdaysLabel: O, endLabel: k }) {
-	let A = e("recurrenceField"), j = s(), M = v ?? j, N = c(() => {
+function g({ value: g, onValueChange: _, id: v, legend: y, disabled: b, size: x, locale: S = "es-ES", weekStartsOn: C = "monday", minDate: w, maxDate: T, today: E, className: D, frequencyLabel: O, weekdaysLabel: k, endLabel: A }) {
+	let j = e("recurrenceField"), M = s(), N = v ?? M, P = c(() => {
 		let e = new Intl.DateTimeFormat(S, {
 			weekday: "short",
 			timeZone: "UTC"
@@ -46,36 +46,36 @@ function g({ value: g, onValueChange: _, id: v, legend: y, disabled: b, size: x,
 			};
 		});
 		return C === "sunday" ? [n[6], ...n.slice(0, 6)] : n;
-	}, [S, C]), P = (e) => {
+	}, [S, C]), F = (e) => {
 		g && _({
 			...g,
 			...e
 		});
-	}, F = [{
+	}, I = [{
 		value: "",
-		label: A("never")
+		label: j("never")
 	}, ...m.map((e) => ({
 		value: e,
-		label: A(e)
-	}))], I = [
+		label: j(e)
+	}))], L = [
 		{
 			value: "never",
-			label: A("endNever")
+			label: j("endNever")
 		},
 		{
 			value: "until",
-			label: A("endUntil")
+			label: j("endUntil")
 		},
 		{
 			value: "count",
-			label: A("endCount")
+			label: j("endCount")
 		}
-	], L = /* @__PURE__ */ d("div", {
-		className: ["recurrence-field", E].filter(Boolean).join(" "),
+	], R = /* @__PURE__ */ d("div", {
+		className: ["recurrence-field", D].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ u(i, {
-			id: `${M}-frequency`,
-			label: A("frequency", D),
-			options: F,
+			id: `${N}-frequency`,
+			label: j("frequency", O),
+			options: I,
 			value: g?.frequency ?? "",
 			disabled: b,
 			size: x,
@@ -90,29 +90,29 @@ function g({ value: g, onValueChange: _, id: v, legend: y, disabled: b, size: x,
 			/* @__PURE__ */ u("div", {
 				className: "recurrence-field__row",
 				children: /* @__PURE__ */ u(o, {
-					id: `${M}-interval`,
+					id: `${N}-interval`,
 					className: "recurrence-field__interval",
-					label: A("interval")(g.frequency),
+					label: j("interval")(g.frequency),
 					value: g.interval,
 					min: 1,
 					max: 99,
 					disabled: b,
 					size: x,
-					onChange: (e) => P({ interval: Number.isFinite(e) ? Math.max(1, e) : 1 })
+					onChange: (e) => F({ interval: Number.isFinite(e) ? Math.max(1, e) : 1 })
 				})
 			}),
 			g.frequency === "weekly" ? /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("span", {
 				className: "recurrence-field__weekdays-label",
-				id: `${M}-weekdays-label`,
-				children: A("weekdays", O)
+				id: `${N}-weekdays-label`,
+				children: j("weekdays", k)
 			}), /* @__PURE__ */ u(r, {
 				className: "recurrence-field__weekdays",
 				multiple: !0,
 				size: x,
 				value: g.weekdays,
-				"aria-labelledby": `${M}-weekdays-label`,
-				onValueChange: (e) => P({ weekdays: e }),
-				children: N.map((e) => /* @__PURE__ */ u(n, {
+				"aria-labelledby": `${N}-weekdays-label`,
+				onValueChange: (e) => F({ weekdays: e }),
+				children: P.map((e) => /* @__PURE__ */ u(n, {
 					value: e.key,
 					"aria-label": e.long,
 					disabled: b,
@@ -123,50 +123,51 @@ function g({ value: g, onValueChange: _, id: v, legend: y, disabled: b, size: x,
 				className: "recurrence-field__row",
 				children: [
 					/* @__PURE__ */ u(i, {
-						id: `${M}-end`,
+						id: `${N}-end`,
 						className: "recurrence-field__end",
-						label: A("end", k),
-						options: I,
+						label: j("end", A),
+						options: L,
 						value: g.end.type,
 						disabled: b,
 						size: x,
 						onValueChange: (e) => {
-							if (e === "until") return P({ end: {
+							if (e === "until") return F({ end: {
 								type: "until",
 								date: null
 							} });
-							if (e === "count") return P({ end: {
+							if (e === "count") return F({ end: {
 								type: "count",
 								count: 10
 							} });
-							P({ end: { type: "never" } });
+							F({ end: { type: "never" } });
 						}
 					}),
 					g.end.type === "until" ? /* @__PURE__ */ u(a, {
-						id: `${M}-until`,
+						id: `${N}-until`,
 						className: "recurrence-field__end",
-						label: A("until"),
+						label: j("until"),
 						value: g.end.date,
 						locale: S,
 						minDate: w,
 						maxDate: T,
+						today: E,
 						disabled: b,
 						size: x,
-						onChange: (e) => P({ end: {
+						onChange: (e) => F({ end: {
 							type: "until",
 							date: e
 						} })
 					}) : null,
 					g.end.type === "count" ? /* @__PURE__ */ u(o, {
-						id: `${M}-count`,
+						id: `${N}-count`,
 						className: "recurrence-field__end",
-						label: A("count"),
+						label: j("count"),
 						value: g.end.count,
 						min: 1,
 						max: 999,
 						disabled: b,
 						size: x,
-						onChange: (e) => P({ end: {
+						onChange: (e) => F({ end: {
 							type: "count",
 							count: Number.isFinite(e) ? Math.max(1, e) : 1
 						} })
@@ -178,8 +179,8 @@ function g({ value: g, onValueChange: _, id: v, legend: y, disabled: b, size: x,
 	return y ? /* @__PURE__ */ u(t, {
 		legend: y,
 		disabled: b,
-		children: L
-	}) : L;
+		children: R
+	}) : R;
 }
 //#endregion
 export { g as RecurrenceField };

package/dist/select.css

@@ -1 +1 @@
-.select{justify-content:space-between;align-items:center;gap:var(--select-icon-gap);block-size:var(--select-height);padding-block:0;padding-inline:var(--select-padding-inline);font-family:var(--select-font-family);font-size:var(--select-font-size);line-height:var(--select-line-height);font-weight:var(--select-font-weight);color:var(--select-color);background-color:var(--select-bg);border-width:var(--select-border-width);border-style:var(--select-border-style);border-color:var(--select-border-color);border-radius:var(--select-border-radius);box-sizing:border-box;cursor:pointer;width:100%;display:inline-flex}.select:focus,.select[data-popup-open]{outline:none}.select:focus-visible{outline:var(--select-focus-ring-width) solid var(--select-focus-ring-color);outline-offset:calc(-1 * (var(--select-focus-ring-width) + var(--select-border-width)))}.select .select__icon{--icon-size:var(--select-icon-size)}.select__icon{transition:transform var(--select-icon-transition) var(--motion-easing-default);flex-shrink:0;transform:rotate(90deg)}[data-popup-open] .select__icon{transform:rotate(-90deg)}.select__positioner{z-index:var(--select-content-z-index)}.select__content{background-color:var(--select-content-bg);border-width:var(--select-border-width);border-style:var(--select-border-style);border-color:var(--select-content-border-color);min-width:var(--anchor-width);max-height:var(--select-content-max-height,var(--available-height));overscroll-behavior:contain;overflow-y:auto}.select__content[data-side=bottom]{border-top:none}.select__content[data-side=top]{border-bottom:none}.select__item{width:100%;padding-block:var(--select-item-padding-block);padding-inline:var(--select-padding-inline);font-size:var(--select-font-size);font-family:var(--select-font-family);cursor:pointer;align-items:center;display:flex}.select__item[data-highlighted]{background-color:var(--select-item-highlighted-bg);color:var(--select-item-highlighted-color)}.select__item[data-selected]{font-weight:var(--select-item-selected-font-weight)}.select__content .select__item+.select__item,.select__content[data-side=bottom] .select__item:first-child{border-top:var(--select-border-width) var(--select-border-style) var(--select-content-border-color)}.select__content[data-side=top] .select__item:last-child{border-bottom:var(--select-border-width) var(--select-border-style) var(--select-content-border-color)}.select.select--sm{block-size:var(--select-sm-height);font-size:var(--select-sm-font-size);padding-inline:var(--select-sm-padding-inline);--select-icon-size:var(--select-sm-icon-size)}.select__content--sm .select__item{font-size:var(--select-sm-font-size);padding-block:var(--select-sm-item-padding-block)}.select.select--lg{block-size:var(--select-lg-height);font-size:var(--select-lg-font-size);padding-inline:var(--select-lg-padding-inline);--select-icon-size:var(--select-lg-icon-size)}.select__content--lg .select__item{font-size:var(--select-lg-font-size);padding-block:var(--select-lg-item-padding-block)}.select__content .select__group:not(:first-child)>.select__label,.select__content[data-side=bottom] .select__group:first-child>.select__label,.select__content .select__group+.select__item{border-top:var(--select-border-width) var(--select-border-style) var(--select-content-border-color)}.select__content[data-side=top] .select__group:last-child>.select__item:last-child{border-bottom:var(--select-border-width) var(--select-border-style) var(--select-content-border-color)}.select__label{padding-block:var(--select-item-padding-block);padding-inline:var(--select-padding-inline);font-family:var(--label-font-family);font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);color:var(--label-color);letter-spacing:var(--label-letter-spacing)}.select__separator{height:var(--select-separator-height);background-color:var(--select-separator-color);margin-block:var(--select-item-padding-block)}.select[aria-invalid=true]{border-color:var(--select-error-border-color)}
+.select{justify-content:space-between;align-items:center;gap:var(--select-icon-gap);block-size:var(--select-height);padding-block:0;padding-inline:var(--select-padding-inline);font-family:var(--select-font-family);font-size:var(--select-font-size);line-height:var(--select-line-height);font-weight:var(--select-font-weight);color:var(--select-color);background-color:var(--select-bg);border-width:var(--select-border-width);border-style:var(--select-border-style);border-color:var(--select-border-color);border-radius:var(--select-border-radius);box-sizing:border-box;cursor:pointer;inline-size:100%;display:inline-flex}.select:focus,.select[data-popup-open]{outline:none}.select:focus-visible{outline:var(--select-focus-ring-width) solid var(--select-focus-ring-color);outline-offset:calc(-1 * (var(--select-focus-ring-width) + var(--select-border-width)))}.select .select__icon{--icon-size:var(--select-icon-size)}.select__icon{transition:transform var(--select-icon-transition) var(--motion-easing-default);flex-shrink:0;transform:rotate(90deg)}[data-popup-open] .select__icon{transform:rotate(-90deg)}.select__positioner{z-index:var(--select-content-z-index)}.select__content{background-color:var(--select-content-bg);border-width:var(--select-border-width);border-style:var(--select-border-style);border-color:var(--select-content-border-color);min-inline-size:var(--anchor-width);max-block-size:var(--select-content-max-height,var(--available-height));overscroll-behavior:contain;overflow-y:auto}.select__content[data-side=bottom]{border-block-start:none}.select__content[data-side=top]{border-block-end:none}.select__item{inline-size:100%;padding-block:var(--select-item-padding-block);padding-inline:var(--select-padding-inline);font-size:var(--select-font-size);font-family:var(--select-font-family);cursor:pointer;align-items:center;display:flex}.select__item[data-highlighted]{background-color:var(--select-item-highlighted-bg);color:var(--select-item-highlighted-color)}.select__item[data-selected]{font-weight:var(--select-item-selected-font-weight)}.select__content .select__item+.select__item,.select__content[data-side=bottom] .select__item:first-child{border-block-start:var(--select-border-width) var(--select-border-style) var(--select-content-border-color)}.select__content[data-side=top] .select__item:last-child{border-block-end:var(--select-border-width) var(--select-border-style) var(--select-content-border-color)}.select.select--sm{block-size:var(--select-sm-height);font-size:var(--select-sm-font-size);padding-inline:var(--select-sm-padding-inline);--select-icon-size:var(--select-sm-icon-size)}.select__content--sm .select__item{font-size:var(--select-sm-font-size);padding-block:var(--select-sm-item-padding-block)}.select.select--lg{block-size:var(--select-lg-height);font-size:var(--select-lg-font-size);padding-inline:var(--select-lg-padding-inline);--select-icon-size:var(--select-lg-icon-size)}.select__content--lg .select__item{font-size:var(--select-lg-font-size);padding-block:var(--select-lg-item-padding-block)}.select__content .select__group:not(:first-child)>.select__label,.select__content[data-side=bottom] .select__group:first-child>.select__label,.select__content .select__group+.select__item{border-block-start:var(--select-border-width) var(--select-border-style) var(--select-content-border-color)}.select__content[data-side=top] .select__group:last-child>.select__item:last-child{border-block-end:var(--select-border-width) var(--select-border-style) var(--select-content-border-color)}.select__label{padding-block:var(--select-item-padding-block);padding-inline:var(--select-padding-inline);font-family:var(--label-font-family);font-size:var(--label-font-size);font-weight:var(--label-font-weight);line-height:var(--label-line-height);color:var(--label-color);letter-spacing:var(--label-letter-spacing)}.select__separator{block-size:var(--select-separator-height);background-color:var(--select-separator-color);margin-block:var(--select-item-padding-block)}.select[aria-invalid=true]{border-color:var(--select-error-border-color)}

package/dist/select.js

@@ -122,7 +122,7 @@ function w({ value: e, label: t, "aria-label": n }) {
 function T({ override: t }) {
 	return /* @__PURE__ */ u(l, { children: e("select")("placeholder", t) });
 }
-var E = a(function({ options: e, value: t, defaultValue: n, placeholder: r, disabled: i, readOnly: a, size: o = "md", onValueChange: s, id: c, name: l, required: f, onBlur: m, "aria-label": h, "aria-describedby": x, "aria-invalid": C, container: E }, D) {
+var E = a(function({ options: e, value: t, defaultValue: n, placeholder: r, disabled: i, readOnly: a, size: o = "md", onValueChange: s, id: c, name: l, required: f, onBlur: m, "aria-label": h, "aria-describedby": x, "aria-invalid": C, container: E, className: D }, O) {
 	return /* @__PURE__ */ d(g, {
 		value: t,
 		defaultValue: n,
@@ -132,8 +132,9 @@ var E = a(function({ options: e, value: t, defaultValue: n, placeholder: r, disa
 		required: f,
 		onValueChange: s,
 		children: [/* @__PURE__ */ u(y, {
-			ref: D,
+			ref: O,
 			size: o,
+			className: D,
 			id: c,
 			onBlur: m,
 			"aria-label": h,

package/dist/sheet.css

@@ -1 +1 @@
-.sheet__overlay{--dialog-overlay-bg:var(--sheet-backdrop-bg);--dialog-overlay-opacity:var(--sheet-backdrop-opacity);--dialog-overlay-z-index:var(--sheet-backdrop-z-index);--dialog-transition-duration:var(--sheet-transition-duration);--dialog-transition-easing:var(--sheet-transition-easing)}.sheet{z-index:var(--sheet-z-index);gap:var(--sheet-gap);padding-block:var(--sheet-padding-block);padding-inline:var(--sheet-padding-inline);background-color:var(--sheet-bg);box-shadow:var(--sheet-shadow);animation-duration:var(--sheet-transition-duration);animation-timing-function:var(--sheet-transition-easing);flex-direction:column;animation-fill-mode:forwards;display:flex;position:fixed;overflow-y:auto;container:dialog/inline-size}.sheet[data-side=left],.sheet[data-side=right]{width:var(--sheet-inline-size);top:0;bottom:0}.sheet[data-side=left]{left:0}.sheet[data-side=right]{right:0}.sheet[data-side=top],.sheet[data-side=bottom]{max-height:var(--sheet-block-size);left:0;right:0}.sheet[data-side=top]{top:0}.sheet[data-side=bottom]{bottom:0}@keyframes sheet-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sheet-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes sheet-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sheet-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes sheet-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes sheet-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes sheet-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.sheet[data-side=right][data-open]{animation-name:sheet-in-right}.sheet[data-side=right][data-closed]{animation-name:sheet-out-right}.sheet[data-side=left][data-open]{animation-name:sheet-in-left}.sheet[data-side=left][data-closed]{animation-name:sheet-out-left}.sheet[data-side=top][data-open]{animation-name:sheet-in-top}.sheet[data-side=top][data-closed]{animation-name:sheet-out-top}.sheet[data-side=bottom][data-open]{animation-name:sheet-in-bottom}.sheet[data-side=bottom][data-closed]{animation-name:sheet-out-bottom}.sheet__header{--dialog-header-gap:var(--sheet-header-gap);--dialog-header-close-room:var(--sheet-padding-inline)}.sheet__title{color:var(--sheet-title-color);font-size:var(--sheet-title-font-size);font-weight:var(--sheet-title-font-weight);margin:0}.sheet__description{font-size:var(--sheet-description-font-size);color:var(--sheet-description-color);margin:0}.sheet__close.close-button{--close-button-size:var(--sheet-close-size);--close-button-icon-size:var(--sheet-close-icon-size);--close-button-color:var(--sheet-close-color);--close-button-focus-ring-width:var(--sheet-close-focus-ring-width);--close-button-focus-ring-offset:var(--sheet-close-focus-ring-offset);--close-button-focus-ring-color:var(--sheet-close-focus-ring-color);position:absolute;inset-block-start:var(--sheet-close-inset);inset-inline-end:var(--sheet-close-inset)}.sheet__body{flex:1;min-height:0}.sheet__footer{--dialog-footer-gap:var(--sheet-footer-gap)}
+.sheet__overlay{--dialog-overlay-bg:var(--sheet-backdrop-bg);--dialog-overlay-opacity:var(--sheet-backdrop-opacity);--dialog-overlay-z-index:var(--sheet-backdrop-z-index);--dialog-transition-duration:var(--sheet-transition-duration);--dialog-transition-easing:var(--sheet-transition-easing)}.sheet{z-index:var(--sheet-z-index);gap:var(--sheet-gap);padding-block:var(--sheet-padding-block);padding-inline:var(--sheet-padding-inline);background-color:var(--sheet-bg);box-shadow:var(--sheet-shadow);animation-duration:var(--sheet-transition-duration);animation-timing-function:var(--sheet-transition-easing);flex-direction:column;animation-fill-mode:forwards;display:flex;position:fixed;overflow-y:auto;container:dialog/inline-size}.sheet[data-side=left],.sheet[data-side=right]{inline-size:var(--sheet-inline-size);inset-block:0}.sheet[data-side=left]{left:0}.sheet[data-side=right]{right:0}.sheet[data-side=top],.sheet[data-side=bottom]{max-block-size:var(--sheet-block-size);inset-inline:0}.sheet[data-side=top]{inset-block-start:0}.sheet[data-side=bottom]{inset-block-end:0}@keyframes sheet-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sheet-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes sheet-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sheet-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes sheet-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes sheet-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes sheet-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.sheet[data-side=right][data-open]{animation-name:sheet-in-right}.sheet[data-side=right][data-closed]{animation-name:sheet-out-right}.sheet[data-side=left][data-open]{animation-name:sheet-in-left}.sheet[data-side=left][data-closed]{animation-name:sheet-out-left}.sheet[data-side=top][data-open]{animation-name:sheet-in-top}.sheet[data-side=top][data-closed]{animation-name:sheet-out-top}.sheet[data-side=bottom][data-open]{animation-name:sheet-in-bottom}.sheet[data-side=bottom][data-closed]{animation-name:sheet-out-bottom}.sheet__header{--dialog-header-gap:var(--sheet-header-gap);--dialog-header-close-room:var(--sheet-padding-inline)}.sheet__title{color:var(--sheet-title-color);font-size:var(--sheet-title-font-size);font-weight:var(--sheet-title-font-weight);margin:0}.sheet__description{font-size:var(--sheet-description-font-size);color:var(--sheet-description-color);margin:0}.sheet__close.close-button{--close-button-size:var(--sheet-close-size);--close-button-icon-size:var(--sheet-close-icon-size);--close-button-color:var(--sheet-close-color);--close-button-focus-ring-width:var(--sheet-close-focus-ring-width);--close-button-focus-ring-offset:var(--sheet-close-focus-ring-offset);--close-button-focus-ring-color:var(--sheet-close-focus-ring-color);position:absolute;inset-block-start:var(--sheet-close-inset);inset-inline-end:var(--sheet-close-inset)}.sheet__body{flex:1;min-block-size:0}.sheet__footer{--dialog-footer-gap:var(--sheet-footer-gap)}

package/dist/sidebar-nav.css

@@ -1 +1 @@
-.sidebar-nav{width:100%}.sidebar-nav__accordion{gap:var(--sidebar-nav-gap);flex-direction:column;display:flex}.sidebar-nav__group-header{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;justify-content:space-between;align-items:center;gap:var(--sidebar-nav-group-trigger-gap);padding-block:var(--sidebar-nav-group-trigger-padding-block);padding-inline:var(--sidebar-nav-group-trigger-padding-inline);margin-block:0;display:flex}.sidebar-nav__group-label{align-items:center;gap:var(--sidebar-nav-item-icon-gap);min-width:0;font-size:var(--sidebar-nav-group-label-font-size);font-weight:var(--sidebar-nav-group-label-font-weight);color:var(--sidebar-nav-group-label-color);box-shadow:none;flex:1;padding-block-end:0;text-decoration:none;display:flex}a.sidebar-nav__group-label:hover{box-shadow:none;color:var(--sidebar-nav-group-label-color)}a.sidebar-nav__group-label:focus-visible{outline:var(--sidebar-nav-focus-ring-width) solid var(--sidebar-nav-focus-ring-color);outline-offset:calc(-1 * var(--sidebar-nav-focus-ring-width))}.sidebar-nav__group-chevron{all:unset;box-sizing:border-box;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-nav__group-chevron:focus-visible{outline:var(--sidebar-nav-focus-ring-width) solid var(--sidebar-nav-focus-ring-color);outline-offset:var(--sidebar-nav-focus-ring-width)}.sidebar-nav__group-chevron-icon{transition:transform var(--sidebar-nav-group-transition-duration) var(--sidebar-nav-group-transition-easing);flex-shrink:0;transform:rotate(90deg)}.sidebar-nav__group-chevron[data-panel-open] .sidebar-nav__group-chevron-icon{transform:rotate(-90deg)}.sidebar-nav__group-content{overflow:hidden}.sidebar-nav__group-content[data-open]{animation:sidebar-nav-group-open var(--sidebar-nav-group-transition-duration) var(--sidebar-nav-group-transition-easing)}.sidebar-nav__group-content[data-closed]{animation:sidebar-nav-group-close var(--sidebar-nav-group-transition-duration) var(--sidebar-nav-group-transition-easing)}@keyframes sidebar-nav-group-open{0%{height:0}to{height:var(--collapsible-panel-height)}}@keyframes sidebar-nav-group-close{0%{height:var(--collapsible-panel-height)}to{height:0}}.sidebar-nav__group-content-inner{padding-block-end:0;padding-inline:0}.sidebar-nav__items{gap:var(--sidebar-nav-item-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav__item{align-items:center;gap:var(--sidebar-nav-item-icon-gap);padding-block:var(--sidebar-nav-item-padding-block);padding-inline:var(--sidebar-nav-item-padding-inline-start) var(--sidebar-nav-item-padding-inline);border-radius:var(--sidebar-nav-item-border-radius);font-size:var(--sidebar-nav-item-font-size);font-weight:var(--sidebar-nav-item-font-weight);line-height:var(--sidebar-nav-item-line-height);color:var(--sidebar-nav-item-color);box-shadow:none;transition:box-shadow var(--sidebar-nav-transition-duration) var(--sidebar-nav-transition-easing), color var(--sidebar-nav-transition-duration) var(--sidebar-nav-transition-easing);text-decoration:none;display:flex}.sidebar-nav__item:hover{color:var(--sidebar-nav-item-color)}.sidebar-nav__item:focus-visible{outline:var(--sidebar-nav-focus-ring-width) solid var(--sidebar-nav-focus-ring-color);outline-offset:var(--sidebar-nav-focus-ring-width)}.sidebar-nav__item.sidebar-nav__item--active{font-weight:var(--sidebar-nav-item-active-font-weight)}.sidebar-nav__top-link{align-items:center;gap:var(--sidebar-nav-group-trigger-gap);padding-block:var(--sidebar-nav-group-trigger-padding-block);padding-inline:var(--sidebar-nav-group-trigger-padding-inline);font-size:var(--sidebar-nav-group-label-font-size);font-weight:var(--sidebar-nav-item-font-weight);color:var(--sidebar-nav-item-color);box-shadow:none;transition:color var(--sidebar-nav-transition-duration) var(--sidebar-nav-transition-easing);text-decoration:none;display:flex}.sidebar-nav__top-link:hover{box-shadow:none;color:var(--sidebar-nav-item-color)}.sidebar-nav__top-link:focus-visible{outline:var(--sidebar-nav-focus-ring-width) solid var(--sidebar-nav-focus-ring-color);outline-offset:calc(-1 * var(--sidebar-nav-focus-ring-width))}.sidebar-nav__top-link.sidebar-nav__top-link--active{font-weight:var(--sidebar-nav-item-active-font-weight)}.sidebar-nav__item-icon{width:var(--sidebar-nav-item-icon-size);height:var(--sidebar-nav-item-icon-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-nav__rail{gap:var(--sidebar-nav-item-gap);flex-direction:column;align-items:center;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav__rail-item{all:unset;box-sizing:border-box;inline-size:var(--sidebar-nav-rail-item-size);block-size:var(--sidebar-nav-rail-item-size);border-radius:var(--sidebar-nav-item-border-radius);color:var(--sidebar-nav-item-color);cursor:pointer;transition:box-shadow var(--sidebar-nav-transition-duration) var(--sidebar-nav-transition-easing), color var(--sidebar-nav-transition-duration) var(--sidebar-nav-transition-easing);justify-content:center;align-items:center;display:inline-flex}.sidebar-nav__rail-item:focus-visible{outline:var(--sidebar-nav-focus-ring-width) solid var(--sidebar-nav-focus-ring-color);outline-offset:var(--sidebar-nav-focus-ring-width)}.sidebar-nav__rail-item:hover,.sidebar-nav__rail-item[data-popup-open]{box-shadow:none;color:var(--sidebar-nav-item-color)}.sidebar-nav__rail-icon{justify-content:center;align-items:center;display:inline-flex}.sidebar-nav__rail-initial{font-weight:var(--sidebar-nav-item-active-font-weight);text-transform:uppercase}.sidebar-nav__item.sidebar-nav__item--empty,.sidebar-nav__top-link.sidebar-nav__top-link--empty{color:var(--sidebar-nav-item-empty-color);cursor:var(--sidebar-nav-item-empty-cursor)}.sidebar-nav__item.sidebar-nav__item--empty:hover,.sidebar-nav__top-link.sidebar-nav__top-link--empty:hover{box-shadow:none}.sidebar-nav__rail-item.sidebar-nav__rail-item--empty{color:var(--sidebar-nav-item-empty-color);cursor:var(--sidebar-nav-item-empty-cursor)}.sidebar-nav__rail-item.sidebar-nav__rail-item--empty:hover{box-shadow:none}.sidebar-nav__empty-mark{font-size:var(--sidebar-nav-item-empty-mark-font-size);color:var(--sidebar-nav-item-empty-mark-color);white-space:nowrap;margin-inline-start:auto}
+.sidebar-nav{inline-size:100%}.sidebar-nav__accordion{gap:var(--sidebar-nav-gap);flex-direction:column;display:flex}.sidebar-nav__group-header{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;justify-content:space-between;align-items:center;gap:var(--sidebar-nav-group-trigger-gap);padding-block:var(--sidebar-nav-group-trigger-padding-block);padding-inline:var(--sidebar-nav-group-trigger-padding-inline);margin-block:0;display:flex}.sidebar-nav__group-label{align-items:center;gap:var(--sidebar-nav-item-icon-gap);min-inline-size:0;font-size:var(--sidebar-nav-group-label-font-size);font-weight:var(--sidebar-nav-group-label-font-weight);color:var(--sidebar-nav-group-label-color);box-shadow:none;flex:1;padding-block-end:0;text-decoration:none;display:flex}a.sidebar-nav__group-label:hover{box-shadow:none;color:var(--sidebar-nav-group-label-color)}a.sidebar-nav__group-label:focus-visible{outline:var(--sidebar-nav-focus-ring-width) solid var(--sidebar-nav-focus-ring-color);outline-offset:calc(-1 * var(--sidebar-nav-focus-ring-width))}.sidebar-nav__group-chevron{all:unset;box-sizing:border-box;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-nav__group-chevron:focus-visible{outline:var(--sidebar-nav-focus-ring-width) solid var(--sidebar-nav-focus-ring-color);outline-offset:var(--sidebar-nav-focus-ring-width)}.sidebar-nav__group-chevron-icon{transition:transform var(--sidebar-nav-group-transition-duration) var(--sidebar-nav-group-transition-easing);flex-shrink:0;transform:rotate(90deg)}.sidebar-nav__group-chevron[data-panel-open] .sidebar-nav__group-chevron-icon{transform:rotate(-90deg)}.sidebar-nav__group-content{overflow:hidden}.sidebar-nav__group-content[data-open]{animation:sidebar-nav-group-open var(--sidebar-nav-group-transition-duration) var(--sidebar-nav-group-transition-easing)}.sidebar-nav__group-content[data-closed]{animation:sidebar-nav-group-close var(--sidebar-nav-group-transition-duration) var(--sidebar-nav-group-transition-easing)}@keyframes sidebar-nav-group-open{0%{height:0}to{height:var(--collapsible-panel-height)}}@keyframes sidebar-nav-group-close{0%{height:var(--collapsible-panel-height)}to{height:0}}.sidebar-nav__group-content-inner{padding-block-end:0;padding-inline:0}.sidebar-nav__items{gap:var(--sidebar-nav-item-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav__item{align-items:center;gap:var(--sidebar-nav-item-icon-gap);padding-block:var(--sidebar-nav-item-padding-block);padding-inline:var(--sidebar-nav-item-padding-inline-start) var(--sidebar-nav-item-padding-inline);border-radius:var(--sidebar-nav-item-border-radius);font-size:var(--sidebar-nav-item-font-size);font-weight:var(--sidebar-nav-item-font-weight);line-height:var(--sidebar-nav-item-line-height);color:var(--sidebar-nav-item-color);box-shadow:none;transition:box-shadow var(--sidebar-nav-transition-duration) var(--sidebar-nav-transition-easing), color var(--sidebar-nav-transition-duration) var(--sidebar-nav-transition-easing);text-decoration:none;display:flex}.sidebar-nav__item:hover{color:var(--sidebar-nav-item-color)}.sidebar-nav__item:focus-visible{outline:var(--sidebar-nav-focus-ring-width) solid var(--sidebar-nav-focus-ring-color);outline-offset:var(--sidebar-nav-focus-ring-width)}.sidebar-nav__item.sidebar-nav__item--active{font-weight:var(--sidebar-nav-item-active-font-weight)}.sidebar-nav__top-link{align-items:center;gap:var(--sidebar-nav-group-trigger-gap);padding-block:var(--sidebar-nav-group-trigger-padding-block);padding-inline:var(--sidebar-nav-group-trigger-padding-inline);font-size:var(--sidebar-nav-group-label-font-size);font-weight:var(--sidebar-nav-item-font-weight);color:var(--sidebar-nav-item-color);box-shadow:none;transition:color var(--sidebar-nav-transition-duration) var(--sidebar-nav-transition-easing);text-decoration:none;display:flex}.sidebar-nav__top-link:hover{box-shadow:none;color:var(--sidebar-nav-item-color)}.sidebar-nav__top-link:focus-visible{outline:var(--sidebar-nav-focus-ring-width) solid var(--sidebar-nav-focus-ring-color);outline-offset:calc(-1 * var(--sidebar-nav-focus-ring-width))}.sidebar-nav__top-link.sidebar-nav__top-link--active{font-weight:var(--sidebar-nav-item-active-font-weight)}.sidebar-nav__item-icon{width:var(--sidebar-nav-item-icon-size);height:var(--sidebar-nav-item-icon-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-nav__rail{gap:var(--sidebar-nav-item-gap);flex-direction:column;align-items:center;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav__rail-item{all:unset;box-sizing:border-box;inline-size:var(--sidebar-nav-rail-item-size);block-size:var(--sidebar-nav-rail-item-size);border-radius:var(--sidebar-nav-item-border-radius);color:var(--sidebar-nav-item-color);cursor:pointer;transition:box-shadow var(--sidebar-nav-transition-duration) var(--sidebar-nav-transition-easing), color var(--sidebar-nav-transition-duration) var(--sidebar-nav-transition-easing);justify-content:center;align-items:center;display:inline-flex}.sidebar-nav__rail-item:focus-visible{outline:var(--sidebar-nav-focus-ring-width) solid var(--sidebar-nav-focus-ring-color);outline-offset:var(--sidebar-nav-focus-ring-width)}.sidebar-nav__rail-item:hover,.sidebar-nav__rail-item[data-popup-open]{box-shadow:none;color:var(--sidebar-nav-item-color)}.sidebar-nav__rail-icon{justify-content:center;align-items:center;display:inline-flex}.sidebar-nav__rail-initial{font-weight:var(--sidebar-nav-item-active-font-weight);text-transform:uppercase}.sidebar-nav__item.sidebar-nav__item--empty,.sidebar-nav__top-link.sidebar-nav__top-link--empty{color:var(--sidebar-nav-item-empty-color);cursor:var(--sidebar-nav-item-empty-cursor)}.sidebar-nav__item.sidebar-nav__item--empty:hover,.sidebar-nav__top-link.sidebar-nav__top-link--empty:hover{box-shadow:none}.sidebar-nav__rail-item.sidebar-nav__rail-item--empty{color:var(--sidebar-nav-item-empty-color);cursor:var(--sidebar-nav-item-empty-cursor)}.sidebar-nav__rail-item.sidebar-nav__rail-item--empty:hover{box-shadow:none}.sidebar-nav__empty-mark{font-size:var(--sidebar-nav-item-empty-mark-font-size);color:var(--sidebar-nav-item-empty-mark-color);white-space:nowrap;margin-inline-start:auto}

package/dist/sidebar-nav.js

@@ -3,50 +3,50 @@ import './sidebar-nav.css';
 import { n as e } from "./_shared/brandmessagescontext.js";
 import { Icon as t } from "./icon.js";
 import { Tooltip as n } from "./tooltip.js";
-import { Menu as r } from "./menu.js";
-import { n as i } from "./_shared/sidebarcontext.js";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Accordion as c } from "@base-ui/react/accordion";
+import { t as r } from "./_shared/default-render-link.js";
+import { Menu as i } from "./menu.js";
+import { n as a } from "./_shared/sidebarcontext.js";
+import { useId as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Accordion as u } from "@base-ui/react/accordion";
 //#region src/stories/molecules/SidebarNav/SidebarNav.tsx
-function l({ children: e, ...t }) {
-	return /* @__PURE__ */ o("a", {
-		...t,
-		children: e
-	});
-}
-function u({ label: u, emptyLabel: d, rail: f, entries: p, defaultValue: m, value: h, onValueChange: g, renderLink: _ = l }) {
-	let v = e("sidebarNav"), y = h === void 0 ? { defaultValue: m } : {
-		value: h,
-		onValueChange: (e) => g?.(e ?? [])
-	}, b = i();
-	return f ?? b.rail ? /* @__PURE__ */ o("nav", {
-		className: "sidebar-nav sidebar-nav--rail",
-		"aria-label": v("label", u),
-		children: /* @__PURE__ */ o("ul", {
+function d({ label: d, emptyLabel: f, emptyEntryLabel: p, rail: m, entries: h, defaultValue: g, value: _, onValueChange: v, renderLink: y = r, className: b }) {
+	let x = e("sidebarNav"), S = o(), C = (e) => x("emptyEntry", p)(e, x("empty", f)), w = _ === void 0 ? { defaultValue: g } : {
+		value: _,
+		onValueChange: (e) => v?.(e ?? [])
+	}, T = a();
+	return m ?? T.rail ? /* @__PURE__ */ c("nav", {
+		className: [
+			"sidebar-nav",
+			"sidebar-nav--rail",
+			b
+		].filter(Boolean).join(" "),
+		"aria-label": x("label", d),
+		children: /* @__PURE__ */ c("ul", {
 			className: "sidebar-nav__rail",
 			role: "list",
-			children: p.map((e) => {
-				let t = /* @__PURE__ */ o("span", {
+			children: h.map((e) => {
+				let t = /* @__PURE__ */ c("span", {
 					className: "sidebar-nav__rail-icon",
 					"aria-hidden": "true",
-					children: e.icon ?? /* @__PURE__ */ o("span", {
+					children: e.icon ?? /* @__PURE__ */ c("span", {
 						className: "sidebar-nav__rail-initial",
 						children: e.label.charAt(0)
 					})
 				});
-				if (e.kind === "link") return e.empty ? /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(n, {
-					label: `${e.label} — ${v("empty", d)}`,
+				if (e.kind === "link") return e.empty ? /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(n, {
+					label: C(e.label),
 					side: "right",
-					children: /* @__PURE__ */ o("span", {
+					children: /* @__PURE__ */ c("span", {
 						className: "sidebar-nav__rail-item sidebar-nav__rail-item--empty",
 						"aria-disabled": "true",
-						"aria-label": `${e.label} — ${v("empty", d)}`,
+						"aria-label": C(e.label),
 						children: t
 					})
-				}) }, e.id) : /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(n, {
+				}) }, e.id) : /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(n, {
 					label: e.label,
 					side: "right",
-					children: _({
+					children: y({
 						href: e.href,
 						className: ["sidebar-nav__rail-item", e.active ? "sidebar-nav__rail-item--active" : ""].filter(Boolean).join(" "),
 						"aria-current": e.active ? "page" : void 0,
@@ -54,8 +54,8 @@ function u({ label: u, emptyLabel: d, rail: f, entries: p, defaultValue: m, valu
 						children: t
 					})
 				}) }, e.id);
-				let i = e.items.some((e) => e.active);
-				return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(r, {
+				let r = e.items.some((e) => e.active);
+				return /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(i, {
 					items: [
 						e.href ? {
 							type: "link",
@@ -68,7 +68,7 @@ function u({ label: u, emptyLabel: d, rail: f, entries: p, defaultValue: m, valu
 						...e.href ? [{ type: "separator" }] : [],
 						...e.items.map((e) => e.empty ? {
 							type: "label",
-							label: `${e.label} · ${v("empty", d)}`
+							label: C(e.label)
 						} : {
 							type: "link",
 							label: e.label,
@@ -78,137 +78,142 @@ function u({ label: u, emptyLabel: d, rail: f, entries: p, defaultValue: m, valu
 					side: "right",
 					align: "start",
 					openOnHover: !0,
-					renderLink: (e) => _({
+					renderLink: (e) => y({
 						...e,
 						href: e.href,
 						className: e.className,
 						children: e.children
 					}),
-					trigger: /* @__PURE__ */ o("button", {
+					trigger: /* @__PURE__ */ c("button", {
 						type: "button",
-						className: ["sidebar-nav__rail-item", i ? "sidebar-nav__rail-item--active" : ""].filter(Boolean).join(" "),
+						className: ["sidebar-nav__rail-item", r ? "sidebar-nav__rail-item--active" : ""].filter(Boolean).join(" "),
 						"aria-label": e.label,
 						children: t
 					})
 				}) }, e.id);
 			})
 		})
-	}) : /* @__PURE__ */ o("nav", {
-		className: "sidebar-nav",
-		"aria-label": v("label", u),
-		children: /* @__PURE__ */ o(c.Root, {
+	}) : /* @__PURE__ */ c("nav", {
+		className: ["sidebar-nav", b].filter(Boolean).join(" "),
+		"aria-label": x("label", d),
+		children: /* @__PURE__ */ c(u.Root, {
 			className: "sidebar-nav__accordion",
 			multiple: !0,
-			...y,
-			children: p.map((e) => {
+			...w,
+			children: h.map((e) => {
 				if (e.kind === "link") {
 					let t = ["sidebar-nav__top-link", e.active ? "sidebar-nav__top-link--active" : ""].filter(Boolean).join(" ");
-					return e.empty ? /* @__PURE__ */ o("div", { children: /* @__PURE__ */ s("span", {
+					return e.empty ? /* @__PURE__ */ c("div", { children: /* @__PURE__ */ l("span", {
 						className: `${t} sidebar-nav__top-link--empty`,
 						"aria-disabled": "true",
 						title: e.label,
 						children: [
-							e.icon && /* @__PURE__ */ o("span", {
+							e.icon && /* @__PURE__ */ c("span", {
 								className: "sidebar-nav__item-icon",
 								"aria-hidden": "true",
 								children: e.icon
 							}),
-							/* @__PURE__ */ o("span", {
+							/* @__PURE__ */ c("span", {
 								className: "sidebar-nav__item-label",
 								children: e.label
 							}),
-							/* @__PURE__ */ o("span", {
+							/* @__PURE__ */ c("span", {
 								className: "sidebar-nav__empty-mark",
-								children: v("empty", d)
+								children: x("empty", f)
 							})
 						]
-					}) }, e.id) : /* @__PURE__ */ o("div", { children: _({
+					}) }, e.id) : /* @__PURE__ */ c("div", { children: y({
 						href: e.href,
 						className: t,
 						title: e.label,
 						"aria-current": e.active ? "page" : void 0,
-						children: /* @__PURE__ */ s(a, { children: [e.icon && /* @__PURE__ */ o("span", {
+						children: /* @__PURE__ */ l(s, { children: [e.icon && /* @__PURE__ */ c("span", {
 							className: "sidebar-nav__item-icon",
 							"aria-hidden": "true",
 							children: e.icon
-						}), /* @__PURE__ */ o("span", {
+						}), /* @__PURE__ */ c("span", {
 							className: "sidebar-nav__item-label",
 							children: e.label
 						})] })
 					}) }, e.id);
 				}
-				return /* @__PURE__ */ s(c.Item, {
+				let n = `${S}-${e.id}`;
+				return /* @__PURE__ */ l(u.Item, {
 					value: e.id,
 					className: "sidebar-nav__group",
-					children: [/* @__PURE__ */ s(c.Header, {
+					children: [/* @__PURE__ */ l(u.Header, {
 						className: "sidebar-nav__group-header",
-						children: [e.href ? _({
+						children: [e.href ? y({
 							href: e.href,
 							className: "sidebar-nav__group-label",
 							title: e.label,
-							children: /* @__PURE__ */ s(a, { children: [e.icon && /* @__PURE__ */ o("span", {
+							children: /* @__PURE__ */ l(s, { children: [e.icon && /* @__PURE__ */ c("span", {
 								className: "sidebar-nav__item-icon",
 								"aria-hidden": "true",
 								children: e.icon
-							}), /* @__PURE__ */ o("span", {
+							}), /* @__PURE__ */ c("span", {
 								className: "sidebar-nav__item-label",
+								id: n,
 								children: e.label
 							})] })
-						}) : /* @__PURE__ */ s("span", {
+						}) : /* @__PURE__ */ l("span", {
 							className: "sidebar-nav__group-label",
 							title: e.label,
-							children: [e.icon && /* @__PURE__ */ o("span", {
+							children: [e.icon && /* @__PURE__ */ c("span", {
 								className: "sidebar-nav__item-icon",
 								"aria-hidden": "true",
 								children: e.icon
-							}), /* @__PURE__ */ o("span", {
+							}), /* @__PURE__ */ c("span", {
 								className: "sidebar-nav__item-label",
+								id: n,
 								children: e.label
 							})]
-						}), /* @__PURE__ */ o(c.Trigger, {
+						}), /* @__PURE__ */ c(u.Trigger, {
 							className: "sidebar-nav__group-chevron",
-							children: /* @__PURE__ */ o(t, {
+							"aria-labelledby": n,
+							children: /* @__PURE__ */ c(t, {
 								name: "chevron",
 								className: "sidebar-nav__group-chevron-icon",
 								size: "sm"
 							})
 						})]
-					}), /* @__PURE__ */ o(c.Panel, {
+					}), /* @__PURE__ */ c(u.Panel, {
 						className: "sidebar-nav__group-content",
-						children: /* @__PURE__ */ o("div", {
+						"aria-labelledby": n,
+						children: /* @__PURE__ */ c("div", {
 							className: "sidebar-nav__group-content-inner",
-							children: /* @__PURE__ */ o("ul", {
+							children: /* @__PURE__ */ c("ul", {
 								className: "sidebar-nav__items",
 								role: "list",
 								children: e.items.map((e) => {
 									let t = ["sidebar-nav__item", e.active ? "sidebar-nav__item--active" : ""].filter(Boolean).join(" ");
-									return e.empty ? /* @__PURE__ */ o("li", { children: /* @__PURE__ */ s("span", {
+									return e.empty ? /* @__PURE__ */ c("li", { children: /* @__PURE__ */ l("span", {
 										className: `${t} sidebar-nav__item--empty`,
 										"aria-disabled": "true",
 										children: [
-											e.icon && /* @__PURE__ */ o("span", {
+											e.icon && /* @__PURE__ */ c("span", {
 												className: "sidebar-nav__item-icon",
 												"aria-hidden": "true",
 												children: e.icon
 											}),
-											/* @__PURE__ */ o("span", {
+											/* @__PURE__ */ c("span", {
 												className: "sidebar-nav__item-label",
 												children: e.label
 											}),
-											/* @__PURE__ */ o("span", {
+											/* @__PURE__ */ c("span", {
 												className: "sidebar-nav__empty-mark",
-												children: v("empty", d)
+												children: x("empty", f)
 											})
 										]
-									}) }, e.id) : /* @__PURE__ */ o("li", { children: _({
+									}) }, e.id) : /* @__PURE__ */ c("li", { children: y({
 										href: e.href,
 										className: t,
 										"aria-current": e.active ? "page" : void 0,
-										children: /* @__PURE__ */ s(a, { children: [e.icon && /* @__PURE__ */ o("span", {
+										children: /* @__PURE__ */ l(s, { children: [e.icon && /* @__PURE__ */ c("span", {
 											className: "sidebar-nav__item-icon",
 											"aria-hidden": "true",
 											children: e.icon
-										}), /* @__PURE__ */ o("span", {
+										}), /* @__PURE__ */ c("span", {
 											className: "sidebar-nav__item-label",
 											children: e.label
 										})] })
@@ -223,4 +228,4 @@ function u({ label: u, emptyLabel: d, rail: f, entries: p, defaultValue: m, valu
 	});
 }
 //#endregion
-export { u as SidebarNav };
+export { d as SidebarNav };

package/dist/sidebar.css

@@ -1 +1 @@
-.sidebar{--sidebar-resize-step-px:calc(var(--sidebar-resize-step) * 1px);block-size:100%;inline-size:var(--app-shell-sidebar-width,var(--sidebar-width));padding-inline:var(--sidebar-padding-inline);background-color:var(--sidebar-bg);border-inline-end:var(--sidebar-border-width) solid var(--sidebar-border-color);transition:inline-size var(--sidebar-transition-duration) var(--sidebar-transition-easing);flex-shrink:0;position:relative}.sidebar__inner{gap:var(--sidebar-gap);flex-direction:column;block-size:100%;min-inline-size:0;display:flex;overflow:hidden}.sidebar.sidebar--rail{inline-size:var(--sidebar-rail-width);padding-inline:var(--sidebar-rail-padding-inline-start)}.sidebar.sidebar--closed{visibility:hidden;border-inline-end-width:0;inline-size:0;padding-inline:0}.sidebar:has(.sidebar__resizer[data-dragging]){transition:none}:is(.sidebar:has(.sidebar__resizer:hover),.sidebar:has(.sidebar__resizer[data-dragging]),.sidebar:has(.sidebar__resizer:focus-visible)){border-inline-end-color:var(--sidebar-resizer-hover-color)}.sidebar__header,.sidebar__footer{flex-shrink:0;align-items:center;min-inline-size:0;display:flex}.sidebar__header{padding-block-start:var(--sidebar-padding-block)}.sidebar__header a,.sidebar__header a:hover{box-shadow:none;color:inherit;padding-block-end:0;text-decoration:none}.sidebar__footer{padding-block-end:var(--sidebar-padding-block)}.sidebar__panel{scrollbar-width:thin;min-block-size:0;padding-block:var(--sidebar-panel-padding-block);flex:1;overflow:hidden auto}.sidebar--rail .sidebar__panel{scrollbar-width:none}.sidebar--rail .sidebar__header,.sidebar--rail .app-launcher__trigger-label{display:none}.sidebar--rail .app-launcher__trigger--label{width:var(--app-launcher-trigger-size);height:var(--app-launcher-trigger-size);justify-content:center;padding:0}.sidebar__resizer{inline-size:var(--sidebar-resizer-width);cursor:col-resize;touch-action:none;position:absolute;inset-block:0;inset-inline-end:calc(-1 * var(--sidebar-resizer-width) / 2)}.sidebar__resizer:hover,.sidebar__resizer[data-dragging],.sidebar__resizer:focus-visible{outline:none}.sidebar.sidebar--drawer{block-size:auto;inline-size:min(var(--sidebar-width), 100% - var(--size-component-lg));max-inline-size:100%;z-index:var(--sidebar-drawer-z-index);border-inline-end:var(--sidebar-border-width) solid var(--sidebar-border-color);transition:translate var(--sidebar-transition-duration) var(--sidebar-transition-easing);padding-block-end:env(safe-area-inset-bottom);position:fixed;inset-block-start:var(--app-shell-chrome-block-start,calc(var(--app-header-height) + env(safe-area-inset-top)));inset-block-end:0;inset-inline-start:0}.sidebar.sidebar--drawer[data-state=closed]{visibility:hidden;transition:translate var(--sidebar-transition-duration) var(--sidebar-transition-easing), visibility 0s var(--sidebar-transition-duration);translate:-100%}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.sidebar__group{padding-block:var(--sidebar-group-padding-block);flex-direction:column;min-inline-size:0;display:flex}.sidebar__group-content{gap:var(--sidebar-group-gap);flex-direction:column;min-inline-size:0;display:flex}.sidebar__separator{block-size:var(--sidebar-separator-height);margin-block:var(--sidebar-separator-margin-block);background-color:var(--sidebar-separator-color);border:none;flex-shrink:0;margin-inline:0}
+.sidebar{--sidebar-resize-step-px:calc(var(--sidebar-resize-step) * 1px);block-size:100%;inline-size:var(--app-shell-sidebar-width,var(--sidebar-width));padding-inline:var(--sidebar-padding-inline);background-color:var(--sidebar-bg);border-inline-end:var(--sidebar-border-width) solid var(--sidebar-border-color);transition:inline-size var(--sidebar-transition-duration) var(--sidebar-transition-easing);flex-shrink:0;position:relative}.sidebar__inner{gap:var(--sidebar-gap);flex-direction:column;block-size:100%;min-inline-size:0;display:flex;overflow:hidden}.sidebar.sidebar--rail{inline-size:var(--sidebar-rail-width);padding-inline:var(--sidebar-rail-padding-inline-start)}.sidebar.sidebar--closed{visibility:hidden;border-inline-end-width:0;inline-size:0;padding-inline:0}.sidebar:has(.sidebar__resizer[data-dragging]){transition:none}:is(.sidebar:has(.sidebar__resizer:hover),.sidebar:has(.sidebar__resizer[data-dragging]),.sidebar:has(.sidebar__resizer:focus-visible)){border-inline-end-color:var(--sidebar-resizer-hover-color)}.sidebar__header,.sidebar__footer{flex-shrink:0;align-items:center;min-inline-size:0;display:flex}.sidebar__header{padding-block-start:var(--sidebar-padding-block)}.sidebar__header a,.sidebar__header a:hover{box-shadow:none;color:inherit;padding-block-end:0;text-decoration:none}.sidebar__footer{padding-block-end:var(--sidebar-padding-block)}.sidebar__panel{scrollbar-width:thin;min-block-size:0;padding-block:var(--sidebar-panel-padding-block);flex:1;overflow:hidden auto}.sidebar--rail .sidebar__panel{scrollbar-width:none}.sidebar--rail .sidebar__header,.sidebar--rail .app-launcher__trigger-label{display:none}.sidebar--rail .app-launcher__trigger--label{inline-size:var(--app-launcher-trigger-size);block-size:var(--app-launcher-trigger-size);justify-content:center;padding:0}.sidebar__resizer{inline-size:var(--sidebar-resizer-width);cursor:col-resize;touch-action:none;position:absolute;inset-block:0;inset-inline-end:calc(-1 * var(--sidebar-resizer-width) / 2)}.sidebar__resizer:hover,.sidebar__resizer[data-dragging],.sidebar__resizer:focus-visible{outline:none}.sidebar.sidebar--drawer{block-size:auto;inline-size:min(var(--sidebar-width), 100% - var(--size-component-lg));max-inline-size:100%;z-index:var(--sidebar-drawer-z-index);border-inline-end:var(--sidebar-border-width) solid var(--sidebar-border-color);transition:translate var(--sidebar-transition-duration) var(--sidebar-transition-easing);padding-block-end:env(safe-area-inset-bottom);position:fixed;inset-block-start:var(--app-shell-chrome-block-start,calc(var(--app-header-height) + env(safe-area-inset-top)));inset-block-end:0;inset-inline-start:0}.sidebar.sidebar--drawer[data-state=closed]{visibility:hidden;transition:translate var(--sidebar-transition-duration) var(--sidebar-transition-easing), visibility 0s var(--sidebar-transition-duration);translate:-100%}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.sidebar__group{padding-block:var(--sidebar-group-padding-block);flex-direction:column;min-inline-size:0;display:flex}.sidebar__group-content{gap:var(--sidebar-group-gap);flex-direction:column;min-inline-size:0;display:flex}.sidebar__separator{block-size:var(--sidebar-separator-height);margin-block:var(--sidebar-separator-margin-block);background-color:var(--sidebar-separator-color);border:none;flex-shrink:0;margin-inline:0}