themelia-ui 3.0.0 → 3.1.0

package/dist/toolbar-DBK-c4yy.js

@@ -0,0 +1,74 @@
+import "#core.css";
+import { c as e } from "./typography-DmeR05Er.js";
+import { t } from "./cx--CBrhWH0.js";
+import { c as n } from "./buttons-BX2JfL5X.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+import { Toolbar as i } from "@base-ui/react/toolbar";
+import "#css/toolbar.css";
+var a = {
+	root: "toolbar__root___WfXZ-",
+	group: "toolbar__group___XA-d4",
+	button: "toolbar__button___Bnb_5",
+	link: "toolbar__link___-qbUF",
+	input: "toolbar__input___mbE52",
+	separator: "toolbar__separator___XbvK5"
+};
+//#endregion
+//#region src/components/base/toolbar/toolbar.tsx
+function o({ className: e, ...n }) {
+	return /* @__PURE__ */ r(i.Root, {
+		"data-slot": "toolbar",
+		className: t("toolbar--component", a.root, e),
+		...n
+	});
+}
+function s({ className: e, ...n }) {
+	return /* @__PURE__ */ r(i.Group, {
+		"data-slot": "toolbar-group",
+		className: t("toolbar--group", a.group, e),
+		...n
+	});
+}
+function c({ render: e, tone: o = "neutral", appearance: s = "ghost", iconOnly: c, loading: l, fullWidth: u, className: d, ...f }) {
+	return /* @__PURE__ */ r(i.Button, {
+		...f,
+		disabled: f.disabled || l,
+		render: e ?? /* @__PURE__ */ r(n, {
+			tone: o,
+			appearance: s,
+			iconOnly: c,
+			loading: l,
+			fullWidth: u
+		}),
+		"data-slot": "toolbar-button",
+		className: t("toolbar--button", a.button, d)
+	});
+}
+function l({ className: n, ...o }) {
+	return /* @__PURE__ */ r(i.Link, {
+		"data-slot": "toolbar-link",
+		className: t("toolbar--link", a.link, e({
+			size: "sm",
+			lineHeight: "none"
+		}), n),
+		...o
+	});
+}
+function u({ className: e, ...n }) {
+	return /* @__PURE__ */ r(i.Input, {
+		"data-slot": "toolbar-input",
+		"data-field-control": "",
+		className: t("toolbar--input", a.input, e),
+		...n
+	});
+}
+function d({ className: e, ...n }) {
+	return /* @__PURE__ */ r(i.Separator, {
+		"data-slot": "toolbar-separator",
+		className: t("toolbar--separator", a.separator, e),
+		...n
+	});
+}
+//#endregion
+export { l as a, u as i, c as n, d as o, s as r, o as t };

package/dist/tooltip-BPYP-jUm.js

