@reapit/elements 5.0.0-beta.80 → 5.0.0-beta.81

package/dist/js/table-CHkmJDGJ.js

@@ -0,0 +1,311 @@
+import { t as e } from "./dist-DLc9lUhF.js";
+import { t } from "./dist-Du1lGuAB.js";
+import { t as n } from "./more-C48vCcIp.js";
+import { t as r } from "./sort-descend-D8rryWGa.js";
+import { t as i } from "./menu-BAaCecQl.js";
+import { CheckboxInput as a } from "./core/checkbox-input.js";
+import { forwardRef as o, useCallback as s, useId as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/core/table/constants.ts
+var f = 1, p = 2, m = "el-table-body";
+//#endregion
+//#region src/core/table/body/body.tsx
+function h({ as: e = "tbody", children: n, className: r, ...i }) {
+	return /* @__PURE__ */ u(e, {
+		...i,
+		className: t(m, r),
+		children: n
+	});
+}
+h.displayName = "Table.Body";
+//#endregion
+//#region src/core/table/body-cell/styles.ts
+var g = "el-table-body-cell";
+//#endregion
+//#region src/core/table/body-cell/body-cell.tsx
+function _({ as: e = "td", children: n, className: r, hasNoPadding: i, justifySelf: a, ...o }) {
+	let s = e === "th" ? { scope: "row" } : void 0;
+	return /* @__PURE__ */ u(e, {
+		...o,
+		...s,
+		className: t(g, r),
+		"data-has-no-padding": i,
+		"data-justify-self": a,
+		children: n
+	});
+}
+_.displayName = "Table.BodyCell";
+//#endregion
+//#region src/core/table/body-row/styles.ts
+var v = "el-table-body-row";
+//#endregion
+//#region src/core/table/body-row/body-row.tsx
+function y({ as: e = "tr", children: n, className: r, ...i }) {
+	return /* @__PURE__ */ u(e, {
+		...i,
+		className: t(v, r),
+		children: n
+	});
+}
+y.displayName = "Table.BodyRow";
+//#endregion
+//#region src/core/table/checkbox/styles.ts
+var b = "el-table-cell-checkbox", x = o(({ className: e, ...n }, r) => /* @__PURE__ */ u(a, {
+	...n,
+	className: t(b, e),
+	ref: r,
+	type: "checkbox"
+}));
+x.displayName = "Table.Checkbox";
+//#endregion
+//#region src/core/table/double-line-layout/styles.ts
+var S = /* @__PURE__ */ e("div")({
+	name: "ElTableCellDoubleLineLayout",
+	class: "el-table-cell-double-line-layout",
+	propsAsIs: !1
+}), C = /* @__PURE__ */ e("div")({
+	name: "ElTableCellDoubleLineLayoutPrimaryData",
+	class: "el-table-cell-double-line-layout-primary-data",
+	propsAsIs: !1
+}), w = /* @__PURE__ */ e("span")({
+	name: "ElTableCellDoubleLineLayoutSupplementaryData",
+	class: "el-table-cell-double-line-layout-supplementary-data",
+	propsAsIs: !1
+}), T = /* @__PURE__ */ e("div")({
+	name: "ElTableCellDoubleLineLayoutMediaItem",
+	class: "el-table-cell-double-line-layout-media-item",
+	propsAsIs: !1
+});
+//#endregion
+//#region src/core/table/double-line-layout/double-line-layout.tsx
+function E({ children: e, mediaItem: t, supplementaryData: n, ...r }) {
+	return /* @__PURE__ */ d(S, {
+		...r,
+		children: [
+			t && /* @__PURE__ */ u(T, { children: t }),
+			/* @__PURE__ */ u(C, { children: e }),
+			n && /* @__PURE__ */ u(w, { children: n })
+		]
+	});
+}
+E.displayName = "Table.DoubleLineLayout";
+//#endregion
+//#region src/core/table/head/styles.ts
+var D = "el-table-head";
+//#endregion
+//#region src/core/table/head/head.tsx
+function O({ as: e = "thead", children: n, className: r, ...i }) {
+	return /* @__PURE__ */ u(e, {
+		...i,
+		className: t(D, r),
+		children: n
+	});
+}
+O.displayName = "Table.Head";
+//#endregion
+//#region src/core/table/header-cell/styles.ts
+var k = "el-table-header-cell";
+//#endregion
+//#region src/core/table/header-cell/header-cell.tsx
+function A({ as: e = "th", children: n, className: r, hasNoPadding: i, justifySelf: a, ...o }) {
+	let s = !n && e === "th" ? "td" : e, c = s === "th" ? { scope: "col" } : void 0;
+	return /* @__PURE__ */ u(s, {
+		...o,
+		...c,
+		className: t(k, r),
+		"data-has-no-padding": i,
+		"data-justify-self": a,
+		children: n
+	});
+}
+A.displayName = "Table.HeaderCell";
+//#endregion
+//#region src/core/table/header-row/styles.ts
+var j = "el-table-header-row";
+//#endregion
+//#region src/core/table/header-row/header-row.tsx
+function M({ as: e = "tr", children: n, className: r, ...i }) {
+	return /* @__PURE__ */ u(e, {
+		...i,
+		className: t(j, r),
+		children: n
+	});
+}
+M.displayName = "Table.HeaderRow";
+//#endregion
+//#region src/core/table/more-actions/styles.ts
+var N = "el-table-row-more-actions-button";
+//#endregion
+//#region src/core/table/more-actions/more-actions-button.tsx
+function P({ "aria-disabled": e, className: r, disabled: i, onClick: a, ...o }) {
+	let c = s((e) => {
+		if (e.currentTarget.getAttribute("aria-disabled") === "true") {
+			e.preventDefault(), e.stopPropagation();
+			return;
+		}
+		a?.(e);
+	}, [a]);
+	return /* @__PURE__ */ u("button", {
+		...o,
+		"aria-disabled": i || e,
+		className: t(N, r),
+		disabled: i,
+		onClick: c,
+		type: "button",
+		children: /* @__PURE__ */ u(n, {})
+	});
+}
+//#endregion
+//#region src/core/table/more-actions/more-actions.tsx
+function F({ children: e, id: t, ...n }) {
+	let r = t ?? c(), a = c();
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(P, {
+		...n,
+		...i.getTriggerProps({
+			id: r,
+			popoverTarget: a,
+			popoverTargetAction: "toggle"
+		})
+	}), /* @__PURE__ */ u(i, {
+		"aria-labelledby": r,
+		id: a,
+		placement: "bottom-end",
+		children: e
+	})] });
+}
+F.displayName = "Table.MoreActions";
+//#endregion
+//#region src/core/table/primary-action/styles.ts
+var I = "el-table-row-primary-action";
+//#endregion
+//#region src/core/table/primary-action/primary-action.tsx
+function L({ className: e, ...n }) {
+	return /* @__PURE__ */ u("a", {
+		...n,
+		className: t(I, e)
+	});
+}
+L.displayName = "Table.PrimaryAction";
+//#endregion
+//#region src/core/table/primary-data/styles.ts
+var R = /* @__PURE__ */ e("div")({
+	name: "ElTableCellPrimaryData",
+	class: "el-table-cell-primary-data",
+	propsAsIs: !1
+}), z = /* @__PURE__ */ e("div")({
+	name: "ElTableCellPrimaryDataContentContainer",
+	class: "el-table-cell-primary-data-content-container",
+	propsAsIs: !1
+}), B = /* @__PURE__ */ e("span")({
+	name: "ElTableCellPrimaryDataIconContainer",
+	class: "el-table-cell-primary-data-icon-container",
+	propsAsIs: !1
+});
+//#endregion
+//#region src/core/table/primary-data/primary-data.tsx
+function V({ children: e, iconLeft: t, iconRight: n, ...r }) {
+	return /* @__PURE__ */ d(R, {
+		...r,
+		children: [
+			t && /* @__PURE__ */ u(B, {
+				"data-placement": "left",
+				role: "presentation",
+				children: t
+			}),
+			/* @__PURE__ */ u(z, { children: e }),
+			n && /* @__PURE__ */ u(B, {
+				"data-placement": "right",
+				role: "presentation",
+				children: n
+			})
+		]
+	});
+}
+V.displayName = "Table.PrimaryData";
+//#endregion
+//#region src/core/table/sort-button/styles.ts
+var H = "el-table-cell-sort-button", U = "el-table-cell-sort-button-icon";
+//#endregion
+//#region src/core/table/sort-button/sort-button.tsx
+function W({ children: e, className: n, name: i, value: a, ...o }) {
+	return /* @__PURE__ */ d("button", {
+		...o,
+		className: t(H, n),
+		name: i,
+		value: a,
+		children: [e, /* @__PURE__ */ u(r, {
+			"aria-hidden": !0,
+			className: U
+		})]
+	});
+}
+W.displayName = "Table.SortButton";
+//#endregion
+//#region src/core/table/sort-button/sort-direction.ts
+function G(e) {
+	switch (e) {
+		case "ascending":
+		case "descending": return e;
+		default: return "none";
+	}
+}
+function K(e) {
+	switch (G(e)) {
+		case "ascending": return "descending";
+		case "descending": return "ascending";
+		case "none": return "descending";
+	}
+}
+//#endregion
+//#region src/core/table/styles.ts
+var q = "el-table";
+//#endregion
+//#region src/core/table/primary-action/primary-action-button.tsx
+function J({ className: e, ...n }) {
+	return /* @__PURE__ */ u("button", {
+		...n,
+		className: t(I, e)
+	});
+}
+J.displayName = "Table.PrimaryActionButton";
+//#endregion
+//#region src/core/table/toolbar/styles.ts
+var Y = /* @__PURE__ */ e("div")({
+	name: "ElTableToolbar",
+	class: "el-table-toolbar",
+	propsAsIs: !1
+}), X = /* @__PURE__ */ e("div")({
+	name: "ElTableToolbarLeftContent",
+	class: "el-table-toolbar-left-content",
+	propsAsIs: !1
+}), Z = /* @__PURE__ */ e("div")({
+	name: "ElTableToolbarRightContent",
+	class: "el-table-toolbar-right-content",
+	propsAsIs: !1
+});
+//#endregion
+//#region src/core/table/toolbar/toolbar.tsx
+function Q({ leftContent: e, rightContent: t, ...n }) {
+	return /* @__PURE__ */ d(Y, {
+		...n,
+		children: [e && /* @__PURE__ */ u(X, { children: e }), t && /* @__PURE__ */ u(Z, { children: t })]
+	});
+}
+Q.displayName = "Table.Toolbar";
+//#endregion
+//#region src/core/table/table.tsx
+function $({ as: e = "table", children: n, className: r, columns: i, justifyItems: a = "start", style: o, ...s }) {
+	return /* @__PURE__ */ u(e, {
+		...s,
+		className: t(q, r),
+		"data-justify-items": a,
+		style: {
+			...o,
+			gridTemplateColumns: i
+		},
+		children: n
+	});
+}
+$.Body = h, $.BodyCell = _, $.BodyRow = y, $.PrimaryAction = L, $.PrimaryActionButton = J, $.MoreActions = F, $.DoubleLineLayout = E, $.PrimaryData = V, $.Head = O, $.HeaderCell = A, $.HeaderRow = M, $.SortButton = W, $.Checkbox = x, $.Toolbar = Q;
+//#endregion
+export { w as A, f as B, k as C, S as D, E, _ as F, g as I, h as L, b as M, y as N, T as O, v as P, m as R, A as S, D as T, F as _, Z as a, M as b, W as c, V as d, R as f, I as g, L as h, X as i, x as j, C as k, H as l, B as m, Q as n, K as o, z as p, Y as r, G as s, $ as t, U as u, P as v, O as w, j as x, N as y, p as z };

