@logora/debate 0.1.0 → 0.2.0

package/dist/components/icons/icon/Icon.js

@@ -0,0 +1,20 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { IconContext as t } from "../icon_provider/IconProvider.js";
+import { useContext as n } from "react";
+//#region src/components/icons/icon/Icon.jsx
+var r = e(), i = ({ name: e, height: i = 20, width: a = 20, className: o, ...s }) => {
+	let { iconLibrary: c } = n(t);
+	if (!c || !e) return null;
+	function l(e) {
+		return e.charAt(0).toUpperCase() + e.slice(1);
+	}
+	let u = c[l(e)];
+	return u ? /* @__PURE__ */ (0, r.jsx)(u, {
+		height: i,
+		width: a,
+		className: o,
+		...s
+	}) : null;
+};
+//#endregion
+export { i as Icon };

package/dist/components/icons/icon_provider/IconProvider.js

@@ -0,0 +1,9 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { createContext as t } from "react";
+//#region src/components/icons/icon_provider/IconProvider.jsx
+var n = e(), r = t({ iconLibrary: {} }), i = ({ library: e, children: t }) => /* @__PURE__ */ (0, n.jsx)(r.Provider, {
+	value: { iconLibrary: e },
+	children: t
+});
+//#endregion
+export { r as IconContext, i as IconProvider };

package/dist/components/icons/krone_icons/CheckBox.js

@@ -0,0 +1,17 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import "react";
+//#region src/components/icons/krone_icons/CheckBox.jsx
+var t = e(), n = (e) => /* @__PURE__ */ (0, t.jsx)("svg", {
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...e,
+	children: /* @__PURE__ */ (0, t.jsx)("path", {
+		d: "M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM17.99 9L16.58 7.58L9.99 14.17L7.41 11.6L5.99 13.01L9.99 17L17.99 9Z",
+		fill: "black"
+	})
+});
+//#endregion
+export { n as CheckBox };

package/dist/components/input/argument_input/ArgumentInput.js

