themelia-ui 2.0.1 → 3.0.0

package/dist/{filters-BMKZHnBA.js → filters-DOLKRSmb.js}

@@ -1,28 +1,27 @@
-import "./css/filters.css";
 import { t as e } from "./cx--CBrhWH0.js";
 import { o as t } from "./typography-BkxEiwQ1.js";
-import { n } from "./feedback-C8QtkdHc.js";
-import { d as r } from "./ui-provider-gNDv-ZRY.js";
-import { c as i, t as a } from "./buttons-riLAPVQV.js";
-import { g as o, l as s, r as c, t as l, u } from "./dropdown-menu-BdgB__AC.js";
+import { n } from "./feedback-DRerHGuV.js";
+import { d as r } from "./ui-provider-Cmoq6i_D.js";
+import { c as i, t as a } from "./buttons-CqXKWty3.js";
+import { g as o, l as s, r as c, t as l, u } from "./dropdown-menu-TyNLCLML.js";
 import { t as d } from "./use-latest-CF0678ae.js";
-import { B as f } from "./primitives-BnXNg-Kr.js";
-import { t as p } from "./badge-D34FkKLD.js";
-import { i as m, r as h, t as g, u as _ } from "./item-C7Wfarcx.js";
+import { B as f } from "./primitives-D0bdDozz.js";
+import { t as p } from "./badge-CxOuTfVr.js";
+import { i as m, r as h, t as g, u as _ } from "./item-B3yQ26as.js";
 import { t as v } from "./use-debounce-yN5BxUpQ.js";
 import { t as y } from "./use-mobile-DwY2vtnf.js";
 import { t as b } from "./strings-Co9_qArR.js";
-import { l as x } from "./text-inputs-BBpgIQEI.js";
-import { n as S } from "./navigation-COnv0B1H.js";
-import { s as C } from "./choice-inputs-BjZYCdzk.js";
-import { s as w } from "./value-inputs-DnQKmVqW.js";
-import { a as T, o as E } from "./date-pickers-1_Ah7qWO.js";
-import { c as D, r as O, t as k } from "./popover-CM1nxkAM.js";
-import { a as A, c as j, l as M, o as ee, s as te, t as ne, u as re } from "./overlay-A5bE-8n5.js";
-import { a as ie, i as ae, o as N, r as oe, s as se, t as ce } from "./command-Dv84KSRv.js";
-import { n as le } from "./popover-menu-BCs5CLkw.js";
-import { t as ue } from "./sheet-3sbsGFus.js";
-import { t as de } from "./spinner-Bv-2R-7S.js";
+import { l as x } from "./text-inputs-DF_lD7pA.js";
+import { n as S } from "./navigation-CsqTA16F.js";
+import { s as C } from "./choice-inputs-OUDn0kQw.js";
+import { s as w } from "./value-inputs-Q4ymjXlV.js";
+import { a as T, o as E } from "./date-pickers-DOwIT-Nk.js";
+import { c as D, r as O, t as k } from "./popover-DriLnIFc.js";
+import { a as A, c as j, l as M, o as ee, s as te, t as ne, u as re } from "./overlay-WQOsLd69.js";
+import { a as ie, i as ae, o as N, r as oe, s as se, t as ce } from "./command-Bp3B6pUu.js";
+import { n as le } from "./popover-menu-C2UCMAe7.js";
+import { t as ue } from "./sheet-CKcmRbJ9.js";
+import { t as de } from "./spinner-CUAVFecI.js";
 import { t as P } from "./use-synced-state-DnZ4lW4g.js";
 import { ArrowLeftIcon as fe, CalendarIcon as pe, ChevronDownIcon as me, ChevronRightIcon as he, ListFilterIcon as ge, SearchIcon as _e, XIcon as ve } from "lucide-react";
 import { Component as ye, createContext as be, useCallback as F, useContext as xe, useEffect as I, useId as Se, useLayoutEffect as Ce, useMemo as L, useRef as R, useState as z } from "react";

package/dist/{forms-C-d0-GML.js → forms-CPrGGif_.js}

@@ -1,9 +1,8 @@
-import "./css/forms.css";
 import { t as e } from "./cx--CBrhWH0.js";
 import { o as t } from "./typography-BkxEiwQ1.js";
