@ryuzaki13/react-foundation-ui 1.0.1 → 1.0.3

package/dist/chunks/Input-Wrew1puH.js

@@ -1,227 +0,0 @@
-import { t as e } from "./ui.module-BisoTevy.js";
-import { cn as t } from "@ryuzaki13/react-foundation-lib/utils";
-import { XIcon as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useEffect as a, useEffectEvent as o, useId as s, useState as c } from "react";
-import { toFiniteNumber as l } from "@ryuzaki13/react-foundation-lib/formatters";
-var u = {
-	controlLayout: "lRn5ye",
-	input: "ce5HAY",
-	inputNumber: "_8TObqB",
-	controlWithEndAdornment: "Gx3Wbd",
-	controlEndAdornment: "cpwaYo",
-	endAdornmentGroup: "itlmix",
-	clearButton: "aITEGl",
-	error: "ekyJIt"
-};
-//#endregion
-//#region src/input/lib/useInputFieldIds.ts
-function d({ id: e, hasLabel: t, hasDescription: n, hasError: r }) {
-	let i = s(), a = e ?? i, o = t ? `${a}-label` : void 0, c = n ? `${a}-description` : void 0, l = r ? `${a}-error` : void 0;
-	return {
-		controlId: a,
-		labelId: o,
-		descriptionId: c,
-		errorId: l,
-		describedBy: [c, l].filter(Boolean).join(" ") || void 0
-	};
-}
-//#endregion
-//#region src/input/Input.tsx
-function f({ label: t, controlId: n, labelId: i }) {
-	return /* @__PURE__ */ r("label", {
-		id: i,
-		htmlFor: n,
-		className: e.uiLabel,
-		children: t
-	});
-}
-function p({ label: n, description: a, size: o, disabled: s, className: c }) {
-	let { controlId: l, labelId: u, descriptionId: p } = d({
-		hasLabel: n != null,
-		hasDescription: !!a
-	});
-	return /* @__PURE__ */ i("div", {
-		className: t(e.uiElement, e.uiSizable, o && e[o], e.disabled, c),
-		"aria-disabled": s || void 0,
-		children: [
-			n && /* @__PURE__ */ r(f, {
-				label: n,
-				controlId: l,
-				labelId: u
-			}),
-			a && /* @__PURE__ */ r("p", {
-				id: p,
-				className: e.uiDescription,
-				children: a
-			}),
-			/* @__PURE__ */ r("div", { className: t(e.uiInputControlFake, "skeletonLine") })
-		]
-	});
-}
-function m({ label: n, description: a, disabled: o, className: s, error: c, size: l, controlId: d, labelId: p, descriptionId: m, errorId: h, children: g }) {
-	return /* @__PURE__ */ i("div", {
-		className: t(e.uiElement, e.uiSizable, l && e[l], o && e.disabled, s),
-		"aria-disabled": o || void 0,
-		children: [
-			n && /* @__PURE__ */ r(f, {
-				label: n,
-				controlId: d,
-				labelId: p
-			}),
-			a && /* @__PURE__ */ r("p", {
-				id: m,
-				className: e.uiDescription,
-				children: a
-			}),
-			/* @__PURE__ */ i("div", {
-				className: u.controlLayout,
-				children: [g, c && /* @__PURE__ */ r("p", {
-					id: h,
-					className: u.error,
-					role: "alert",
-					children: c
-				})]
-			})
-		]
-	});
-}
-function h({ className: e, endAdornment: n, endAdornmentClassName: a, endAdornmentWidth: o, children: s }) {
-	let c = n != null, l = c && o ? { "--input-end-adornment-width": o } : void 0;
-	return /* @__PURE__ */ i("div", {
-		className: t(u.controlLayout, e),
-		style: l,
-		children: [s({ controlClassName: c ? u.controlWithEndAdornment : void 0 }), c && /* @__PURE__ */ r("div", {
-			className: t(u.controlEndAdornment, a),
-			children: n
-		})]
-	});
-}
-function g({ onClick: e, disabled: i, className: a, ariaLabel: o = "Очистить значение" }) {
-	return /* @__PURE__ */ r("button", {
-		type: "button",
-		disabled: i || !e,
-		className: t(u.clearButton, "flexCenter radiusSm", a),
-		onClick: e,
-		"aria-label": o,
-		children: /* @__PURE__ */ r(n, {})
-	});
-}
-function _(e, t, n) {
-	if (n) return n;
-	if (e && t) return "calc((var(--control-height) * 2) + var(--space-xs))";
-	if (e || t) return "var(--control-height)";
-}
-function v({ endAdornment: e, onClear: t, disabled: n }) {
-	if (!(e == null && !t)) return /* @__PURE__ */ i("div", {
-		className: u.endAdornmentGroup,
-		children: [e, t && /* @__PURE__ */ r(g, {
-			onClick: t,
-			disabled: n
-		})]
-	});
-}
-function y({ label: n, description: i, disabled: a, className: o, onClear: s, error: l, onClearError: f, onChange: p, value: g, size: y, allowedPattern: b, endAdornment: x, endAdornmentClassName: S, endAdornmentWidth: C, type: w = "text", ...T }) {
-	let [E, D] = c(!1), O = (e) => {
-		let t = e.target.value;
-		b !== void 0 && D(t !== "" && !b.test(t)), p?.(t), l && f && f();
-	}, k = !!(g && g.length > 0), A = k ? l : void 0, { controlId: j, labelId: M, descriptionId: N, errorId: P, describedBy: F } = d({
-		id: T.id,
-		hasLabel: n != null,
-		hasDescription: !!i,
-		hasError: !!A
-	}), I = k && (!!l || E);
-	return /* @__PURE__ */ r(m, {
-		label: n,
-		description: i,
-		disabled: a,
-		className: o,
-		size: y,
-		error: A,
-		controlId: j,
-		labelId: M,
-		descriptionId: N,
-		errorId: P,
-		children: /* @__PURE__ */ r(h, {
-			endAdornment: v({
-				endAdornment: x,
-				onClear: s,
-				disabled: a
-			}),
-			endAdornmentClassName: S,
-			endAdornmentWidth: _(x != null, !!s, C),
-			children: ({ controlClassName: n }) => /* @__PURE__ */ r("input", {
-				...T,
-				id: j,
-				type: w,
-				disabled: a,
-				value: g,
-				"aria-invalid": I || void 0,
-				"aria-labelledby": M,
-				"aria-describedby": F,
-				"data-invalid": I ? "" : void 0,
-				className: t(e.uiInputControl, u.input, n),
-				onChange: O
-			})
-		})
-	});
-}
-function b({ label: n, description: i, disabled: s, className: f, onClear: p, error: g, onClearError: y, onChange: b, value: x, size: S, endAdornment: C, endAdornmentClassName: w, endAdornmentWidth: T, ...E }) {
-	let D = E, { controlId: O, labelId: k, descriptionId: A, errorId: j, describedBy: M } = d({
-		id: E.id,
-		hasLabel: n != null,
-		hasDescription: !!i,
-		hasError: !!g
-	}), [N, P] = c(() => String(x)), F = o((e) => {
-		P(e);
-	});
-	a(() => {
-		F(x !== void 0 && typeof x == "number" && !isNaN(x) ? String(x) : "");
-	}, [x]);
-	let I = p ? () => {
-		P(""), p();
-	} : void 0, L = (e) => {
-		let t = e.target.value;
-		P(t);
-		let n = l(t) ?? x ?? 0;
-		b?.(n), g && y && y();
-	};
-	return /* @__PURE__ */ r(m, {
-		label: n,
-		description: i,
-		disabled: s,
-		className: f,
-		size: S,
-		error: g,
-		controlId: O,
-		labelId: k,
-		descriptionId: A,
-		errorId: j,
-		children: /* @__PURE__ */ r(h, {
-			endAdornment: v({
-				endAdornment: C,
-				onClear: I,
-				disabled: s
-			}),
-			endAdornmentClassName: w,
-			endAdornmentWidth: _(C != null, !!I, T),
-			children: ({ controlClassName: n }) => /* @__PURE__ */ r("input", {
-				...D,
-				id: O,
-				type: "number",
-				inputMode: "decimal",
-				disabled: s,
-				value: N,
-				"aria-labelledby": k,
-				"aria-describedby": M,
-				className: t(e.uiInputControl, u.input, u.inputNumber, n),
-				onChange: L
-			})
-		})
-	});
-}
-var x = y;
-//#endregion
-export { y as a, d as c, b as i, g as n, m as o, h as r, p as s, x as t };
-
-//# sourceMappingURL=Input-Wrew1puH.js.map

