themelia-ui 3.0.0 → 3.2.0

package/dist/base/dropdown-menu.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "../dropdown-menu-TyNLCLML.js";
+import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "../dropdown-menu-Br8kvjrF.js";
 export { m as DropdownMenu, l as DropdownMenuCheckboxItem, f as DropdownMenuContent, o as DropdownMenuGroup, e as DropdownMenuItem, u as DropdownMenuLabel, p as DropdownMenuLinkItem, t as DropdownMenuPortal, s as DropdownMenuRadioGroup, h as DropdownMenuRadioItem, n as DropdownMenuSeparator, r as DropdownMenuShortcut, d as DropdownMenuSub, c as DropdownMenuSubContent, a as DropdownMenuSubTrigger, i as DropdownMenuTrigger };

package/dist/base/feedback.js

@@ -1,3 +1,3 @@
 "use client";
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "../feedback-DRerHGuV.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "../feedback-D4qVsKlD.js";
 export { o as Alert, a as AlertAction, e as AlertDescription, t as AlertMetadata, _ as AlertTitle, n as DocumentStackIllustration, f as Empty, h as ErrorState, c as InboxCleanIllustration, u as LoadingState, m as Progress, d as ProgressCircle, g as SearchGlassIllustration, r as StackedCardsIllustration, i as UsersCircleIllustration, l as defaultEmptyStrings, p as defaultErrorStateStrings, s as defaultLoadingStateStrings };

package/dist/base/forms-numeric.js

@@ -1,3 +1,3 @@
 "use client";
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "../forms-numeric-CPVsL7Vf.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "../forms-numeric-IwQ1ltNf.js";
 export { n as CURRENCY_SYMBOLS, s as CoordinatesInput, m as CurrencyInput, g as DecimalInput, t as DimensionsInput, h as MoneyInput, c as PercentageInput, u as RoundingModeSelect, d as WeightInput, r as applyRounding, f as defaultCoordinatesInputStrings, l as defaultCurrencyInputStrings, o as defaultDecimalInputStrings, a as defaultDimensionsInputStrings, p as defaultRoundingModeStrings, e as defaultUnitInputStrings, i as formatDecimal };

package/dist/base/forms.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../forms-CPrGGif_.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../forms-C0WeNPFF.js";
 export { c as DirtyStateBanner, i as ErrorSummary, r as FieldGroup, o as FormActionsBar, l as FormField, n as FormSection, e as SubmitStateButton, a as defaultDirtyStateBannerStrings, s as defaultErrorSummaryStrings, t as defaultSubmitStateButtonStrings };

package/dist/base/hover-card.js