package/dist/js/tag-BQCpEog-.js

@@ -0,0 +1,20 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/tag.tsx
+var r = e("TagIcon", (e) => /* @__PURE__ */ n("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: [/* @__PURE__ */ t("path", { d: "M17.782 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" }), /* @__PURE__ */ t("path", {
+		fillRule: "evenodd",
+		d: "M12.992 2h7.29a1.5 1.5 0 0 1 1.5 1.5v7.29a1.5 1.5 0 0 1-.44 1.06L12.192 21a2 2 0 0 1-2.82 0l-6.59-6.59a2 2 0 0 1 0-2.82l9.15-9.15a1.5 1.5 0 0 1 1.06-.44Zm-2.21 17.59 9-9V4h-6.59l-9 9 6.59 6.59Z",
+		clipRule: "evenodd"
+	})]
+}));
+//#endregion
+export { r as t };

package/dist/js/task-Bac57bn1.js

@@ -0,0 +1,16 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/task.tsx
+var n = e("TaskIcon", (e) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: /* @__PURE__ */ t("path", { d: "M4 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm0-4a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 10a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm16-6H8a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2ZM8 7h12a1 1 0 1 0 0-2H8a1 1 0 0 0 0 2Zm12 10H8a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2Z" })
+}));
+//#endregion
+export { n as t };