@@ -0,0 +1,76 @@
+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 { createContext as r, useContext as i, useId as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Tooltip as l } from "@base-ui/react/tooltip";
+import "#css/tooltip.css";
+var u = {
+	positioner: "tooltip__positioner___l9j7s",
+	content: "tooltip__content___3Ln0A",
+	arrow: "tooltip__arrow___aJN0q"
+};
+//#endregion
+//#region src/components/base/tooltip/tooltip.tsx
+function d({ delay: e, delayDuration: t, ...n }) {
+	return /* @__PURE__ */ s(l.Provider, {
+		"data-slot": "tooltip-provider",
+		delay: t ?? e,
+		...n
+	});
+}
+var f = r(null);
+function p({ open: e, defaultOpen: t, onOpenChange: n, ...r }) {
+	let i = a(), [c, u] = o(t ?? !1);
+	return /* @__PURE__ */ s(f.Provider, {
+		value: {
+			id: i,
+			open: e ?? c
+		},
+		children: /* @__PURE__ */ s(l.Root, {
+			"data-slot": "tooltip",
+			open: e,
+			defaultOpen: t,
+			onOpenChange: (e, t) => {
+				u(e), n?.(e, t);
+			},
+			...r
+		})
+	});
+}
+function m({ render: e, children: t, ...n }) {
+	let r = i(f), a = typeof e == "function" ? (t, n) => {
+		let { nativeButton: r, ...i } = t;
+		return e(i, n);
+	} : e;
+	return /* @__PURE__ */ s(l.Trigger, {
+		"data-slot": "tooltip-trigger",
+		render: a,
+		...n,
+		"aria-describedby": [n["aria-describedby"], r?.open ? r.id : void 0].filter(Boolean).join(" ") || void 0,
+		children: t
+	});
+}
+function h({ container: r, className: a, side: o = "top", sideOffset: d = 6, align: p = "center", alignOffset: m = 0, children: h, ...g }) {
+	let _ = n(r), v = i(f);
+	return /* @__PURE__ */ s(l.Portal, {
+		container: _,
+		children: /* @__PURE__ */ s(l.Positioner, {
+			align: p,
+			alignOffset: m,
+			side: o,
+			sideOffset: d,
+			className: u.positioner,
+			children: /* @__PURE__ */ c(l.Popup, {
+				id: g.id ?? v?.id,
+				"data-slot": "tooltip-content",
+				className: t("tooltip-content--component", u.content, e({ size: "xs" }), a),
+				...g,
+				children: [h, /* @__PURE__ */ s(l.Arrow, { className: u.arrow })]
+			})
+		})
+	});
+}
+//#endregion
+export { m as i, h as n, d as r, p as t };

package/dist/{typography-BkxEiwQ1.js → typography-DmeR05Er.js}

@@ -1,3 +1,4 @@
+import "#core.css";
 import { t as e } from "./cvm-DtsCA8iZ.js";
 import { t } from "./cx--CBrhWH0.js";
 import * as n from "react";
@@ -6,6 +7,7 @@ import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { fromHtml as o } from "hast-util-from-html";
 import { sanitize as s } from "hast-util-sanitize";
 import { toHtml as c } from "hast-util-to-html";
