themelia-ui 3.0.0 → 3.2.0

package/dist/base/toggle.js

@@ -1,28 +1,34 @@
-import { t as e } from "../cx--CBrhWH0.js";
-import { jsx as t } from "react/jsx-runtime";
-import { Toggle as n } from "@base-ui/react/toggle";
-import { ToggleGroup as r } from "@base-ui/react/toggle-group";
-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 { Toggle as r } from "@base-ui/react/toggle";
+import { ToggleGroup as i } from "@base-ui/react/toggle-group";
+import "#css/toggle.css";
+var a = {
 	toggle: "toggle__toggle___84Exh",
 	group: "toggle__group___2Bb-U"
 };
 //#endregion
 //#region src/components/base/toggle/toggle.tsx
-function a({ variant: r = "ghost", className: a, ...o }) {
-	return /* @__PURE__ */ t(n, {
+function o({ appearance: i = "ghost", className: o, ...s }) {
+	return /* @__PURE__ */ n(r, {
 		"data-slot": "toggle",
-		"data-variant": r,
-		className: e("toggle--component", i.toggle, a),
-		...o
+		"data-appearance": i,
+		className: t("toggle--component", a.toggle, e({
+			size: "sm",
+			weight: "medium"
+		}), o),
+		...s
 	});
 }
-function o({ attached: n = !0, className: a, ...o }) {
-	return /* @__PURE__ */ t(r, {
+function s({ attached: e = !0, className: r, ...o }) {
+	return /* @__PURE__ */ n(i, {
 		"data-slot": "toggle-group",
-		"data-attached": n || void 0,
-		className: e("toggle-group--component", i.group, a),
+		"data-attached": e || void 0,
+		className: t("toggle-group--component", a.group, r),
 		...o
 	});
 }
 //#endregion
-export { a as Toggle, o as ToggleGroup };
+export { o as Toggle, s as ToggleGroup };

package/dist/base/toolbar.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 "../toolbar-DWRywF0R.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../toolbar-DBK-c4yy.js";
 export { a as Toolbar, n as ToolbarButton, i as ToolbarGroup, t as ToolbarInput, e as ToolbarLink, r as ToolbarSeparator };

package/dist/base/tooltip.js

@@ -1,3 +1,3 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../tooltip-t1VQQ2tZ.js";
+import { i as e, n as t, r as n, t as r } from "../tooltip-BPYP-jUm.js";
 export { r as Tooltip, t as TooltipContent, n as TooltipProvider, e as TooltipTrigger };

package/dist/base/typography.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, o as n, r, t as i } from "../typography-BkxEiwQ1.js";
-export { t as DisplayLabel, e as Heading, i as RichText, n as Text, r as TextLink };
+import { a as e, c as t, i as n, n as r, o as i, s as a, t as o } from "../typography-DmeR05Er.js";
+export { e as DisplayLabel, i as Heading, r as RichText, a as Text, n as TextLink, o as richTextClassName, t as textClassName };

package/dist/base/upload.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 _, y as v } from "../upload-B38YZeFJ.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 _, y as v } from "../upload-CYuoJykZ.js";
 export { t as AvatarUpload, c as Dropzone, h as FilePickerInput, m as FileUpload, d as ImageUpload, u as MediaGallery, v as PreviewImage, p as UploadProgressList, s as UploadTray, r as defaultAvatarUploadStrings, i as defaultDropzoneStrings, f as defaultFilePickerStrings, _ as defaultFileUploadStrings, l as defaultImageUploadStrings, o as defaultMediaGalleryStrings, a as defaultUploadProgressListStrings, e as defaultUploadTrayStrings, g as useFileDropTarget, n as validateFileSelection };

package/dist/base/value-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, p as c, r as l, s as u, t as d, u as f } from "../value-inputs-Q4ymjXlV.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "../value-inputs-ng8aVJJZ.js";
 export { l as COUNTRY_PREFIX_MAP, s as ColorInput, i as DEFAULT_COUNTRY_PREFIXES, d as DateTimeInput, o as PhoneInput, t as Slider, a as SliderField, u as TagsInput, f as defaultColorInputStrings, n as defaultPhoneInputStrings, r as defaultSliderStrings, c as defaultTagsInputStrings, e as normalizeCountryPrefix };

package/dist/{batch-action-bar-BZYNKXdV.js → batch-action-bar-DZVMVW83.js}

@@ -1,7 +1,9 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { o as t } from "./typography-BkxEiwQ1.js";
-import { c as n } from "./buttons-CqXKWty3.js";
+import "#core.css";
+import { s as e } from "./typography-DmeR05Er.js";
+import { t } from "./cx--CBrhWH0.js";
+import { c as n } from "./buttons-BX2JfL5X.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import "#css/batch-action-bar.css";
 //#region src/components/base/batch-action-bar/batch-action-bar.strings.ts
 var a = {
 	summary: (e, t) => t === void 0 ? `${e} selected` : `${e} of ${t} selected`,
@@ -26,17 +28,18 @@ function s({ selectedCount: s, totalCount: c, onClear: l, placement: u = "floati
 		"aria-label": m.label,
 		"data-slot": "batch-action-bar",
 		"data-placement": u,
-		className: e("batch-action-bar--component", o.root, o[u], p),
-		children: [/* @__PURE__ */ r(t, {
+		className: t("batch-action-bar--component", o.root, o[u], p),
+		children: [/* @__PURE__ */ r(e, {
 			size: "sm",
-			className: e("batch-action-bar--summary", o.summary),
+			numeric: !0,
+			className: t("batch-action-bar--summary", o.summary),
 			children: m.summary(s, c)
 		}), /* @__PURE__ */ i("div", {
-			className: e("batch-action-bar--actions", o.actions),
+			className: t("batch-action-bar--actions", o.actions),
 			children: [f, l ? /* @__PURE__ */ r(n, {
 				type: "button",
 				tone: "neutral",
-				buttonStyle: "ghost",
+				appearance: "ghost",
 				onClick: l,
 				children: m.clear
 			}) : null]

package/dist/{admin/patterns → blocks/admin}/access.js

@@ -1,17 +1,19 @@
 "use client";
-import { t as e } from "../../cx--CBrhWH0.js";
-import { i as t, o as n } from "../../typography-BkxEiwQ1.js";
-import { _ as r, h as i, p as a } from "../../feedback-DRerHGuV.js";
-import { c as o } from "../../buttons-CqXKWty3.js";
-import { n as s } from "../../action-menu-BNLURfMK.js";
-import { t as c } from "../../copyable-H1TUEY-H.js";
-import { _ as l, d as u, g as d, h as f, l as p, u as m } from "../../display-B3Q17h5z.js";
-import { t as h } from "../../badge-CxOuTfVr.js";
-import { c as g, n as _, o as v, r as y, t as b, u as x } from "../../item-B3yQ26as.js";
+import "#core.css";
+import { a as e, s as t } from "../../typography-DmeR05Er.js";
+import { t as n } from "../../cx--CBrhWH0.js";
+import { c as r } from "../../buttons-BX2JfL5X.js";
+import { n as i } from "../../action-menu-BwiL_F6I.js";
+import { t as a } from "../../badge-VlJVZjdm.js";
+import { _ as o, h as s, p as c } from "../../feedback-D4qVsKlD.js";
+import { _ as l, d as u, g as d, h as f, l as p, u as m } from "../../display-a7AoX_u7.js";
+import { t as h } from "../../copyable-D9Okb1w6.js";
+import { c as g, n as _, o as v, r as y, t as b, u as x } from "../../item-M2pmpWXh.js";
 import { t as S } from "../../use-controllable-state-HHu2LRI-.js";
 import { CheckIcon as C, KeyRoundIcon as w, MinusIcon as T, PencilIcon as E, PlusIcon as D, ShieldAlertIcon as O, Trash2Icon as k } from "lucide-react";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
-//#region src/components/admin/patterns/access/admin.strings.ts
+import "#css/access.css";
+//#region src/components/blocks/admin/access/admin.strings.ts
 var M = {
 	title: "API keys",
 	addLabel: "Add key",
@@ -25,36 +27,36 @@ var M = {
 	granted: "Granted",
 	notGranted: "Not granted"
 }, P = {
-	credentialList: "admin__credentialList___Lu3kk",
-	credentialHeader: "admin__credentialHeader___PzAO0",
-	credentialToggle: "admin__credentialToggle___uegl-",
-	credentialBody: "admin__credentialBody___khth_",
-	role: "admin__role___YCmE-",
-	roleHeader: "admin__roleHeader___d478J",
-	roleIdentity: "admin__roleIdentity___Gxgk0",
-	roleHeaderActions: "admin__roleHeaderActions___Zlm1I",
-	roleGroup: "admin__roleGroup___MFCue",
-	rolePermissions: "admin__rolePermissions___KA_Mi",
-	rolePermission: "admin__rolePermission___qUfHm",
-	roleMark: "admin__roleMark___z_njs",
-	sensitive: "admin__sensitive___LUftI",
-	sensitiveRow: "admin__sensitiveRow___EIo7R",
-	sensitiveBody: "admin__sensitiveBody___7-R_u",
-	sensitiveAction: "admin__sensitiveAction___1cUzh"
+	credentialList: "admin__credentialList___m9Hah",
+	credentialHeader: "admin__credentialHeader___KWb5k",
+	credentialToggle: "admin__credentialToggle___GAzQY",
+	credentialBody: "admin__credentialBody___mUbPv",
+	role: "admin__role___j2f50",
+	roleHeader: "admin__roleHeader___he8MI",
+	roleIdentity: "admin__roleIdentity___7i9JT",
+	roleHeaderActions: "admin__roleHeaderActions___GVqNY",
+	roleGroup: "admin__roleGroup___M51Jm",
+	rolePermissions: "admin__rolePermissions___vhuBI",
+	rolePermission: "admin__rolePermission___Y9rxU",
+	roleMark: "admin__roleMark___3nuht",
+	sensitive: "admin__sensitive___lO4fx",
+	sensitiveRow: "admin__sensitiveRow___txnVH",
+	sensitiveBody: "admin__sensitiveBody___6A9Jz",
+	sensitiveAction: "admin__sensitiveAction___yZRes"
 };
 //#endregion
-//#region src/components/admin/patterns/access/credential-list.tsx
-function F({ items: t, title: r, defaultOpen: i = !0, open: u, onOpenChange: p, onAdd: h, onDelete: C, onCopy: T, strings: E, className: O, ...N }) {
+//#region src/components/blocks/admin/access/credential-list.tsx
+function F({ items: e, title: a, defaultOpen: o = !0, open: s, onOpenChange: u, onAdd: p, onDelete: C, onCopy: T, strings: E, className: O, ...N }) {
 	let F = {
 		...M,
 		...E
 	}, [I, L] = S({
-		value: u,
-		defaultValue: i,
-		onChange: p
+		value: s,
+		defaultValue: o,
+		onChange: u
 	});
 	return /* @__PURE__ */ A("div", {
-		className: e("credential-list--component", P.credentialList, O),
+		className: n("credential-list--component", P.credentialList, O),
 		...N,
 		children: /* @__PURE__ */ j(f, {
 			open: I,
@@ -63,28 +65,28 @@ function F({ items: t, title: r, defaultOpen: i = !0, open: u, onOpenChange: p,
 				className: P.credentialHeader,
 				children: [/* @__PURE__ */ A(l, {
 					className: P.credentialToggle,
-					children: /* @__PURE__ */ A(n, {
+					children: /* @__PURE__ */ A(t, {
 						tag: "span",
 						weight: "semibold",
-						children: r ?? F.title
+						children: a ?? F.title
 					})
-				}), h && /* @__PURE__ */ A(o, {
+				}), p && /* @__PURE__ */ A(r, {
 					tone: "secondary",
-					buttonStyle: "ghost",
+					appearance: "ghost",
 					iconOnly: !0,
 					"aria-label": F.addLabel,
-					onClick: h,
+					onClick: p,
 					children: /* @__PURE__ */ A(D, { "aria-hidden": "true" })
 				})]
 			}), /* @__PURE__ */ A(d, {
 				className: P.credentialBody,
-				children: t.length === 0 ? /* @__PURE__ */ A(a, {
+				children: e.length === 0 ? /* @__PURE__ */ A(c, {
 					padding: "sm",
 					title: F.emptyMessage,
 					description: !1
 				}) : /* @__PURE__ */ A(v, {
 					ruled: !0,
-					children: t.map((e) => {
+					children: e.map((e) => {
 						let t = C ? [{
 							id: "delete",
 							label: F.deleteLabel,
@@ -98,7 +100,7 @@ function F({ items: t, title: r, defaultOpen: i = !0, open: u, onOpenChange: p,
 								icon: w,
 								shape: "rounded"
 							}) }),
-							/* @__PURE__ */ j(y, { children: [/* @__PURE__ */ A(x, { children: e.name }), /* @__PURE__ */ A(c, {
+							/* @__PURE__ */ j(y, { children: [/* @__PURE__ */ A(x, { children: e.name }), /* @__PURE__ */ A(h, {
 								value: e.value,
 								displayValue: e.displayValue ?? e.value,
 								mono: !0,
@@ -107,7 +109,7 @@ function F({ items: t, title: r, defaultOpen: i = !0, open: u, onOpenChange: p,
 								strings: { copy: F.copyLabel },
 								onCopy: () => T?.(e.id, e)
 							})] }),
-							t.length > 0 && /* @__PURE__ */ A(_, { children: /* @__PURE__ */ A(s, {
+							t.length > 0 && /* @__PURE__ */ A(_, { children: /* @__PURE__ */ A(i, {
 								actions: t,
 								strings: { trigger: F.rowMenuLabel }
 							}) })
@@ -119,43 +121,43 @@ function F({ items: t, title: r, defaultOpen: i = !0, open: u, onOpenChange: p,
 	});
 }
 //#endregion
-//#region src/components/admin/patterns/access/role-permissions.tsx
-function I({ roleName: r, description: i, memberCount: a, groups: s, onEdit: c, strings: l, className: d, ...f }) {
-	let p = {
+//#region src/components/blocks/admin/access/role-permissions.tsx
+function I({ roleName: i, description: o, memberCount: s, groups: c, onEdit: l, strings: d, className: f, ...p }) {
+	let m = {
 		...N,
-		...l
+		...d
 	};
 	return /* @__PURE__ */ j("div", {
-		className: e("role-permissions--component", P.role, d),
-		...f,
+		className: n("role-permissions--component", P.role, f),
+		...p,
 		children: [/* @__PURE__ */ j("div", {
-			className: e("role-permissions--header", P.roleHeader),
+			className: n("role-permissions--header", P.roleHeader),
 			children: [/* @__PURE__ */ j("div", {
 				className: P.roleIdentity,
-				children: [/* @__PURE__ */ A(n, {
+				children: [/* @__PURE__ */ A(t, {
 					weight: "medium",
-					children: r
-				}), i != null && /* @__PURE__ */ A(n, {
-					type: "secondary",
 					children: i
+				}), o != null && /* @__PURE__ */ A(t, {
+					type: "secondary",
+					children: o
 				})]
-			}), (a !== void 0 || c) && /* @__PURE__ */ j("div", {
+			}), (s !== void 0 || l) && /* @__PURE__ */ j("div", {
 				className: P.roleHeaderActions,
-				children: [a !== void 0 && /* @__PURE__ */ A(h, {
+				children: [s !== void 0 && /* @__PURE__ */ A(a, {
 					tone: "neutral",
-					children: p.formatMemberCount(a)
-				}), c && /* @__PURE__ */ j(o, {
+					children: m.formatMemberCount(s)
+				}), l && /* @__PURE__ */ j(r, {
 					tone: "secondary",
-					buttonStyle: "outline",
-					onClick: c,
-					children: [/* @__PURE__ */ A(E, { "aria-hidden": "true" }), p.editLabel]
+					appearance: "outline",
+					onClick: l,
+					children: [/* @__PURE__ */ A(E, { "aria-hidden": "true" }), m.editLabel]
 				})]
 			})]
-		}), s.map((e) => /* @__PURE__ */ j("div", {
+		}), c.map((n) => /* @__PURE__ */ j("div", {
 			className: P.roleGroup,
-			children: [/* @__PURE__ */ A(t, { children: e.name }), /* @__PURE__ */ A("div", {
+			children: [/* @__PURE__ */ A(e, { children: n.name }), /* @__PURE__ */ A("div", {
 				className: P.rolePermissions,
-				children: e.permissions.map((e) => /* @__PURE__ */ j("span", {
+				children: n.permissions.map((e) => /* @__PURE__ */ j("span", {
 					"data-granted": e.granted ? "" : void 0,
 					className: P.rolePermission,
 					children: [
@@ -166,23 +168,24 @@ function I({ roleName: r, description: i, memberCount: a, groups: s, onEdit: c,
 							className: P.roleMark,
 							"aria-hidden": "true"
 						}),
-						/* @__PURE__ */ A(n, {
+						/* @__PURE__ */ A(t, {
 							tag: "span",
+							type: "inherit",
 							children: e.label
 						}),
-						/* @__PURE__ */ A(u, { children: e.granted ? p.granted : p.notGranted })
+						/* @__PURE__ */ A(u, { children: e.granted ? m.granted : m.notGranted })
 					]
 				}, e.label))
 			})]
-		}, e.name))]
+		}, n.name))]
 	});
 }
 //#endregion
-//#region src/components/admin/patterns/access/sensitive-action.tsx
-function L({ title: t, description: a, action: o, confirmation: s, icon: c = O, className: l, ...u }) {
+//#region src/components/blocks/admin/access/sensitive-action.tsx
+function L({ title: e, description: r, action: i, confirmation: a, icon: c = O, className: l, ...u }) {
 	return /* @__PURE__ */ j(p, {
 		surface: "bordered",
-		className: e("sensitive-action--component", P.sensitive, l),
+		className: n("sensitive-action--component", P.sensitive, l),
 		...u,
 		children: [/* @__PURE__ */ j("div", {
 			className: P.sensitiveRow,
@@ -194,24 +197,24 @@ function L({ title: t, description: a, action: o, confirmation: s, icon: c = O,
 				}),
 				/* @__PURE__ */ j("div", {
 					className: P.sensitiveBody,
-					children: [/* @__PURE__ */ A(n, {
+					children: [/* @__PURE__ */ A(t, {
 						weight: "medium",
-						children: t
-					}), a != null && /* @__PURE__ */ A(n, {
+						children: e
+					}), r != null && /* @__PURE__ */ A(t, {
 						type: "secondary",
-						children: a
+						children: r
 					})]
 				}),
-				o != null && /* @__PURE__ */ A("div", {
+				i != null && /* @__PURE__ */ A("div", {
 					className: P.sensitiveAction,
-					children: o
+					children: i
 				})
 			]
-		}), s != null && /* @__PURE__ */ A(i, {
+		}), a != null && /* @__PURE__ */ A(s, {
 			tone: "destructive",
 			role: "note",
 			className: "sensitive-action--confirmation",
-			children: /* @__PURE__ */ A(r, { children: s })
+			children: /* @__PURE__ */ A(o, { children: a })
 		})]
 	});
 }