themelia-ui 3.0.0 → 3.2.0

package/dist/combobox-519ubijc.js

@@ -0,0 +1,292 @@
+import "#core.css";
+import { c as e, s as t } from "./typography-DmeR05Er.js";
+import { t as n } from "./cx--CBrhWH0.js";
+import { u as r } from "./ui-provider-DpzLUD12.js";
+import { CheckIcon as i, ChevronDownIcon as a, SearchIcon as o, XIcon as s } from "lucide-react";
+import { useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Combobox as d } from "@base-ui/react/combobox";
+import "#css/combobox2.css";
+//#region src/components/base/combobox/combobox.strings.ts
+var f = {
+	clear: "Clear selection",
+	toggle: "Show options",
+	removeChip: (e) => `Remove ${e}`
+}, p = {
+	inputWrap: "combobox__inputWrap___pq05W",
+	input: "combobox__input___aAwhX",
+	actions: "combobox__actions___IyZ2d",
+	action: "combobox__action___0IR8g",
+	trigger: "combobox__trigger___n7R5B",
+	triggerIcon: "combobox__triggerIcon___IMtUV",
+	positioner: "combobox__positioner___v-iEj",
+	popup: "combobox__popup___KLyqI",
+	list: "combobox__list___DJHyc",
+	item: "combobox__item___W4q_8",
+	itemLabel: "combobox__itemLabel___nw0at",
+	indicator: "combobox__indicator___UCySr",
+	group: "combobox__group___pmVFV",
+	groupLabel: "combobox__groupLabel___Ohsi4",
+	empty: "combobox__empty___DplDZ",
+	status: "combobox__status___8Yiku",
+	separator: "combobox__separator___Sd_Mg",
+	chips: "combobox__chips___S6OXP",
+	chip: "combobox__chip___fL92a",
+	chipRemove: "combobox__chipRemove___cm7qk",
+	popupSearch: "combobox__popupSearch___HJUiP",
+	popupSearchInput: "combobox__popupSearchInput___tliZC",
+	popupSearchIcon: "combobox__popupSearchIcon____iBcZ",
+	chipsInput: "combobox__chipsInput___0jhr3",
+	backdrop: "combobox__backdrop___HP8mt",
+	arrow: "combobox__arrow___OPPY3"
+}, m = d.Root;
+function h({ container: e, ...t }) {
+	let n = r(e);
+	return /* @__PURE__ */ l(d.Portal, {
+		container: n,
+		...t
+	});
+}
+var g = d.Collection;
+function _({ onKeyDown: e, onCompositionStart: t, onCompositionEnd: n, ...r }) {
+	let i = c(!1);
+	return /* @__PURE__ */ l(d.Input, {
+		...r,
+		onCompositionStart: (e) => {
+			i.current = !0, t?.(e);
+		},
+		onCompositionEnd: (e) => {
+			i.current = !1, n?.(e);
+		},
+		onKeyDown: (t) => {
+			if (e?.(t), t.defaultPrevented || t.baseUIHandlerPrevented || t.key !== "Enter") return;
+			let n = i.current || t.nativeEvent.isComposing || t.keyCode === 229, r = t.currentTarget.getAttribute("aria-expanded") === "true" && !t.currentTarget.getAttribute("aria-activedescendant");
+			(n || r) && (t.preventDefault(), t.preventBaseUIHandler());
+		}
+	});
+}
+function v({ className: e, ...t }) {
+	return /* @__PURE__ */ l(_, {
+		"data-slot": "combobox-input",
+		"data-field-control": "",
+		className: n("combobox-input--component", p.input, e),
+		...t
+	});
+}
+function y({ className: e, showClear: t = !1, invalid: r, strings: i, ...o }) {
+	let c = {
+		...f,
+		...i
+	};
+	return /* @__PURE__ */ u("div", {
+		className: p.inputWrap,
+		"data-has-clear": t || void 0,
+		children: [/* @__PURE__ */ l(_, {
+			"data-slot": "combobox-input",
+			"data-field-control": "",
+			"aria-invalid": r || void 0,
+			className: n("combobox-input--component", p.input, e),
+			...o
+		}), /* @__PURE__ */ u("div", {
+			className: p.actions,
+			children: [t && /* @__PURE__ */ l(d.Clear, {
+				"data-slot": "combobox-clear",
+				"data-hit-area": !0,
+				"aria-label": c.clear,
+				className: p.action,
+				children: /* @__PURE__ */ l(s, { "aria-hidden": !0 })
+			}), /* @__PURE__ */ l(d.Trigger, {
+				"data-hit-area": !0,
+				"aria-label": c.toggle,
+				className: p.action,
+				children: /* @__PURE__ */ l(a, { "aria-hidden": !0 })
+			})]
+		})]
+	});
+}
+function b({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ u(d.Trigger, {
+		"data-slot": "combobox-trigger",
+		"data-field-control": "",
+		className: n("combobox-trigger--component", p.trigger, e),
+		...r,
+		children: [t, /* @__PURE__ */ l(d.Icon, {
+			className: p.triggerIcon,
+			children: /* @__PURE__ */ l(a, { "aria-hidden": !0 })
+		})]
+	});
+}
+function x({ className: t, ...r }) {
+	return /* @__PURE__ */ u("div", {
+		"data-slot": "combobox-popup-input",
+		className: p.popupSearch,
+		children: [/* @__PURE__ */ l(o, {
+			"aria-hidden": !0,
+			className: p.popupSearchIcon
+		}), /* @__PURE__ */ l(_, {
+			"data-slot": "combobox-input",
+			className: n("combobox-popup-input--component", p.popupSearchInput, e({ size: "sm" }), t),
+			...r
+		})]
+	});
+}
+function S({ placeholder: e, ...n }) {
+	return /* @__PURE__ */ l(d.Value, {
+		"data-slot": "combobox-value",
+		placeholder: e ? /* @__PURE__ */ l(t, {
+			tag: "span",
+			size: "inherit",
+			type: "secondary",
+			className: "combobox-value--component",
+			children: e
+		}) : void 0,
+		...n
+	});
+}
+function C({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ l(d.Clear, {
+		"data-slot": "combobox-clear",
+		"data-hit-area": !0,
+		"aria-label": f.clear,
+		className: n("combobox-clear--component", p.action, e),
+		...r,
+		children: t ?? /* @__PURE__ */ l(s, { "aria-hidden": !0 })
+	});
+}
+function w({ className: e, sideOffset: t = 4, ...r }) {
+	return /* @__PURE__ */ l(d.Positioner, {
+		"data-slot": "combobox-positioner",
+		sideOffset: t,
+		className: n("combobox-positioner--component", p.positioner, e),
+		...r
+	});
+}
+function T({ className: e, ...t }) {
+	return /* @__PURE__ */ l(d.Popup, {
+		"data-slot": "combobox-popup",
+		className: n("combobox-popup--component", p.popup, e),
+		...t
+	});
+}
+function E({ className: e, ...t }) {
+	return /* @__PURE__ */ l(d.List, {
+		"data-slot": "combobox-list",
+		className: n("combobox-list--component", p.list, e),
+		...t
+	});
+}
+function D({ className: t, children: r, ...a }) {
+	return /* @__PURE__ */ u(d.Item, {
+		"data-slot": "combobox-item",
+		className: n("combobox-item--component", p.item, e({ size: "sm" }), t),
+		...a,
+		children: [/* @__PURE__ */ l("span", {
+			className: p.itemLabel,
+			children: r
+		}), /* @__PURE__ */ l(d.ItemIndicator, {
+			className: p.indicator,
+			children: /* @__PURE__ */ l(i, { "aria-hidden": !0 })
+		})]
+	});
+}
+function O({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ l(d.ItemIndicator, {
+		"data-slot": "combobox-item-indicator",
+		className: n("combobox-item-indicator--component", p.indicator, e),
+		...r,
+		children: t ?? /* @__PURE__ */ l(i, { "aria-hidden": !0 })
+	});
+}
+function k({ className: t, ...r }) {
+	return /* @__PURE__ */ l(d.Empty, {
+		"data-slot": "combobox-empty",
+		className: n("combobox-empty--component", p.empty, e({ size: "sm" }), t),
+		...r
+	});
+}
+function A({ className: t, ...r }) {
+	return /* @__PURE__ */ l(d.Status, {
+		"data-slot": "combobox-status",
+		className: n("combobox-status--component", p.status, e({ size: "sm" }), t),
+		...r
+	});
+}
+function j({ className: e, ...t }) {
+	return /* @__PURE__ */ l(d.Group, {
+		"data-slot": "combobox-group",
+		className: n("combobox-group--component", p.group, e),
+		...t
+	});
+}
+function M({ className: t, ...r }) {
+	return /* @__PURE__ */ l(d.GroupLabel, {
+		"data-slot": "combobox-group-label",
+		className: n("combobox-group-label--component", p.groupLabel, e({
+			size: "xs",
+			weight: "medium"
+		}), t),
+		...r
+	});
+}
+function N({ className: e, ...t }) {
+	return /* @__PURE__ */ l(d.Separator, {
+		"data-slot": "combobox-separator",
+		className: n("combobox-separator--component", p.separator, e),
+		...t
+	});
+}
+function P({ className: e, invalid: t, ...r }) {
+	return /* @__PURE__ */ l(d.Chips, {
+		"data-slot": "combobox-chips",
+		"data-field-shell": "",
+		"aria-invalid": t || void 0,
+		className: n("combobox-chips--component", p.chips, e),
+		...r
+	});
+}
+function F({ className: t, children: r, strings: i, ...a }) {
+	let o = {
+		...f,
+		...i
+	};
+	return /* @__PURE__ */ u(d.Chip, {
+		"data-slot": "combobox-chip",
+		className: n("combobox-chip--component", p.chip, e({
+			size: "xs",
+			weight: "medium"
+		}), t),
+		...a,
+		children: [r, /* @__PURE__ */ l(d.ChipRemove, {
+			"data-hit-area": !0,
+			"aria-label": o.removeChip(typeof r == "string" || typeof r == "number" ? String(r) : "item"),
+			className: p.chipRemove,
+			children: /* @__PURE__ */ l(s, { "aria-hidden": !0 })
+		})]
+	});
+}
+function I({ className: e, ...t }) {
+	return /* @__PURE__ */ l(_, {
+		"data-slot": "combobox-chips-input",
+		"data-field-control": "",
+		className: n("combobox-chips-input--component", p.chipsInput, e),
+		...t
+	});
+}
+function L({ className: e, ...t }) {
+	return /* @__PURE__ */ l(d.Backdrop, {
+		"data-slot": "combobox-backdrop",
+		className: n("combobox-backdrop--component", p.backdrop, e),
+		...t
+	});
+}
+function R({ className: e, ...t }) {
+	return /* @__PURE__ */ l(d.Arrow, {
+		className: n("combobox-arrow--component", p.arrow, e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/base/combobox/combobox-filter.ts
+var z = d.useFilter;
+//#endregion
+export { A as C, f as E, N as S, S as T, T as _, P as a, w as b, g as c, M as d, v as f, E as g, O as h, F as i, k as l, D as m, R as n, I as o, y as p, L as r, C as s, z as t, j as u, x as v, b as w, m as x, h as y };

package/dist/command-JjApYFds.js

@@ -0,0 +1,156 @@
+import "#core.css";
+import { c as e, s as t } from "./typography-DmeR05Er.js";
+import { t as n } from "./cx--CBrhWH0.js";
+import { o as r, s as i, t as a, u as o } from "./overlay-BuQOl8aP.js";
+import { t as s } from "./dialog-CAnwRNrm.js";
+import { n as c, t as l } from "./input-group-HS_Z0Ei_.js";
+import { CheckIcon as u, SearchIcon as d } from "lucide-react";
+import * as f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Command as h } from "cmdk";
+import "#css/command.css";
+//#region src/components/base/command/command.strings.ts
+var g = {
+	title: "Command palette",
+	description: "Search for a command to run"
+}, _ = {
+	root: "command__root___fv7RS",
+	item: "command__item___9PDjw",
+	inputGroup: "command__inputGroup___Ljgqh",
+	inputWrapper: "command__inputWrapper___kIc1d",
+	input: "command__input___pPRLQ",
+	searchIcon: "command__searchIcon___JkZYx",
+	list: "command__list___BjF_7",
+	empty: "command__empty___HpZx3",
+	group: "command__group___5tkqu",
+	separator: "command__separator___ujXd-",
+	check: "command__check___xTLn_",
+	shortcut: "command__shortcut___Cjxtx",
+	dialogContent: "command__dialogContent___dYJt0"
+}, v = f.createContext(null);
+function y({ className: t, ...r }) {
+	return /* @__PURE__ */ p(h, {
+		"data-slot": "command",
+		className: n("command--component", _.root, e({ size: "sm" }), t),
+		...r
+	});
+}
+function b({ title: e, description: t, strings: c, commandProps: l, children: u, className: d, showCloseButton: h = !1, ...b }) {
+	let x = f.useRef(null), S = {
+		...g,
+		...c,
+		...e ? { title: e } : null,
+		...t ? { description: t } : null
+	};
+	return /* @__PURE__ */ p(a, {
+		...b,
+		children: /* @__PURE__ */ m(s, {
+			className: n("command-dialog--component", _.dialogContent, d),
+			showCloseButton: h,
+			"aria-label": S.title,
+			initialFocusRef: x,
+			children: [/* @__PURE__ */ m(o, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ p(i, { children: S.title }), /* @__PURE__ */ p(r, { children: S.description })]
+			}), /* @__PURE__ */ p(v.Provider, {
+				value: x,
+				children: /* @__PURE__ */ p(y, {
+					...l,
+					children: u
+				})
+			})]
+		})
+	});
+}
+function x({ className: e, ...t }) {
+	let r = f.useContext(v), { ref: i, ...a } = t, o = f.useRef(null);
+	return f.useImperativeHandle(r, () => o.current), f.useImperativeHandle(i, () => o.current), /* @__PURE__ */ p("div", {
+		"data-slot": "command-input-wrapper",
+		className: _.inputWrapper,
+		children: /* @__PURE__ */ m(l, {
+			className: _.inputGroup,
+			children: [/* @__PURE__ */ p(h.Input, {
+				...a,
+				ref: o,
+				"data-slot": "command-input",
+				className: n("command-input--component", _.input, e)
+			}), /* @__PURE__ */ p(c, { children: /* @__PURE__ */ p(d, {
+				className: _.searchIcon,
+				"data-sized": ""
+			}) })]
+		})
+	});
+}
+function S({ className: e, ...t }) {
+	return /* @__PURE__ */ p(h.List, {
+		"data-slot": "command-list",
+		className: n("command-list--component", _.list, e),
+		...t
+	});
+}
+function C({ className: e, ...t }) {
+	return /* @__PURE__ */ p(h.Empty, {
+		"data-slot": "command-empty",
+		className: n("command-empty--component", _.empty, e),
+		...t
+	});
+}
+function w(e) {
+	let t = e.closest("[cmdk-list]");
+	if (!t) return;
+	let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
+	r.top < n.top ? t.scrollTop += r.top - n.top : r.bottom > n.bottom && (t.scrollTop += r.bottom - n.bottom);
+}
+function T(e) {
+	e && (e.scrollIntoView = () => w(e));
+}
+function E(e, t) {
+	return (n) => {
+		T(n && t ? t(n) : n), typeof e == "function" ? e(n) : e && (e.current = n);
+	};
+}
+var D = (e) => e.querySelector("[cmdk-group-heading]");
+function O({ className: e, ref: r, heading: i, ...a }) {
+	return /* @__PURE__ */ p(h.Group, {
+		ref: E(r, D),
+		"data-slot": "command-group",
+		className: n("command-group--component", _.group, e),
+		heading: i && /* @__PURE__ */ p(t, {
+			tag: "span",
+			size: "xs",
+			weight: "medium",
+			type: "secondary",
+			children: i
+		}),
+		...a
+	});
+}
+function k({ className: e, ...t }) {
+	return /* @__PURE__ */ p(h.Separator, {
+		"data-slot": "command-separator",
+		className: n("command-separator--component", _.separator, e),
+		"aria-hidden": "true",
+		...t
+	});
+}
+function A({ className: e, children: t, ref: r, ...i }) {
+	return /* @__PURE__ */ m(h.Item, {
+		ref: E(r),
+		"data-slot": "command-item",
+		className: n("command-item--component", _.item, e),
+		...i,
+		children: [t, /* @__PURE__ */ p(u, { className: _.check })]
+	});
+}
+function j({ className: t, ...r }) {
+	return /* @__PURE__ */ p("span", {
+		"data-slot": "command-shortcut",
+		className: n("command-shortcut--component", _.shortcut, e({
+			size: "xs",
+			caps: !0
+		}), t),
+		...r
+	});
+}
+//#endregion
+export { x as a, k as c, O as i, j as l, b as n, A as o, C as r, S as s, y as t, g as u };