-import { _ as n, g as r, h as i, v as a } from "./feedback-C8QtkdHc.js";
-import { c as o } from "./buttons-riLAPVQV.js";
-import { i as s } from "./cards-CcwLsQQS.js";
+import { _ as n, g as r, h as i, v as a } from "./feedback-DRerHGuV.js";
+import { c as o } from "./buttons-CqXKWty3.js";
+import { i as s } from "./cards-C6Ulbkw7.js";
 import { CheckIcon as c, Loader2Icon as l } from "lucide-react";
 import * as u from "react";
 import { useEffect as d, useId as f, useRef as p } from "react";

package/dist/{forms-numeric-MKOgf5BF.js → forms-numeric-CPVsL7Vf.js}

@@ -1,7 +1,6 @@
-import "./css/forms-numeric.css";
 import { t as e } from "./cx--CBrhWH0.js";
-import { d as t, l as n, s as r } from "./text-inputs-BBpgIQEI.js";
-import { _ as i, s as a } from "./choice-inputs-BjZYCdzk.js";
+import { d as t, l as n, s as r } from "./text-inputs-DF_lD7pA.js";
+import { _ as i, s as a } from "./choice-inputs-OUDn0kQw.js";
 import { MinusIcon as o, PlusIcon as s } from "lucide-react";
 import * as c from "react";
 import { Fragment as l, forwardRef as u, useCallback as d, useId as f, useMemo as p, useState as m } from "react";

package/dist/index.css

@@ -1,3 +1,3 @@
-@import "core.css";
-@import "css/primitives.css";
-@import "css/typography.css";
+@import "./core.css";
+@import "./css/primitives.css";
+@import "./css/typography.css";

package/dist/index.js

@@ -1,5 +1,4 @@
 "use client";
-import "./core.css";
-import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./ui-provider-gNDv-ZRY.js";
-import { A as S, B as C, C as w, D as T, E, F as D, H as O, I as k, L as ee, M as A, N as j, O as M, P as N, R as P, S as F, T as I, U as L, V as R, _ as z, a as B, b as V, c as H, d as U, f as W, g as G, h as K, i as q, j as J, k as Y, l as X, m as Z, n as Q, o as $, p as te, r as ne, s as re, t as ie, u as ae, v as oe, w as se, x as ce, y as le, z as ue } from "./primitives-BnXNg-Kr.js";
+import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./ui-provider-Cmoq6i_D.js";
+import { A as S, B as C, C as w, D as T, E, F as D, H as O, I as k, L as ee, M as A, N as j, O as M, P as N, R as P, S as F, T as I, U as L, V as R, _ as z, a as B, b as V, c as H, d as U, f as W, g as G, h as K, i as q, j as J, k as Y, l as X, m as Z, n as Q, o as $, p as te, r as ne, s as re, t as ie, u as ae, v as oe, w as se, x as ce, y as le, z as ue } from "./primitives-D0bdDozz.js";
 export { ie as Address, m as CSPProvider, $ as Coordinates, Q as DEFAULT_ADDRESS_ORDER, e as DEFAULT_UI_CONFIG, W as Date, W as DatePrimitive, te as DateRange, Z as DateTime, le as Dimensions, ce as Duration, T as Email, ue as EmptyValue, F as FileSize, D as Initials, re as InlineList, M as Link, H as Measure, E as Money, C as MonoValue, R as MutedValue, ee as Name, se as Number, I as Percent, Y as Phone, X as Quantity, B as Range, ae as Rating, U as Ratio, K as RelativeTime, o as Scope, O as SecondaryValue, G as Time, x as UIConfigContext, r as UINestedContext, a as UIPortalHost, d as UIProvider, s as UIRoot, c as UIScope, S as Url, L as Value, t as configToAttributes, y as configToCssVars, J as defaultCoordinatesStrings, A as defaultInlineListStrings, j as defaultRatingStrings, N as defaultRatioStrings, ne as formatAddress, q as formatAddressLines, z as formatDateRange, V as formatDimensions, w as formatFileSize, k as formatInitials, P as formatName, b as mergeUIConfig, oe as parseDateInput, _ as useDatesConfig, f as useDefaults, h as useDensity, l as useFormatting, n as useMoneyConfig, p as useOverlayConfig, g as useScale, i as useTypographyConfig, u as useUIConfig, v as useUIPortalContainer };

package/dist/{input-group-xFaO6qrB.js → input-group-BYe0rhoB.js}

