@studiolxd/brand 49.28.0 → 50.0.0

package/dist/notification-panel.js

@@ -6,40 +6,28 @@ import { VisuallyHidden as n } from "./visually-hidden.js";
 import { Button as r } from "./button.js";
 import { Heading as i } from "./heading.js";
 import { Paragraph as a } from "./paragraph.js";
-import { Popover as o } from "./popover.js";
-import { Text as s } from "./text.js";
-import { NotificationButton as c } from "./notification-button.js";
-import { useCallback as l, useId as u, useRef as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { t as o } from "./_shared/side-offset.js";
+import { Popover as s } from "./popover.js";
+import { Text as c } from "./text.js";
+import { t as l } from "./_shared/default-render-link.js";
+import { NotificationButton as u } from "./notification-button.js";
+import { useCallback as d, useId as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/stories/molecules/NotificationPanel/NotificationPanel.tsx
-function g(e) {
-	let t = parseFloat(e);
-	return Number.isNaN(t) ? 0 : e.endsWith("rem") ? t * parseFloat(getComputedStyle(document.documentElement).fontSize) : t;
-}
-function _() {
-	let e = document.documentElement;
-	return g(getComputedStyle(e).getPropertyValue("--notification-panel-offset").trim());
-}
-function v({ children: e, ...t }) {
-	return /* @__PURE__ */ m("a", {
-		...t,
-		children: e
-	});
-}
-var y = "button, a[href]", b = "notification-panel__footer-link";
-function x({ items: g = [], count: x = 0, max: S, onRead: C, onMarkAllRead: w, allHref: T, preferencesHref: E, renderLink: D = v, label: O, countLabel: k, panelLabel: A, unreadLabel: j, emptyLabel: M, allLabel: N, preferencesLabel: P, markAllReadLabel: F, open: I, defaultOpen: L, onOpenChange: R, className: z }) {
-	let B = e("notificationPanel"), V = u(), H = d(null), [U, W] = f([]), G = (e) => e.unread && !U.includes(e.id), K = g.some(G), q = (e) => {
+var v = o("--notification-panel-offset"), y = "button, a[href]", b = "notification-panel__footer-link";
+function x({ items: o = [], count: x = 0, max: S, onRead: C, onMarkAllRead: w, allHref: T, preferencesHref: E, renderLink: D = l, label: O, countLabel: k, panelLabel: A, unreadLabel: j, emptyLabel: M, allLabel: N, preferencesLabel: P, markAllReadLabel: F, open: I, defaultOpen: L, onOpenChange: R, className: z }) {
+	let B = e("notificationPanel"), V = f(), H = p(null), [U, W] = m([]), G = (e) => e.unread && !U.includes(e.id), K = o.some(G), q = (e) => {
 		G(e) && (W((t) => [...t, e.id]), C(e.id));
 	}, J = () => {
-		W(g.map((e) => e.id)), w?.();
-	}, Y = l(() => {
+		W(o.map((e) => e.id)), w?.();
+	}, Y = d(() => {
 		let e = H.current;
 		return e ? e.querySelector(".notification-panel__item-action") ?? e.querySelector(y) : null;
 	}, []), X = (e, t) => {
 		e || W([]), R?.(e, t);
 	}, Z = `${V}-title`, Q = B("panel", A);
-	return /* @__PURE__ */ m(o, {
-		trigger: /* @__PURE__ */ m(c, {
+	return /* @__PURE__ */ g(s, {
+		trigger: /* @__PURE__ */ g(u, {
 			count: x,
 			max: S,
 			label: O,
@@ -47,62 +35,62 @@ function x({ items: g = [], count: x = 0, max: S, onRead: C, onMarkAllRead: w, a
 		}),
 		label: Q,
 		align: "end",
-		sideOffset: _,
+		sideOffset: v,
 		open: I,
 		defaultOpen: L,
 		onOpenChange: X,
 		initialFocus: Y,
 		className: ["notification-panel", z].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "notification-panel__body",
 			ref: H,
 			children: [
-				/* @__PURE__ */ m(n, { children: /* @__PURE__ */ m(i, {
+				/* @__PURE__ */ g(n, { children: /* @__PURE__ */ g(i, {
 					level: 2,
 					size: 3,
 					id: Z,
 					children: Q
 				}) }),
-				g.length === 0 ? /* @__PURE__ */ m("div", {
+				o.length === 0 ? /* @__PURE__ */ g("div", {
 					className: "notification-panel__empty",
-					children: /* @__PURE__ */ m(a, {
+					children: /* @__PURE__ */ g(a, {
 						size: "small",
 						children: B("empty", M)
 					})
-				}) : /* @__PURE__ */ m("ul", {
+				}) : /* @__PURE__ */ g("ul", {
 					className: "notification-panel__list",
 					"aria-labelledby": Z,
-					children: g.map((e, r) => {
+					children: o.map((e, r) => {
 						let i = G(e), a = `${V}-t-${r}`;
-						return /* @__PURE__ */ m("li", {
+						return /* @__PURE__ */ g("li", {
 							className: "notification-panel__item",
-							children: /* @__PURE__ */ h("button", {
+							children: /* @__PURE__ */ _("button", {
 								type: "button",
 								className: "notification-panel__item-action",
 								"aria-disabled": i ? void 0 : !0,
 								onClick: () => q(e),
-								children: [/* @__PURE__ */ m("span", {
+								children: [/* @__PURE__ */ g("span", {
 									className: "notification-panel__indicator",
-									children: i && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(t, {
+									children: i && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(t, {
 										name: "dot",
 										size: "sm",
 										className: "notification-panel__dot"
-									}), /* @__PURE__ */ m(n, { children: B("unread", j) })] })
-								}), /* @__PURE__ */ h("span", {
+									}), /* @__PURE__ */ g(n, { children: B("unread", j) })] })
+								}), /* @__PURE__ */ _("span", {
 									className: "notification-panel__item-text",
 									children: [
-										/* @__PURE__ */ m(s, {
+										/* @__PURE__ */ g(c, {
 											id: a,
 											tone: i ? "default" : "muted",
 											className: "notification-panel__item-title",
 											children: e.title
 										}),
-										e.body && /* @__PURE__ */ m(s, {
+										e.body && /* @__PURE__ */ g(c, {
 											tone: "muted",
 											className: "notification-panel__item-body",
 											children: e.body
 										}),
-										/* @__PURE__ */ m(s, {
+										/* @__PURE__ */ g(c, {
 											tone: "muted",
 											className: "notification-panel__item-time",
 											children: e.time
@@ -113,9 +101,9 @@ function x({ items: g = [], count: x = 0, max: S, onRead: C, onMarkAllRead: w, a
 						}, e.id);
 					})
 				}),
-				w && K && /* @__PURE__ */ m("div", {
+				w && K && /* @__PURE__ */ g("div", {
 					className: "notification-panel__mark-all",
-					children: /* @__PURE__ */ m(r, {
+					children: /* @__PURE__ */ g(r, {
 						variant: "outline",
 						size: "sm",
 						block: !0,
@@ -123,9 +111,9 @@ function x({ items: g = [], count: x = 0, max: S, onRead: C, onMarkAllRead: w, a
 						children: B("markAllRead", F)
 					})
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ g("div", {
 					className: "notification-panel__footer",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "notification-panel__footer-links",
 						children: [D({
 							href: T,

package/dist/number-badge.css

@@ -1 +1 @@
-.number-badge{min-width:var(--number-badge-min-size);height:var(--number-badge-min-size);padding-inline:var(--number-badge-padding-inline);border-radius:var(--number-badge-border-radius);font-family:var(--number-badge-font-family);font-size:var(--number-badge-font-size);font-weight:var(--number-badge-font-weight);line-height:var(--number-badge-line-height);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.number-badge--primary{background-color:var(--number-badge-primary-bg);color:var(--number-badge-primary-color)}.number-badge--accent-1{background-color:var(--number-badge-accent-1-bg);color:var(--number-badge-accent-1-color)}.number-badge--accent-2{background-color:var(--number-badge-accent-2-bg);color:var(--number-badge-accent-2-color)}.number-badge--support-1{background-color:var(--number-badge-support-1-bg);color:var(--number-badge-support-1-color)}.number-badge--support-2{background-color:var(--number-badge-support-2-bg);color:var(--number-badge-support-2-color)}.number-badge--danger{background-color:var(--number-badge-danger-bg);color:var(--number-badge-danger-color)}.number-badge--success{background-color:var(--number-badge-success-bg);color:var(--number-badge-success-color)}.number-badge--neutral{background-color:var(--number-badge-neutral-bg);color:var(--number-badge-neutral-color)}
+.number-badge{min-inline-size:var(--number-badge-min-size);block-size:var(--number-badge-min-size);padding-inline:var(--number-badge-padding-inline);border-radius:var(--number-badge-border-radius);font-family:var(--number-badge-font-family);font-size:var(--number-badge-font-size);font-weight:var(--number-badge-font-weight);line-height:var(--number-badge-line-height);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.number-badge--primary{background-color:var(--number-badge-primary-bg);color:var(--number-badge-primary-color)}.number-badge--accent-1{background-color:var(--number-badge-accent-1-bg);color:var(--number-badge-accent-1-color)}.number-badge--accent-2{background-color:var(--number-badge-accent-2-bg);color:var(--number-badge-accent-2-color)}.number-badge--support-1{background-color:var(--number-badge-support-1-bg);color:var(--number-badge-support-1-color)}.number-badge--support-2{background-color:var(--number-badge-support-2-bg);color:var(--number-badge-support-2-color)}.number-badge--danger{background-color:var(--number-badge-danger-bg);color:var(--number-badge-danger-color)}.number-badge--success{background-color:var(--number-badge-success-bg);color:var(--number-badge-success-color)}.number-badge--neutral{background-color:var(--number-badge-neutral-bg);color:var(--number-badge-neutral-color)}

package/dist/number-input.css

@@ -1 +1 @@
-.number-input{min-block-size:var(--number-input-height);border-radius:var(--number-input-border-radius);border-width:var(--number-input-border-width);border-style:var(--number-input-border-style);border-color:var(--number-input-border-color);background-color:var(--number-input-bg);transition:border-color var(--number-input-transition-duration) var(--number-input-transition-easing);box-sizing:border-box;align-items:stretch;display:inline-flex;overflow:hidden}.number-input.number-input--focused{box-shadow:inset 0 0 0 calc(var(--number-input-focus-ring-width) + var(--number-input-focus-ring-inset-offset)) var(--number-input-focus-ring-color), inset 0 0 0 var(--number-input-focus-ring-inset-offset) var(--number-input-bg);border-color:var(--number-input-focus-border-color);outline:none}.number-input__field{min-width:0;padding-block:0;padding-inline:var(--number-input-padding-inline);color:var(--number-input-color);font-family:var(--number-input-font-family);font-size:var(--number-input-font-size);font-weight:var(--number-input-font-weight);line-height:var(--number-input-line-height);text-align:center;-moz-appearance:textfield;background-color:#0000;border:none;outline:none;flex:1}.number-input__field::-webkit-inner-spin-button{appearance:none;margin:0}.number-input__field::-webkit-outer-spin-button{appearance:none;margin:0}.number-input__btn{width:var(--number-input-btn-width);background-color:var(--number-input-btn-bg);color:var(--number-input-btn-color);cursor:pointer;transition:box-shadow var(--number-input-transition-duration) var(--number-input-transition-easing);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.number-input__btn:hover:not(:disabled){box-shadow:inset 0 calc(-1 * var(--number-input-btn-hover-line-width)) 0 0 var(--number-input-btn-hover-line-color)}.number-input__btn--decrement{border-inline-end-width:var(--number-input-border-width);border-inline-end-style:var(--number-input-border-style);border-inline-end-color:var(--number-input-btn-separator-color)}.number-input__btn--increment{border-inline-start-width:var(--number-input-border-width);border-inline-start-style:var(--number-input-border-style);border-inline-start-color:var(--number-input-btn-separator-color)}.number-input.number-input--error{border-color:var(--number-input-error-border-color);background-color:var(--number-input-error-bg)}.number-input.number-input--error .number-input__field{color:var(--number-input-error-color)}.number-input.number-input--error.number-input--focused{box-shadow:inset 0 0 0 calc(var(--number-input-focus-ring-width) + var(--number-input-focus-ring-inset-offset)) var(--number-input-error-focus-ring-color), inset 0 0 0 var(--number-input-focus-ring-inset-offset) var(--number-input-error-bg);border-color:var(--number-input-error-focus-border-color);outline:none}.number-input.number-input--disabled{cursor:var(--number-input-disabled-cursor);background-color:var(--number-input-disabled-bg);border-color:var(--number-input-disabled-border-color);pointer-events:none}.number-input.number-input--disabled .number-input__field{color:var(--number-input-disabled-color)}.number-input.number-input--disabled .number-input__btn{color:var(--number-input-disabled-btn-color)}.number-input.number-input--sm{--number-input-height:var(--number-input-sm-height);--number-input-padding-inline:var(--number-input-sm-padding-inline);--number-input-font-size:var(--number-input-sm-font-size)}.number-input.number-input--lg{--number-input-height:var(--number-input-lg-height);--number-input-padding-inline:var(--number-input-lg-padding-inline);--number-input-font-size:var(--number-input-lg-font-size)}.number-input.number-input--compact{--number-input-height:var(--number-input-compact-height);--number-input-padding-inline:var(--number-input-compact-padding-inline);--number-input-font-size:var(--number-input-compact-font-size);--number-input-btn-width:var(--number-input-compact-btn-width)}.number-input.number-input--compact .number-input__field{width:var(--number-input-compact-field-width);flex:none}
+.number-input{min-block-size:var(--number-input-height);border-radius:var(--number-input-border-radius);border-width:var(--number-input-border-width);border-style:var(--number-input-border-style);border-color:var(--number-input-border-color);background-color:var(--number-input-bg);transition:border-color var(--number-input-transition-duration) var(--number-input-transition-easing);box-sizing:border-box;align-items:stretch;display:inline-flex;overflow:hidden}.number-input.number-input--focused{box-shadow:inset 0 0 0 calc(var(--number-input-focus-ring-width) + var(--number-input-focus-ring-inset-offset)) var(--number-input-focus-ring-color), inset 0 0 0 var(--number-input-focus-ring-inset-offset) var(--number-input-bg);border-color:var(--number-input-focus-border-color);outline:none}.number-input__field{min-inline-size:0;padding-block:0;padding-inline:var(--number-input-padding-inline);color:var(--number-input-color);font-family:var(--number-input-font-family);font-size:var(--number-input-font-size);font-weight:var(--number-input-font-weight);line-height:var(--number-input-line-height);text-align:center;-moz-appearance:textfield;background-color:#0000;border:none;outline:none;flex:1}.number-input__field::-webkit-inner-spin-button{appearance:none;margin:0}.number-input__field::-webkit-outer-spin-button{appearance:none;margin:0}.number-input__btn{inline-size:var(--number-input-btn-width);background-color:var(--number-input-btn-bg);color:var(--number-input-btn-color);cursor:pointer;transition:box-shadow var(--number-input-transition-duration) var(--number-input-transition-easing);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.number-input__btn:hover:not(:disabled){box-shadow:inset 0 calc(-1 * var(--number-input-btn-hover-line-width)) 0 0 var(--number-input-btn-hover-line-color)}.number-input__btn--decrement{border-inline-end-width:var(--number-input-border-width);border-inline-end-style:var(--number-input-border-style);border-inline-end-color:var(--number-input-btn-separator-color)}.number-input__btn--increment{border-inline-start-width:var(--number-input-border-width);border-inline-start-style:var(--number-input-border-style);border-inline-start-color:var(--number-input-btn-separator-color)}.number-input.number-input--error{border-color:var(--number-input-error-border-color);background-color:var(--number-input-error-bg)}.number-input.number-input--error .number-input__field{color:var(--number-input-error-color)}.number-input.number-input--error.number-input--focused{box-shadow:inset 0 0 0 calc(var(--number-input-focus-ring-width) + var(--number-input-focus-ring-inset-offset)) var(--number-input-error-focus-ring-color), inset 0 0 0 var(--number-input-focus-ring-inset-offset) var(--number-input-error-bg);border-color:var(--number-input-error-focus-border-color);outline:none}.number-input.number-input--disabled{cursor:var(--number-input-disabled-cursor);background-color:var(--number-input-disabled-bg);border-color:var(--number-input-disabled-border-color);pointer-events:none}.number-input.number-input--disabled .number-input__field{color:var(--number-input-disabled-color)}.number-input.number-input--disabled .number-input__btn{color:var(--number-input-disabled-btn-color)}.number-input.number-input--sm{--number-input-height:var(--number-input-sm-height);--number-input-padding-inline:var(--number-input-sm-padding-inline);--number-input-font-size:var(--number-input-sm-font-size)}.number-input.number-input--lg{--number-input-height:var(--number-input-lg-height);--number-input-padding-inline:var(--number-input-lg-padding-inline);--number-input-font-size:var(--number-input-lg-font-size)}.number-input.number-input--compact{--number-input-height:var(--number-input-compact-height);--number-input-padding-inline:var(--number-input-compact-padding-inline);--number-input-font-size:var(--number-input-compact-font-size);--number-input-btn-width:var(--number-input-compact-btn-width)}.number-input.number-input--compact .number-input__field{inline-size:var(--number-input-compact-field-width);flex:none}

package/dist/org-switcher.css

@@ -1 +1 @@
-.org-switcher__trigger{all:unset;box-sizing:border-box;align-items:center;gap:var(--org-switcher-trigger-gap);width:auto;max-inline-size:100%;padding-block:var(--org-switcher-trigger-padding-block);padding-inline:var(--org-switcher-trigger-padding-inline);border-radius:var(--org-switcher-trigger-border-radius);cursor:pointer;transition:background-color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);display:flex}.org-switcher__trigger.org-switcher__trigger--block{width:100%}.org-switcher__trigger.org-switcher__trigger--compact{justify-content:center;padding-inline:0}.org-switcher__trigger:focus-visible{outline:var(--org-switcher-focus-ring-width) solid var(--org-switcher-focus-ring-color);outline-offset:var(--org-switcher-focus-ring-offset)}.org-switcher__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--org-switcher-name-font-size);font-weight:var(--org-switcher-name-font-weight);color:var(--org-switcher-name-color);flex:1;overflow:hidden}.org-switcher__chevron{transition:transform var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);flex-shrink:0;transform:rotate(90deg)}.org-switcher__trigger[data-popup-open] .org-switcher__chevron{transform:rotate(-90deg)}@keyframes org-switcher-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes org-switcher-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.org-switcher__content{box-sizing:border-box;background-color:var(--org-switcher-content-bg);border-width:var(--org-switcher-content-border-width);border-style:solid;border-color:var(--org-switcher-content-border-color);border-radius:var(--org-switcher-content-border-radius);box-shadow:var(--org-switcher-content-shadow);padding-block:var(--org-switcher-content-padding-block);padding-inline:var(--org-switcher-content-padding-inline);min-width:var(--org-switcher-content-min-width);transform-origin:var(--transform-origin);max-height:var(--org-switcher-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;overflow-y:auto}.org-switcher__content[data-open]{animation:org-switcher-open var(--org-switcher-transition-duration) var(--org-switcher-transition-easing)}.org-switcher__content[data-closed]{animation:org-switcher-close var(--org-switcher-transition-duration) var(--org-switcher-transition-easing)}.org-switcher__item{align-items:center;gap:var(--org-switcher-trigger-gap);padding-block:var(--org-switcher-item-padding-block);padding-inline:var(--org-switcher-item-padding-inline);border-radius:var(--org-switcher-item-border-radius);font-size:var(--org-switcher-item-font-size);font-weight:var(--org-switcher-item-font-weight);color:var(--org-switcher-item-color);box-shadow:none;cursor:pointer;transition:background-color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing), color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);outline:none;text-decoration:none;display:flex}.org-switcher__item:focus-visible{outline:none}.org-switcher__item[data-highlighted]{background-color:var(--org-switcher-item-highlighted-bg);color:var(--org-switcher-item-highlighted-color)}.org-switcher__item--active,.org-switcher__item--active[data-highlighted]{font-weight:var(--org-switcher-name-font-weight)}.org-switcher__separator{height:var(--org-switcher-separator-height);background-color:var(--org-switcher-separator-color);margin-block:var(--org-switcher-separator-margin-block);border:none}.org-switcher__item.org-switcher__item--destructive{color:var(--org-switcher-item-destructive-color)}.org-switcher__item.org-switcher__item--destructive[data-highlighted]{background-color:var(--org-switcher-item-destructive-highlighted-bg);color:var(--org-switcher-item-destructive-highlighted-color)}.org-switcher__positioner{z-index:var(--org-switcher-content-z-index)}
+.org-switcher__trigger{all:unset;box-sizing:border-box;align-items:center;gap:var(--org-switcher-trigger-gap);inline-size:auto;max-inline-size:100%;padding-block:var(--org-switcher-trigger-padding-block);padding-inline:var(--org-switcher-trigger-padding-inline);border-radius:var(--org-switcher-trigger-border-radius);cursor:pointer;transition:background-color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);display:flex}.org-switcher__trigger.org-switcher__trigger--block{inline-size:100%}.org-switcher__trigger.org-switcher__trigger--compact{justify-content:center;padding-inline:0}.org-switcher__trigger:focus-visible{outline:var(--org-switcher-focus-ring-width) solid var(--org-switcher-focus-ring-color);outline-offset:var(--org-switcher-focus-ring-offset)}.org-switcher__name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--org-switcher-name-font-size);font-weight:var(--org-switcher-name-font-weight);color:var(--org-switcher-name-color);flex:1;overflow:hidden}.org-switcher__chevron{transition:transform var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);flex-shrink:0;transform:rotate(90deg)}.org-switcher__trigger[data-popup-open] .org-switcher__chevron{transform:rotate(-90deg)}@keyframes org-switcher-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes org-switcher-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.org-switcher__content{box-sizing:border-box;background-color:var(--org-switcher-content-bg);border-width:var(--org-switcher-content-border-width);border-style:solid;border-color:var(--org-switcher-content-border-color);border-radius:var(--org-switcher-content-border-radius);box-shadow:var(--org-switcher-content-shadow);padding-block:var(--org-switcher-content-padding-block);padding-inline:var(--org-switcher-content-padding-inline);min-inline-size:var(--org-switcher-content-min-width);transform-origin:var(--transform-origin);max-block-size:var(--org-switcher-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;overflow-y:auto}.org-switcher__content[data-open]{animation:org-switcher-open var(--org-switcher-transition-duration) var(--org-switcher-transition-easing)}.org-switcher__content[data-closed]{animation:org-switcher-close var(--org-switcher-transition-duration) var(--org-switcher-transition-easing)}.org-switcher__item{align-items:center;gap:var(--org-switcher-trigger-gap);padding-block:var(--org-switcher-item-padding-block);padding-inline:var(--org-switcher-item-padding-inline);border-radius:var(--org-switcher-item-border-radius);font-size:var(--org-switcher-item-font-size);font-weight:var(--org-switcher-item-font-weight);color:var(--org-switcher-item-color);box-shadow:none;cursor:pointer;transition:background-color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing), color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);outline:none;text-decoration:none;display:flex}.org-switcher__item:focus-visible{outline:none}.org-switcher__item[data-highlighted]{background-color:var(--org-switcher-item-highlighted-bg);color:var(--org-switcher-item-highlighted-color)}.org-switcher__item--active,.org-switcher__item--active[data-highlighted]{font-weight:var(--org-switcher-name-font-weight)}.org-switcher__separator{block-size:var(--org-switcher-separator-height);background-color:var(--org-switcher-separator-color);margin-block:var(--org-switcher-separator-margin-block);border:none}.org-switcher__item.org-switcher__item--destructive{color:var(--org-switcher-item-destructive-color)}.org-switcher__item.org-switcher__item--destructive[data-highlighted]{background-color:var(--org-switcher-item-destructive-highlighted-bg);color:var(--org-switcher-item-destructive-highlighted-color)}.org-switcher__positioner{z-index:var(--org-switcher-content-z-index)}

package/dist/org-switcher.js

@@ -4,22 +4,24 @@ import { n as e } from "./_shared/brandmessagescontext.js";
 import { Icon as t } from "./icon.js";
 import { n } from "./_shared/portal-container.js";
 import { Avatar as r } from "./avatar.js";
-import { n as i, t as a } from "./_shared/dropdownitems.js";
+import { t as i } from "./_shared/default-render-link.js";
+import { t as a } from "./_shared/dropdownitems.js";
 import { n as o } from "./_shared/sidebarcontext.js";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Menu as u } from "@base-ui/react/menu";
 //#region src/stories/molecules/OrgSwitcher/OrgSwitcher.tsx
-function d({ label: d, block: f = !1, compact: p, current: m, organizations: h, onOrgChange: g, defaultOpen: _, items: v, renderLink: y = a }) {
-	let b = e("orgSwitcher"), x = n(void 0), S = h.filter((e) => e.id !== m.id), C = o(), w = p ?? C.rail;
+function d({ label: d, block: f = !1, compact: p, current: m, organizations: h, onOrgChange: g, defaultOpen: _, items: v, renderLink: y = i, className: b }) {
+	let x = e("orgSwitcher"), S = n(void 0), C = h.filter((e) => e.id !== m.id), w = o(), T = p ?? w.rail;
 	return /* @__PURE__ */ l(u.Root, {
 		defaultOpen: _,
 		children: [/* @__PURE__ */ l(u.Trigger, {
 			className: [
 				"org-switcher__trigger",
-				f && !w ? "org-switcher__trigger--block" : "",
-				w ? "org-switcher__trigger--compact" : ""
+				f && !T ? "org-switcher__trigger--block" : "",
+				T ? "org-switcher__trigger--compact" : "",
+				b
 			].filter(Boolean).join(" "),
-			"aria-label": d ?? b("trigger")(m.name),
+			"aria-label": d ?? x("trigger")(m.name),
 			children: [
 				/* @__PURE__ */ c(r, {
 					src: m.logoUrl,
@@ -28,18 +30,18 @@ function d({ label: d, block: f = !1, compact: p, current: m, organizations: h,
 					size: "sm",
 					shape: "square"
 				}),
-				!w && /* @__PURE__ */ c("span", {
+				!T && /* @__PURE__ */ c("span", {
 					className: "org-switcher__name",
 					children: m.name
 				}),
-				!w && /* @__PURE__ */ c(t, {
+				!T && /* @__PURE__ */ c(t, {
 					name: "chevron",
 					size: "sm",
 					className: "org-switcher__chevron"
 				})
 			]
 		}), /* @__PURE__ */ c(u.Portal, {
-			container: x,
+			container: S,
 			children: /* @__PURE__ */ c(u.Positioner, {
 				className: "org-switcher__positioner",
 				sideOffset: 4,
@@ -59,7 +61,7 @@ function d({ label: d, block: f = !1, compact: p, current: m, organizations: h,
 								shape: "square"
 							}), /* @__PURE__ */ c("span", { children: m.name })]
 						}),
-						S.map((e) => /* @__PURE__ */ l(u.Item, {
+						C.map((e) => /* @__PURE__ */ l(u.Item, {
 							className: "org-switcher__item",
 							onClick: () => g(e.id),
 							children: [/* @__PURE__ */ c(r, {
@@ -70,7 +72,7 @@ function d({ label: d, block: f = !1, compact: p, current: m, organizations: h,
 								shape: "square"
 							}), /* @__PURE__ */ c("span", { children: e.name })]
 						}, e.id)),
-						v && v.length > 0 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(u.Separator, { className: "org-switcher__separator" }), i({
+						v && v.length > 0 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(u.Separator, { className: "org-switcher__separator" }), a({
 							items: v,
 							itemClass: (e) => ["org-switcher__item", e ? "org-switcher__item--destructive" : ""].filter(Boolean).join(" "),
 							separatorClass: "org-switcher__separator",

package/dist/password-field.js

@@ -7,60 +7,61 @@ import { n as r } from "./_shared/form-size.js";
 import { ErrorText as i } from "./error-text.js";
 import { Input as a } from "./input.js";
 import { Label as o } from "./label.js";
-import { forwardRef as s, useId as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { n as s } from "./_shared/field-labels.js";
+import { forwardRef as c, useId as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/stories/molecules/PasswordField/PasswordField.tsx
-var f = s(function({ label: s, labelHidden: f = !0, error: p = !1, errorMessage: m, helperText: h, action: g, size: _, showPasswordLabel: v, hidePasswordLabel: y, className: b, id: x, disabled: S, placeholder: C, ...w }, T) {
-	let E = e("passwordField"), D = r(_), O = c(), k = x ?? O, [A, j] = l(!1), M = m ? `${k}-error` : void 0, N = h ? `${k}-helper` : void 0, P = [M, N].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ d("div", {
-		className: ["password-field", b ?? ""].filter(Boolean).join(" "),
+var p = c(function({ label: c, labelHidden: p, error: m = !1, errorMessage: h, helperText: g, action: _, size: v, showPasswordLabel: y, hidePasswordLabel: b, className: x, id: S, disabled: C, placeholder: w, ...T }, E) {
+	let D = e("passwordField"), O = r(v), k = s(p), A = l(), j = S ?? A, [M, N] = u(!1), P = h ? `${j}-error` : void 0, F = g ? `${j}-helper` : void 0, I = [P, F].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ f("div", {
+		className: ["password-field", x ?? ""].filter(Boolean).join(" "),
 		children: [
-			s && /* @__PURE__ */ u(o, {
-				htmlFor: k,
-				hidden: f,
-				size: D,
-				children: s
+			c && /* @__PURE__ */ d(o, {
+				htmlFor: j,
+				hidden: k,
+				size: O,
+				children: c
 			}),
-			/* @__PURE__ */ d("div", {
-				className: ["password-field__wrapper", D === "md" ? "" : `password-field__wrapper--${D}`].filter(Boolean).join(" "),
-				children: [/* @__PURE__ */ u(a, {
-					ref: T,
-					id: k,
-					size: D,
-					error: p || !!m,
-					placeholder: C ?? (s && f ? s : void 0),
-					"aria-describedby": P,
-					...w,
-					type: A ? "text" : "password",
-					disabled: S
-				}), /* @__PURE__ */ d("button", {
+			/* @__PURE__ */ f("div", {
+				className: ["password-field__wrapper", O === "md" ? "" : `password-field__wrapper--${O}`].filter(Boolean).join(" "),
+				children: [/* @__PURE__ */ d(a, {
+					ref: E,
+					id: j,
+					size: O,
+					error: m || !!h,
+					placeholder: w ?? (c && k ? c : void 0),
+					"aria-describedby": I,
+					...T,
+					type: M ? "text" : "password",
+					disabled: C
+				}), /* @__PURE__ */ f("button", {
 					type: "button",
 					className: "password-field__toggle",
-					onClick: () => j((e) => !e),
-					disabled: S,
-					"aria-controls": k,
-					"aria-pressed": A,
-					children: [/* @__PURE__ */ u(n, { children: A ? E("hide", y) : E("show", v) }), /* @__PURE__ */ u(t, {
-						name: A ? "eye-off" : "eye",
+					onClick: () => N((e) => !e),
+					disabled: C,
+					"aria-controls": j,
+					"aria-pressed": M,
+					children: [/* @__PURE__ */ d(n, { children: M ? D("hide", b) : D("show", y) }), /* @__PURE__ */ d(t, {
+						name: M ? "eye-off" : "eye",
 						className: "password-field__icon"
 					})]
 				})]
 			}),
-			m && /* @__PURE__ */ u(i, {
-				id: M,
-				children: m
+			h && /* @__PURE__ */ d(i, {
+				id: P,
+				children: h
 			}),
-			h && /* @__PURE__ */ u("span", {
-				id: N,
+			g && /* @__PURE__ */ d("span", {
+				id: F,
 				className: "password-field__helper",
-				children: h
+				children: g
 			}),
-			g && /* @__PURE__ */ u("div", {
+			_ && /* @__PURE__ */ d("div", {
 				className: "password-field__action",
-				children: g
+				children: _
 			})
 		]
 	});
 });
 //#endregion
-export { f as PasswordField };
+export { p as PasswordField };

package/dist/popover.css

@@ -1 +1 @@
-.popover{box-sizing:border-box;background-color:var(--popover-bg);border-width:var(--popover-border-width);border-style:solid;border-color:var(--popover-border-color);border-radius:var(--popover-border-radius);padding-block:var(--popover-padding-block);padding-inline:var(--popover-padding-inline);transform-origin:var(--transform-origin);max-height:var(--popover-max-height,var(--available-height));overscroll-behavior:contain;animation-duration:var(--popover-transition-duration);animation-timing-function:var(--popover-transition-easing);outline:none;overflow-y:auto}.popover:focus-visible{outline:var(--popover-focus-ring-width) solid var(--popover-focus-ring-color);outline-offset:var(--popover-focus-ring-offset)}.popover[data-open]{animation-name:popover-in}.popover[data-closed]{animation-name:popover-out}@keyframes popover-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popover-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.popover__positioner{z-index:var(--popover-z-index)}
+.popover{box-sizing:border-box;background-color:var(--popover-bg);border-width:var(--popover-border-width);border-style:solid;border-color:var(--popover-border-color);border-radius:var(--popover-border-radius);padding-block:var(--popover-padding-block);padding-inline:var(--popover-padding-inline);transform-origin:var(--transform-origin);max-block-size:var(--popover-max-height,var(--available-height));overscroll-behavior:contain;animation-duration:var(--popover-transition-duration);animation-timing-function:var(--popover-transition-easing);outline:none;overflow-y:auto}.popover:focus-visible{outline:var(--popover-focus-ring-width) solid var(--popover-focus-ring-color);outline-offset:var(--popover-focus-ring-offset)}.popover[data-open]{animation-name:popover-in}.popover[data-closed]{animation-name:popover-out}@keyframes popover-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popover-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.popover__positioner{z-index:var(--popover-z-index)}

package/dist/popover.js

@@ -1,34 +1,28 @@
 'use client';
 import './popover.css';
 import { n as e } from "./_shared/portal-container.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Popover as r } from "@base-ui/react/popover";
+import { t } from "./_shared/side-offset.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Popover as i } from "@base-ui/react/popover";
 //#region src/stories/atoms/Popover/Popover.tsx
-function i(e) {
-	let t = parseFloat(e);
-	return Number.isNaN(t) ? 0 : e.endsWith("rem") ? t * parseFloat(getComputedStyle(document.documentElement).fontSize) : t;
-}
-function a() {
-	let e = document.documentElement;
-	return i(getComputedStyle(e).getPropertyValue("--popover-offset").trim());
-}
-function o({ trigger: i, anchor: o, children: s, label: c, open: l, defaultOpen: u, onOpenChange: d, onPointerDownOutside: f, onFocusOutside: p, onEscapeKeyDown: m, side: h = "bottom", align: g = "start", sideOffset: _, initialFocus: v, container: y, className: b }) {
+var a = t("--popover-offset");
+function o({ trigger: t, anchor: o, children: s, label: c, open: l, defaultOpen: u, onOpenChange: d, onPointerDownOutside: f, onFocusOutside: p, onEscapeKeyDown: m, side: h = "bottom", align: g = "start", sideOffset: _, initialFocus: v, container: y, className: b }) {
 	let x = e(y);
-	return /* @__PURE__ */ n(r.Root, {
+	return /* @__PURE__ */ r(i.Root, {
 		open: l,
 		defaultOpen: u,
 		onOpenChange: (e, t) => {
 			e || (t.reason === "outside-press" ? f?.(t) : t.reason === "focus-out" ? p?.(t) : t.reason === "escape-key" && m?.(t)), d?.(e, t);
 		},
-		children: [i !== void 0 && /* @__PURE__ */ t(r.Trigger, { render: i }), /* @__PURE__ */ t(r.Portal, {
+		children: [t !== void 0 && /* @__PURE__ */ n(i.Trigger, { render: t }), /* @__PURE__ */ n(i.Portal, {
 			container: x,
-			children: /* @__PURE__ */ t(r.Positioner, {
+			children: /* @__PURE__ */ n(i.Positioner, {
 				className: "popover__positioner",
 				anchor: o,
 				side: h,
 				align: g,
 				sideOffset: _ ?? a,
-				children: /* @__PURE__ */ t(r.Popup, {
+				children: /* @__PURE__ */ n(i.Popup, {
 					"aria-label": c,
 					initialFocus: v,
 					className: ["popover", b].filter(Boolean).join(" "),

package/dist/prev-next-nav.js

@@ -43,23 +43,24 @@ function a({ href: e, onClick: a, label: o, title: s, disabled: c, direction: l,
 		children: m
 	});
 }
-function o({ prevHref: t, nextHref: n, prevOnClick: o, nextOnClick: s, prevLabel: c, nextLabel: l, prevTitle: u, nextTitle: d, label: f, labelId: p, linkComponent: m, size: h = "md" }) {
-	let g = e("prevNextNav"), _ = h === "sm" ? "sm" : "md";
+function o({ prevHref: t, nextHref: n, prevOnClick: o, nextOnClick: s, prevLabel: c, nextLabel: l, prevTitle: u, nextTitle: d, label: f, labelId: p, linkComponent: m, size: h = "md", className: g }) {
+	let _ = e("prevNextNav"), v = h === "sm" ? "sm" : "md";
 	return /* @__PURE__ */ i("div", {
 		className: [
 			"prev-next-nav",
 			h === "sm" ? "prev-next-nav--sm" : "",
-			u !== void 0 || d !== void 0 ? "prev-next-nav--titled" : ""
+			u !== void 0 || d !== void 0 ? "prev-next-nav--titled" : "",
+			g
 		].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ r(a, {
 				href: t,
 				onClick: o,
-				label: g("previous", c),
+				label: _("previous", c),
 				disabled: !t && !o,
 				direction: "prev",
 				title: u,
-				chevronSize: _,
+				chevronSize: v,
 				linkComponent: m
 			}),
 			f !== void 0 && /* @__PURE__ */ r("strong", {
@@ -70,11 +71,11 @@ function o({ prevHref: t, nextHref: n, prevOnClick: o, nextOnClick: s, prevLabel
 			/* @__PURE__ */ r(a, {
 				href: n,
 				onClick: s,
-				label: g("next", l),
+				label: _("next", l),
 				disabled: !n && !s,
 				direction: "next",
 				title: d,
-				chevronSize: _,
+				chevronSize: v,
 				linkComponent: m
 			})
 		]

package/dist/public-page-shell.js

@@ -7,23 +7,24 @@ import { SiteShell as r } from "./site-shell.js";
 import { forwardRef as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/templates/PublicPageShell/PublicPageShell.tsx
-var c = i(function({ children: i, header: c, footer: l, preferences: u, preferencesLabel: d, preferencesWidth: f = "xl", mainWidth: p = "xl", mainSpace: m = "xl", mainFlush: h = !1, id: g = "main-content", shell: _ = !0 }, v) {
-	let y = e("publicPageShell");
+var c = i(function({ children: i, header: c, footer: l, preferences: u, preferencesLabel: d, preferencesWidth: f = "xl", mainWidth: p = "xl", mainSpace: m = "xl", mainFlush: h = !1, id: g = "main-content", shell: _ = !0, className: v }, y) {
+	let b = e("publicPageShell");
 	if (!_) return /* @__PURE__ */ o(a, { children: i });
-	let b = u && /* @__PURE__ */ o(t, {
+	let x = u && /* @__PURE__ */ o(t, {
 		as: "section",
 		width: f,
 		className: "public-page-shell__preferences",
-		"aria-label": y("preferences", d),
+		"aria-label": b("preferences", d),
 		children: /* @__PURE__ */ o("div", {
 			className: "public-page-shell__preferences-row",
 			children: u
 		})
 	});
 	return /* @__PURE__ */ o(r, {
-		ref: v,
+		ref: y,
+		className: v,
 		header: c && /* @__PURE__ */ o(n, { children: c }),
-		footer: (b || l) && /* @__PURE__ */ s(a, { children: [b && /* @__PURE__ */ o(n, { children: b }), l && /* @__PURE__ */ o(n, { children: l })] }),
+		footer: (x || l) && /* @__PURE__ */ s(a, { children: [x && /* @__PURE__ */ o(n, { children: x }), l && /* @__PURE__ */ o(n, { children: l })] }),
 		children: /* @__PURE__ */ o(t, {
 			as: "main",
 			id: g,

package/dist/radio.css

@@ -1 +1 @@
-.radio{appearance:none;box-sizing:border-box;width:var(--radio-size);height:var(--radio-size);border-width:var(--radio-border-width);border-style:var(--radio-border-style);border-color:var(--radio-border-color);border-radius:var(--radio-border-radius);background-color:var(--radio-bg);cursor:var(--radio-cursor);transition:border-color var(--radio-transition-duration) var(--radio-transition-easing);flex-shrink:0;place-content:center;display:grid;position:relative}.radio:after{content:"";inline-size:max(100%, var(--radio-target-size));block-size:max(100%, var(--radio-target-size));position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.radio:before{content:"";width:var(--radio-dot-size);height:var(--radio-dot-size);background-color:var(--radio-dot-color);transition:transform var(--radio-transition-duration) var(--radio-transition-easing);border-radius:50%;transform:scale(0)}.radio:checked:before{transform:scale(1)}.radio.radio--error{border-color:var(--radio-error-border-color)}.radio:focus-visible{outline:var(--radio-focus-ring-width) solid var(--radio-focus-ring-color);outline-offset:var(--radio-focus-ring-offset)}.radio:disabled{border-color:var(--radio-disabled-border-color);cursor:var(--radio-disabled-cursor);pointer-events:none}.radio:disabled:checked:before{background-color:var(--radio-disabled-dot-color)}.radio.radio--sm{--radio-size:var(--radio-sm-size);--radio-dot-size:var(--radio-sm-dot-size)}.radio.radio--lg{--radio-size:var(--radio-lg-size);--radio-dot-size:var(--radio-lg-dot-size)}
+.radio{appearance:none;box-sizing:border-box;inline-size:var(--radio-size);block-size:var(--radio-size);border-width:var(--radio-border-width);border-style:var(--radio-border-style);border-color:var(--radio-border-color);border-radius:var(--radio-border-radius);background-color:var(--radio-bg);cursor:var(--radio-cursor);transition:border-color var(--radio-transition-duration) var(--radio-transition-easing);flex-shrink:0;place-content:center;display:grid;position:relative}.radio:after{content:"";inline-size:max(100%, var(--radio-target-size));block-size:max(100%, var(--radio-target-size));position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.radio:before{content:"";inline-size:var(--radio-dot-size);block-size:var(--radio-dot-size);background-color:var(--radio-dot-color);transition:transform var(--radio-transition-duration) var(--radio-transition-easing);border-radius:50%;transform:scale(0)}.radio:checked:before{transform:scale(1)}.radio.radio--error{border-color:var(--radio-error-border-color)}.radio:focus-visible{outline:var(--radio-focus-ring-width) solid var(--radio-focus-ring-color);outline-offset:var(--radio-focus-ring-offset)}.radio:disabled{border-color:var(--radio-disabled-border-color);cursor:var(--radio-disabled-cursor);pointer-events:none}.radio:disabled:checked:before{background-color:var(--radio-disabled-dot-color)}.radio.radio--sm{--radio-size:var(--radio-sm-size);--radio-dot-size:var(--radio-sm-dot-size)}.radio.radio--lg{--radio-size:var(--radio-lg-size);--radio-dot-size:var(--radio-lg-dot-size)}

package/dist/recurrence-field.css

@@ -1 +1 @@
-.recurrence-field{gap:var(--recurrence-field-gap);flex-direction:column;display:flex}.recurrence-field__row{gap:var(--recurrence-field-row-gap);flex-wrap:wrap;display:flex}.recurrence-field__interval{inline-size:var(--recurrence-field-interval-width);flex:none}.recurrence-field__end{flex:12rem;min-inline-size:0}.recurrence-field__weekdays-label{font-size:var(--recurrence-field-legend-font-size);font-weight:var(--recurrence-field-legend-font-weight);color:var(--recurrence-field-legend-color);margin-block-end:var(--recurrence-field-legend-margin-block-end);display:block}.recurrence-field__weekdays{gap:var(--recurrence-field-weekdays-gap);flex-wrap:wrap;display:flex}
+.recurrence-field{gap:var(--recurrence-field-gap);flex-direction:column;display:flex}.recurrence-field__row{gap:var(--recurrence-field-row-gap);flex-wrap:wrap;display:flex}.recurrence-field__interval{inline-size:var(--recurrence-field-interval-width);flex:none}.recurrence-field__end{flex:1 1 var(--recurrence-field-end-flex-basis);min-inline-size:0}.recurrence-field__weekdays-label{font-size:var(--recurrence-field-legend-font-size);font-weight:var(--recurrence-field-legend-font-weight);color:var(--recurrence-field-legend-color);margin-block-end:var(--recurrence-field-legend-margin-block-end);display:block}.recurrence-field__weekdays{gap:var(--recurrence-field-weekdays-gap);flex-wrap:wrap;display:flex}