package/dist/chunks/Listbox-B6F_IKQv.js

@@ -1,81 +0,0 @@
-import { t as e } from "./ui.module-BisoTevy.js";
-import { cn as t, findFirstEnabledIndex as n, findLastEnabledIndex as r, findNextEnabledIndex as i, handleKeyboardActivation as a } from "@ryuzaki13/react-foundation-lib/utils";
-import { CheckIcon as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useEffect as l, useId as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-//#region src/listbox/Listbox.tsx
-var h = (e) => e.disabled === !0;
-function g(e, t, r) {
-	if (r) {
-		if (Array.isArray(t) && t.length > 0) {
-			let n = e.findIndex((e) => t.includes(e.value) && !e.disabled);
-			if (n >= 0) return n;
-		}
-		return n(e, h);
-	}
-	if (t !== void 0) {
-		let n = e.findIndex((e) => e.value === t && !e.disabled);
-		if (n >= 0) return n;
-	}
-	return n(e, h);
-}
-function _(_) {
-	let { value: v, defaultValue: y, multiple: b, focusOnMount: x, renderItem: S, getKey: C, options: w, onChange: T, id: E, ...D } = _, O = v !== void 0, k = u(), A = E ?? `${k}-listbox`, [j, M] = m(y), N = p(null), [P, F] = m(() => g(w, v ?? y, b)), I = f(() => (O ? v : j) ?? (b ? [] : null), [
-		j,
-		O,
-		b,
-		v
-	]), L = P, R = (e) => {
-		if (e.disabled) return;
-		let t;
-		if (_.multiple) {
-			let n = Array.isArray(I) ? I : [];
-			t = n.includes(e.value) ? n.filter((t) => t !== e.value) : [...n, e.value], _.onChange?.(t, e);
-		} else t = e.value, _.onChange?.(t, e);
-		O || M(t);
-	};
-	return l(() => {
-		let e = N.current?.querySelectorAll("[role=\"option\"]")[L];
-		e && e.scrollIntoView({ block: "nearest" });
-	}, [L]), d(() => {
-		x && N.current?.focus();
-	}, [x]), /* @__PURE__ */ s("ul", {
-		ref: N,
-		id: A,
-		role: "listbox",
-		"aria-multiselectable": b || void 0,
-		"aria-activedescendant": L >= 0 ? `${A}-option-${L}` : void 0,
-		tabIndex: 0,
-		onKeyDown: (e) => {
-			if (e.key === "ArrowDown") e.preventDefault(), F((e) => i(w, e, 1, h));
-			else if (e.key === "ArrowUp") e.preventDefault(), F((e) => i(w, e, -1, h));
-			else if (e.key === "Home") e.preventDefault(), F(n(w, h));
-			else if (e.key === "End") e.preventDefault(), F(r(w, h));
-			else if (a(e, () => {
-				let e = w[L];
-				e && R(e);
-			})) return;
-		},
-		...D,
-		className: t(e.uiPanel, "scrollable"),
-		children: w.map((n, r) => {
-			let i = b ? Array.isArray(I) && I.includes(n.value) : I === n.value, a = r === L;
-			return /* @__PURE__ */ c("li", {
-				id: `${A}-option-${r}`,
-				role: "option",
-				"aria-selected": i,
-				"aria-disabled": n.disabled || void 0,
-				onMouseDown: (e) => {
-					e.preventDefault(), !n.disabled && (F(r), R(n));
-				},
-				tabIndex: -1,
-				className: t(e.uiPopupOption, n.disabled && e.disabled, a && e.uiPopupOptionActive, i && e.selected),
-				children: [s(i ? o : "span", { className: e.uiPopupOptionIcon }), /* @__PURE__ */ s("div", { children: S ? S(n, i, a) : n.label ?? String(n.value) })]
-			}, C ? C(n, r) : r);
-		})
-	});
-}
-//#endregion
-export { _ as t };
-
-//# sourceMappingURL=Listbox-B6F_IKQv.js.map

package/dist/chunks/RadioButton-D5vPW4Yr.js

@@ -1,48 +0,0 @@
-import { t as e } from "./ui.module-BisoTevy.js";
-import { n as t } from "./uiClasses-BNjBunnY.js";
-import { t as n } from "./CheckBox.module-D0Ze9qh3.js";
-import { cn as r } from "@ryuzaki13/react-foundation-lib/utils";
-import { CircleIcon as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useId as s } from "react";
-var c = { radioInput: "gu8UMB" }, l = ({ label: l, description: u, placeholder: d, disabled: f, size: p, className: m, onChange: h, value: g, id: _, tone: v = "neutral", ...y }) => {
-	let b = s(), x = _ ?? b, S = u ? `${x}-description` : void 0, C = l ?? d, w = g ?? !1;
-	return /* @__PURE__ */ o("div", {
-		className: r(e.uiElement, p && e.uiSizable, p && e[p], f && e.disabled, m),
-		children: [/* @__PURE__ */ o("div", {
-			className: n.row,
-			children: [/* @__PURE__ */ o("div", {
-				className: r(n.wrapper, t(v)),
-				children: [/* @__PURE__ */ a("input", {
-					...y,
-					id: x,
-					type: "checkbox",
-					role: "radio",
-					checked: w,
-					disabled: f,
-					"aria-disabled": f,
-					"aria-checked": w,
-					"aria-describedby": S,
-					className: r(e.uiSelectionControl, n.input, c.radioInput),
-					onChange: () => h?.(!w)
-				}), /* @__PURE__ */ a("div", {
-					className: r(e.uiSelectionIcon, n.icon),
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ a(i, {})
-				})]
-			}), C && /* @__PURE__ */ a("label", {
-				htmlFor: x,
-				className: e.uiLabel,
-				children: C
-			})]
-		}), u && /* @__PURE__ */ a("p", {
-			id: S,
-			className: e.uiDescription,
-			children: u
-		})]
-	});
-};
-//#endregion
-export { l as t };
-
-//# sourceMappingURL=RadioButton-D5vPW4Yr.js.map

package/dist/chunks/RadioGroup-BAhN1d1X.js

@@ -1,121 +0,0 @@
-import { t as e } from "./ui.module-BisoTevy.js";
-import { cn as t, getRovingFocusTargetIndex as n, handleKeyboardActivation as r } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { createContext as o, useCallback as s, useContext as c, useId as l, useLayoutEffect as u, useMemo as d, useState as f } from "react";
-var p = {
-	radioGroup: "nINbA6",
-	noWrap: "GL-UWx",
-	horizontal: "_6PeF-i",
-	vertical: "_5wP4aR",
-	radioItem: "S3MnZI",
-	checked: "KHJ0ja"
-}, m = o(null);
-function h({ value: n, onChange: r, label: o, description: c, disabled: u, className: h, noWrap: g, orientation: _ = "horizontal", "aria-label": v, children: y }) {
-	let b = l(), x = o ? `${b}-label` : void 0, S = c ? `${b}-description` : void 0, [C, w] = f([]), T = s((e) => r?.(e), [r]), E = s((e) => (w((t) => t.includes(e) ? t : [...t, e]), () => {
-		w((t) => t.filter((t) => t !== e));
-	}), []), D = d(() => ({
-		value: n,
-		onChange: T,
-		disabled: u,
-		orientation: _,
-		groupId: b,
-		labelId: x,
-		descriptionId: S,
-		firstOptionId: C[0],
-		registerOption: E
-	}), [
-		S,
-		u,
-		b,
-		T,
-		x,
-		_,
-		E,
-		C,
-		n
-	]);
-	return /* @__PURE__ */ a("div", {
-		className: t(e.uiElement, u && e.disabled, h),
-		children: [
-			o && /* @__PURE__ */ i("div", {
-				id: x,
-				className: e.uiLabel,
-				children: o
-			}),
-			c && /* @__PURE__ */ i("div", {
-				id: S,
-				className: e.uiDescription,
-				children: c
-			}),
-			/* @__PURE__ */ i(m.Provider, {
-				value: D,
-				children: /* @__PURE__ */ i("div", {
-					role: "radiogroup",
-					"aria-labelledby": x,
-					"aria-label": x ? void 0 : v,
-					"aria-describedby": S,
-					"aria-disabled": u || void 0,
-					"data-disabled": u || void 0,
-					className: t(e.uiInputControl, p.radioGroup, g && p.noWrap, p[_]),
-					children: y
-				})
-			})
-		]
-	});
-}
-function g({ value: e, label: o, description: s, className: d }) {
-	let f = c(m), h = l(), g = f?.registerOption;
-	if (u(() => {
-		if (g) return g(h);
-	}, [g, h]), !f) return /* @__PURE__ */ a("div", {
-		className: t(p.radioItem, d),
-		children: [/* @__PURE__ */ i("p", {
-			className: "textNoWrap",
-			children: o
-		}), s && /* @__PURE__ */ i("div", {
-			className: "fontSizeSm content2",
-			children: s
-		})]
-	});
-	let _ = Object.is(f.value, e), v = f.disabled === !0, y = f.value === void 0 && f.firstOptionId === h, b = () => {
-		v || _ || f.onChange?.(e);
-	};
-	return /* @__PURE__ */ a("button", {
-		id: `${f.groupId}-option-${h}`,
-		type: "button",
-		role: "radio",
-		"aria-checked": _,
-		disabled: v,
-		tabIndex: _ || y ? 0 : -1,
-		className: t(p.radioItem, _ && p.checked, d),
-		"data-ui": "radio-option",
-		"data-action": "select-radio-option",
-		onClick: b,
-		onKeyDown: (e) => {
-			if (v || r(e, b)) return;
-			let t = e.currentTarget, i = t.closest("[role=\"radiogroup\"]"), a = Array.from(i?.querySelectorAll("[role=\"radio\"]:not([disabled])") ?? []);
-			if (!a.length) return;
-			let o = a.indexOf(t);
-			if (o === -1) return;
-			let s = n({
-				currentIndex: o,
-				itemCount: a.length,
-				key: e.key,
-				orientation: f.orientation
-			});
-			s !== null && (e.preventDefault(), a[s]?.focus(), a[s]?.click());
-		},
-		children: [/* @__PURE__ */ i("p", {
-			className: "textNoWrap",
-			children: o
-		}), s && /* @__PURE__ */ i("div", {
-			className: "fontSizeSm content2",
-			children: s
-		})]
-	});
-}
-h.Option = g;
-//#endregion
-export { h as n, g as t };
-
-//# sourceMappingURL=RadioGroup-BAhN1d1X.js.map

package/dist/chunks/StateSelect-abZq176J.js

@@ -1,78 +0,0 @@
-import { t as e } from "./Select-CoAYWNOn.js";
-import { cn as t } from "@ryuzaki13/react-foundation-lib/utils";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useMemo as a } from "react";
-import { DEFAULT_VALUE_STATES as o, VALUE_STATE_COLOR_TOKENS as s } from "@ryuzaki13/react-foundation-lib/formatters";
-var c = {
-	button: "p4nQdZ",
-	valueContainer: "_94tg5v",
-	swatch: "HyK7Zs",
-	optionsPalette: "Mm4hrB",
-	optionsDetailed: "clxxBQ",
-	option: "_5pJ7o-",
-	optionPalette: "VV6hKN",
-	optionDetailed: "cuQNP0",
-	optionMeta: "w7nIOT",
-	optionMetaIcon: "ed-Afj",
-	optionMetaLabel: "Lbxloe"
-};
-//#endregion
-//#region src/state-select/StateSelect.tsx
-function l({ state: e, className: n }) {
-	return /* @__PURE__ */ r("span", {
-		className: t(c.swatch, n),
-		"data-empty": e === "none" ? "" : void 0,
-		style: { "--state-color": s[e] }
-	});
-}
-function u(e) {
-	return !!(e?.icon || e?.label);
-}
-function d(e, t) {
-	return typeof t?.label == "string" && t.label.trim() ? t.label : e || "empty";
-}
-function f(e) {
-	return u(e) ? /* @__PURE__ */ i("span", {
-		className: c.optionMeta,
-		children: [e?.icon ? /* @__PURE__ */ r("span", {
-			className: c.optionMetaIcon,
-			children: e.icon
-		}) : null, e?.label ? /* @__PURE__ */ r("span", {
-			className: c.optionMetaLabel,
-			children: e.label
-		}) : null]
-	}) : null;
-}
-function p(e, t) {
-	return /* @__PURE__ */ i("div", {
-		className: c.valueContainer,
-		children: [/* @__PURE__ */ r(l, { state: e }), f(t)]
-	});
-}
-function m({ label: s, description: m, disabled: h, placeholder: g, size: _, value: v, onChange: y, options: b = o, stateMeta: x, className: S, clearable: C }) {
-	let w = a(() => Array.from(new Set(b)), [b]), T = w.some((e) => u(x?.[e]));
-	return /* @__PURE__ */ r(e, {
-		label: s,
-		description: m,
-		disabled: h,
-		placeholder: g,
-		size: _,
-		value: v,
-		onChange: y,
-		options: w,
-		className: S,
-		clearable: C,
-		getOptionKey: (e) => e || "__empty_state__",
-		getOptionLabel: (e) => x?.[e]?.label ?? e,
-		getOptionAriaLabel: (e) => d(e, x?.[e]),
-		renderValue: (e) => p(e, x?.[e]),
-		renderOption: (e) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(l, { state: e }), T ? f(x?.[e]) : null] }),
-		buttonClassName: c.button,
-		optionsContentClassName: t(T ? c.optionsDetailed : c.optionsPalette),
-		getOptionClassName: () => t(c.option, T ? c.optionDetailed : c.optionPalette)
-	});
-}
-//#endregion
-export { m as t };
-
-//# sourceMappingURL=StateSelect-abZq176J.js.map