@@ -1,44 +1,47 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { u as t } from "../ui-provider-Cmoq6i_D.js";
-import { jsx as n } from "react/jsx-runtime";
-import { PreviewCard as r } from "@base-ui/react/preview-card";
-var i = {
+import "#core.css";
+import { c as e } from "../typography-DmeR05Er.js";
+import { t } from "../cx--CBrhWH0.js";
+import { u as n } from "../ui-provider-DpzLUD12.js";
+import { jsx as r } from "react/jsx-runtime";
+import { PreviewCard as i } from "@base-ui/react/preview-card";
+import "#css/hover-card.css";
+var a = {
 	positioner: "hover-card__positioner___DH38Y",
 	content: "hover-card__content___L7_9x"
 };
 //#endregion
 //#region src/components/base/hover-card/hover-card.tsx
-function a(e) {
-	return /* @__PURE__ */ n(r.Root, {
+function o(e) {
+	return /* @__PURE__ */ r(i.Root, {
 		"data-slot": "hover-card",
 		...e
 	});
 }
-function o({ delay: e = 400, closeDelay: t = 200, ...i }) {
-	return /* @__PURE__ */ n(r.Trigger, {
+function s({ delay: e = 400, closeDelay: t = 200, ...n }) {
+	return /* @__PURE__ */ r(i.Trigger, {
 		"data-slot": "hover-card-trigger",
 		delay: e,
 		closeDelay: t,
-		...i
+		...n
 	});
 }
-function s({ container: a, align: o = "center", side: s = "bottom", sideOffset: c = 8, className: l, ...u }) {
-	let d = t(a);
-	return /* @__PURE__ */ n(r.Portal, {
-		container: d,
-		children: /* @__PURE__ */ n(r.Positioner, {
-			align: o,
-			side: s,
-			sideOffset: c,
-			className: i.positioner,
-			children: /* @__PURE__ */ n(r.Popup, {
+function c({ container: o, align: s = "center", side: c = "bottom", sideOffset: l = 8, className: u, ...d }) {
+	let f = n(o);
+	return /* @__PURE__ */ r(i.Portal, {
+		container: f,
+		children: /* @__PURE__ */ r(i.Positioner, {
+			align: s,
+			side: c,
+			sideOffset: l,
+			className: a.positioner,
+			children: /* @__PURE__ */ r(i.Popup, {
 				"data-slot": "hover-card-content",
-				className: e("hover-card--component", i.content, l),
-				...u
+				className: t("hover-card--component", a.content, e({ size: "sm" }), u),
+				...d
 			})
 		})
 	});
 }
 //#endregion
-export { a as HoverCard, s as HoverCardContent, o as HoverCardTrigger };
+export { o as HoverCard, c as HoverCardContent, s as HoverCardTrigger };

package/dist/base/input-group.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, o as r, r as i, t as a } from "../input-group-BYe0rhoB.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../input-group-HS_Z0Ei_.js";
 export { a as InputGroup, n as InputGroupAddon, i as InputGroupButton, t as InputGroupInput, e as InputGroupText, r as InputGroupTextarea };

package/dist/base/item.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../item-B3yQ26as.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../item-M2pmpWXh.js";
 export { c as Item, i as ItemActions, o as ItemContent, n as ItemDescription, e as ItemFooter, a as ItemGroup, s as ItemHeader, t as ItemMedia, r as ItemSeparator, l as ItemTitle };

package/dist/base/label.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../label-DumoMDm6.js";
+import { t as e } from "../label-HOBXAscw.js";
 export { e as Label };

package/dist/base/menubar.js

@@ -1,26 +1,32 @@
-import { t as e } from "../cx--CBrhWH0.js";
-import { jsx as t } from "react/jsx-runtime";
-import { Menu as n } from "@base-ui/react/menu";
-import { Menubar as r } from "@base-ui/react/menubar";
-var i = {
+import "#core.css";
+import { c as e } from "../typography-DmeR05Er.js";
+import { t } from "../cx--CBrhWH0.js";
+import { jsx as n } from "react/jsx-runtime";
+import { Menu as r } from "@base-ui/react/menu";
+import { Menubar as i } from "@base-ui/react/menubar";
+import "#css/menubar.css";
+var a = {
 	bar: "menubar__bar___vJPwY",
 	trigger: "menubar__trigger___5IYCM"
 };
 //#endregion
 //#region src/components/base/menubar/menubar.tsx
-function a({ className: n, ...a }) {
-	return /* @__PURE__ */ t(r, {
+function o({ className: e, ...r }) {
+	return /* @__PURE__ */ n(i, {
 		"data-slot": "menubar",
-		className: e("menubar--component", i.bar, n),
-		...a
+		className: t("menubar--component", a.bar, e),
+		...r
 	});
 }
-function o({ className: r, ...a }) {
-	return /* @__PURE__ */ t(n.Trigger, {
+function s({ className: i, ...o }) {
+	return /* @__PURE__ */ n(r.Trigger, {
 		"data-slot": "menubar-trigger",
-		className: e("menubar-menu--component", i.trigger, r),
-		...a
+		className: t("menubar-menu--component", a.trigger, e({
+			size: "sm",
+			weight: "medium"
+		}), i),
+		...o
 	});
 }
 //#endregion
-export { a as Menubar, o as MenubarTrigger };
+export { o as Menubar, s as MenubarTrigger };

package/dist/base/navigation-menu.js

@@ -1,10 +1,13 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { u as t } from "../ui-provider-Cmoq6i_D.js";
-import { ChevronDownIcon as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { NavigationMenu as a } from "@base-ui/react/navigation-menu";
-var o = {
+import "#core.css";
+import { c as e } from "../typography-DmeR05Er.js";
+import { t } from "../cx--CBrhWH0.js";
+import { u as n } from "../ui-provider-DpzLUD12.js";
+import { ChevronDownIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { NavigationMenu as o } from "@base-ui/react/navigation-menu";
+import "#css/navigation-menu.css";
+var s = {
 	root: "navigation-menu__root___rjhVG",
 	list: "navigation-menu__list___b9TUz",
 	trigger: "navigation-menu__trigger___ZGsw7",
@@ -17,68 +20,74 @@ var o = {
 };
 //#endregion
 //#region src/components/base/navigation-menu/navigation-menu.tsx
-function s({ className: n, children: s, side: c = "bottom", sideOffset: l = 8, align: u = "start", container: d, ...f }) {
-	let p = t(d);
-	return /* @__PURE__ */ i(a.Root, {
+function c({ className: e, children: r, side: c = "bottom", sideOffset: l = 8, align: u = "start", container: d, ...f }) {
+	let p = n(d);
+	return /* @__PURE__ */ a(o.Root, {
 		"data-slot": "navigation-menu",
-		className: e("navigation-menu--component", o.root, n),
+		className: t("navigation-menu--component", s.root, e),
 		...f,
-		children: [s, /* @__PURE__ */ r(a.Portal, {
+		children: [r, /* @__PURE__ */ i(o.Portal, {
 			container: p,
-			children: /* @__PURE__ */ r(a.Positioner, {
+			children: /* @__PURE__ */ i(o.Positioner, {
 				side: c,
 				sideOffset: l,
 				align: u,
-				className: o.positioner,
-				children: /* @__PURE__ */ r(a.Popup, {
-					className: o.popup,
-					children: /* @__PURE__ */ r(a.Viewport, { className: o.viewport })
+				className: s.positioner,
+				children: /* @__PURE__ */ i(o.Popup, {
+					className: s.popup,
+					children: /* @__PURE__ */ i(o.Viewport, { className: s.viewport })
 				})
 			})
 		})]
 	});
 }
-function c({ className: t, ...n }) {
-	return /* @__PURE__ */ r(a.List, {
+function l({ className: e, ...n }) {
+	return /* @__PURE__ */ i(o.List, {
 		"data-slot": "navigation-menu-list",
-		className: e("navigation-menu-list--component", o.list, t),
+		className: t("navigation-menu-list--component", s.list, e),
 		...n
 	});
 }
-function l({ ...e }) {
-	return /* @__PURE__ */ r(a.Item, {
+function u({ ...e }) {
+	return /* @__PURE__ */ i(o.Item, {
 		"data-slot": "navigation-menu-item",
 		...e
 	});
 }
-function u({ className: t, ...n }) {
-	return /* @__PURE__ */ r(a.Trigger, {
+function d({ className: n, ...r }) {
+	return /* @__PURE__ */ i(o.Trigger, {
 		"data-slot": "navigation-menu-trigger",
-		className: e("navigation-menu-trigger--component", o.trigger, t),
-		...n
+		className: t("navigation-menu-trigger--component", s.trigger, e({
+			size: "sm",
+			weight: "medium"
+		}), n),
+		...r
 	});
 }
-function d({ className: t, ...n }) {
-	return /* @__PURE__ */ r(a.Link, {
+function f({ className: n, ...r }) {
+	return /* @__PURE__ */ i(o.Link, {
 		"data-slot": "navigation-menu-link",
-		className: e("navigation-menu-link--component", o.link, t),
-		...n
+		className: t("navigation-menu-link--component", s.link, e({
+			size: "sm",
+			weight: "medium"
+		}), n),
+		...r
 	});
 }
-function f({ className: t, ...n }) {
-	return /* @__PURE__ */ r(a.Content, {
+function p({ className: e, ...n }) {
+	return /* @__PURE__ */ i(o.Content, {
 		"data-slot": "navigation-menu-content",
-		className: e("navigation-menu-content--component", o.content, t),
+		className: t("navigation-menu-content--component", s.content, e),
 		...n
 	});
 }
-function p({ className: t, children: i, ...s }) {
-	return /* @__PURE__ */ r(a.Icon, {
+function m({ className: e, children: n, ...a }) {
+	return /* @__PURE__ */ i(o.Icon, {
 		"data-slot": "navigation-menu-indicator",
-		className: e("navigation-menu-indicator--component", o.indicator, t),
-		...s,
-		children: i ?? /* @__PURE__ */ r(n, {})
+		className: t("navigation-menu-indicator--component", s.indicator, e),
+		...a,
+		children: n ?? /* @__PURE__ */ i(r, {})
 	});
 }
 //#endregion
-export { s as NavigationMenu, f as NavigationMenuContent, p as NavigationMenuIndicator, l as NavigationMenuItem, d as NavigationMenuLink, c as NavigationMenuList, u as NavigationMenuTrigger };
+export { c as NavigationMenu, p as NavigationMenuContent, m as NavigationMenuIndicator, u as NavigationMenuItem, f as NavigationMenuLink, l as NavigationMenuList, d as NavigationMenuTrigger };

package/dist/base/navigation.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "../navigation-CsqTA16F.js";
+import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "../navigation-Bgu7Vc0M.js";
 export { s as Breadcrumbs, m as LanguageSwitcher, f as NavigationTabs, l as OverflowTabBar, u as PageHeading, p as Pagination, h as Tab, n as TabList, r as TabPanel, d as Tabs, c as defaultBreadcrumbsStrings, o as defaultNavigationTabsStrings, e as defaultOverflowTabBarStrings, a as defaultPaginationStrings, i as defaultTabListStrings, t as paginationRange };

package/dist/base/otp-input.js

@@ -1,44 +1,50 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { d as t } from "../display-B3Q17h5z.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { OTPField as a } from "@base-ui/react/otp-field";
-var o = {
+import "#core.css";
+import { c as e } from "../typography-DmeR05Er.js";
+import { t } from "../cx--CBrhWH0.js";
+import { d as n } from "../display-a7AoX_u7.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { OTPField as o } from "@base-ui/react/otp-field";
+import "#css/otp-input.css";
+var s = {
 	root: "otp-input__root___shRtp",
 	group: "otp-input__group___I2wot",
 	slot: "otp-input__slot___kl94E"
-}, s = {
+}, c = {
 	fieldLabel: "One-time code",
 	slotLabel: (e, t) => `Character ${e} of ${t}`
 };
 //#endregion
 //#region src/components/base/otp-input/otp-input.tsx
-function c({ length: c = 6, groupSize: l, invalid: u = !1, className: d, strings: f, "aria-label": p, "aria-labelledby": m, ...h }) {
-	let g = {
-		...s,
-		...f
-	}, _ = n.useId(), v = m ? null : p ?? g.fieldLabel, y = m ?? _, b = l ? Array.from({ length: Math.ceil(c / l) }, (e, t) => Math.min(l, c - t * l)) : [c];
-	return /* @__PURE__ */ i(a.Root, {
-		length: c,
+function l({ length: l = 6, groupSize: u, invalid: d = !1, className: f, strings: p, "aria-label": m, "aria-labelledby": h, ...g }) {
+	let _ = {
+		...c,
+		...p
+	}, v = r.useId(), y = h ? null : m ?? _.fieldLabel, b = h ?? v, x = u ? Array.from({ length: Math.ceil(l / u) }, (e, t) => Math.min(u, l - t * u)) : [l];
+	return /* @__PURE__ */ a(o.Root, {
+		length: l,
 		"data-slot": "otp-input",
-		"data-invalid": u || void 0,
-		className: e("otp-input--component", o.root, d),
-		...h,
-		children: [!!v && /* @__PURE__ */ r(t, {
-			id: _,
-			children: v
-		}), b.map((e, t) => /* @__PURE__ */ r("div", {
-			className: o.group,
-			children: Array.from({ length: e }, (e, n) => {
-				let i = b.slice(0, t).reduce((e, t) => e + t, 0) + n + 1;
-				return /* @__PURE__ */ r(a.Input, {
-					...i === 1 ? { "aria-labelledby": y } : { "aria-label": g.slotLabel(i, c) },
-					className: o.slot
-				}, n);
+		"data-invalid": d || void 0,
+		className: t("otp-input--component", s.root, f),
+		...g,
+		children: [!!y && /* @__PURE__ */ i(n, {
+			id: v,
+			children: y
+		}), x.map((n, r) => /* @__PURE__ */ i("div", {
+			className: s.group,
+			children: Array.from({ length: n }, (n, a) => {
+				let c = x.slice(0, r).reduce((e, t) => e + t, 0) + a + 1;
+				return /* @__PURE__ */ i(o.Input, {
+					...c === 1 ? { "aria-labelledby": b } : { "aria-label": _.slotLabel(c, l) },
+					className: t(s.slot, e({
+						size: "lg",
+						numeric: !0
+					}))
+				}, a);
 			})
-		}, t))]
+		}, r))]
 	});
 }
 //#endregion
-export { c as OtpInput, s as defaultOtpInputStrings };
+export { l as OtpInput, c as defaultOtpInputStrings };

package/dist/base/overlay.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../overlay-WQOsLd69.js";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../overlay-BuQOl8aP.js";
 export { l as Overlay, i as OverlayBody, a as OverlayClose, s as OverlayContent, o as OverlayDescription, r as OverlayDismissArea, t as OverlayFooter, u as OverlayHeader, c as OverlayTitle, e as OverlayTrigger, n as defaultOverlayStrings };

package/dist/base/popover-menu.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as e, r as t, t as n } from "../popover-menu-C2UCMAe7.js";
+import { n as e, r as t, t as n } from "../popover-menu-QXgQeWeG.js";
 export { n as PopoverMenu, e as PopoverMenuPanel, t as defaultPopoverMenuStrings };

package/dist/base/popover.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../popover-DriLnIFc.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../popover-CA7SP_iz.js";
 export { s as Popover, r as PopoverAnchor, a as PopoverContent, n as PopoverDescription, e as PopoverFooter, i as PopoverHeader, o as PopoverTitle, t as PopoverTrigger };

package/dist/base/qr-code.js

@@ -1,96 +1,100 @@
 "use client";
-import { t as e } from "../cx--CBrhWH0.js";
-import { l as t } from "../ui-provider-Cmoq6i_D.js";
-import { t as n } from "../strings-Co9_qArR.js";
-import { forwardRef as r, useEffect as i, useImperativeHandle as a, useRef as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-import { formatHex as l, parse as u } from "culori";
-import d from "qrcode";
+import "#core.css";
+import { c as e } from "../typography-DmeR05Er.js";
+import { t } from "../cx--CBrhWH0.js";
+import { l as n } from "../ui-provider-DpzLUD12.js";
+import { t as r } from "../strings-Co9_qArR.js";
+import { forwardRef as i, useEffect as a, useImperativeHandle as o, useRef as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { formatHex as u, parse as d } from "culori";
+import f from "qrcode";
+import "#css/qr-code.css";
 //#region src/components/base/qr-code/qr-code.strings.ts
-var f = {
+var p = {
 	generating: "Generating…",
 	failed: "Could not generate a code for this value.",
 	label: (e) => `QR code for ${e}`
-}, p = {
+}, m = {
 	root: "qr-code__root___d545q",
-	placeholder: "qr-code__placeholder___ejGaW",
-	symbol: "qr-code__symbol___qcxKs"
+	empty: "qr-code__empty___W2UYA",
+	symbol: "qr-code__symbol___qcxKs",
+	placeholder: "qr-code__placeholder___ejGaW"
 };
 //#endregion
 //#region src/components/base/qr-code/qr-code.tsx
-function m(e, t) {
+function h(e, t) {
 	let n = e.trim();
 	if (!n) return t;
 	if (/^#[0-9a-f]{3,8}$/i.test(n)) return n;
 	try {
-		let e = u(n);
-		return e ? l(e) ?? t : t;
+		let e = d(n);
+		return !e || e.alpha === 0 ? t : u(e) ?? t;
 	} catch {
 		return t;
 	}
 }
-var h = r(function({ value: r, foreground: l, background: u, robustness: h = "M", placeholder: g, strings: _, emptyState: v = null, label: y, className: b, ...x }, S) {
-	let C = n(f, _), { colorScheme: w } = t(), T = o(null);
-	a(S, () => T.current);
-	let [E, D] = s(null), [O, k] = s(!1), A = String(r ?? "").trim() === "", [j, M] = s(0);
-	return i(() => {
-		let e = new MutationObserver(() => M((e) => e + 1));
+var g = i(function({ value: i, foreground: u, background: d, robustness: g = "M", placeholder: _, strings: v, emptyState: y = null, label: b, className: x, ...S }, C) {
+	let w = r(p, v), { colorScheme: T } = n(), E = s(null);
+	o(C, () => E.current);
+	let [D, O] = c(null), [k, A] = c(!1), j = String(i ?? "").trim() === "", [M, N] = c(0);
+	return a(() => {
+		let e = new MutationObserver(() => N((e) => e + 1));
 		e.observe(document.documentElement, {
 			attributes: !0,
 			attributeFilter: ["class", "data-theme"]
 		});
-		let t = typeof window.matchMedia == "function" ? window.matchMedia("(prefers-color-scheme: dark)") : null, n = () => M((e) => e + 1);
+		let t = typeof window.matchMedia == "function" ? window.matchMedia("(prefers-color-scheme: dark)") : null, n = () => N((e) => e + 1);
 		return t?.addEventListener("change", n), () => {
 			e.disconnect(), t?.removeEventListener("change", n);
 		};
-	}, []), i(() => {
-		let e = String(r ?? "").trim();
+	}, []), a(() => {
+		let e = String(i ?? "").trim();
 		if (!e) return;
 		let t = !0;
 		return (async () => {
 			try {
-				let n = getComputedStyle(T.current ?? document.documentElement), r = m(l ?? n.getPropertyValue("--qr-foreground"), "#000000"), i = m(u ?? n.getPropertyValue("--qr-background"), "#ffffff"), a = await d.toString(e, {
+				let n = getComputedStyle(E.current ?? document.documentElement), r = h(u ?? n.color, "#000000"), i = h(d ?? n.backgroundColor, "#ffffff"), a = await f.toString(e, {
 					type: "svg",
 					color: {
 						dark: r,
 						light: i
 					},
-					errorCorrectionLevel: h,
+					errorCorrectionLevel: g,
 					margin: 0
 				});
 				if (!t) return;
-				D(a), k(!1);
+				O(a), A(!1);
 			} catch {
 				if (!t) return;
-				D(null), k(!0);
+				O(null), A(!0);
 			}
 		})(), () => {
 			t = !1;
 		};
 	}, [
-		r,
-		l,
+		i,
 		u,
-		h,
-		j,
-		w
-	]), A && !v ? null : /* @__PURE__ */ c("div", {
-		ref: T,
-		className: e("qr-code--component", p.root, b),
-		...x,
-		children: A ? /* @__PURE__ */ c("div", {
-			className: p.placeholder,
-			children: v
-		}) : E ? /* @__PURE__ */ c("div", {
+		d,
+		g,
+		M,
+		T
+	]), j && !y ? null : /* @__PURE__ */ l("div", {
+		ref: E,
+		className: t("qr-code--component", m.root, x),
+		...S,
+		children: j ? /* @__PURE__ */ l("div", {
+			className: t(m.placeholder, m.empty, e({ size: "xs" })),
+			children: y
+		}) : D ? /* @__PURE__ */ l("div", {
 			role: "img",
-			"aria-label": y ?? C.label(r),
-			className: p.symbol,
-			dangerouslySetInnerHTML: { __html: E }
-		}) : /* @__PURE__ */ c("div", {
-			className: p.placeholder,
-			children: O ? C.failed : g ?? C.generating
+			"aria-label": b ?? w.label(i),
+			className: m.symbol,
+			dangerouslySetInnerHTML: { __html: D }
+		}) : /* @__PURE__ */ l("div", {
+			className: t(m.placeholder, e({ size: "xs" })),
+			children: k ? w.failed : _ ?? w.generating
 		})
 	});
 });
 //#endregion
-export { h as QRCode, f as defaultQRCodeStrings };
+export { g as QRCode, p as defaultQRCodeStrings };

package/dist/base/repeaters.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../repeaters-DuP1N0nw.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../repeaters-CeH20dvr.js";
 export { e as KeyValueEditor, o as LocalizedObjectField, n as LocalizedStringField, i as LocalizedStringRepeater, c as ObjectRepeater, s as Repeater, a as StringRepeater, t as defaultKeyValueEditorStrings, r as defaultObjectRepeaterStrings, l as defaultRepeaterStrings };

package/dist/base/resizable.js

@@ -1,6 +1,8 @@
+import "#core.css";
 import { t as e } from "../cx--CBrhWH0.js";
 import { jsx as t } from "react/jsx-runtime";
 import * as n from "react-resizable-panels";
+import "#css/resizable.css";
 var r = {
 	group: "resizable__group___kHO7w",
 	panel: "resizable__panel___j6vrn",

package/dist/base/sheet.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../sheet-CKcmRbJ9.js";
+import { t as e } from "../sheet-CJ1-OAla.js";
 export { e as SheetContent };

package/dist/base/sidebar.js

@@ -1,3 +1,3 @@
 "use client";
-import { C as e, E as t, S as n, T as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, w as C, x as w, y as T } from "../sidebar-D0N6ckJL.js";
+import { C as e, E as t, S as n, T as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, w as C, x as w, y as T } from "../sidebar-D8uGqxio.js";
 export { b as Sidebar, h as SidebarContent, v as SidebarFooter, f as SidebarGroup, a as SidebarGroupAction, g as SidebarGroupContent, y as SidebarGroupLabel, s as SidebarHeader, p as SidebarInput, x as SidebarInset, c as SidebarMenu, l as SidebarMenuAction, _ as SidebarMenuBadge, m as SidebarMenuButton, d as SidebarMenuItem, u as SidebarMenuSkeleton, i as SidebarMenuSub, S as SidebarMenuSubButton, T as SidebarMenuSubItem, e as SidebarProvider, o as SidebarRail, w as SidebarSeparator, n as SidebarTrigger, C as defaultSidebarStrings, r as useOptionalSidebar, t as useSidebar };

package/dist/base/skeleton.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, o as r, r as i, t as a } from "../skeleton-DGR9df28.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../skeleton-BTKNKTdj.js";
 export { a as ContentSkeleton, n as PageSkeleton, r as Skeleton, i as TableSkeleton, t as TwoColumnPageSkeleton, e as defaultSkeletonStrings };

package/dist/base/spinner.js

@@ -1,2 +1,2 @@
-import { t as e } from "../spinner-CUAVFecI.js";
+import { t as e } from "../spinner-Tc1QCnxM.js";
 export { e as Spinner };

package/dist/base/structure.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../structure-D0WGQAP3.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../structure-CynEZ-OY.js";
 export { i as AdaptiveGrid, a as Bleed, t as Grid, e as GridCell, n as Split, r as Stack };

package/dist/base/table.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../table-BC4qqsUb.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../table-Ds_eO9av.js";
 export { c as Table, i as TableBody, o as TableCaption, n as TableCell, e as TableEmpty, a as TableFooter, s as TableHead, t as TableHeader, r as TableRow, l as defaultTableStrings };

package/dist/base/text-inputs.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../text-inputs-DF_lD7pA.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../text-inputs-BboE77nZ.js";
 export { l as FieldShell, a as Input, c as NativeSelect, e as PasswordInput, i as SearchInput, u as SlugField, t as Textarea, n as defaultInputStrings, s as defaultPasswordInputStrings, r as defaultSearchInputStrings, o as slugify, d as useFieldValue };

package/dist/base/timeline.js

@@ -1,3 +1,3 @@
 "use client";
-import { n as e, r as t, t as n } from "../timeline-BdaGRyj-.js";
+import { n as e, r as t, t as n } from "../timeline-BR_jNgvz.js";
 export { n as Stepper, t as Timeline, e as defaultStepperStrings };

package/dist/base/toaster.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, r, t as i } from "../toaster-bBMgXm8z.js";
+import { a as e, i as t, n, r, t as i } from "../toaster-CXL8L7Mm.js";
 export { i as Toaster, r as createToastStore, n as defaultToasterStrings, t as dismissToast, e as toast };