+import "#css/typography.css";
 var l = {
 	root: "text__root___WXSj0",
 	typeMain: "text__typeMain___EMyyg",
@@ -15,7 +17,6 @@ var l = {
 	typeSuccess: "text__typeSuccess___RVroi",
 	typePrimary: "text__typePrimary___T19nc",
 	sizeDefault: "text__sizeDefault___01O1A",
-	sizeXxs: "text__sizeXxs___j6dlU",
 	sizeXs: "text__sizeXs___WXVbr",
 	sizePxs: "text__sizePxs___TT4nK",
 	sizeSm: "text__sizeSm___IaquG",
@@ -36,7 +37,10 @@ var l = {
 	weightMedium: "text__weightMedium___NvDV9",
 	weightSemibold: "text__weightSemibold___cBVe2",
 	weightBold: "text__weightBold___cGJTO",
-	numeric: "text__numeric___1Fztf"
+	numeric: "text__numeric___1Fztf",
+	mono: "text__mono____1QnP",
+	heading: "text__heading___DxWiA",
+	caps: "text__caps___h9nRj"
 }, u = e(l.root, { variants: {
 	type: {
 		inherit: void 0,
@@ -50,7 +54,6 @@ var l = {
 	size: {
 		inherit: void 0,
 		default: l.sizeDefault,
-		xxs: l.sizeXxs,
 		xs: l.sizeXs,
 		pxs: l.sizePxs,
 		sm: l.sizeSm,
@@ -73,7 +76,6 @@ var l = {
 	},
 	weight: {
 		normal: l.weightNormal,
-		regular: l.weightNormal,
 		medium: l.weightMedium,
 		semibold: l.weightSemibold,
 		bold: l.weightBold
@@ -85,9 +87,30 @@ var l = {
 	truncate: {
 		true: l.truncate,
 		false: void 0
+	},
+	mono: {
+		true: l.mono,
+		false: void 0
+	},
+	heading: {
+		true: l.heading,
+		false: void 0
+	},
+	caps: {
+		true: l.caps,
+		false: void 0
 	}
-} }), d = r(function({ content: e, type: t = "main", size: n, align: r, lineHeight: a, weight: o = "regular", className: s, children: c, numeric: l = !1, truncate: d = !1, tag: f = "p", ...p }, m) {
-	let h = u({
+} });
+function d({ size: e = "default", ...t } = {}) {
+	return u({
+		size: e,
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/typography/text/text.tsx
+var f = r(function({ content: e, type: t = "main", size: n, align: r, lineHeight: a, weight: o = "normal", className: s, children: c, numeric: l = !1, truncate: d = !1, mono: f = !1, heading: p = !1, caps: m = !1, tag: h = "p", ...g }, _) {
+	let v = u({
 		type: t,
 		size: n ?? "default",
 		align: r,
@@ -95,18 +118,21 @@ var l = {
 		weight: o,
 		numeric: l,
 		truncate: d,
+		mono: f,
+		heading: p,
+		caps: m,
 		className: s
-	}), g = c ?? e;
-	return p.dangerouslySetInnerHTML === void 0 && (g == null || g === "") ? null : /* @__PURE__ */ i(f, {
-		ref: m,
-		className: h,
+	}), y = c ?? e;
+	return g.dangerouslySetInnerHTML === void 0 && (y == null || y === "") ? null : /* @__PURE__ */ i(h, {
+		ref: _,
+		className: v,
 		"data-typography": "text",
-		...p,
-		children: g
+		...g,
+		children: y
 	});
 });
-d.displayName = "Text";
-var f = {
+f.displayName = "Text";
+var p = {
 	root: "heading__root___dBhe6",
 	size2Xl: "heading__size2xl___j2QyW",
 	sizeXl: "heading__sizeXl___Qromg",
@@ -116,16 +142,16 @@ var f = {
 	group: "heading__group___Sjvwt",
 	sub: "heading__sub___UOnbD",
 	truncate: "heading__truncate___tvfJj"
-}, p = e(f.root, {
+}, m = e(p.root, {
 	variants: { size: {
-		"2xl": f.size2Xl,
-		xl: f.sizeXl,
-		lg: f.sizeLg,
-		base: f.sizeBase,
-		sm: f.sizeSm
+		"2xl": p.size2Xl,
+		xl: p.sizeXl,
+		lg: p.sizeLg,
+		base: p.sizeBase,
+		sm: p.sizeSm
 	} },
 	defaultVariants: { size: "lg" }
-}), m = {
+}), h = {
 	1: "2xl",
 	2: "xl",
 	3: "lg",
@@ -133,45 +159,45 @@ var f = {
 	5: "sm",
 	6: "sm"
 };
-function h({ level: e = 2, size: n, subHeading: r, truncate: o = !1, className: s, children: c, ...l }) {
-	let u = `h${e}`, h = /* @__PURE__ */ i(u, {
+function g({ level: e = 2, size: n, subHeading: r, truncate: o = !1, className: s, children: c, ...l }) {
+	let u = `h${e}`, d = /* @__PURE__ */ i(u, {
 		"data-typography": "heading",
-		className: t(p({ size: n ?? m[e] }), o && f.truncate, s),
+		className: t(m({ size: n ?? h[e] }), o && p.truncate, s),
 		...l,
 		children: c
 	});
 	return r ? /* @__PURE__ */ a("div", {
-		className: t("heading--component", f.group),
-		children: [h, /* @__PURE__ */ i(d, {
+		className: t("heading--component", p.group),
+		children: [d, /* @__PURE__ */ i(f, {
 			tag: "p",
 			type: "secondary",
-			className: f.sub,
+			className: p.sub,
 			children: r
 		})]
-	}) : h;
+	}) : d;
 }
-var g = { root: "display-label__root___Pkkay" };
+var _ = { root: "display-label__root___Pkkay" };
 //#endregion
 //#region src/components/base/typography/display-label/display-label.tsx
-function _({ className: e, ...n }) {
+function v({ className: e, ...n }) {
 	return /* @__PURE__ */ i("span", {
 		"data-typography": "display-label",
-		className: t("display-label--component", g.root, e),
+		className: t("display-label--component", _.root, e),
 		...n
 	});
 }
-var v = {
+var y = {
 	root: "text-link__root___BwdQW",
 	subtle: "text-link__subtle___1pytK"
-}, y = e(v.root, {
+}, b = e(y.root, {
 	variants: { variant: {
 		default: void 0,
-		subtle: v.subtle
+		subtle: y.subtle
 	} },
 	defaultVariants: { variant: "default" }
 });
-function b({ className: e, variant: r, render: a, children: o, ...s }) {
-	let c = y({
+function x({ className: e, variant: r, render: a, children: o, ...s }) {
+	let c = b({
 		variant: r,
 		className: e
 	});
@@ -189,7 +215,7 @@ function b({ className: e, variant: r, render: a, children: o, ...s }) {
 }
 //#endregion
 //#region src/lib/sanitize-html.ts
-var x = {
+var S = {
 	allowComments: !1,
 	allowDoctypes: !1,
 	tagNames: [.../* @__PURE__ */ "a.b.blockquote.br.code.del.div.em.h1.h2.h3.h4.h5.h6.i.li.mark.ol.p.pre.s.span.strong.sub.sup.u.ul".split(".")],
@@ -235,28 +261,28 @@ var x = {
 		"template"
 	]
 };
-function S(e) {
+function C(e) {
 	if (e.type === "element") {
 		let t = e.properties.href;
 		typeof t == "string" && t.trimStart().startsWith("//") && delete e.properties.href;
 	}
-	if (e.type === "root" || e.type === "element") for (let t of e.children) S(t);
+	if (e.type === "root" || e.type === "element") for (let t of e.children) C(t);
 }
-var C = 256, w = /* @__PURE__ */ new Map();
-function T(e) {
+var w = 256, T = /* @__PURE__ */ new Map();
+function E(e) {
 	if (!e) return "";
-	let t = w.get(e);
+	let t = T.get(e);
 	if (t !== void 0) return t;
 	let n = o(e, { fragment: !0 });
-	S(n);
-	let r = c(s(n, x));
-	return w.size >= C && w.clear(), w.set(e, r), r;
+	C(n);
+	let r = c(s(n, S));
+	return T.size >= w && T.clear(), T.set(e, r), r;
 }
-var E = { root: "rich-text__root___Rqgeq" };
+var D = { root: "rich-text__root___Rqgeq" };
 //#endregion
 //#region src/components/base/typography/rich-text/rich-text.tsx
-function D({ html: e, children: n, size: r, type: a, align: o, weight: s, lineHeight: c = "relaxed", tag: l = "div", className: u, ...f }) {
-	let p = n === void 0 ? T(e ?? "") : "";
+function O({ html: e, children: n, size: r, type: a, align: o, weight: s, lineHeight: c = "relaxed", tag: l = "div", className: u, ...d }) {
+	let p = n === void 0 ? E(e ?? "") : "";
 	if (n === void 0 && !p) return null;
 	let m = {
 		tag: l,
@@ -266,16 +292,24 @@ function D({ html: e, children: n, size: r, type: a, align: o, weight: s, lineHe
 		weight: s,
 		lineHeight: c,
 		"data-typography": "rich-text",
-		className: t("rich-text--component", E.root, u),
-		...f
+		className: t("rich-text--component", D.root, u),
+		...d
 	};
-	return n === void 0 ? /* @__PURE__ */ i(d, {
+	return n === void 0 ? /* @__PURE__ */ i(f, {
 		...m,
 		dangerouslySetInnerHTML: { __html: p }
-	}) : /* @__PURE__ */ i(d, {
+	}) : /* @__PURE__ */ i(f, {
 		...m,
 		children: n
 	});
 }
 //#endregion
-export { h as a, _ as i, T as n, d as o, b as r, D as t };
+//#region src/components/base/typography/rich-text/rich-text.variants.ts
+function k({ lineHeight: e = "relaxed", ...n } = {}) {
+	return t(D.root, d({
+		lineHeight: e,
+		...n
+	}));
+}
+//#endregion
+export { v as a, d as c, x as i, O as n, g as o, E as r, f as s, k as t };