@@ -0,0 +1,286 @@
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
+import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Icon as n } from "../../icons/icon/Icon.js";
+import { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { useAuth as i } from "../../auth/use_auth/useAuth.js";
+import { useDataProvider as ee } from "../../data/data_provider/useDataProvider.js";
+import { useConfig as te } from "../../data/config_provider/useConfig.js";
+import { useResponsive as ne } from "../../hooks/use_responsive/useResponsive.js";
+import { useList as re } from "../../list/list_provider/useList.js";
+import ie from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
+import a from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/message.js";
+import { useModal as ae } from "../../dialog/modal/useModal.js";
+import { useInput as oe } from "../input_provider/useInput.js";
+import { useToast as se } from "../../dialog/toast_provider/useToast.js";
+import { useAuthRequired as ce } from "../../hooks/use_auth_required/useAuthRequired.js";
+import { Avatar as le } from "../../user/avatar/Avatar.js";
+import { AuthorBox as ue } from "../../user/author_box/AuthorBox.js";
+import { TextEditor as de } from "../text_editor/TextEditor.js";
+import fe from "../../../node_modules/.pnpm/@rooks_use-sessionstorage-state@4.11.2_react@18.3.1/node_modules/@rooks/use-sessionstorage-state/lib/index.esm.js";
+import { useFormValidation as pe } from "../../forms/use_form_validation/useFormValidation.js";
+import { TogglePosition as me } from "../toggle_position/TogglePosition.js";
+import o from "./ArgumentInput.module.js";
+import { Suspense as he, lazy as s, useEffect as c, useRef as ge, useState as l } from "react";
+import { useLocation as _e } from "react-router";
+//#region src/components/input/argument_input/ArgumentInput.jsx
+var u = t(), d = /* @__PURE__ */ e(r()), ve = s(() => import("../../modal/side_modal/index.js")), f = ({ argumentListId: e, avatarSize: t = 48, disabled: r = !1, positions: s = [], disabledPositions: f = [], groupId: p, groupName: ye, groupType: m, hideSourceAction: be = !1, isReply: h = !1, onSubmit: g, parentId: _, placeholder: xe, positionId: v, focusOnInit: Se = !1, activeOnInit: y = !1, userGuideUrl: b, hideUserGuideLink: Ce = !1, hideCharCount: we = !1, disableAutoActivate: Te = !1 }) => {
+	let x = ie(), Ee = ee(), S = re(), C = te(), { focus: De, setFocus: w, setReset: Oe, inputContent: T, setInputContent: ke, setInputRichContent: Ae } = oe(), { isLoggedIn: E, currentUser: D } = i(), { errors: O, validate: k } = pe(), { isMobile: A } = ne(), je = _e(), j = ge(null), [M, N] = l([]), [P, F] = l(""), [I, L] = l(null), [R, z] = l(null), [B, V] = l(null), [H, U] = l(!1), [W, G] = l(!1), [K, q] = l({}), [J, Me] = fe("userSide", {}), [Y, Ne] = l(!E && C?.actions?.disableInputForVisitor), X = ce(), { showModal: Pe } = ae(), { toast: Z } = se() || {}, Fe = new URLSearchParams(typeof window < "u" ? window.location.search : je.search);
+	c(() => {
+		Ne(!E && C?.actions?.disableInputForVisitor);
+	}, [E, C]);
+	let Q = D?.role === "editor" || D?.role === "moderator", Ie = D?.moderation_status === "banned";
+	c(() => {
+		let e = null;
+		typeof window < "u" && (e = Fe.get("positionId")), v && v != s[2]?.id && s?.find((e) => e.id === v) ? z(v) : e && e != s[2]?.id ? z(e) : J && J.groupId == p && J.positionId != s[2]?.id && z(J.positionId);
+	}, [v]), c(() => {
+		y && ($(), w(!0));
+	}, [y]), c(() => {
+		if (typeof window < "u") {
+			let e = Se || Fe.get("initArgument");
+			(e === !0 || e === "true") && (w(!0), Je());
+		}
+	}, []), c(() => {
+		De && (Re(), w(!1));
+	}, [De]), c(() => {
+		T?.id && (Le(T), w(!0));
+	}, [T]);
+	let Le = (e) => {
+		q(e), G(!0), N(e.sources), F(e.content), L(e.rich_content), V(e.id), Re(), z(e.position?.id), JSON.parse(e.rich_content).hasOwnProperty("root") ? Ae(e.rich_content) : ke(e.content);
+	}, Re = () => {
+		j.current.scrollIntoView(!1);
+	}, ze = () => {
+		F(""), L(null), q({}), V(null), N([]), Oe(!0);
+	}, Be = (e) => {
+		z(e), Ke(e);
+	}, Ve = () => {
+		Pe(/* @__PURE__ */ (0, u.jsx)(he, {
+			fallback: null,
+			children: /* @__PURE__ */ (0, u.jsx)(ve, {
+				modalTitle: x.formatMessage({
+					id: "modal.side_modal.modal_title",
+					defaultMessage: "Choose your side"
+				}),
+				onChooseSide: Be,
+				positions: s,
+				title: ye,
+				disabledPositions: !h && f,
+				isNeutral: J && J.groupId == p && J.positionId === s[2]?.id
+			})
+		}));
+	}, He = () => {
+		E ? B ? qe() : !s || s?.length === 0 || !f?.find((e) => e?.id === R) && R || Q && h ? Ke(h && Q && s[0]?.id) : Ve() : X({ loginAction: "argument" });
+	}, Ue = (e, t) => {
+		Y ? X({ loginAction: "argument" }) : (F(e), L(t), k({ content: e }, [{ content: ["url", null] }]));
+	}, We = (e) => {
+		N(e);
+	}, Ge = [
+		{ content: ["length", 3] },
+		{ content: ["required", null] },
+		{ content: ["url", null] },
+		...!s || s?.length === 0 ? [] : [{ position_id: ["required", null] }]
+	], Ke = (t) => {
+		let n = t || R, r = {
+			content: P,
+			rich_content: I,
+			group_id: p,
+			...m && { group_type: m },
+			...n && { position_id: n },
+			is_reply: !!_,
+			message_id: _ || null,
+			source_ids: M?.map((e) => e.id)
+		};
+		k(r, Ge) && (n && s && s.map((e) => e.id).includes(n) && Me({
+			groupId: p,
+			positionId: n
+		}), ze(), Ee.create("messages", r).then((t) => {
+			if (t.data.success) {
+				if (_) g(t.data.data.resource), Z(x.formatMessage({
+					id: "alert.argument_create",
+					defaultMessage: "Your contribution has been sent !"
+				}), {
+					type: "success",
+					points: x.formatMessage({
+						id: "alert.reply_gain",
+						defaultMessage: " "
+					})
+				});
+				else {
+					let r = t.data.data.resource, i = e;
+					n && !A && (i = `argumentList${r.position.id}`), g?.(P, s.find((e) => e.id === n) || null), S.add(i, [r]), Z(x.formatMessage({
+						id: "alert.argument_create",
+						defaultMessage: "Your contribution has been sent !"
+					}), {
+						type: "success",
+						points: x.formatMessage({
+							id: "alert.argument_create_gain",
+							defaultMessage: "Up to 10 eloquence points"
+						}),
+						category: "ARGUMENT",
+						contentKey: D.messages_count === 2 ? "alert.third_argument" : "alert.first_argument"
+					});
+				}
+				typeof window < "u" && window.dispatchEvent(new CustomEvent("logora:user_content:created", { detail: { content: t.data.data?.resource } }));
+			}
+		}));
+	}, qe = () => {
+		let t = {
+			content: P,
+			rich_content: I,
+			source_ids: M?.map((e) => e.id),
+			...R && { position_id: R }
+		};
+		k(t, Ge) && Ee.update("messages", B, t).then((t) => {
+			if (t.data.success) {
+				let n = t.data.data.resource, r = e;
+				if (R && !A && (r = `argumentList${n.position?.id}`), K?.position?.id != n.position?.id && !A && !n.is_reply) {
+					let e = `argumentList${K.position.id}`, t = `argumentList${n.position.id}`;
+					S.remove(e, [n]), S.add(t, [n]);
+				} else S.update(r, [n]);
+				Z(x.formatMessage({ id: "alert.argument_modify" }), { type: "success" }), ze();
+			}
+		});
+	}, Je = () => {
+		if (!H) {
+			U(!0);
+			let e = setTimeout(() => {
+				U(!1);
+			}, 2e3);
+			return () => clearTimeout(e);
+		}
+	}, $ = () => {
+		Y ? X({ loginAction: "argument" }) : G(!0);
+	}, Ye = () => {
+		let e = f.find((e) => e.id === R);
+		if (e) return x.formatMessage({
+			id: "info.argument_side_limit",
+			defaultMessage: "You have reached the argument limit (10) for position {position}."
+		}, { position: e.name });
+	};
+	return /* @__PURE__ */ (0, u.jsxs)("div", {
+		className: o.inputContainer,
+		children: [r && /* @__PURE__ */ (0, u.jsx)("div", {
+			className: o.disabledInputMask,
+			children: Ie ? x.formatMessage({
+				id: "input.argument_input.user_banned",
+				defaultMessage: "You are banned from the debate space."
+			}) : x.formatMessage({
+				id: "info.debate_is_inactive",
+				defaultMessage: "Debate is closed"
+			})
+		}), /* @__PURE__ */ (0, u.jsx)("div", {
+			className: (0, d.default)(o.argumentInput, {
+				[o.flash]: H,
+				[o.replyInputContainer]: h
+			}),
+			children: /* @__PURE__ */ (0, u.jsx)("div", {
+				"data-tid": "action_add_argument",
+				ref: j,
+				children: /* @__PURE__ */ (0, u.jsxs)("div", {
+					className: o.argumentInputBox,
+					children: [s.length > 0 && E && (!h || !Q) && /* @__PURE__ */ (0, u.jsxs)("div", {
+						className: o.userPosition,
+						children: [/* @__PURE__ */ (0, u.jsx)("div", { children: x.formatMessage({
+							id: "input.position",
+							defaultMessage: "Your position"
+						}) }), /* @__PURE__ */ (0, u.jsx)(me, {
+							activeLabel: R === s[0].id ? 0 : R === s[1].id ? 1 : null,
+							firstLabel: s[0],
+							secondLabel: s[1],
+							onChange: (e) => z(s[e].id)
+						})]
+					}), /* @__PURE__ */ (0, u.jsxs)("div", {
+						className: (0, d.default)(o.argumentTextInputBox, {
+							[o.argumentTextInputBoxisTablet]: !A,
+							[o.replyEditorRow]: h
+						}),
+						children: [/* @__PURE__ */ (0, u.jsx)("div", {
+							className: (0, d.default)(o.argumentAuthorContainer, {
+								[o.argumentAuthorContainerMobile]: A,
+								[o.argumentAuthorContainerActivated]: !A && W || h
+							}),
+							children: !A && W || h ? /* @__PURE__ */ (0, u.jsx)(le, {
+								avatarUrl: D.image_url,
+								userName: D.full_name,
+								size: t
+							}) : /* @__PURE__ */ (0, u.jsx)(ue, {
+								fullName: D?.full_name || x.formatMessage({ id: "default_author.full_name" }),
+								avatarUrl: D?.image_url,
+								points: D?.points || 0,
+								slug: D?.hash_id
+							})
+						}), /* @__PURE__ */ (0, u.jsxs)("div", {
+							onClick: $,
+							"data-testid": "argument-input",
+							className: (0, d.default)(o.textEditorBox, { [o.replyTextEditorBox]: h }),
+							children: [
+								/* @__PURE__ */ (0, u.jsx)(de, {
+									handleChange: (e, t) => {
+										Ue(e, t);
+									},
+									handleSourcesChange: (e) => {
+										We(e);
+									},
+									placeholder: xe,
+									"aria-label": x.formatMessage({
+										id: "input.argument_input.aria_label",
+										defaultMessage: "Message input field"
+									}),
+									onSubmit: He,
+									sources: M,
+									hideSourceAction: be || Y,
+									uid: `Argument${p}`,
+									onActivation: $,
+									showStylesControls: W,
+									disabled: r || Y || Ie,
+									maxLength: Y ? !1 : C?.actions?.argumentMaxLength,
+									disableRichText: C?.actions?.disableRichText || Y,
+									shortBar: h,
+									hideSubmit: Y,
+									allowedDomains: C?.allowed_sources,
+									active: y,
+									hideCharCount: we,
+									disableAutoActivate: Te
+								}),
+								O?.content && /* @__PURE__ */ (0, u.jsx)("div", {
+									className: o.argumentInputWarning,
+									children: O && Object.values(O).map((e, t) => /* @__PURE__ */ (0, u.jsx)("div", { children: e }, t))
+								}),
+								W && f?.find((e) => e.id === R) && /* @__PURE__ */ (0, u.jsxs)("div", {
+									className: (0, d.default)(o.argumentInputWarning, o.disabledPositionWarning),
+									children: [/* @__PURE__ */ (0, u.jsx)(n, {
+										name: "announcement",
+										className: o.warningIcon,
+										height: 20,
+										width: 20
+									}), /* @__PURE__ */ (0, u.jsx)("div", {
+										className: o.argumentInputWarningText,
+										children: Ye()
+									})]
+								}),
+								W && b && !Ce && /* @__PURE__ */ (0, u.jsx)("div", {
+									className: o.guideMessage,
+									children: /* @__PURE__ */ (0, u.jsx)(a, {
+										id: "alert.guide_message",
+										defaultMessage: "Contributions must comply with our {userCharter}.",
+										values: { userCharter: /* @__PURE__ */ (0, u.jsx)("a", {
+											className: o.guideMessage,
+											href: b,
+											target: "_blank",
+											rel: "noreferrer",
+											children: /* @__PURE__ */ (0, u.jsx)(a, {
+												id: "alert.user_charter",
+												defaultMessage: "user charter"
+											})
+										}) }
+									})
+								})
+							]
+						})]
+					})]
+				})
+			})
+		})]
+	});
+};
+//#endregion
+export { f as ArgumentInput };

package/dist/components/input/argument_input/ArgumentInput.module.js

@@ -0,0 +1,23 @@
+var e = {
+	inputContainer: "_inputContainer_1rycl_3",
+	argumentInput: "_argumentInput_1rycl_7",
+	flash: "_flash_1rycl_27",
+	argumentInputBox: "_argumentInputBox_1rycl_31",
+	userPosition: "_userPosition_1rycl_38",
+	argumentTextInputBox: "_argumentTextInputBox_1rycl_47",
+	argumentTextInputBoxisTablet: "_argumentTextInputBoxisTablet_1rycl_53",
+	argumentAuthorContainer: "_argumentAuthorContainer_1rycl_62",
+	argumentAuthorContainerActivated: "_argumentAuthorContainerActivated_1rycl_68",
+	argumentAuthorContainerMobile: "_argumentAuthorContainerMobile_1rycl_74",
+	textEditorBox: "_textEditorBox_1rycl_79",
+	argumentInputWarning: "_argumentInputWarning_1rycl_91",
+	warningIcon: "_warningIcon_1rycl_96",
+	disabledPositionWarning: "_disabledPositionWarning_1rycl_108",
+	disabledInputMask: "_disabledInputMask_1rycl_114",
+	replyInputContainer: "_replyInputContainer_1rycl_128",
+	replyEditorRow: "_replyEditorRow_1rycl_148",
+	replyTextEditorBox: "_replyTextEditorBox_1rycl_157",
+	guideMessage: "_guideMessage_1rycl_161"
+};
+//#endregion
+export { e as default };

package/dist/components/input/argument_input/index.js

@@ -0,0 +1,2 @@
+import { ArgumentInput as e } from "./ArgumentInput.js";
+export { e as default };

package/dist/components/input/checkbox/hidden/hidden-checkbox.js

@@ -0,0 +1,16 @@
+import { __toESM as e } from "../../../../_virtual/_rolldown/runtime.js";
+import { require_jsx_runtime as t } from "../../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { require_classnames as n } from "../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import r from "./hidden-checkbox.module.js";
+import "react";
+//#region src/components/input/checkbox/hidden/hidden-checkbox.jsx
+var i = /* @__PURE__ */ e(n()), a = t();
+function o({ className: e, type: t = "checkbox", ...n }) {
+	return /* @__PURE__ */ (0, a.jsx)("input", {
+		...n,
+		type: t,
+		className: (0, i.default)(e, r.hidden)
+	});
+}
+//#endregion
+export { o as HiddenCheckbox };

package/dist/components/input/checkbox/hidden/hidden-checkbox.module.js

@@ -0,0 +1,3 @@
+var e = { hidden: "_hidden_wq371_1" };
+//#endregion
+export { e as default };

package/dist/components/input/checkbox/indicator/checkbox-indicator.js

@@ -0,0 +1,19 @@
+import { __toESM as e } from "../../../../_virtual/_rolldown/runtime.js";
+import { require_jsx_runtime as t } from "../../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { require_classnames as n } from "../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import r from "./checkbox-indicator.module.js";
+import "react";
+//#region src/components/input/checkbox/indicator/checkbox-indicator.jsx
+var i = /* @__PURE__ */ e(n()), a = t(), o = {
+	checkedIndicator: r.checkedIndicator,
+	defaultCheckbox: r.defaultCheckbox
+};
+function s(e) {
+	let { className: t = o.defaultCheckbox } = e;
+	return /* @__PURE__ */ (0, a.jsx)("span", {
+		...e,
+		className: (0, i.default)(t, o.checkedIndicator)
+	});
+}
+//#endregion
+export { s as CheckboxIndicator, o as classes };

package/dist/components/input/checkbox/indicator/checkbox-indicator.module.js

@@ -0,0 +1,6 @@
+var e = {
+	checkedIndicator: "_checkedIndicator_1jn64_2",
+	defaultCheckbox: "_defaultCheckbox_1jn64_10"
+};
+//#endregion
+export { e as default };

package/dist/components/input/checkbox/label/checkbox-label.js

@@ -0,0 +1,27 @@
+import { require_jsx_runtime as e } from "../../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { HiddenCheckbox as t } from "../hidden/hidden-checkbox.js";
+import { CheckboxIndicator as n, classes as r } from "../indicator/checkbox-indicator.js";
+import "react";
+//#region src/components/input/checkbox/label/checkbox-label.jsx
+var i = e();
+function a({ checked: e, defaultChecked: a, onInputChanged: o, type: s, disabled: c, name: l, required: u, value: d, input: f = /* @__PURE__ */ (0, i.jsx)(t, {
+	defaultChecked: a,
+	onChange: o,
+	checked: e,
+	disabled: c,
+	type: s,
+	name: l,
+	value: d,
+	required: u
+}), indicator: p = /* @__PURE__ */ (0, i.jsx)(n, { className: r.defaultCheckbox }), children: m, ...h }) {
+	return /* @__PURE__ */ (0, i.jsxs)("label", {
+		...h,
+		children: [
+			f,
+			p,
+			m
+		]
+	});
+}
+//#endregion
+export { a as CheckboxLabel };

package/dist/components/input/input_provider/InputProvider.js

@@ -0,0 +1,21 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { createContext as t, useState as n } from "react";
+//#region src/components/input/input_provider/InputProvider.jsx
+var r = e(), i = t(), a = ({ children: e }) => {
+	let [t, a] = n(!1), [o, s] = n(!1), [c, l] = n(), [u, d] = n();
+	return /* @__PURE__ */ (0, r.jsx)(i.Provider, {
+		value: {
+			focus: t,
+			setFocus: a,
+			inputContent: c,
+			setInputContent: l,
+			inputRichContent: u,
+			setInputRichContent: d,
+			reset: o,
+			setReset: s
+		},
+		children: e
+	});
+};
+//#endregion
+export { i as InputContext, a as InputProvider };

package/dist/components/input/input_provider/useInput.js

@@ -0,0 +1,6 @@
+import { InputContext as e } from "./InputProvider.js";
+import { useContext as t } from "react";
+//#region src/components/input/input_provider/useInput.jsx
+var n = () => t(e);
+//#endregion
+export { n as useInput };

package/dist/components/input/search_input/SearchInput.js

@@ -0,0 +1,74 @@
+import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Icon as t } from "../../icons/icon/Icon.js";
+import n from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
+import { TextInput as r } from "../text_input/TextInput.js";
+import { useOnClickOutside as i } from "../../../node_modules/.pnpm/use-onclickoutside@0.4.1_@types_react@19.2.14_react@18.3.1/node_modules/use-onclickoutside/dist/use-onclickoutside.browser.esm.js";
+import a from "./SearchInput.module.js";
+import { useRef as o, useState as s } from "react";
+//#region src/components/input/search_input/SearchInput.jsx
+var c = e(), l = ({ onSearchSubmit: e, placeholder: l, disabled: u, reducedByDefault: d }) => {
+	let f = n(), [p, m] = s(""), [h, g] = s(!1), _ = o(null);
+	i(_, d ? () => g(!1) : null);
+	let v = (t) => {
+		t.preventDefault(), e(p);
+	}, y = (t) => {
+		t.preventDefault(), m(""), e("");
+	};
+	return !d || h ? /* @__PURE__ */ (0, c.jsx)("form", {
+		"data-tid": "form_search",
+		onSubmit: v,
+		method: "get",
+		autoComplete: "off",
+		ref: _,
+		children: /* @__PURE__ */ (0, c.jsx)(r, {
+			type: "text",
+			name: "q",
+			"aria-label": f.formatMessage({
+				id: "input.search_input.aria_label",
+				defaultMessage: "Search bar"
+			}),
+			value: p,
+			placeholder: l,
+			disabled: u,
+			onChange: (e) => m(e.target.value),
+			"data-testid": "input_search_query",
+			"data-tid": "input_search_query",
+			iconRight: p && /* @__PURE__ */ (0, c.jsx)(t, {
+				name: "close",
+				className: a.searchReset,
+				"data-tid": "action_search_reset",
+				height: 16,
+				width: 16,
+				onClick: (e) => y(e),
+				"aria-label": f.formatMessage({
+					id: "input.search_input.reset_icon.aria_label",
+					defaultMessage: "Reset search"
+				})
+			}),
+			iconLeft: /* @__PURE__ */ (0, c.jsx)(t, {
+				name: "search",
+				className: a.searchSubmit,
+				"data-tid": "action_search_submit",
+				height: 16,
+				width: 16,
+				onClick: (e) => v(e),
+				"aria-label": f.formatMessage({
+					id: "input.search_input.submit_icon.aria_label",
+					defaultMessage: "starts search"
+				})
+			})
+		})
+	}) : /* @__PURE__ */ (0, c.jsx)("div", {
+		className: a.searchReducedButton,
+		onClick: () => g(!0),
+		children: /* @__PURE__ */ (0, c.jsx)(t, {
+			name: "search",
+			className: a.searchSubmit,
+			"data-tid": "action_search_submit",
+			height: 20.8,
+			width: 16
+		})
+	});
+};
+//#endregion
+export { l as SearchInput };