package/dist/js/text-input-DUNeI9tX.js

@@ -0,0 +1,66 @@
+import { t as e } from "./dist-DLc9lUhF.js";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/core/text-input/styles.ts
+var i = /* @__PURE__ */ e("div")({
+	name: "ElTextInputContainer",
+	class: "el-text-input-container",
+	propsAsIs: !1
+}), a = /* @__PURE__ */ e("input")({
+	name: "ElTextInput",
+	class: "el-text-input",
+	propsAsIs: !1
+}), o = /* @__PURE__ */ e("span")({
+	name: "ElTextInputIconContainer",
+	class: "el-text-input-icon-container",
+	propsAsIs: !1
+}), s = /* @__PURE__ */ e("span")({
+	name: "ElTextInputAffixContainer",
+	class: "el-text-input-affix-container",
+	propsAsIs: !1
+}), c = "el-text-input-spinner", l = (e) => /* @__PURE__ */ n("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 16,
+	height: 16,
+	fill: "currentColor",
+	viewBox: "0 0 16 16",
+	...e,
+	children: /* @__PURE__ */ n("path", {
+		fillRule: "evenodd",
+		d: "M9.081 1.388a.667.667 0 0 1 .817-.472 7.333 7.333 0 1 1-7.083 12.27.667.667 0 1 1 .942-.944A6 6 0 1 0 9.553 2.204a.667.667 0 0 1-.472-.816Z",
+		clipRule: "evenodd"
+	})
+}), u = t(({ autoComplete: e = "off", className: t, isBusy: c, leadingIcon: u, maxWidth: d, prefix: f, showValidity: p, size: m = "medium", style: h, suffix: g, trailingIcon: _, type: v = "text", variant: y = "default", ...b }, x) => {
+	let S = !!c, C = !!f, w = !S && !!g, T = !C && !!u, E = !S && !w && !!_, D = g ? "right" : "left";
+	return /* @__PURE__ */ r(i, {
+		"aria-busy": !!c,
+		className: t,
+		"data-size": m,
+		"data-variant": y,
+		style: {
+			"--input-max-width": d,
+			...h
+		},
+		children: [
+			C && /* @__PURE__ */ n(s, { children: f }),
+			T && /* @__PURE__ */ n(o, { children: u }),
+			/* @__PURE__ */ n(a, {
+				...b,
+				autoComplete: e,
+				"data-show-validity": !!p,
+				"data-text-align": D,
+				ref: x,
+				type: v
+			}),
+			E && /* @__PURE__ */ n(o, { children: _ }),
+			w && /* @__PURE__ */ n(s, { children: g }),
+			S && /* @__PURE__ */ n(o, {
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ n(l, { className: "el-text-input-spinner" })
+			})
+		]
+	});
+});
+u.displayName = "TextInput";
+//#endregion
+export { o as a, i, a as n, c as o, s as r, u as t };

