themelia-ui 3.0.0 → 3.2.0

package/dist/features/theme-tweaker.css

@@ -1,27 +0,0 @@
-@import "../core.css";
-@import "../css/theme-tweaker.css";
-@import "../css/typography.css";
-@import "../css/feedback.css";
-@import "../css/buttons.css";
-@import "../css/tooltip.css";
-@import "../css/display.css";
-@import "../css/structure.css";
-@import "../css/primitives.css";
-@import "../css/badge.css";
-@import "../css/item.css";
-@import "../css/forms.css";
-@import "../css/cards.css";
-@import "../css/action-menu.css";
-@import "../css/dropdown-menu.css";
-@import "../css/skeleton.css";
-@import "../css/text-inputs.css";
-@import "../css/navigation.css";
-@import "../css/choice-inputs.css";
-@import "../css/label.css";
-@import "../css/value-inputs.css";
-@import "../css/date-pickers.css";
-@import "../css/popover.css";
-@import "../css/accordion.css";
-@import "../css/overlay.css";
-@import "../css/forms-numeric.css";
-@import "../css/overlays.css";

package/dist/feedback-DRerHGuV.js

@@ -1,469 +0,0 @@
-import { t as e } from "./cvm-DtsCA8iZ.js";
-import { t } from "./cx--CBrhWH0.js";
-import { a as n, o as r } from "./typography-BkxEiwQ1.js";
-import { c as i } from "./buttons-CqXKWty3.js";
-import { CircleAlertIcon as a, CircleCheckIcon as o, InfoIcon as s, Loader2Icon as c, SearchIcon as l, TriangleAlertIcon as u } from "lucide-react";
-import "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-var p = {
-	root: "alert__root___fMmtV",
-	toneNeutral: "alert__toneNeutral___Dx451",
-	tonePrimary: "alert__tonePrimary___FkiRU",
-	toneSecondary: "alert__toneSecondary___yC2JY",
-	toneInfo: "alert__toneInfo___ut4gd",
-	toneSuccess: "alert__toneSuccess___czn5l",
-	toneWarning: "alert__toneWarning___HmaKX",
-	toneDestructive: "alert__toneDestructive___T52t-",
-	variantInverse: "alert__variantInverse___qWtkf",
-	title: "alert__title___GxGhO",
-	description: "alert__description___8yaK5",
-	action: "alert__action___hwzlx"
-}, m = e(p.root, {
-	variants: {
-		tone: {
-			neutral: p.toneNeutral,
-			primary: p.tonePrimary,
-			secondary: p.toneSecondary,
-			destructive: p.toneDestructive,
-			warning: p.toneWarning,
-			success: p.toneSuccess,
-			info: p.toneInfo
-		},
-		variant: {
-			default: void 0,
-			inverse: p.variantInverse
-		}
-	},
-	defaultVariants: {
-		tone: "neutral",
-		variant: "default"
-	}
-}), h = {
-	neutral: null,
-	primary: null,
-	secondary: null,
-	destructive: /* @__PURE__ */ d(a, { "aria-hidden": !0 }),
-	warning: /* @__PURE__ */ d(u, { "aria-hidden": !0 }),
-	success: /* @__PURE__ */ d(o, { "aria-hidden": !0 }),
-	info: /* @__PURE__ */ d(s, { "aria-hidden": !0 })
-};
-function g({ className: e, tone: n = "neutral", variant: r = "default", icon: i, children: a, ...o }) {
-	let s = i === void 0 ? h[n] : i;
-	return /* @__PURE__ */ f("div", {
-		"data-slot": "alert",
-		"data-tone": n,
-		"data-variant": r,
-		role: n === "destructive" ? "alert" : "status",
-		className: t("alert--component", m({
-			tone: n,
-			variant: r,
-			className: e
-		})),
-		...o,
-		children: [s || null, a]
-	});
-}
-function _({ className: e, ...n }) {
-	return /* @__PURE__ */ d(r, {
-		tag: "div",
-		size: "inherit",
-		type: "inherit",
-		weight: "medium",
-		"data-slot": "alert-title",
-		className: t("alert-title--component", p.title, e),
-		...n
-	});
-}
-function v({ className: e, ...n }) {
-	return /* @__PURE__ */ d(r, {
-		tag: "div",
-		size: "inherit",
-		type: "secondary",
-		"data-slot": "alert-description",
-		className: t("alert-description--component", p.description, e),
-		...n
-	});
-}
-function y({ className: e, ...n }) {
-	return /* @__PURE__ */ d("div", {
-		"data-slot": "alert-action",
-		className: t("alert-action--component", p.action, e),
-		...n
-	});
-}
-//#endregion
-//#region src/components/base/feedback/empty.strings.ts
-var b = {
-	title: "Nothing here yet",
-	description: "Once data lands, it will show up in this view.",
-	ariaLabel: "Empty state"
-}, x = {
-	root: "empty__root___dGVWo",
-	padSm: "empty__padSm___j1xaw",
-	padMd: "empty__padMd___PAUNy",
-	padLg: "empty__padLg___vkd3q",
-	bordered: "empty__bordered___qUxGJ",
-	media: "empty__media___v646r",
-	mediaIcon: "empty__mediaIcon___7LMpP",
-	mediaIconSoft: "empty__mediaIconSoft___cL1VI",
-	mediaIllustration: "empty__mediaIllustration___INASq",
-	content: "empty__content___UzGGp",
-	actions: "empty__actions___sULu9",
-	description: "empty__description___tmyDN"
-}, S = {
-	sm: x.padSm,
-	md: x.padMd,
-	lg: x.padLg
-}, C = {
-	none: void 0,
-	icon: x.mediaIcon,
-	"icon-soft": x.mediaIconSoft,
-	illustration: x.mediaIllustration
-};
-function w({ media: e, mediaVariant: i = "none", renderMedia: a, title: o, description: s, action: c, footer: l, padding: u = "md", border: p = !1, className: m, children: h, strings: g, "aria-label": _, ...v }) {
-	let y = {
-		...b,
-		...g
-	}, w = a ? a({ mediaVariant: i }) : e, T = o ?? y.title, E = s === !1 ? null : s ?? y.description;
-	return /* @__PURE__ */ f("div", {
-		"data-slot": "empty",
-		role: "status",
-		"aria-label": _ ?? y.ariaLabel,
-		className: t("empty--component", x.root, S[u], p && x.bordered, m),
-		...v,
-		children: [
-			!!w && /* @__PURE__ */ d("div", {
-				"data-slot": "empty-media",
-				"data-variant": i,
-				className: t("empty--media", x.media, C[i]),
-				children: w
-			}),
-			!!(T || E) && /* @__PURE__ */ f("div", {
-				className: x.content,
-				children: [!!T && /* @__PURE__ */ d(n, {
-					level: 3,
-					size: "base",
-					"data-slot": "empty-title",
-					className: "empty--title",
-					children: T
-				}), !!E && /* @__PURE__ */ d(r, {
-					align: "center",
-					type: "secondary",
-					"data-slot": "empty-description",
-					className: t("empty--description", x.description),
-					children: E
-				})]
-			}),
-			h,
-			!!c && /* @__PURE__ */ d("div", {
-				"data-slot": "empty-actions",
-				className: t("empty--actions", x.actions),
-				children: c
-			}),
-			!!l && /* @__PURE__ */ d(r, {
-				align: "center",
-				tag: "div",
-				size: "xs",
-				type: "secondary",
-				"data-slot": "empty-footer",
-				className: "empty--footer",
-				children: l
-			})
-		]
-	});
-}
-var T = {
-	lineWide: "empty-illustrations__lineWide___QaFrX",
-	lineNarrow: "empty-illustrations__lineNarrow___M4qYk",
-	lineShort: "empty-illustrations__lineShort___cmQXA",
-	stack: "empty-illustrations__stack____EA-u",
-	stackBack: "empty-illustrations__stackBack___qYSjR",
-	stackMid: "empty-illustrations__stackMid___1E91B",
-	stackFront: "empty-illustrations__stackFront___Kp3as",
-	stackThumb: "empty-illustrations__stackThumb___xrHXy",
-	stackLines: "empty-illustrations__stackLines___P74LH",
-	stackFade: "empty-illustrations__stackFade___z3xS2",
-	docs: "empty-illustrations__docs___SJJ5j",
-	doc: "empty-illustrations__doc___BEYbp",
-	docBack: "empty-illustrations__docBack___cCs6s",
-	docFront: "empty-illustrations__docFront___gJTKl",
-	docStatus: "empty-illustrations__docStatus___Y220r",
-	docDot: "empty-illustrations__docDot___WVkma",
-	inbox: "empty-illustrations__inbox___6HlVX",
-	inboxCheck: "empty-illustrations__inboxCheck___Da4DN",
-	inboxTray: "empty-illustrations__inboxTray___2Mzt3",
-	inboxLip: "empty-illustrations__inboxLip___kneND",
-	inboxRow: "empty-illustrations__inboxRow___7gq3M",
-	inboxLines: "empty-illustrations__inboxLines___e2QMA",
-	inboxDot: "empty-illustrations__inboxDot___bCn-J",
-	glass: "empty-illustrations__glass___tiO45",
-	users: "empty-illustrations__users___eo-XD",
-	userLeft: "empty-illustrations__userLeft___AaDLI",
-	userCentre: "empty-illustrations__userCentre___PIKxD",
-	userRight: "empty-illustrations__userRight___CKDSo"
-};
-//#endregion
-//#region src/components/base/feedback/empty-illustrations.tsx
-function E({ className: e }) {
-	return /* @__PURE__ */ f("div", {
-		"aria-hidden": !0,
-		className: t("stacked-cards-illustration--component", T.stack, e),
-		children: [
-			/* @__PURE__ */ d("div", { className: T.stackBack }),
-			/* @__PURE__ */ d("div", { className: T.stackMid }),
-			/* @__PURE__ */ f("div", {
-				className: T.stackFront,
-				children: [/* @__PURE__ */ d("div", { className: T.stackThumb }), /* @__PURE__ */ f("div", {
-					className: T.stackLines,
-					children: [/* @__PURE__ */ d("div", { className: T.lineWide }), /* @__PURE__ */ d("div", { className: T.lineNarrow })]
-				})]
-			}),
-			/* @__PURE__ */ d("div", { className: T.stackFade })
-		]
-	});
-}
-function D({ className: e }) {
-	return /* @__PURE__ */ f("div", {
-		"aria-hidden": !0,
-		className: t("document-stack-illustration--component", T.docs, e),
-		children: [/* @__PURE__ */ f("div", {
-			className: t(T.doc, T.docBack),
-			children: [
-				/* @__PURE__ */ d("div", { className: T.lineWide }),
-				/* @__PURE__ */ d("div", { className: T.lineNarrow }),
-				/* @__PURE__ */ d("div", { className: T.lineNarrow })
-			]
-		}), /* @__PURE__ */ f("div", {
-			className: t(T.doc, T.docFront),
-			children: [
-				/* @__PURE__ */ d("div", { className: T.lineWide }),
-				/* @__PURE__ */ d("div", { className: T.lineNarrow }),
-				/* @__PURE__ */ d("div", { className: T.lineNarrow }),
-				/* @__PURE__ */ f("div", {
-					className: T.docStatus,
-					children: [/* @__PURE__ */ d("div", { className: T.docDot }), /* @__PURE__ */ d("div", { className: T.lineNarrow })]
-				})
-			]
-		})]
-	});
-}
-function O({ className: e }) {
-	return /* @__PURE__ */ f("div", {
-		"aria-hidden": !0,
-		className: t("inbox-clean-illustration--component", T.inbox, e),
-		children: [/* @__PURE__ */ d("div", {
-			className: T.inboxCheck,
-			children: /* @__PURE__ */ d("svg", {
-				viewBox: "0 0 16 16",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				children: /* @__PURE__ */ d("path", { d: "M3 8l3 3 7-7" })
-			})
-		}), /* @__PURE__ */ f("div", {
-			className: T.inboxTray,
-			children: [/* @__PURE__ */ d("div", { className: T.inboxLip }), /* @__PURE__ */ f("div", {
-				className: T.inboxRow,
-				children: [/* @__PURE__ */ f("div", {
-					className: T.inboxLines,
-					children: [/* @__PURE__ */ d("div", { className: T.lineNarrow }), /* @__PURE__ */ d("div", { className: T.lineShort })]
-				}), /* @__PURE__ */ d("div", { className: T.inboxDot })]
-			})]
-		})]
-	});
-}
-function k({ className: e }) {
-	return /* @__PURE__ */ d("div", {
-		"aria-hidden": !0,
-		className: t("search-glass-illustration--component", T.glass, e),
-		children: /* @__PURE__ */ d(l, { "data-sized": !0 })
-	});
-}
-function A({ className: e }) {
-	return /* @__PURE__ */ f("div", {
-		"aria-hidden": !0,
-		className: t("users-circle-illustration--component", T.users, e),
-		children: [
-			/* @__PURE__ */ d("div", { className: T.userLeft }),
-			/* @__PURE__ */ d("div", { className: T.userCentre }),
-			/* @__PURE__ */ d("div", { className: T.userRight })
-		]
-	});
-}
-//#endregion
-//#region src/components/base/feedback/progress-range.ts
-var j = 100;
-function M(e, t = j) {
-	let n = Number.isFinite(t) && t > 0 ? t : j, r = Number.isFinite(e) ? Math.min(Math.max(e, 0), n) : 0;
-	return {
-		max: n,
-		value: r,
-		percent: r / n * 100
-	};
-}
-var N = {
-	root: "progress__root___UAJQP",
-	fill: "progress__fill___zwP00",
-	indeterminate: "progress__indeterminate___tACin",
-	toneSuccess: "progress__toneSuccess___d5mVc",
-	toneWarning: "progress__toneWarning___BhMDu",
-	toneDestructive: "progress__toneDestructive___zC91j",
-	toneInfo: "progress__toneInfo___-kq0j"
-}, P = e(N.root, {
-	variants: { tone: {
-		primary: void 0,
-		success: N.toneSuccess,
-		warning: N.toneWarning,
-		destructive: N.toneDestructive,
-		info: N.toneInfo
-	} },
-	defaultVariants: { tone: "primary" }
-});
-function F({ value: e, max: n = 100, tone: r, label: i, className: a, ...o }) {
-	let s = e === void 0, c = M(e ?? 0, n);
-	return /* @__PURE__ */ d("div", {
-		"data-slot": "progress",
-		role: "progressbar",
-		"aria-label": i,
-		"aria-valuemin": s ? void 0 : 0,
-		"aria-valuemax": s ? void 0 : c.max,
-		"aria-valuenow": s ? void 0 : c.value,
-		className: t("progress--component", P({ tone: r }), a),
-		...o,
-		children: s ? /* @__PURE__ */ d("div", { className: N.indeterminate }) : /* @__PURE__ */ d("div", {
-			className: N.fill,
-			style: { width: `${c.percent}%` }
-		})
-	});
-}
-var I = {
-	root: "progress-circle__root___qXPEI",
-	inner: "progress-circle__inner___3uHyP",
-	toneSuccess: "progress-circle__toneSuccess___TdCmG",
-	toneWarning: "progress-circle__toneWarning___NrBgt",
-	toneDestructive: "progress-circle__toneDestructive___59HIW",
-	toneInfo: "progress-circle__toneInfo___-Bo-Z"
-}, L = e(I.root, {
-	variants: { tone: {
-		primary: void 0,
-		success: I.toneSuccess,
-		warning: I.toneWarning,
-		destructive: I.toneDestructive,
-		info: I.toneInfo
-	} },
-	defaultVariants: { tone: "primary" }
-});
-function R({ value: e, max: n = 100, tone: r, label: i, children: a, className: o, style: s, ...c }) {
-	let l = M(e, n);
-	return /* @__PURE__ */ d("div", {
-		"data-slot": "progress-circle",
-		role: "progressbar",
-		"aria-label": i,
-		"aria-valuemin": 0,
-		"aria-valuemax": l.max,
-		"aria-valuenow": l.value,
-		className: t("progress-circle--component", L({ tone: r }), o),
-		style: {
-			"--progress-sweep": `${l.percent}%`,
-			...s
-		},
-		...c,
-		children: /* @__PURE__ */ d("span", {
-			className: I.inner,
-			children: a
-		})
-	});
-}
-var z = {
-	alertMeta: "feedback__alertMeta___fIN0s",
-	alertMetaItem: "feedback__alertMetaItem___j3sgm",
-	alertMetaLabel: "feedback__alertMetaLabel___27nw-",
-	alertMetaValue: "feedback__alertMetaValue___vWC_q",
-	state: "feedback__state___jyrdN",
-	stateIcon: "feedback__stateIcon___dPggL",
-	stateIconError: "feedback__stateIconError___1F4Tp",
-	stateSpinner: "feedback__stateSpinner___yVGSc"
-};
-//#endregion
-//#region src/components/base/feedback/alert-metadata.tsx
-function B({ items: e, className: n, ...r }) {
-	return e.length === 0 ? null : /* @__PURE__ */ d("dl", {
-		className: t("alert-metadata--component", z.alertMeta, n),
-		...r,
-		children: e.map((e, t) => /* @__PURE__ */ f("div", {
-			className: z.alertMetaItem,
-			children: [/* @__PURE__ */ d("dt", {
-				className: z.alertMetaLabel,
-				children: e.label
-			}), /* @__PURE__ */ d("dd", {
-				className: z.alertMetaValue,
-				children: e.value
-			})]
-		}, t))
-	});
-}
-//#endregion
-//#region src/components/base/feedback/states.strings.ts
-var V = { label: "Loading…" }, H = {
-	title: "Something went wrong",
-	description: "The data could not be loaded.",
-	retry: "Try again"
-};
-//#endregion
-//#region src/components/base/feedback/states.tsx
-function U({ label: e, strings: n, className: i, ...a }) {
-	let o = {
-		...V,
-		...n
-	};
-	return /* @__PURE__ */ f("div", {
-		role: "status",
-		"aria-live": "polite",
-		className: t("loading-state--component", z.state, i),
-		...a,
-		children: [/* @__PURE__ */ d(c, {
-			"aria-hidden": !0,
-			className: t(z.stateIcon, z.stateSpinner)
-		}), /* @__PURE__ */ d(r, {
-			type: "secondary",
-			size: "sm",
-			children: e ?? o.label
-		})]
-	});
-}
-function W({ title: e, description: n, onRetry: a, action: o, strings: s, className: c, ...l }) {
-	let p = {
-		...H,
-		...s
-	};
-	return /* @__PURE__ */ f("div", {
-		role: "alert",
-		className: t("error-state--component", z.state, c),
-		...l,
-		children: [
-			/* @__PURE__ */ d(u, {
-				"aria-hidden": !0,
-				className: t(z.stateIcon, z.stateIconError)
-			}),
-			/* @__PURE__ */ d(r, {
-				weight: "medium",
-				children: e ?? p.title
-			}),
-			/* @__PURE__ */ d(r, {
-				type: "secondary",
-				size: "sm",
-				children: n ?? p.description
-			}),
-			o ?? (a ? /* @__PURE__ */ d(i, {
-				tone: "neutral",
-				buttonStyle: "outline",
-				onClick: a,
-				children: p.retry
-			}) : null)
-		]
-	});
-}
-//#endregion
-export { v as _, B as a, D as c, E as d, A as f, y as g, g as h, V as i, O as l, b as m, U as n, R as o, w as p, H as r, F as s, W as t, k as u, _ as v };