package/dist/components/input/search_input/SearchInput.module.js

@@ -0,0 +1,8 @@
+var e = {
+	searchSubmit: "_searchSubmit_3rc6d_3",
+	searchReset: "_searchReset_3rc6d_3",
+	searchButton: "_searchButton_3rc6d_7",
+	searchReducedButton: "_searchReducedButton_3rc6d_11"
+};
+//#endregion
+export { e as default };

package/dist/components/input/select/Select.js

@@ -0,0 +1,76 @@
+import { __toESM as e } from "../../../_virtual/_rolldown/runtime.js";
+import { require_jsx_runtime as t } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { Icon as n } from "../../icons/icon/Icon.js";
+import { require_classnames as r } from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { Dropdown as i } from "../../dialog/dropdown/Dropdown.js";
+import a from "./Select.module.js";
+import { useEffect as o, useState as s } from "react";
+//#region src/components/input/select/Select.jsx
+var c = /* @__PURE__ */ e(r()), l = t(), u = ({ options: e, defaultOption: t, onChange: r, resetSelect: u = !1, disabled: d = !1, className: f, horizontalPosition: p = "left" }) => {
+	let m = t ? e.filter((e) => e.name === t)[0] : e[0], [h, g] = s(m);
+	o(() => {
+		u === !0 && g(m);
+	}, [u]), o(() => {
+		t && g(e.filter((e) => e.name === t)[0]);
+	}, [t]);
+	let _ = (e) => {
+		g(e), r && r(e);
+	}, v = (e) => {
+		let t = e.currentTarget;
+		switch (e.key) {
+			case "Enter":
+			case " ":
+				e.preventDefault(), t.click();
+				break;
+			case "ArrowDown":
+				e.preventDefault(), t.nextElementSibling?.focus();
+				break;
+			case "ArrowUp":
+				e.preventDefault(), t.previousElementSibling?.focus();
+				break;
+		}
+	}, y = (e) => {
+		let t = h?.name === e.name;
+		return e.name !== "" && /* @__PURE__ */ (0, l.jsx)("div", {
+			role: "option",
+			"aria-selected": t,
+			tabIndex: 0,
+			className: (0, c.default)(a.selectOption, { [a.selectOptionActive]: t }),
+			value: e.value,
+			"data-tid": e.dataTid,
+			onClick: () => _(e),
+			onKeyDown: v,
+			children: e.text
+		}, e.value);
+	};
+	return /* @__PURE__ */ (0, l.jsx)("div", {
+		className: a.selectContainer,
+		children: /* @__PURE__ */ (0, l.jsxs)(i, {
+			horizontalPosition: p,
+			children: [/* @__PURE__ */ (0, l.jsxs)("div", {
+				className: (0, c.default)(a.selectInput, {
+					[f]: f,
+					[a.disabled]: d
+				}),
+				children: [
+					/* @__PURE__ */ (0, l.jsx)("span", {
+						className: a.currentOptionText,
+						children: h?.text
+					}),
+					" ",
+					/* @__PURE__ */ (0, l.jsx)(n, {
+						name: "lightArrow",
+						className: a.arrowDown,
+						height: 10,
+						width: 10
+					})
+				]
+			}), !d && /* @__PURE__ */ (0, l.jsx)("div", {
+				role: "listbox",
+				children: e.map(y)
+			})]
+		})
+	});
+};
+//#endregion
+export { u as Select };

package/dist/components/input/select/Select.module.js

@@ -0,0 +1,12 @@
+var e = {
+	selectContainer: "_selectContainer_xsq2g_3",
+	selectInput: "_selectInput_xsq2g_16",
+	span: "_span_xsq2g_29",
+	disabled: "_disabled_xsq2g_42",
+	currentOptionText: "_currentOptionText_xsq2g_51",
+	selectOption: "_selectOption_xsq2g_58",
+	selectOptionActive: "_selectOptionActive_xsq2g_72",
+	arrowDown: "_arrowDown_xsq2g_77"
+};
+//#endregion
+export { e as default };