package/dist/js/textarea-7xBe0lxq.js

@@ -0,0 +1,117 @@
+import { t as e } from "./dist-DLc9lUhF.js";
+import { forwardRef as t, useLayoutEffect as n, useRef as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/core/textarea/styles.ts
+var s = /* @__PURE__ */ e("textarea")({
+	name: "ElTextarea",
+	class: "el-textarea",
+	propsAsIs: !1
+}), c = /* @__PURE__ */ e(s)({
+	name: "ElShadowTextarea",
+	class: "el-shadow-textarea",
+	propsAsIs: !0
+});
+//#endregion
+//#region src/core/textarea/content-sizing/is-css-content-fieldsizing-supported.ts
+function l() {
+	return CSS.supports("field-sizing", "content");
+}
+//#endregion
+//#region src/helpers/mergeRefs.ts
+function u(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function d(...e) {
+	return (t) => {
+		e.forEach((e) => u(e, t));
+	};
+}
+//#endregion
+//#region src/core/textarea/content-sizing/sync-textarea-height.ts
+function f(e, t) {
+	let n = e.scrollHeight;
+	t.style.blockSize = `${n}px`;
+}
+//#endregion
+//#region src/core/textarea/content-sizing/use-resize-textarea-onchange.ts
+function p({ isEnabled: e, shadowTextAreaRef: t, textAreaRef: n }) {
+	return function(r) {
+		return function(i) {
+			r?.(i), e && !i.defaultPrevented && n.current && t.current && (t.current.value = n.current.value, f(t.current, n.current));
+		};
+	};
+}
+//#endregion
+//#region src/core/textarea/content-sizing/use-resize-textarea-effect.ts
+function m({ isEnabled: e, shadowTextAreaRef: t, textAreaRef: r, value: i }) {
+	n(function() {
+		e && r.current && t.current && f(t.current, r.current);
+	}, [
+		e,
+		t,
+		r,
+		i
+	]);
+}
+//#endregion
+//#region src/core/textarea/content-sizing/content-sizing.tsx
+var h = t(({ defaultValue: e, fieldSizing: t = "content", maxRows: n = Infinity, minRows: u = 2, onChange: f, showValidity: h, size: g = "medium", value: _, ...v }, y) => {
+	let b = r(null), x = r(null), S = !l();
+	m({
+		isEnabled: S,
+		shadowTextAreaRef: x,
+		textAreaRef: b,
+		value: _
+	});
+	let C = p({
+		isEnabled: S && _ === void 0,
+		shadowTextAreaRef: x,
+		textAreaRef: b
+	});
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(s, {
+		...v,
+		"data-field-sizing": t,
+		"data-show-validity": !!h,
+		"data-size": g,
+		defaultValue: e,
+		style: {
+			"--textarea-max-rows": n,
+			"--textarea-min-rows": u
+		},
+		onChange: C(f),
+		ref: d(b, y),
+		value: _
+	}), S && /* @__PURE__ */ a(c, {
+		"aria-hidden": !0,
+		"data-field-sizing": t,
+		"data-show-validity": !!h,
+		"data-size": g,
+		defaultValue: e,
+		ref: x,
+		style: {
+			"--textarea-max-rows": n,
+			"--textarea-min-rows": u
+		},
+		value: _
+	})] });
+}), g = t(({ fieldSizing: e, rows: t = 2, showValidity: n, size: r = "medium", ...i }, o) => /* @__PURE__ */ a(s, {
+	...i,
+	"data-field-sizing": e,
+	"data-show-validity": !!n,
+	"data-size": r,
+	ref: o,
+	rows: t
+})), _ = t(({ fieldSizing: e, initialRows: t = 2, showValidity: n, size: r = "medium", ...i }, o) => /* @__PURE__ */ a(s, {
+	...i,
+	"data-field-sizing": e,
+	"data-show-validity": !!n,
+	"data-size": r,
+	ref: o,
+	rows: t
+})), v = t(({ fieldSizing: e, ...t }, n) => a(e === "manual" ? _ : e === "fixed" ? g : h, {
+	...t,
+	fieldSizing: e,
+	ref: n
+}));
+//#endregion
+export { c as n, s as r, v as t };

