@solostylist/ui-kit 2.0.0 → 2.0.1

package/dist/s-chat-input-DCS0mJE4.js

@@ -1,419 +0,0 @@
-import { toSxArray as e } from "./utils/sx.js";
-import { tint as t } from "./theme/utils.js";
-import { t as n } from "./useForkRef-CKneCEtr.js";
-import { t as r } from "./appendOwnerState-CELpvdMz.js";
-import { t as i } from "./createSvgIcon-B0SZlJF1.js";
-import { t as ee } from "./useControlled-BeB0W_Ui.js";
-import { t as te } from "./mergeSlotProps-xl1-PgWL.js";
-import { t as ne } from "./ArrowUpward-D88i2k4q.js";
-import { t as a } from "./Close-o4HFfK0I.js";
-import { t as o } from "./s-text-field-BM4qk0mf.js";
-import { SIconButton as s } from "./s-icon-button/s-icon-button.js";
-import { SFileIcon as re } from "./s-file-icon/s-file-icon.js";
-import { forwardRef as c, useEffect as ie, useRef as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Box as m, ClickAwayListener as ae, Popper as oe, Typography as h, outlinedInputClasses as se, styled as g, useThemeProps as ce } from "@mui/material";
-import le, { Categories as _ } from "emoji-picker-react";
-//#region ../../node_modules/@mui/icons-material/AccessTime.mjs
-var v = i([/* @__PURE__ */ f("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8" }, "0"), /* @__PURE__ */ f("path", { d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z" }, "1")], "AccessTime"), y = i(/* @__PURE__ */ f("path", { d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6z" }), "AttachFile"), b = i(/* @__PURE__ */ f("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8M12 18c-2.28 0-4.22-1.66-5-4h10c-.78 2.34-2.72 4-5 4m3.5-7c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5" }), "EmojiEmotions"), x = i(/* @__PURE__ */ f("path", { d: "M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2M5 8V7h2v3.82C5.84 10.4 5 9.3 5 8m14 0c0 1.3-.84 2.4-2 2.82V7h2z" }), "EmojiEvents"), S = i(/* @__PURE__ */ f("path", { d: "m14 9-1-2H7V5.72c.6-.34 1-.98 1-1.72 0-1.1-.9-2-2-2s-2 .9-2 2c0 .74.4 1.38 1 1.72V21h2v-4h5l1 2h7V9h-6zm4 8h-4l-1-2H7V9h5l1 2h5v6z" }), "EmojiFlags"), C = i(/* @__PURE__ */ f("path", { d: "M20 3H9v2.4l1.81 1.45c.12.09.19.24.19.39v4.26c0 .28-.22.5-.5.5h-4c-.28 0-.5-.22-.5-.5V7.24c0-.15.07-.3.19-.39L8 5.4V3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.9 2-2V5c0-1.11-.89-2-2-2m0 5h-2V5h2zM4 19h16v2H4z" }), "EmojiFoodBeverage"), w = i(/* @__PURE__ */ f("path", { d: "M21.94 4.88c-.18-.53-.69-.88-1.26-.88H19.6l-.31-.97C19.15 2.43 18.61 2 18 2s-1.15.43-1.29 1.04L16.4 4h-1.07c-.57 0-1.08.35-1.26.88-.19.56.04 1.17.56 1.48l.87.52-.4 1.24c-.23.58-.04 1.25.45 1.62.23.17.51.26.78.26.31 0 .61-.11.86-.32l.81-.7.81.7c.25.21.55.32.86.32.27 0 .55-.09.78-.26.5-.37.68-1.04.45-1.62l-.39-1.24.87-.52c.51-.31.74-.92.56-1.48M18 7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m-4.51 3.51c-.43-.43-.94-.73-1.49-.93V8h-1v1.38c-.11-.01-.23-.03-.34-.03-1.02 0-2.05.39-2.83 1.17-.16.16-.3.34-.43.53L6 10.52c-1.56-.55-3.28.27-3.83 1.82-.27.75-.23 1.57.12 2.29.23.48.58.87 1 1.16-.38 1.35-.06 2.85 1 3.91s2.57 1.38 3.91 1c.29.42.68.77 1.16 1q.63.3 1.29.3c.34 0 .68-.06 1.01-.17 1.56-.55 2.38-2.27 1.82-3.85l-.52-1.37c.18-.13.36-.27.53-.43.87-.87 1.24-2.04 1.14-3.17H16v-1h-1.59c-.19-.55-.49-1.06-.92-1.5m-8.82 3.78c-.25-.09-.45-.27-.57-.51s-.13-.51-.04-.76c.19-.52.76-.79 1.26-.61l3.16 1.19c-1.15.6-2.63 1.11-3.81.69m6.32 5.65c-.25.09-.52.08-.76-.04-.24-.11-.42-.32-.51-.57-.42-1.18.09-2.65.7-3.8l1.18 3.13c.18.52-.09 1.1-.61 1.28m1.21-5.34-.61-1.61c0-.01-.01-.02-.02-.03l-.06-.12c-.02-.04-.04-.07-.07-.11l-.09-.09-.09-.09c-.03-.03-.07-.05-.11-.07s-.07-.05-.12-.06c-.01 0-.02-.01-.03-.02l-1.6-.6c.36-.29.79-.46 1.26-.46.53 0 1.04.21 1.41.59.73.73.77 1.88.13 2.67" }), "EmojiNature"), T = i(/* @__PURE__ */ f("path", { d: "M12 3c-.46 0-.93.04-1.4.14-2.76.53-4.96 2.76-5.48 5.52-.48 2.61.48 5.01 2.22 6.56.43.38.66.91.66 1.47V19c0 1.1.9 2 2 2h.28c.35.6.98 1 1.72 1s1.38-.4 1.72-1H14c1.1 0 2-.9 2-2v-2.31c0-.55.22-1.09.64-1.46C18.09 13.95 19 12.08 19 10c0-3.87-3.13-7-7-7m2 16h-4v-1h4zm0-2h-4v-1h4zm-1.5-5.59V14h-1v-2.59L9.67 9.59l.71-.71L12 10.5l1.62-1.62.71.71z" }), "EmojiObjects"), E = i([
-	/* @__PURE__ */ f("path", { d: "M3 2h8v2H3zm3 9h2V7h3V5H3v2h3zm6.4038 9.182 7.7782-7.7783 1.4142 1.4142-7.7782 7.7782z" }, "0"),
-	/* @__PURE__ */ f("circle", {
-		cx: "14.5",
-		cy: "14.5",
-		r: "1.5"
-	}, "1"),
-	/* @__PURE__ */ f("circle", {
-		cx: "19.5",
-		cy: "19.5",
-		r: "1.5"
-	}, "2"),
-	/* @__PURE__ */ f("path", { d: "M15.5 11c1.38 0 2.5-1.12 2.5-2.5V4h3V2h-4v4.51c-.42-.32-.93-.51-1.5-.51C14.12 6 13 7.12 13 8.5s1.12 2.5 2.5 2.5m-5.76 4.96-1.41 1.41-.71-.71.35-.35c.98-.98.98-2.56 0-3.54-.49-.49-1.13-.73-1.77-.73s-1.28.24-1.77.73c-.98.98-.98 2.56 0 3.54l.35.35-1.06 1.06c-.98.98-.98 2.56 0 3.54.5.5 1.14.74 1.78.74s1.28-.24 1.77-.73l1.06-1.06 1.41 1.41 1.41-1.41-1.41-1.41 1.41-1.41zM5.85 14.2c.12-.12.26-.15.35-.15s.23.03.35.15c.19.2.19.51 0 .71l-.35.35-.35-.36c-.19-.19-.19-.51 0-.7m0 5.65c-.12.12-.26.15-.35.15s-.23-.03-.35-.15c-.19-.19-.19-.51 0-.71l1.06-1.06.71.71z" }, "3")
-], "EmojiSymbols"), D = i([
-	/* @__PURE__ */ f("path", { d: "M20.57 10.66c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66L10 14.77l.01 5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V19h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14zm-8.16.34h7.19l1.03 3h-9.25zM12 17c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1" }, "0"),
-	/* @__PURE__ */ f("path", { d: "M14 9h1V3H7v5H2v13h1V9h5V4h6z" }, "1"),
-	/* @__PURE__ */ f("path", { d: "M5 11h2v2H5zm5-6h2v2h-2zM5 15h2v2H5zm0 4h2v2H5z" }, "2")
-], "EmojiTransportation"), ue = {
-	[_.SUGGESTED]: /* @__PURE__ */ f(v, {}),
-	[_.SMILEYS_PEOPLE]: /* @__PURE__ */ f(b, {}),
-	[_.ANIMALS_NATURE]: /* @__PURE__ */ f(w, {}),
-	[_.FOOD_DRINK]: /* @__PURE__ */ f(C, {}),
-	[_.TRAVEL_PLACES]: /* @__PURE__ */ f(D, {}),
-	[_.ACTIVITIES]: /* @__PURE__ */ f(x, {}),
-	[_.OBJECTS]: /* @__PURE__ */ f(T, {}),
-	[_.SYMBOLS]: /* @__PURE__ */ f(E, {}),
-	[_.FLAGS]: /* @__PURE__ */ f(S, {})
-}, O = "url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>')", de = g(m, {
-	name: "SChatInput",
-	slot: "Root"
-})({});
-function fe(e, t) {
-	return typeof e == "function" ? e(t) : e;
-}
-var k = c((i, c) => {
-	let g = ce({
-		props: i,
-		name: "SChatInput"
-	}), { onSubmit: _, onFileSelect: v, disabled: x = !1, acceptedFileTypes: S, maxFileSize: C, hideEmojiPicker: w, hideFileAttachment: T, value: E, defaultValue: D = "", onChange: k, onKeyDown: pe, inputRef: me, placeholder: A = "Enter your message here...", slotProps: j, slots: M, sx: N, attachFileLabel: P = "Attach files", emojiPickerLabel: F = "Choose emoji", submitLabel: I = "Send message", ...L } = g, [R, z] = ee({
-		controlled: E,
-		default: D,
-		name: "SChatInput",
-		state: "value"
-	}), [B, V] = u([]), [he, H] = u(/* @__PURE__ */ new Map()), U = l(/* @__PURE__ */ new Map()), W = l(null), [G, K] = u(!1), [ge, q] = u(null), J = {
-		...g,
-		disabled: x,
-		emojiPickerOpen: G,
-		hasFiles: B.length > 0
-	}, _e = M?.input ?? o, ve = fe(j?.input, J), { inputRef: ye, onChange: be, onKeyDown: xe, slotProps: Y, ...Se } = r(M?.input, ve ?? {}, J), Ce = n(me, ye), X = (e) => e.type.startsWith("image/"), we = (e) => he.get(e) ?? "", Te = (e) => {
-		if (be?.(e), e.defaultPrevented) return;
-		let t = e.target.value;
-		z(t), k?.(e, t, "input");
-	}, Z = (e, t) => {
-		let n = `${R}${e.emoji}`;
-		z(n), k?.(t, n, "emoji"), K(!1), q(null);
-	}, Ee = (e) => {
-		q(e.currentTarget), K(!G);
-	}, Q = (e) => {
-		x || R.trim().length === 0 && B.length === 0 || (_?.(e, R, B), !e.defaultPrevented && (e.preventDefault(), z(""), k?.(e, "", "clear"), U.current.forEach((e) => URL.revokeObjectURL(e)), U.current = /* @__PURE__ */ new Map(), H(/* @__PURE__ */ new Map()), V([])));
-	}, De = (e) => {
-		let t = Array.from(e.target.files ?? []).filter((e) => !(C && e.size > C)), n = new Map(U.current);
-		t.forEach((e) => {
-			X(e) && n.set(e, URL.createObjectURL(e));
-		}), U.current = n, H(n), V((e) => [...e, ...t]), v?.(t), e.target.value = "";
-	}, $ = (e) => {
-		let t = B[e];
-		if (t && X(t)) {
-			let e = U.current.get(t);
-			if (e) {
-				URL.revokeObjectURL(e);
-				let n = new Map(U.current);
-				n.delete(t), U.current = n, H(n);
-			}
-		}
-		V((t) => t.filter((t, n) => n !== e));
-	}, Oe = (e) => {
-		xe?.(e), pe?.(e), !e.defaultPrevented && e.key === "Enter" && !e.shiftKey && (Q(e), e.preventDefault());
-	};
-	return ie(() => () => {
-		U.current.forEach((e) => URL.revokeObjectURL(e)), U.current.clear();
-	}, []), /* @__PURE__ */ p(de, {
-		...L,
-		ownerState: J,
-		ref: c,
-		sx: [(e) => ({
-			border: "1px solid",
-			borderColor: "divider",
-			borderRadius: 1,
-			padding: "8px 12px",
-			transition: "border 120ms ease-in",
-			"&:hover": { borderColor: (e.vars ?? e).palette.grey[500] },
-			"&:focus-within": {
-				outline: `3px solid ${t((e.vars ?? e).palette.primary[500], 50)}`,
-				borderColor: (e.vars ?? e).palette.primary[400]
-			},
-			...x && {
-				opacity: .5,
-				pointerEvents: "none"
-			}
-		}), ...e(N)],
-		children: [
-			/* @__PURE__ */ f(_e, {
-				...Se,
-				placeholder: A,
-				disabled: x,
-				value: R,
-				onChange: Te,
-				onKeyDown: Oe,
-				fullWidth: !0,
-				multiline: !0,
-				minRows: 1,
-				maxRows: 10,
-				variant: "outlined",
-				inputRef: Ce,
-				slotProps: {
-					...Y,
-					input: te(Y?.input, { sx: {
-						height: "100%",
-						backgroundColor: "transparent",
-						border: "none",
-						padding: 0,
-						[`&.${se.focused}`]: { outline: "none" },
-						"& fieldset": { border: "none" },
-						"&:hover fieldset": { border: "none" },
-						"&.Mui-focused fieldset": { border: "none" }
-					} })
-				}
-			}),
-			B.length > 0 && /* @__PURE__ */ f(m, {
-				sx: {
-					display: "flex",
-					flexWrap: "wrap",
-					gap: 1,
-					mt: 1
-				},
-				children: B.map((e, t) => {
-					let n = X(e), r = e.name.split(".").pop();
-					return n ? /* @__PURE__ */ p(m, {
-						sx: {
-							flex: "0 0 auto",
-							height: 72,
-							position: "relative",
-							width: 72
-						},
-						children: [/* @__PURE__ */ f(m, {
-							component: "img",
-							src: we(e),
-							alt: e.name,
-							sx: {
-								borderRadius: 1,
-								display: "block",
-								height: "100%",
-								objectFit: "cover",
-								width: "100%"
-							}
-						}), /* @__PURE__ */ f(s, {
-							"aria-label": `Remove ${e.name}`,
-							onClick: () => $(t),
-							size: "small",
-							variant: "overlay",
-							sx: {
-								position: "absolute",
-								right: 4,
-								top: 4
-							},
-							children: /* @__PURE__ */ f(a, { fontSize: "small" })
-						})]
-					}, `${e.name}-${t}`) : /* @__PURE__ */ p(m, {
-						sx: {
-							alignItems: "center",
-							bgcolor: "background.paper",
-							border: "1px solid",
-							borderColor: "divider",
-							borderRadius: 1,
-							display: "flex",
-							justifyContent: "space-between",
-							p: 1,
-							width: "100%"
-						},
-						children: [/* @__PURE__ */ p(m, {
-							sx: {
-								display: "flex",
-								alignItems: "center",
-								gap: 1
-							},
-							children: [/* @__PURE__ */ f(re, { extension: r }), /* @__PURE__ */ p(m, {
-								sx: {
-									display: "flex",
-									flexDirection: "row",
-									alignItems: "center",
-									gap: 1
-								},
-								children: [/* @__PURE__ */ f(h, {
-									variant: "subtitle2",
-									sx: {
-										textOverflow: "ellipsis",
-										overflow: "hidden",
-										whiteSpace: "nowrap"
-									},
-									children: e.name
-								}), /* @__PURE__ */ f("div", { children: /* @__PURE__ */ p(h, {
-									variant: "caption",
-									children: [
-										"(",
-										Math.round(e.size / 1024),
-										" KB)"
-									]
-								}) })]
-							})]
-						}), /* @__PURE__ */ f(s, {
-							"aria-label": `Remove ${e.name}`,
-							onClick: () => $(t),
-							sx: {
-								minWidth: "auto",
-								p: .5
-							},
-							children: /* @__PURE__ */ f(a, {})
-						})]
-					}, `${e.name}-${t}`);
-				})
-			}),
-			/* @__PURE__ */ p(m, {
-				sx: {
-					display: "flex",
-					justifyContent: "space-between",
-					alignItems: "center",
-					mt: 1
-				},
-				children: [/* @__PURE__ */ p(m, {
-					sx: {
-						display: "flex",
-						gap: 1
-					},
-					children: [!T && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("input", {
-						ref: W,
-						type: "file",
-						multiple: !0,
-						accept: S,
-						onChange: De,
-						style: { display: "none" },
-						disabled: x
-					}), /* @__PURE__ */ f(s, {
-						"aria-label": P,
-						disabled: x,
-						onClick: () => W.current?.click(),
-						children: /* @__PURE__ */ f(y, {})
-					})] }), !w && /* @__PURE__ */ f(s, {
-						"aria-label": F,
-						onClick: Ee,
-						disabled: x,
-						children: /* @__PURE__ */ f(b, {})
-					})]
-				}), /* @__PURE__ */ f(s, {
-					"aria-label": I,
-					onClick: Q,
-					disabled: x,
-					children: /* @__PURE__ */ f(ne, {})
-				})]
-			}),
-			/* @__PURE__ */ f(oe, {
-				open: G,
-				anchorEl: ge,
-				placement: "top-start",
-				sx: { zIndex: 1300 },
-				children: /* @__PURE__ */ f(ae, {
-					onClickAway: () => {
-						K(!1), q(null);
-					},
-					children: /* @__PURE__ */ f(m, {
-						sx: (e) => ({
-							border: "1px solid",
-							borderColor: "divider",
-							borderRadius: 1,
-							overflow: "hidden",
-							"& .epr-main": {
-								backgroundColor: "background.paper",
-								border: "none"
-							},
-							"& .epr-main, & .epr-main *": { fontFamily: e.typography.fontFamily },
-							"& .epr-header": { backgroundColor: "background.paper" },
-							"& .epr-search-container": { backgroundColor: "background.paper" },
-							"& .epr-search-container > .epr-icn-search": { display: "none" },
-							"& .epr-icn-clear-search": {
-								backgroundImage: "none",
-								backgroundColor: "action.active",
-								WebkitMaskImage: O,
-								maskImage: O,
-								WebkitMaskRepeat: "no-repeat",
-								maskRepeat: "no-repeat",
-								WebkitMaskPosition: "center",
-								maskPosition: "center",
-								WebkitMaskSize: "0.875rem",
-								maskSize: "0.875rem"
-							},
-							"& .epr-btn-clear-search": {
-								height: 24,
-								width: 24,
-								"&:hover, &:focus": { backgroundColor: "action.hover" }
-							},
-							"& .epr-search-container > input": {
-								boxSizing: "border-box",
-								minHeight: 40,
-								backgroundColor: "background.default",
-								border: "1px solid",
-								borderColor: "divider",
-								borderRadius: 1,
-								color: "text.primary",
-								fontFamily: "inherit",
-								fontSize: e.typography.body1.fontSize,
-								padding: "8px 12px",
-								transition: "border 120ms ease-in",
-								"&:hover": { borderColor: (e.vars ?? e).palette.grey[500] },
-								"&:focus": {
-									outline: `3px solid ${t((e.vars ?? e).palette.primary[500], 50)}`,
-									borderColor: (e.vars ?? e).palette.primary[400]
-								},
-								"&::placeholder": { color: "text.secondary" }
-							},
-							"& .epr-category-nav": {
-								backgroundColor: "background.paper",
-								borderBottom: "1px solid",
-								borderColor: "divider",
-								padding: "0px 8px 8px 8px"
-							},
-							"& .epr-cat-btn": {
-								backgroundColor: "transparent !important",
-								border: "none",
-								transition: e.transitions.create("background-color", { duration: e.transitions.duration.shorter })
-							},
-							"& .epr-cat-btn:focus::before": { display: "none" },
-							"& .epr-cat-btn:focus-visible": {
-								borderRadius: 1,
-								outline: "2px solid",
-								outlineColor: "primary.main",
-								outlineOffset: 2
-							},
-							"& .epr-cat-btn-custom-icon svg": {
-								color: "text.secondary",
-								transition: e.transitions.create("color", { duration: e.transitions.duration.shorter })
-							},
-							"& .epr-cat-btn-custom-icon.epr-active svg": { color: (e.vars ?? e).palette.primary[500] },
-							"& .epr-body": { backgroundColor: "background.paper" },
-							"& .epr-emoji-category-label": {
-								backgroundColor: "background.paper",
-								color: "text.primary",
-								fontSize: e.typography.caption.fontSize,
-								fontWeight: 600,
-								padding: "8px 16px 4px",
-								textTransform: "uppercase",
-								letterSpacing: "0.5px"
-							},
-							"& .epr-emoji-list": { backgroundColor: "background.paper" },
-							"& .epr-emoji": {
-								borderRadius: 1,
-								margin: "2px",
-								transition: e.transitions.create("background-color", { duration: e.transitions.duration.shorter }),
-								"&:focus-visible": {
-									outline: "2px solid",
-									outlineColor: "primary.main",
-									outlineOffset: 1
-								}
-							},
-							"& .epr-skin-tones": {
-								backgroundColor: "background.paper",
-								border: "1px solid",
-								borderColor: "divider",
-								borderRadius: 1,
-								display: "none"
-							},
-							"& .epr-tone": {
-								border: "none",
-								borderRadius: 1,
-								transition: e.transitions.create("background-color", { duration: e.transitions.duration.shorter }),
-								"&:focus-visible": {
-									outline: "2px solid",
-									outlineColor: "primary.main",
-									outlineOffset: 1
-								}
-							},
-							"@media (hover: hover) and (pointer: fine)": {
-								"& .epr-cat-btn-custom-icon:hover svg": { color: "text.primary" },
-								"& .epr-emoji:hover, & .epr-tone:hover": { backgroundColor: "action.hover" }
-							}
-						}),
-						children: /* @__PURE__ */ f(le, {
-							onEmojiClick: Z,
-							width: 300,
-							height: 400,
-							searchDisabled: !1,
-							skinTonesDisabled: !1,
-							previewConfig: { showPreview: !1 },
-							categoryIcons: ue
-						})
-					})
-				})
-			})
-		]
-	});
-});
-k.displayName = "SChatInput";
-//#endregion
-export { k as t };