themelia-ui 2.0.0 → 3.0.0

package/dist/{primitives-B2aeaudR.js → primitives-D0bdDozz.js}

@@ -1,7 +1,6 @@
-import "./css/primitives.css";
 import { t as e } from "./cx--CBrhWH0.js";
-import { o as t, r as n } from "./typography-B8Iurhy1.js";
-import { a as r, i, t as a } from "./ui-provider-BzyJxcKH.js";
+import { o as t, r as n } from "./typography-BkxEiwQ1.js";
+import { a as r, i, t as a } from "./ui-provider-Cmoq6i_D.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { format as c, formatDistance as l, formatDistanceToNow as u } from "date-fns";
 function d(e, t = {}) {
@@ -585,21 +584,21 @@ function _e({ value: e, pattern: t, ...n }) {
 		children: s ? c(s, t ?? r, { locale: i }) : void 0
 	});
 }
-function ve({ value: e, pattern: t = "HH:mm", ...n }) {
-	let { locale: r } = a(), i = G(e);
+function ve({ value: e, pattern: t, ...n }) {
+	let { locale: r, timeFormat: i } = a(), s = G(e);
 	return /* @__PURE__ */ o(v, {
 		hook: "time",
 		numeric: !0,
 		...n,
-		children: i ? c(i, t, { locale: r }) : void 0
+		children: s ? c(s, t ?? i ?? "HH:mm", { locale: r }) : void 0
 	});
 }
 function ye({ value: e, pattern: t, ...n }) {
-	let { format: r, locale: i } = a(), s = G(e);
+	let { format: r, locale: i, timeFormat: s } = a(), l = G(e);
 	return /* @__PURE__ */ o(v, {
 		hook: "date-time",
 		...n,
-		children: s ? c(s, t ?? `${r} HH:mm`, { locale: i }) : void 0
+		children: l ? c(l, t ?? `${r} ${s ?? "HH:mm"}`, { locale: i }) : void 0
 	});
 }
 function be({ start: e, end: t, pattern: n, separator: r, ...i }) {

package/dist/primitives.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/primitives.js

@@ -1,4 +1,3 @@
 "use client";
-import "./core.css";
-import { A as e, B as t, C as n, D as r, E as i, F 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 _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, j as D, k as O, l as k, 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, w as z, x as B, y as V, z as H } from "./primitives-B2aeaudR.js";
+import { A as e, B as t, C as n, D as r, E as i, F 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 _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, j as D, k as O, l as k, 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, w as z, x as B, y as V, z as H } from "./primitives-D0bdDozz.js";
 export { I as Address, M as Coordinates, j as DEFAULT_ADDRESS_ORDER, C as Date, C as DatePrimitive, N as DateRange, A as DateTime, V as Dimensions, B as Duration, r as Email, H as EmptyValue, m as FileSize, a as Initials, F as InlineList, d as Link, x as Measure, i as Money, t as MonoValue, _ as MutedValue, c as Name, z as Number, h as Percent, O as Phone, k as Quantity, y as Range, L as Rating, S as Ratio, T as RelativeTime, o as SecondaryValue, w as Time, e as Url, g as Value, D as defaultCoordinatesStrings, l as defaultInlineListStrings, u as defaultRatingStrings, f as defaultRatioStrings, P as formatAddress, E as formatAddressLines, v as formatDateRange, b as formatDimensions, n as formatFileSize, s as formatInitials, p as formatName, R as parseDateInput };

package/dist/profiles/admin.json

@@ -1,7 +1,7 @@
 {
   "id": "admin",
-  "definition": "A terminal family that may depend on general families and may never be imported by a general family.",
-  "families": [
+  "definition": "A terminal module that may depend on general modules and may never be imported by a general module.",
+  "modules": [
     "admin/patterns/access",
     "admin/patterns/commerce",
     "base/action-menu",

package/dist/profiles/general.json

@@ -1,7 +1,7 @@
 {
   "id": "general",
-  "definition": "A family that does not depend on an admin family. It may still implement workflows commonly used by admin applications.",
-  "families": [
+  "definition": "A module that does not depend on an admin module. It may still implement workflows commonly used by admin applications.",
+  "modules": [
     "base/accordion",
     "base/action-menu",
     "base/alert-dialog",

package/dist/{repeaters-C43GWEE_.js → repeaters-DuP1N0nw.js}

@@ -1,11 +1,10 @@
-import "./css/repeaters.css";
 import { t as e } from "./cx--CBrhWH0.js";
-import { c as t } from "./buttons-Corm-KHK.js";
-import { d as n } from "./display-DVhYS75K.js";
+import { c as t } from "./buttons-CqXKWty3.js";
+import { d as n } from "./display-B3Q17h5z.js";
 import { o as r } from "./structure-D0WGQAP3.js";
-import { u as i } from "./forms-zF9SP3Ai.js";
-import { c as a, l as o } from "./text-inputs-BBpgIQEI.js";
-import { r as s } from "./choice-inputs-Ca9PoQwa.js";
+import { u as i } from "./forms-CPrGGif_.js";
+import { c as a, l as o } from "./text-inputs-DF_lD7pA.js";
+import { r as s } from "./choice-inputs-OUDn0kQw.js";
 import { GripVerticalIcon as c, PlusIcon as l, XIcon as u } from "lucide-react";
 import { useCallback as d, useId as f, useMemo as p, useRef as m, useState as h } from "react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";

package/dist/{rich-text-editor-CVo4FB26.js → rich-text-editor-BQXFe9oN.js}

@@ -1,9 +1,8 @@
-import "./css/rich-text-editor.css";
 import { t as e } from "./cx--CBrhWH0.js";
-import { o as t } from "./typography-B8Iurhy1.js";
-import { w as n } from "./primitives-B2aeaudR.js";
-import { c as r } from "./text-inputs-BBpgIQEI.js";
-import { n as i, o as a, r as o, t as s } from "./toolbar-CvUhAFhi.js";
+import { o as t } from "./typography-BkxEiwQ1.js";
+import { w as n } from "./primitives-D0bdDozz.js";
+import { c as r } from "./text-inputs-DF_lD7pA.js";
+import { n as i, o as a, r as o, t as s } from "./toolbar-DWRywF0R.js";
 import { t as c } from "./tiptap-engine-IJO4CSsk.js";
 import { BoldIcon as l, Code2Icon as u, ItalicIcon as d, ListIcon as f, ListOrderedIcon as p, QuoteIcon as m, Redo2Icon as h, StrikethroughIcon as g, Undo2Icon as ee } from "lucide-react";
 import { useCallback as _, useEffect as v, useImperativeHandle as y, useMemo as te, useRef as b, useState as x, useSyncExternalStore as S } from "react";

package/dist/{sheet-BP2BmI-Z.js → sheet-CKcmRbJ9.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./cx--CBrhWH0.js";
-import { n as t } from "./ui-provider-BzyJxcKH.js";
-import { r as n } from "./overlay-Bdri8Z7E.js";
+import { n as t } from "./ui-provider-Cmoq6i_D.js";
+import { r as n } from "./overlay-WQOsLd69.js";
 import "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/base/sheet/sheet.tsx

package/dist/{sidebar-DOmsOhCp.js → sidebar-D0N6ckJL.js}

@@ -1,16 +1,15 @@
-import "./css/sidebar2.css";
 import { t as e } from "./cx--CBrhWH0.js";
-import { o as t } from "./typography-B8Iurhy1.js";
-import { c as n } from "./buttons-Corm-KHK.js";
-import { i as r, n as i, t as a } from "./tooltip-B82dN7Oy.js";
-import { d as o, v as s } from "./display-DVhYS75K.js";
+import { o as t } from "./typography-BkxEiwQ1.js";
+import { c as n } from "./buttons-CqXKWty3.js";
+import { i as r, n as i, t as a } from "./tooltip-t1VQQ2tZ.js";
+import { d as o, v as s } from "./display-B3Q17h5z.js";
 import { t as c } from "./use-mobile-DwY2vtnf.js";
-import { o as l } from "./skeleton-vN_fsg7X.js";
+import { o as l } from "./skeleton-DGR9df28.js";
 import { t as u } from "./strings-Co9_qArR.js";
-import { l as d } from "./text-inputs-BBpgIQEI.js";
+import { l as d } from "./text-inputs-DF_lD7pA.js";
 import { t as f } from "./render-with-children-Clu_g9wb.js";
-import { o as p, s as m, t as h } from "./overlay-Bdri8Z7E.js";
-import { t as g } from "./sheet-BP2BmI-Z.js";
+import { o as p, s as m, t as h } from "./overlay-WQOsLd69.js";
+import { t as g } from "./sheet-CKcmRbJ9.js";
 import { PanelLeftIcon as _ } from "lucide-react";
 import { createContext as v, useCallback as y, useContext as b, useEffect as x, useId as S, useMemo as C, useRef as w, useState as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
@@ -30,11 +29,11 @@ var N = {
 	wrapper: "sidebar__wrapper___adyLn",
 	wrapperContained: "sidebar__wrapperContained___2kAO5",
 	root: "sidebar__root___w7_oV",
+	static: "sidebar__static___19d3F",
+	mobile: "sidebar__mobile___oxJCd",
 	gap: "sidebar__gap___TgwBd",
 	container: "sidebar__container___LuqSL",
 	inner: "sidebar__inner___TN6YJ",
-	static: "sidebar__static___19d3F",
-	mobile: "sidebar__mobile___oxJCd",
 	mobileInner: "sidebar__mobileInner___oZqwb",
 	rail: "sidebar__rail___43idW",
 	inset: "sidebar__inset___N1ZaW",
@@ -68,8 +67,8 @@ var N = {
 	toggle: "Toggle navigation",
 	mobileTitle: "Navigation",
 	mobileDescription: "The application's main navigation."
-}, F = "sidebar:state", ee = "b";
-function I({ defaultOpen: t = !0, open: n, onOpenChange: r, persist: i = !0, keyboardShortcut: a = !0, contained: o = !1, strings: s, className: l, style: u, children: d, ref: f, ...p }) {
+}, F = "sidebar:state", I = "b";
+function L({ defaultOpen: t = !0, open: n, onOpenChange: r, persist: i = !0, keyboardShortcut: a = !0, contained: o = !1, strings: s, className: l, style: u, children: d, ref: f, ...p }) {
 	let m = c(), [h, g] = T(!1), [_, v] = T(m);
 	m !== _ && (v(m), m || g(!1));
 	let b = h && m, [S, D] = T(() => {
@@ -92,26 +91,26 @@ function I({ defaultOpen: t = !0, open: n, onOpenChange: r, persist: i = !0, key
 		i
 	]), j = w(null), M = y((e) => {
 		j.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
-	}, [f]), I = y(() => {
+	}, [f]), L = y(() => {
 		m ? g((e) => !e) : k((e) => !e);
 	}, [m, k]);
 	x(() => {
 		if (!a) return;
 		let e = (e) => {
-			if (e.key !== ee || !(e.metaKey || e.ctrlKey)) return;
+			if (e.key !== I || !(e.metaKey || e.ctrlKey)) return;
 			let t = e.target;
-			t?.isContentEditable || t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement || e.defaultPrevented || (t?.closest?.("[data-slot=\"sidebar-wrapper\"]") ?? document.querySelector("[data-slot=\"sidebar-wrapper\"]")) === j.current && (e.preventDefault(), I());
+			t?.isContentEditable || t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement || e.defaultPrevented || (t?.closest?.("[data-slot=\"sidebar-wrapper\"]") ?? document.querySelector("[data-slot=\"sidebar-wrapper\"]")) === j.current && (e.preventDefault(), L());
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [a, I]);
-	let L = C(() => ({
+	}, [a, L]);
+	let R = C(() => ({
 		state: O ? "expanded" : "collapsed",
 		open: O,
 		setOpen: k,
 		openMobile: b,
 		setOpenMobile: g,
 		isMobile: m,
-		toggleSidebar: I,
+		toggleSidebar: L,
 		strings: {
 			...P,
 			...s
@@ -121,11 +120,11 @@ function I({ defaultOpen: t = !0, open: n, onOpenChange: r, persist: i = !0, key
 		k,
 		b,
 		m,
-		I,
+		L,
 		s
 	]);
 	return /* @__PURE__ */ E(A.Provider, {
-		value: L,
+		value: R,
 		children: /* @__PURE__ */ E("div", {
 			ref: M,
 			"data-slot": "sidebar-wrapper",
@@ -139,7 +138,7 @@ function I({ defaultOpen: t = !0, open: n, onOpenChange: r, persist: i = !0, key
 }
 //#endregion
 //#region src/components/base/sidebar/sidebar.tsx
-function L({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanvas", className: i, surfaceClassName: a, mobileTitle: s, mobileDescription: c, strings: l, children: d, ...f }) {
+function R({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanvas", className: i, surfaceClassName: a, mobileTitle: s, mobileDescription: c, strings: l, children: d, ...f }) {
 	let { isMobile: _, state: v, openMobile: y, setOpenMobile: b, strings: x } = j(), C = u(x, l), w = S(), T = S();
 	return r === "none" ? /* @__PURE__ */ E("div", {
 		"data-slot": "sidebar",
@@ -192,23 +191,23 @@ function L({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanv
 		})]
 	});
 }
-function R({ className: t, onClick: r, ...i }) {
-	let { isMobile: a, openMobile: o, toggleSidebar: s, strings: c } = j();
+function z({ className: t, onClick: r, tone: i = "neutral", buttonStyle: a = "ghost", iconOnly: o = !0, ...s }) {
+	let { isMobile: c, openMobile: l, toggleSidebar: u, strings: d } = j();
 	return /* @__PURE__ */ E(n, {
 		"data-slot": "sidebar-trigger",
-		tone: "neutral",
-		buttonStyle: "ghost",
-		iconOnly: !0,
-		"aria-label": c.toggle,
+		tone: i,
+		buttonStyle: a,
+		iconOnly: o,
+		"aria-label": d.toggle,
 		className: e("sidebar-trigger--component", t),
 		onClick: (e) => {
-			r?.(e), !e.defaultPrevented && (a && !o && e.currentTarget.focus({ preventScroll: !0 }), s());
+			r?.(e), !e.defaultPrevented && (c && !l && e.currentTarget.focus({ preventScroll: !0 }), u());
 		},
-		...i,
+		...s,
 		children: /* @__PURE__ */ E(_, {})
 	});
 }
-function z({ className: t, ...n }) {
+function B({ className: t, ...n }) {
 	let { toggleSidebar: r, strings: i } = j();
 	return /* @__PURE__ */ E("button", {
 		type: "button",
@@ -222,7 +221,7 @@ function z({ className: t, ...n }) {
 		...n
 	});
 }
-function B({ className: t, render: n, ...r }) {
+function V({ className: t, render: n, ...r }) {
 	return k({
 		defaultTagName: "main",
 		props: O({ className: e(N.inset, t) }, r),
@@ -230,59 +229,60 @@ function B({ className: t, render: n, ...r }) {
 		state: { slot: "sidebar-inset" }
 	});
 }
-function V({ className: t, ...n }) {
+function H({ className: t, ...n }) {
 	return /* @__PURE__ */ E("div", {
 		"data-slot": "sidebar-header",
 		className: e("sidebar-header--component", N.header, t),
 		...n
 	});
 }
-function H({ className: t, ...n }) {
+function U({ className: t, ...n }) {
 	return /* @__PURE__ */ E("div", {
 		"data-slot": "sidebar-footer",
 		className: e("sidebar-footer--component", N.footer, t),
 		...n
 	});
 }
-function U({ className: t, ...n }) {
+function W({ className: t, ...n }) {
 	return /* @__PURE__ */ E("div", {
 		"data-slot": "sidebar-content",
 		className: e("sidebar-content--component", N.content, t),
 		...n
 	});
 }
-function W({ className: t, ...n }) {
+function G({ className: t, ...n }) {
 	return /* @__PURE__ */ E(s, {
 		"data-slot": "sidebar-separator",
 		className: e("sidebar-separator--component", N.separator, t),
 		...n
 	});
 }
-function G({ className: t, ...n }) {
+function K({ className: t, ...n }) {
 	return /* @__PURE__ */ E(d, {
 		"data-slot": "sidebar-input",
 		className: e("sidebar-input--component", N.input, t),
 		...n
 	});
 }
-function K({ className: t, ...n }) {
+function q({ className: t, ...n }) {
 	return /* @__PURE__ */ E("div", {
 		"data-slot": "sidebar-group",
 		className: e("sidebar-group--component", N.group, t),
 		...n
 	});
 }
-function q({ className: n, ...r }) {
+function J({ className: n, ...r }) {
 	return /* @__PURE__ */ E(t, {
 		tag: "div",
 		size: "inherit",
+		type: "secondary",
 		weight: "medium",
 		"data-slot": "sidebar-group-label",
 		className: e("sidebar-group-label--component", N.groupLabel, n),
 		...r
 	});
 }
-function J({ className: t, ...n }) {
+function Y({ className: t, ...n }) {
 	return /* @__PURE__ */ E("button", {
 		type: "button",
 		"data-slot": "sidebar-group-action",
@@ -290,34 +290,34 @@ function J({ className: t, ...n }) {
 		...n
 	});
 }
-function Y({ className: t, ...n }) {
+function X({ className: t, ...n }) {
 	return /* @__PURE__ */ E("div", {
 		"data-slot": "sidebar-group-content",
 		className: e("sidebar-group-content--component", N.groupContent, t),
 		...n
 	});
 }
-function X({ className: t, ...n }) {
+function Z({ className: t, ...n }) {
 	return /* @__PURE__ */ E("ul", {
 		"data-slot": "sidebar-menu",
 		className: e("sidebar-menu--component", N.menu, t),
 		...n
 	});
 }
-function Z({ className: t, ...n }) {
+function Q({ className: t, ...n }) {
 	return /* @__PURE__ */ E("li", {
 		"data-slot": "sidebar-menu-item",
 		className: e("sidebar-menu-item--component", N.menuItem, t),
 		...n
 	});
 }
-var Q = {
+var $ = {
 	sm: N.menuButtonSm,
 	md: void 0,
 	lg: N.menuButtonLg
 };
-function $({ size: t = "md", active: n = !1, variant: o = "default", render: s, closeOnSelectMobile: c = !0, tooltip: l, className: u, children: d, onClick: p, ...m }) {
-	let { isMobile: h, setOpenMobile: g, state: _ } = j(), v = e("sidebar-menu-button--component", N.menuButton, Q[t], o === "outline" && N.menuButtonOutline, u), y = k({
+function ee({ size: t = "md", active: n = !1, variant: o = "default", render: s, closeOnSelectMobile: c = !0, tooltip: l, className: u, children: d, onClick: p, ...m }) {
+	let { isMobile: h, setOpenMobile: g, state: _ } = j(), v = e("sidebar-menu-button--component", N.menuButton, $[t], o === "outline" && N.menuButtonOutline, u), y = k({
 		defaultTagName: "button",
 		render: s ? f(s, d) : void 0,
 		props: {
@@ -409,4 +409,4 @@ function oe({ size: t = "md", active: n = !1, closeOnSelectMobile: r = !0, rende
 	});
 }
 //#endregion
-export { I as C, j as E, R as S, M as T, ie as _, J as a, z as b, V as c, X as d, te as f, re as g, Z as h, K as i, G as l, $ as m, U as n, Y as o, ne as p, H as r, q as s, L as t, B as u, oe as v, P as w, W as x, ae as y };
+export { L as C, j as E, z as S, M as T, ie as _, Y as a, B as b, H as c, Z as d, te as f, re as g, Q as h, q as i, K as l, ee as m, W as n, X as o, ne as p, U as r, J as s, R as t, V as u, oe as v, P as w, G as x, ae as y };

package/dist/{skeleton-vN_fsg7X.js → skeleton-DGR9df28.js}

@@ -1,6 +1,5 @@
-import "./css/skeleton.css";
 import { t as e } from "./cx--CBrhWH0.js";
-import { d as t } from "./display-DVhYS75K.js";
+import { d as t } from "./display-B3Q17h5z.js";
 import { t as n } from "./strings-Co9_qArR.js";
 import "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";

package/dist/{spinner-Bv-2R-7S.js → spinner-CUAVFecI.js}

@@ -1,4 +1,3 @@
-import "./css/spinner.css";
 import { t as e } from "./cvm-DtsCA8iZ.js";
 import { t } from "./cx--CBrhWH0.js";
 import "react";
@@ -36,7 +35,7 @@ var i = {
 		tone: "primary"
 	}
 });
-function o({ size: e, tone: o, label: s, className: c, ...l }) {
+function o({ size: e = "md", tone: o = "primary", label: s, className: c, ...l }) {
 	return /* @__PURE__ */ r("span", {
 		"data-slot": "spinner",
 		role: s ? "status" : void 0,

package/dist/structure-D0WGQAP3.js

@@ -1,4 +1,3 @@
-import "./css/structure.css";
 import { t as e } from "./cx--CBrhWH0.js";
 import { n as t, r as n } from "./responsive-B4VDcIUK.js";
 import * as r from "react";