@@ -1,9 +1,8 @@
-import "./css/input-group.css";
 import { t as e } from "./cvm-DtsCA8iZ.js";
 import { t } from "./cx--CBrhWH0.js";
 import { o as n } from "./typography-BkxEiwQ1.js";
-import { c as r } from "./buttons-riLAPVQV.js";
-import { c as i, l as a } from "./text-inputs-BBpgIQEI.js";
+import { c as r } from "./buttons-CqXKWty3.js";
+import { c as i, l as a } from "./text-inputs-DF_lD7pA.js";
 import * as o from "react";
 import { jsx as s } from "react/jsx-runtime";
 var c = {

package/dist/{item-C7Wfarcx.js → item-B3yQ26as.js}

@@ -1,8 +1,7 @@
-import "./css/item.css";
 import { t as e } from "./cvm-DtsCA8iZ.js";
 import { t } from "./cx--CBrhWH0.js";
 import { o as n } from "./typography-BkxEiwQ1.js";
-import { v as r } from "./display-Dehpw83R.js";
+import { v as r } from "./display-B3Q17h5z.js";
 import * as i from "react";
 import { jsx as a } from "react/jsx-runtime";
 import { mergeProps as o } from "@base-ui/react/merge-props";
@@ -24,7 +23,7 @@ var c = {
 	footer: "item__footer___9tGhf",
 	listItem: "item__listItem___WSrOY"
 }, l = i.createContext(!1);
-function u({ className: e, ruled: n, ...r }) {
+function u({ className: e, ruled: n = !1, ...r }) {
 	return /* @__PURE__ */ a(l.Provider, {
 		value: !0,
 		children: /* @__PURE__ */ a("div", {

package/dist/label-DumoMDm6.js

@@ -1,4 +1,3 @@
-import "./css/label.css";
 import { t as e } from "./cx--CBrhWH0.js";
 import { o as t } from "./typography-BkxEiwQ1.js";
 import "react";

package/dist/layout/app-shell.js

@@ -1,8 +1,6 @@
 "use client";
-import "../core.css";
-import "../css/app-shell.css";
 import { t as e } from "../cx--CBrhWH0.js";
-import { C as t, S as n, u as r } from "../sidebar-BMgoyRxy.js";
+import { C as t, S as n, u as r } from "../sidebar-D0N6ckJL.js";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 import { mergeProps as s } from "@base-ui/react/merge-props";
 import { useRender as c } from "@base-ui/react/use-render";

package/dist/layout/auth.js

@@ -1,10 +1,8 @@
 "use client";
-import "../core.css";
-import "../css/auth.css";
 import { t as e } from "../cx--CBrhWH0.js";
 import { i as t, o as n } from "../typography-BkxEiwQ1.js";
-import { i as r } from "../cards-CcwLsQQS.js";
-import { t as i } from "../layout.types-CTDrZCGP.js";
+import { i as r } from "../cards-C6Ulbkw7.js";
+import { r as i } from "../navigation-B4eUU9E8.js";
 import { isValidElement as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { mergeProps as l } from "@base-ui/react/merge-props";
@@ -59,7 +57,7 @@ function f({ surface: n = "card", eyebrow: i, title: a, description: o, headerEn
 //#endregion
 //#region src/components/layout/auth/auth-footer-links.tsx
 function p({ links: t, label: n, leadingIcon: r, renderLink: a, className: o }) {
-	let l = i({ renderLink: a }), u = t.filter((e) => e.visible !== !1);
+	let l = i(a), u = t.filter((e) => e.visible !== !1);
 	return u.length === 0 ? null : /* @__PURE__ */ c("nav", {
 		"aria-label": n,
 		className: e("auth-footer-links--component", d.links, o),
@@ -91,7 +89,7 @@ var m = {
 	legalLabel: "Legal"
 }, h = (e) => !!e && typeof e == "object" && !a(e);
 function g({ brand: e, renderLink: t }) {
-	let r = i({ renderLink: t });
+	let r = i(t);
 	if (!h(e)) return /* @__PURE__ */ s("div", {
 		className: d.brand,
 		children: e

package/dist/layout/containers.js

@@ -1,3 +1,2 @@
-import "../core.css";
 import { i as e, n as t, r as n, t as r } from "../containers-B8d8U9GS.js";
 export { r as Container, t as PageViewport, n as Section, e as TwoColumnLayout };

package/dist/layout/header.js

@@ -1,18 +1,16 @@
 "use client";
-import "../core.css";
-import "../css/header.css";
 import { t as e } from "../cx--CBrhWH0.js";
 import { o as t } from "../typography-BkxEiwQ1.js";
-import { c as n } from "../buttons-riLAPVQV.js";
-import { a as r, d as i, g as a, i as o, o as s, r as c, s as l, t as u } from "../dropdown-menu-BdgB__AC.js";
-import { n as d } from "../action-menu-BrMchcyt.js";
-import { a as f, d as p, v as m } from "../display-Dehpw83R.js";
-import { I as h } from "../primitives-BnXNg-Kr.js";
-import { a as g, c as _, r as v } from "../avatar-C30TNJoy.js";
-import { l as y } from "../navigation-COnv0B1H.js";
-import { c as b, r as x, t as S } from "../popover-CM1nxkAM.js";
-import { S as C, T as w } from "../sidebar-BMgoyRxy.js";
-import { t as T } from "../layout.types-CTDrZCGP.js";
+import { c as n } from "../buttons-CqXKWty3.js";
+import { a as r, d as i, g as a, i as o, o as s, r as c, s as l, t as u } from "../dropdown-menu-TyNLCLML.js";
+import { n as d } from "../action-menu-BNLURfMK.js";
+import { a as f, d as p, v as m } from "../display-B3Q17h5z.js";
+import { I as h } from "../primitives-D0bdDozz.js";
+import { a as g, c as _, r as v } from "../avatar-CS7zow2q.js";
+import { l as y } from "../navigation-CsqTA16F.js";
+import { r as b } from "../navigation-B4eUU9E8.js";
+import { c as x, r as S, t as C } from "../popover-DriLnIFc.js";
+import { S as w, T } from "../sidebar-D0N6ckJL.js";
 import { BellIcon as E, ChevronsUpDownIcon as D, LogOutIcon as O, SearchIcon as k, SettingsIcon as A, UserIcon as j } from "lucide-react";
 import { forwardRef as M, useEffect as N, useMemo as P, useRef as F, useSyncExternalStore as I } from "react";
 import { Fragment as L, jsx as R, jsxs as z } from "react/jsx-runtime";
@@ -87,13 +85,13 @@ function K({ breadcrumbs: t = [], homeCrumb: n = null, strings: r, showSidebarTr
 	let s = {
 		...V,
 		...r
-	}, c = w(), l = i && (!!a || !!c), u = P(() => n ? [n, ...t] : t, [n, t]);
+	}, c = T(), l = i && (!!a || !!c), u = P(() => n ? [n, ...t] : t, [n, t]);
 	return /* @__PURE__ */ z("div", {
 		"data-slot": "header-breadcrumbs",
 		className: e("header-breadcrumbs--component", G.crumbBar, o),
 		children: [!!l && /* @__PURE__ */ R("div", {
 			className: G.crumbTrigger,
-			children: a ?? /* @__PURE__ */ R(C, {})
+			children: a ?? /* @__PURE__ */ R(w, {})
 		}), u.length > 0 && /* @__PURE__ */ z(L, { children: [!!l && /* @__PURE__ */ R(m, { orientation: "vertical" }), /* @__PURE__ */ R("div", {
 			className: G.crumbTrail,
 			children: /* @__PURE__ */ R(y, {
@@ -218,18 +216,18 @@ var Q = M(function({ label: t, icon: r, active: i = !1, disabled: a = !1, badge:
 	});
 });
 function $({ label: t, icon: n, open: r, defaultOpen: i, onOpenChange: a, active: o, disabled: s, badge: c, align: l = "end", side: u = "bottom", sideOffset: d, className: f, triggerClassName: p, contentClassName: m, children: h }) {
-	return /* @__PURE__ */ z(S, {
+	return /* @__PURE__ */ z(C, {
 		open: r,
 		defaultOpen: i,
 		onOpenChange: a,
-		children: [/* @__PURE__ */ R(b, { render: /* @__PURE__ */ R(Q, {
+		children: [/* @__PURE__ */ R(x, { render: /* @__PURE__ */ R(Q, {
 			label: t,
 			icon: n,
 			active: o ?? r,
 			disabled: s,
 			badge: c,
 			className: p
-		}) }), /* @__PURE__ */ R(x, {
+		}) }), /* @__PURE__ */ R(S, {
 			"data-slot": "header-tool-popover",
 			align: l,
 			side: u,
@@ -241,19 +239,19 @@ function $({ label: t, icon: n, open: r, defaultOpen: i, onOpenChange: a, active
 }
 //#endregion
 //#region src/components/layout/header/partials/header-notifications.tsx
-function ee({ notifications: d = [], unreadCount: f = 0, onNotificationClick: p, onMarkAllRead: m, onViewAll: h, viewAllHref: g, renderLink: _, align: v = "end", side: y = "bottom", strings: b, className: x, contentClassName: S, renderNotification: C }) {
-	let w = {
+function ee({ notifications: d = [], unreadCount: f = 0, onNotificationClick: p, onMarkAllRead: m, onViewAll: h, viewAllHref: g, renderLink: _, align: v = "end", side: y = "bottom", strings: x, className: S, contentClassName: C, renderNotification: w }) {
+	let T = {
 		...U,
-		...b
-	}, D = T({ renderLink: _ }), O = f > 99 ? "99+" : String(f);
+		...x
+	}, D = b(_), O = f > 99 ? "99+" : String(f);
 	return /* @__PURE__ */ z(u, { children: [/* @__PURE__ */ R(a, { render: /* @__PURE__ */ z(n, {
 		type: "button",
 		"data-slot": "header-notifications-trigger",
 		tone: "neutral",
 		buttonStyle: "ghost",
 		iconOnly: !0,
-		"aria-label": f > 0 ? `${w.trigger}, ${w.unread(f)}` : w.trigger,
-		className: e("header-notifications--component", G.tool, x),
+		"aria-label": f > 0 ? `${T.trigger}, ${T.unread(f)}` : T.trigger,
+		className: e("header-notifications--component", G.tool, S),
 		children: [/* @__PURE__ */ R(E, { "aria-hidden": !0 }), f > 0 && /* @__PURE__ */ R("span", {
 			"aria-hidden": !0,
 			className: G.toolBadge,
@@ -263,16 +261,16 @@ function ee({ notifications: d = [], unreadCount: f = 0, onNotificationClick: p,
 		"data-slot": "header-notifications-content",
 		align: v,
 		side: y,
-		className: e(G.toolSurface, S),
+		className: e(G.toolSurface, C),
 		children: [/* @__PURE__ */ z(o, { children: [
 			/* @__PURE__ */ z(s, {
 				className: G.notificationsHead,
-				children: [w.heading, f > 0 && !!m && /* @__PURE__ */ R(n, {
+				children: [T.heading, f > 0 && !!m && /* @__PURE__ */ R(n, {
 					type: "button",
 					tone: "neutral",
 					buttonStyle: "ghost",
 					onClick: m,
-					children: w.markAllRead
+					children: T.markAllRead
 				})]
 			}),
 			/* @__PURE__ */ R(i, {}),
@@ -280,7 +278,7 @@ function ee({ notifications: d = [], unreadCount: f = 0, onNotificationClick: p,
 				className: G.notificationsEmpty,
 				children: /* @__PURE__ */ R(t, {
 					type: "secondary",
-					children: w.empty
+					children: T.empty
 				})
 			}) : /* @__PURE__ */ R("div", {
 				className: G.notificationsList,
@@ -288,8 +286,8 @@ function ee({ notifications: d = [], unreadCount: f = 0, onNotificationClick: p,
 					notification: e,
 					onClick: p,
 					link: D,
-					renderNotification: C,
-					unreadLabel: w.unreadItem
+					renderNotification: w,
+					unreadLabel: T.unreadItem
 				}, e.id))
 			})
 		] }), (!!h || !!g) && /* @__PURE__ */ z(L, { children: [/* @__PURE__ */ R(i, {}), g ? /* @__PURE__ */ R(l, {
@@ -299,10 +297,10 @@ function ee({ notifications: d = [], unreadCount: f = 0, onNotificationClick: p,
 				href: g,
 				children: e.children
 			}),
-			children: w.viewAll
+			children: T.viewAll
 		}) : /* @__PURE__ */ R(r, {
 			onClick: h,
-			children: w.viewAll
+			children: T.viewAll
 		})] })]
 	})] });
 }

package/dist/layout/navigation.js

@@ -1,4 +1,3 @@
 "use client";
-import "../core.css";
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../navigation-DwNUlszz.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../navigation-DzxzPuwg.js";
 export { o as BreadcrumbProgress, n as CategoryNav, i as SectionNav, t as SideNav, e as defaultBreadcrumbProgressStrings, r as defaultSectionNavStrings, a as defaultSideNavStrings };

package/dist/layout/page.js

@@ -1,13 +1,11 @@
 "use client";
-import "../core.css";
-import "../css/page.css";
 import { t as e } from "../cx--CBrhWH0.js";
-import { c as t } from "../buttons-riLAPVQV.js";
-import { a as n, n as r, t as i } from "../action-menu-BrMchcyt.js";
-import { v as a } from "../display-Dehpw83R.js";
+import { c as t } from "../buttons-CqXKWty3.js";
+import { a as n, n as r, t as i } from "../action-menu-BNLURfMK.js";
+import { v as a } from "../display-B3Q17h5z.js";
 import { t as o } from "../responsive-B4VDcIUK.js";
-import { o as s } from "../navigation-COnv0B1H.js";
-import { t as c } from "../layout.types-CTDrZCGP.js";
+import { o as s } from "../navigation-CsqTA16F.js";
+import { r as c } from "../navigation-B4eUU9E8.js";
 import { t as l } from "../containers-B8d8U9GS.js";
 import { ArrowLeftIcon as u } from "lucide-react";
 import * as d from "react";
@@ -31,7 +29,7 @@ function y({ title: n, description: r, eyebrow: i, level: o = 1, titleIcon: l, t
 	let O = {
 		..._,
 		...p
-	}, k = c({ renderLink: T }), A = m || y ? /* @__PURE__ */ g("div", {
+	}, k = c(T), A = m || y ? /* @__PURE__ */ g("div", {
 		className: v.headerBack,
 		children: [m && !y ? /* @__PURE__ */ h(t, {
 			render: k({
@@ -123,37 +121,34 @@ function S({ actions: t, display: a = "auto", breakpoint: s = o.lg, maxInlineAct
 	let _ = {
 		...x,
 		...l
-	}, y = u ? (e) => u({
-		...e,
-		children: e.children ?? null
-	}) : void 0, b = p(() => (t ?? []).filter((e) => e.visible !== !1), [t]), [S, C] = m(!1);
+	}, y = p(() => (t ?? []).filter((e) => e.visible !== !1), [t]), [b, S] = m(!1);
 	if (f(() => {
 		if (a !== "auto" || typeof window > "u") return;
-		let e = () => C(window.innerWidth < s);
+		let e = () => S(window.innerWidth < s);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, [a, s]), b.length === 0) return null;
-	if (a === "menu" || a === "auto" && S) return /* @__PURE__ */ h("div", {
+	}, [a, s]), y.length === 0) return null;
+	if (a === "menu" || a === "auto" && b) return /* @__PURE__ */ h("div", {
 		className: e("page-actions--component", v.actions, d),
 		children: /* @__PURE__ */ h(r, {
-			actions: b,
+			actions: y,
 			strings: { trigger: _.menuLabel },
 			align: "end",
 			preserveOrder: !0,
-			renderLink: y
+			renderLink: u
 		})
 	});
-	let { inline: w, overflow: T } = n(b, c);
+	let { inline: C, overflow: w } = n(y, c);
 	return /* @__PURE__ */ g("div", {
 		className: e("page-actions--component", v.actions, d),
 		children: [/* @__PURE__ */ h(i, {
+			actions: C,
+			renderLink: u
+		}), w.length > 0 && /* @__PURE__ */ h(r, {
 			actions: w,
-			renderLink: y
-		}), T.length > 0 && /* @__PURE__ */ h(r, {
-			actions: T,
 			strings: { trigger: _.menuLabel },
 			align: "end",
 			preserveOrder: !0,
-			renderLink: y
+			renderLink: u
 		})]
 	});
 }

package/dist/layout/settings.js

@@ -1,9 +1,8 @@
 "use client";
-import "../core.css";
 import { t as e } from "../cx--CBrhWH0.js";
-import { o as t } from "../navigation-COnv0B1H.js";
+import { o as t } from "../navigation-CsqTA16F.js";
 import { i as n } from "../containers-B8d8U9GS.js";
-import { i as r } from "../navigation-DwNUlszz.js";
+import { i as r } from "../navigation-DzxzPuwg.js";
 import "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/layout/settings/settings.tsx