package/dist/js/theme-provider-CivqaPB6.js

@@ -0,0 +1,14 @@
+import { useLayoutEffect as e } from "react";
+//#region src/core/theme-provider/use-theme.ts
+function t(t) {
+	e(function() {
+		globalThis.document.documentElement.setAttribute("data-theme", t);
+	}, [t]);
+}
+//#endregion
+//#region src/core/theme-provider/theme-provider.tsx
+function n({ children: e, theme: n }) {
+	return t(n), e;
+}
+//#endregion
+export { t as n, n as t };

package/dist/js/time-BEW9O8y1.js

@@ -0,0 +1,20 @@
+import { t as e } from "./make-icon-Cez0iOAn.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#endregion
+//#region src/icons/time.tsx
+var r = e("TimeIcon", (e) => /* @__PURE__ */ n("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "currentColor",
+	viewBox: "0 0 24 24",
+	...e,
+	children: [/* @__PURE__ */ t("path", { d: "M13 11h3a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1V7a1 1 0 1 1 2 0v4Z" }), /* @__PURE__ */ t("path", {
+		fillRule: "evenodd",
+		d: "M2 12C2 6.477 6.477 2 12 2A10 10 0 1 1 2 12Zm2 0a8 8 0 1 0 16 0 8 8 0 0 0-16 0Z",
+		clipRule: "evenodd"
+	})]
+}));
+//#endregion
+export { r as t };