@solostylist/ui-kit 2.0.0 → 2.0.1

package/dist/s-file-dropzone/s-file-dropzone.js

@@ -1,2 +1,219 @@
-import { t as e } from "../s-file-dropzone-CVQpYRdY.js";
-export { e as SFileDropzone, e as default };
+import { t as e } from "../utils-CMeAWSRO.js";
+import { toSxArray as t } from "../utils/sx.js";
+import { SForm as n } from "../s-form/s-form.js";
+import { SFileIcon as ee } from "../s-file-icon/s-file-icon.js";
+import { styled as r, useThemeProps as te } from "@mui/material/styles";
+import i from "@mui/material/IconButton";
+import * as a from "react";
+import { Fragment as ne, jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "@mui/material/Typography";
+import { useForkRef as re } from "@mui/material/utils";
+import l from "@mui/utils/appendOwnerState";
+import ie from "@mui/material/Tooltip";
+import u from "@mui/material/Stack";
+import d from "@mui/material/Box";
+import f from "@mui/icons-material/CloseOutlined";
+import p from "@mui/icons-material/CloudUploadOutlined";
+import m from "@mui/material/Avatar";
+import ae from "@mui/material/Button";
+import { useDropzone as oe } from "react-dropzone";
+//#region lib/s-file-dropzone/s-file-dropzone.tsx
+var se = r(n, {
+	name: "SFileDropzone",
+	slot: "Root"
+})({}), ce = "Click to upload or drag and drop your files here";
+function le(e) {
+	return Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0));
+}
+function h(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var g = a.forwardRef(function(n, r) {
+	let { accept: g, autoFocus: ue, defaultFiles: de = [], disabled: _ = !1, error: v = !1, files: y, getFilesFromEvent: b, inputRef: x, maxFiles: S, maxSize: C, minSize: w, multiple: T, noClick: E, noDrag: D, noDragEventsBubbling: O, noKeyboard: k, onDragEnter: A, onDragLeave: j, onDragOver: M, onDrop: N, onDropAccepted: P, onDropRejected: F, onError: I, onFileDialogCancel: L, onFileDialogOpen: R, onFilesChange: z, onRemove: B, onRemoveAll: V, preventDropOnDocument: H, removeAllText: fe = "Remove all", removeText: U = "Remove", showRemoveAll: pe = !1, slotProps: me, slots: W, uploadText: he = ce, useFsAccessApi: ge, validator: _e, ...ve } = te({
+		props: n,
+		name: "SFileDropzone"
+	}), [ye, be] = a.useState(de), G = y !== void 0, K = y ?? ye, q = a.useCallback((e, t) => {
+		G || be(t), z?.(e, t);
+	}, [G, z]), { getInputProps: xe, getRootProps: Se, inputRef: Ce, isDragActive: J } = oe(le({
+		accept: g,
+		autoFocus: ue,
+		disabled: _,
+		getFilesFromEvent: b,
+		maxFiles: S,
+		maxSize: C,
+		minSize: w,
+		multiple: T,
+		noClick: E,
+		noDrag: D,
+		noDragEventsBubbling: O,
+		noKeyboard: k,
+		onDragEnter: A,
+		onDragLeave: j,
+		onDragOver: M,
+		onDrop: a.useCallback((e, t, n) => {
+			e.length > 0 && q(n, T === !1 || S === 1 ? e : [...K, ...e].slice(0, S && S > 0 ? S : void 0)), N?.(e, t, n);
+		}, [
+			K,
+			S,
+			T,
+			N,
+			q
+		]),
+		onDropAccepted: P,
+		onDropRejected: F,
+		onError: I,
+		onFileDialogCancel: L,
+		onFileDialogOpen: R,
+		preventDropOnDocument: H,
+		useFsAccessApi: ge,
+		validator: _e
+	})), we = re(x, Ce), Y = {
+		disabled: _,
+		dragActive: J,
+		error: v,
+		hasFiles: K.length > 0
+	}, Te = W?.dropzone ?? d, Ee = W?.fileList ?? u, { dropzone: De, fileList: Oe, input: X, removeAllButton: ke, ...Z } = me ?? {}, { onClick: Ae, ...Q } = ke ?? {}, je = h(De, Y), Me = h(Oe, Y), Ne = l(W?.dropzone, je ?? {}, Y), Pe = l(W?.fileList, Me ?? {}, Y), { sx: Fe, ...$ } = Ne, { sx: Ie, ...Le } = Pe;
+	return /* @__PURE__ */ s(ne, { children: [/* @__PURE__ */ o(se, {
+		...ve,
+		ref: r,
+		disabled: _,
+		error: v,
+		ownerState: Y,
+		slots: W,
+		slotProps: Z,
+		children: /* @__PURE__ */ s(Te, {
+			...Se({
+				...$,
+				"aria-disabled": _ || void 0,
+				"aria-invalid": v || void 0,
+				role: $.role ?? "button"
+			}),
+			sx: [(e) => {
+				let t = (e.vars ?? e).palette, n = v ? t.error : t.primary;
+				return {
+					alignItems: "center",
+					backgroundColor: _ ? t.background.default : void 0,
+					border: "1px dashed",
+					borderColor: _ ? t.divider : v ? t.error.main : t.divider,
+					borderRadius: 1,
+					cursor: _ ? "default" : "pointer",
+					display: "flex",
+					flexWrap: "wrap",
+					justifyContent: "center",
+					outline: "none",
+					p: 4,
+					transition: "border 120ms ease-in, background-color 120ms ease-in, outline 120ms ease-in",
+					...J ? {
+						backgroundColor: t.action.selected,
+						opacity: .5
+					} : {},
+					"&:hover": !_ && !J ? {
+						backgroundColor: t.action.hover,
+						borderColor: v ? t.error.main : t.grey[500]
+					} : void 0,
+					"&:focus-within": _ ? void 0 : {
+						borderColor: v ? t.error.main : t.primary[400],
+						outline: `3px solid rgba(${n.mainChannel} / 0.5)`
+					}
+				};
+			}, ...t(Fe)],
+			children: [/* @__PURE__ */ o("input", {
+				...xe(X),
+				ref: we,
+				disabled: _ || !!X?.disabled
+			}), /* @__PURE__ */ s(u, {
+				direction: "row",
+				spacing: 1,
+				sx: { alignItems: "center" },
+				children: [/* @__PURE__ */ o(m, {
+					sx: {
+						backgroundColor: "transparent",
+						border: "1px dashed",
+						borderColor: "divider",
+						color: _ ? "text.disabled" : "text.secondary"
+					},
+					children: /* @__PURE__ */ o(p, { fontSize: "small" })
+				}), /* @__PURE__ */ o(c, {
+					variant: "body2",
+					sx: { color: _ ? "text.disabled" : "text.secondary" },
+					children: he
+				})]
+			})]
+		})
+	}), K.length > 0 && /* @__PURE__ */ s(Ee, {
+		spacing: 1,
+		...Le,
+		sx: [{
+			color: _ ? "text.disabled" : void 0,
+			mt: 1
+		}, ...t(Ie)],
+		children: [/* @__PURE__ */ o(u, {
+			component: "ul",
+			spacing: 1,
+			sx: {
+				listStyle: "none",
+				m: 0,
+				p: 0
+			},
+			children: K.map((t, n) => /* @__PURE__ */ s(u, {
+				component: "li",
+				direction: "row",
+				spacing: 1,
+				sx: {
+					alignItems: "center",
+					border: "1px solid",
+					borderColor: "divider",
+					borderRadius: 1,
+					flex: "1 1 auto",
+					p: 1
+				},
+				children: [
+					/* @__PURE__ */ o(ee, {
+						extension: t.name.split(".").pop(),
+						sx: (e) => ({ opacity: _ ? (e.vars ?? e).palette.action.disabledOpacity : 1 })
+					}),
+					/* @__PURE__ */ s(d, {
+						sx: { flex: "1 1 auto" },
+						children: [/* @__PURE__ */ o(c, {
+							variant: "body2",
+							children: t.name
+						}), /* @__PURE__ */ o(c, {
+							variant: "caption",
+							children: e(t.size)
+						})]
+					}),
+					/* @__PURE__ */ o(ie, {
+						title: U,
+						children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(i, {
+							"aria-label": `${U} ${t.name}`,
+							disabled: _,
+							onClick: (e) => {
+								_ || (B?.(e, t), e.defaultPrevented || q(e, K.filter((e, t) => t !== n)));
+							},
+							children: /* @__PURE__ */ o(f, {})
+						}) })
+					})
+				]
+			}, `${t.name}-${t.size}-${n}`))
+		}), pe && /* @__PURE__ */ o(u, {
+			direction: "row",
+			sx: {
+				alignItems: "center",
+				justifyContent: "flex-end"
+			},
+			children: /* @__PURE__ */ o(ae, {
+				type: "button",
+				variant: "text",
+				...Q,
+				disabled: _ || !!Q.disabled,
+				onClick: (e) => {
+					_ || (Ae?.(e), !e.defaultPrevented && (V?.(e), e.defaultPrevented || q(e, [])));
+				},
+				children: fe
+			})
+		})]
+	})] });
+});
+g.displayName = "SFileDropzone";
+//#endregion
+export { g as SFileDropzone, g as default };

package/dist/s-file-icon/s-file-icon.js

@@ -1,301 +1,300 @@
-import { t as e } from "../Box-9oeZgA1U.js";
-import { t } from "../styled-Bog8QCl3.js";
-import { t as n } from "../useThemeProps-Cr28OQu3.js";
-import { toSxArray as r } from "../utils/sx.js";
-import * as i from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { toSxArray as e } from "../utils/sx.js";
+import { styled as t, useThemeProps as n } from "@mui/material/styles";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@mui/material/Box";
 //#region lib/s-file-icon/s-file-icon.tsx
-var s = () => /* @__PURE__ */ o("svg", {
+var s = () => /* @__PURE__ */ a("svg", {
 	width: "41",
 	height: "48",
 	viewBox: "0 0 41 48",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	children: [/* @__PURE__ */ o("g", {
+	children: [/* @__PURE__ */ a("g", {
 		clipPath: "url(#a)",
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				opacity: ".3",
 				d: "M27.936 9.848a4.126 4.126 0 0 1-4.123-4.124V0H5.384A5.382 5.382 0 0 0 .002 5.384v32.442a5.382 5.382 0 0 0 5.382 5.384h22.12a5.382 5.382 0 0 0 5.382-5.384V9.85l-4.95-.002Z",
 				fill: "#00C650"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M32.886 9.848h-4.95a4.126 4.126 0 0 1-4.123-4.124V0l9.073 9.848ZM36.79 34.12H11.784a3.212 3.212 0 0 0-3.212 3.212v7.456A3.212 3.212 0 0 0 11.783 48H36.79a3.212 3.212 0 0 0 3.212-3.212v-7.456a3.212 3.212 0 0 0-3.212-3.212Z",
 				fill: "#00C650"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M16.846 42.674v1.456h-1.505v-1.456h1.505Zm4.47-4.558v4.108c0 .63-.17 1.115-.514 1.454a1.937 1.937 0 0 1-1.426.51 2.156 2.156 0 0 1-1.564-.556c-.385-.372-.578-.905-.58-1.6h1.438c0 .562.214.842.638.842.37 0 .554-.216.554-.646V38.12l1.454-.004Zm2.412 3.904v2.11h-1.454v-6.014h2.356c.714 0 1.258.177 1.632.53a1.88 1.88 0 0 1 .562 1.434 2 2 0 0 1-.25 1 1.738 1.738 0 0 1-.744.688 2.62 2.62 0 0 1-1.2.252h-.902Zm1.616-1.94c0-.533-.292-.8-.876-.8h-.74v1.566h.74c.584.005.876-.25.876-.766Zm6.874-1.48c.485.364.81.9.91 1.498h-1.54a1.174 1.174 0 0 0-.472-.498 1.427 1.427 0 0 0-.758-.2 1.41 1.41 0 0 0-1.104.464 1.8 1.8 0 0 0-.418 1.254c0 .572.146 1.011.438 1.318a1.643 1.643 0 0 0 1.246.46c.327.006.646-.094.91-.286a1.51 1.51 0 0 0 .554-.812h-1.838v-1.046H33.2v1.438c-.116.358-.301.69-.544.978-.262.31-.59.56-.958.732a3.044 3.044 0 0 1-1.33.28 3.167 3.167 0 0 1-1.6-.386 2.642 2.642 0 0 1-1.05-1.086 3.342 3.342 0 0 1-.37-1.6 3.341 3.341 0 0 1 .37-1.59c.237-.455.6-.833 1.046-1.086a3.127 3.127 0 0 1 1.578-.386c.67-.03 1.33.166 1.876.554Z",
 				fill: "#fff"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M20.862 29.282h-8.834a3.266 3.266 0 0 1-3.262-3.262v-8.834a3.266 3.266 0 0 1 3.262-3.262h8.834a3.263 3.263 0 0 1 3.26 3.262v8.834a3.265 3.265 0 0 1-3.26 3.262Zm-8.834-13.916a1.822 1.822 0 0 0-1.82 1.82v8.834a1.822 1.822 0 0 0 1.82 1.82h8.834a1.82 1.82 0 0 0 1.818-1.82v-8.834a1.82 1.82 0 0 0-1.818-1.82h-8.834Z",
 				fill: "#00C650"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M23.402 24.34v1.68a2.542 2.542 0 0 1-2.54 2.54H12.03a2.54 2.54 0 0 1-2.54-2.54V23.2c1.413-.304 3.567-.4 6.181.644l1.62-1.544 1.105 2.8s.296-1.03 1.252-.884c.956.146 2.504.664 3.166.222a.852.852 0 0 1 .59-.098Zm-3.094-5.35a.982.982 0 1 0 0-1.964.982.982 0 0 0 0 1.964Z",
 				fill: "#00C650"
 			})
 		]
-	}), /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("clipPath", {
+	}), /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", {
 		id: "a",
-		children: /* @__PURE__ */ a("path", {
+		children: /* @__PURE__ */ i("path", {
 			fill: "#fff",
 			d: "M.002 0h40v48h-40z"
 		})
 	}) })]
-}), c = () => /* @__PURE__ */ o("svg", {
+}), c = () => /* @__PURE__ */ a("svg", {
 	width: "40",
 	height: "48",
 	viewBox: "0 0 40 48",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	children: [/* @__PURE__ */ o("g", {
+	children: [/* @__PURE__ */ a("g", {
 		clipPath: "url(#a)",
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				opacity: ".3",
 				d: "M27.934 9.848a4.128 4.128 0 0 1-4.124-4.124V0H5.382A5.382 5.382 0 0 0 0 5.38v32.444A5.382 5.382 0 0 0 5.382 43.2h22.12a5.383 5.383 0 0 0 5.384-5.382V9.848h-4.952Z",
 				fill: "#A140FF"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M32.886 9.848h-4.952a4.128 4.128 0 0 1-4.124-4.124V0l9.076 9.848Zm3.902 24.272H11.78a3.212 3.212 0 0 0-3.212 3.212v7.456A3.212 3.212 0 0 0 11.78 48h25.008A3.212 3.212 0 0 0 40 44.788v-7.456a3.212 3.212 0 0 0-3.212-3.212Z",
 				fill: "#A140FF"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M15.718 42.674v1.454h-1.506v-1.454h1.506Zm7.52-4.516v5.97h-1.454V40.4l-1.294 3.734h-1.258l-1.302-3.742v3.742h-1.454v-5.97h1.778l1.624 4.158 1.6-4.158 1.76-.006Zm2.458 3.862v2.108h-1.454v-6.014H26.6c.714 0 1.26.178 1.634.532a1.88 1.88 0 0 1 .56 1.434c.007.35-.08.695-.25 1a1.75 1.75 0 0 1-.744.688 2.62 2.62 0 0 1-1.2.252h-.904Zm1.616-1.94c0-.533-.292-.8-.876-.8h-.74v1.566h.74c.584.005.876-.25.876-.766Zm2.068 2.942V41.8l2.748-3.768h1.564v3.718h.724v1.266h-.724v1.106H32.22v-1.106l-2.84.006Zm2.96-3.3-1.48 2.034h1.48v-2.034Z",
 				fill: "#fff"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M23.888 26.382V16.84a.77.77 0 0 0-.114-.394l-.02-.032a.82.82 0 0 0-.084-.102l-.014-.012a.984.984 0 0 0-.086-.072l-.036-.022-.08-.044-.042-.018a.768.768 0 0 0-.096-.03h-.032a.646.646 0 0 0-.138-.014H9.674a.746.746 0 0 0-.678.742v9.574a.518.518 0 0 0 .11.34.742.742 0 0 0 .638.364h13.4a.748.748 0 0 0 .744-.738ZM9.8 17.896v-1.448h1.178v1.448H9.8Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448H19.74Zm1.988 0v-1.448h1.178v1.448h-1.178Zm-12.2 7.022v-6.63h13.846v6.63H9.528Zm.27 1.838v-1.448h1.178v1.448H9.798Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448H17.75Zm1.988 0v-1.448h1.178v1.448h-1.178Zm1.988 0v-1.448h1.178v1.448h-1.178Z",
 				fill: "#A140FF"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "m18.044 21.112-1.914-1.106a.652.652 0 0 0-.976.564v2.212a.653.653 0 0 0 .976.564l1.914-1.106a.652.652 0 0 0 0-1.128Z",
 				fill: "#A140FF"
 			})
 		]
-	}), /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("clipPath", {
+	}), /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", {
 		id: "a",
-		children: /* @__PURE__ */ a("path", {
+		children: /* @__PURE__ */ i("path", {
 			fill: "#fff",
 			d: "M0 0h40v48H0z"
 		})
 	}) })]
-}), l = () => /* @__PURE__ */ o("svg", {
+}), l = () => /* @__PURE__ */ a("svg", {
 	width: "40",
 	height: "48",
 	viewBox: "0 0 40 48",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	children: [/* @__PURE__ */ o("g", {
+	children: [/* @__PURE__ */ a("g", {
 		clipPath: "url(#a)",
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				opacity: ".3",
 				d: "M27.933 9.85a4.128 4.128 0 0 1-4.124-4.124V0H5.382A5.382 5.382 0 0 0 0 5.382v32.442a5.382 5.382 0 0 0 5.382 5.374h22.12a5.381 5.381 0 0 0 5.383-5.374V9.85h-4.952Z",
 				fill: "#FF3E4C"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M32.885 9.85h-4.952a4.128 4.128 0 0 1-4.124-4.124V0l9.076 9.85Zm-6.766 20.317H5.472a.75.75 0 1 1 0-1.498h20.647a.748.748 0 1 1 0 1.498Zm0-8.447H5.472a.75.75 0 1 1 0-1.499h20.647a.748.748 0 1 1 0 1.498Zm0 4.223H5.472a.75.75 0 1 1 0-1.498h20.647a.748.748 0 1 1 0 1.498Zm-8.144-8.448H5.472a.75.75 0 0 1 0-1.498h12.503a.75.75 0 0 1 0 1.498Zm0-4.224H5.472a.75.75 0 0 1 0-1.498h12.503a.75.75 0 0 1 .528 1.279.75.75 0 0 1-.528.22ZM36.786 34.12H11.78a3.212 3.212 0 0 0-3.211 3.213v7.455A3.212 3.212 0 0 0 11.78 48h25.006a3.212 3.212 0 0 0 3.212-3.212v-7.455a3.212 3.212 0 0 0-3.212-3.212Z",
 				fill: "#FF3E4C"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M16.771 42.674v1.454h-1.504v-1.454h1.504Zm2.212-.656v2.11H17.53v-6.014h2.356c.714 0 1.26.178 1.634.533a1.878 1.878 0 0 1 .56 1.433c.007.35-.079.695-.25 1a1.754 1.754 0 0 1-.744.69 2.62 2.62 0 0 1-1.2.25l-.902-.002ZM20.6 40.08c0-.533-.292-.8-.876-.8h-.74v1.566h.74c.584.006.876-.25.876-.766Zm7.225 2.598c-.25.455-.629.826-1.088 1.068a3.487 3.487 0 0 1-1.672.382h-2.27v-6.014h2.27a3.544 3.544 0 0 1 1.676.374 2.6 2.6 0 0 1 1.084 1.056c.26.48.391 1.019.38 1.564.01.548-.12 1.088-.38 1.57Zm-1.564-.302a1.674 1.674 0 0 0 .472-1.268 1.668 1.668 0 0 0-.472-1.266 1.834 1.834 0 0 0-1.322-.452h-.69v3.436h.69c.483.03.957-.132 1.322-.45Zm6.689-4.262v1.159h-2.465v1.317h1.904v1.106h-1.904v2.432h-1.456v-6.014h3.922Z",
 				fill: "#fff"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M25.753 11.773h-3.536c-.616 0-1.116.5-1.116 1.116v3.536c0 .617.5 1.116 1.116 1.116h3.536c.616 0 1.116-.5 1.116-1.116V12.89c0-.616-.5-1.116-1.116-1.116Z",
 				fill: "#FF3E4C"
 			})
 		]
-	}), /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("clipPath", {
+	}), /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", {
 		id: "a",
-		children: /* @__PURE__ */ a("path", {
+		children: /* @__PURE__ */ i("path", {
 			fill: "#fff",
 			d: "M0 0h39.998v48H0z"
 		})
 	}) })]
-}), u = () => /* @__PURE__ */ o("svg", {
+}), u = () => /* @__PURE__ */ a("svg", {
 	width: "41",
 	height: "48",
 	viewBox: "0 0 41 48",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	children: [/* @__PURE__ */ o("g", {
+	children: [/* @__PURE__ */ a("g", {
 		clipPath: "url(#clip0_11823_127803)",
 		children: [
-			/* @__PURE__ */ a("g", {
+			/* @__PURE__ */ i("g", {
 				opacity: "0.3",
-				children: /* @__PURE__ */ a("path", {
+				children: /* @__PURE__ */ i("path", {
 					opacity: "0.3",
 					d: "M27.9364 9.848C26.843 9.84694 25.7947 9.41211 25.0215 8.63894C24.2483 7.86577 23.8135 6.81743 23.8124 5.724V0H5.38444C3.95704 0 2.58812 0.567034 1.5788 1.57635C0.569476 2.58568 0.00244141 3.9546 0.00244141 5.38199V37.826C0.00456108 39.252 0.572525 40.6189 1.58162 41.6265C2.59071 42.6341 3.95843 43.2 5.38444 43.2H27.5064C28.9328 43.2 30.3008 42.6338 31.31 41.6258C32.3191 40.6177 32.8869 39.2504 32.8884 37.824V9.848H27.9364Z",
 					fill: "#005FAD"
 				})
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M32.8885 9.848H27.9365C26.8431 9.84694 25.7947 9.41211 25.0216 8.63894C24.2484 7.86577 23.8136 6.81743 23.8125 5.724V0L32.8885 9.848Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M36.7906 34.1201H11.7826C10.0086 34.1201 8.57056 35.5582 8.57056 37.3321V44.7881C8.57056 46.562 10.0086 48.0001 11.7826 48.0001H36.7906C38.5645 48.0001 40.0026 46.562 40.0026 44.7881V37.3321C40.0026 35.5582 38.5645 34.1201 36.7906 34.1201Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M15.8144 42.6741V44.1281H14.3083V42.6741H15.8144Z",
 				fill: "white"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M18.0263 42.02V44.128H16.5703V38.114H18.9263C19.6423 38.114 20.187 38.2913 20.5603 38.646C20.7498 38.8319 20.8979 39.0557 20.9947 39.3029C21.0916 39.55 21.1351 39.8149 21.1223 40.08C21.1286 40.4298 21.0416 40.775 20.8703 41.08C20.6966 41.3785 20.4375 41.6182 20.1263 41.768C19.7521 41.9465 19.3407 42.0329 18.9263 42.02H18.0263ZM19.6423 40.08C19.6423 39.5467 19.3503 39.28 18.7663 39.28H18.0263V40.846H18.7663C19.3503 40.8513 19.6423 40.596 19.6423 40.08Z",
 				fill: "white"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M27.1785 44.128H25.7245L23.2885 40.436V44.128H21.8345V38.114H23.2885L25.7225 41.84V38.114H27.1765L27.1785 44.128Z",
 				fill: "white"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M32.8604 38.6C33.3457 38.9632 33.6718 39.5 33.7704 40.098H32.2304C32.1294 39.8838 31.9673 39.7043 31.7644 39.582C31.5353 39.4462 31.2728 39.3769 31.0064 39.382C30.7995 39.3735 30.5932 39.4104 30.4021 39.4902C30.211 39.5701 30.0398 39.6908 29.9004 39.844C29.6082 40.1952 29.4596 40.6439 29.4844 41.1C29.4844 41.672 29.6304 42.1114 29.9224 42.4181C30.0865 42.5774 30.2822 42.7006 30.4968 42.7798C30.7114 42.8591 30.9401 42.8925 31.1684 42.8781C31.4947 42.8837 31.814 42.7833 32.0784 42.5921C32.3477 42.3904 32.542 42.1047 32.6304 41.7801H30.7944V40.734H33.8484V42.2C33.7301 42.5577 33.5448 42.8897 33.3024 43.1781C33.0406 43.4885 32.7144 43.7383 32.3464 43.91C31.9292 44.1027 31.4739 44.1984 31.0144 44.1901C30.4562 44.2042 29.9042 44.0703 29.4144 43.8021C28.9663 43.5508 28.6013 43.174 28.3644 42.7181C28.1109 42.227 27.9838 41.6806 27.9944 41.1281C27.9824 40.5722 28.1096 40.0222 28.3644 39.5281C28.601 39.0732 28.9643 38.6967 29.4104 38.444C29.8931 38.1782 30.4376 38.045 30.9884 38.058C31.6554 38.0253 32.3141 38.2161 32.8604 38.6Z",
 				fill: "white"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M10.9424 13.344H8.19238V16.094H10.9424V13.344Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M13.6943 16.094H10.9443V18.844H13.6943V16.094Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M16.4443 13.344H13.6943V16.094H16.4443V13.344Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M19.1943 16.094H16.4443V18.844H19.1943V16.094Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M21.9485 13.344H19.1985V16.094H21.9485V13.344Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M24.6985 16.094H21.9485V18.844H24.6985V16.094Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M10.9424 18.8401H8.19238V21.5901H10.9424V18.8401Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M13.6943 21.5901H10.9443V24.3401H13.6943V21.5901Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M16.4443 18.8401H13.6943V21.5901H16.4443V18.8401Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M19.1943 21.5901H16.4443V24.3401H19.1943V21.5901Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M21.9485 18.8401H19.1985V21.5901H21.9485V18.8401Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M24.6985 21.5901H21.9485V24.3401H24.6985V21.5901Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M10.9424 24.3621H8.19238V27.1121H10.9424V24.3621Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M13.6943 27.1121H10.9443V29.8621H13.6943V27.1121Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M16.4443 24.3621H13.6943V27.1121H16.4443V24.3621Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M19.1943 27.1121H16.4443V29.8621H19.1943V27.1121Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M21.9485 24.3621H19.1985V27.1121H21.9485V24.3621Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M24.6985 27.1121H21.9485V29.8621H24.6985V27.1121Z",
 				fill: "#005FAD"
 			})
 		]
-	}), /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("clipPath", {
+	}), /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", {
 		id: "clip0_11823_127803",
-		children: /* @__PURE__ */ a("rect", {
+		children: /* @__PURE__ */ i("rect", {
 			width: "40",
 			height: "48",
 			fill: "white",
 			transform: "translate(0.00244141)"
 		})
 	}) })]
-}), d = () => /* @__PURE__ */ o("svg", {
+}), d = () => /* @__PURE__ */ a("svg", {
 	width: "41",
 	height: "48",
 	viewBox: "0 0 41 48",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	children: [/* @__PURE__ */ o("g", {
+	children: [/* @__PURE__ */ a("g", {
 		clipPath: "url(#a)",
 		children: [
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				opacity: ".3",
 				d: "M27.934 9.848a4.128 4.128 0 0 1-4.123-4.124V0H5.384A5.384 5.384 0 0 0 0 5.384v32.442a5.384 5.384 0 0 0 5.385 5.384h22.12a5.383 5.383 0 0 0 5.381-5.384V9.85l-4.952-.002Z",
 				fill: "#FF9908"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M32.886 9.848h-4.951a4.128 4.128 0 0 1-4.124-4.124V0l9.075 9.848ZM36.79 34.12H11.784a3.212 3.212 0 0 0-3.212 3.212v7.456A3.212 3.212 0 0 0 11.783 48H36.79a3.212 3.212 0 0 0 3.212-3.212v-7.456a3.212 3.212 0 0 0-3.212-3.212Z",
 				fill: "#FF9908"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M16 42.674v1.456h-1.506v-1.456H16Zm4.836.638a1.7 1.7 0 0 1-.714.638c-.358.168-.75.25-1.146.238a2.696 2.696 0 0 1-1.666-.492 1.779 1.779 0 0 1-.714-1.378h1.548a.814.814 0 0 0 .242.536.746.746 0 0 0 .532.2.62.62 0 0 0 .442-.152.534.534 0 0 0 .162-.4.528.528 0 0 0-.15-.384 1.128 1.128 0 0 0-.37-.25 8.647 8.647 0 0 0-.612-.234 7.533 7.533 0 0 1-.932-.378 1.71 1.71 0 0 1-.62-.546 1.566 1.566 0 0 1-.26-.94c-.008-.33.087-.654.272-.926.19-.268.451-.476.754-.6.35-.141.724-.21 1.1-.2a2.468 2.468 0 0 1 1.6.476 1.822 1.822 0 0 1 .668 1.28h-1.574a.8.8 0 0 0-.218-.472.635.635 0 0 0-.472-.174.6.6 0 0 0-.412.136.5.5 0 0 0-.158.4.5.5 0 0 0 .142.36c.1.104.22.187.352.244.142.062.346.142.612.238.325.104.64.233.944.386.251.134.467.325.63.558a1.6 1.6 0 0 1 .264.952c.003.312-.082.618-.246.884Zm2.174-5.196 1.47 4.524 1.472-4.524h1.558l-2.094 6.014h-1.88l-2.084-6.014h1.558Zm9.738.484c.485.364.812.9.913 1.498h-1.54a1.174 1.174 0 0 0-.469-.514 1.429 1.429 0 0 0-.758-.2 1.416 1.416 0 0 0-1.105.464 1.8 1.8 0 0 0-.417 1.254c0 .572.146 1.011.439 1.318a1.642 1.642 0 0 0 1.245.46c.327.006.646-.094.91-.286.27-.202.465-.487.554-.812h-1.838v-1.046h3.055v1.438c-.118.358-.303.69-.544.978-.264.31-.59.56-.959.732a3.04 3.04 0 0 1-1.33.28 3.166 3.166 0 0 1-1.6-.386 2.642 2.642 0 0 1-1.05-1.086 3.342 3.342 0 0 1-.37-1.6 3.342 3.342 0 0 1 .37-1.59c.237-.455.6-.833 1.046-1.086a3.119 3.119 0 0 1 1.578-.386 3 3 0 0 1 1.87.57Z",
 				fill: "#fff"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M24.607 25.546h-.498a7.623 7.623 0 0 0-7.614-7.612 7.62 7.62 0 0 0-7.612 7.612h-.5a8.12 8.12 0 0 1 8.112-8.11 8.12 8.12 0 0 1 8.112 8.11Z",
 				fill: "#FF9908"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M28.02 17.436H4.97v.498h23.05v-.498ZM9.428 24.75H7.834v1.594h1.594V24.75Zm15.725 0h-1.594v1.594h1.594V24.75Z",
 				fill: "#FF9908"
 			}),
-			/* @__PURE__ */ a("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M17.29 16.862h-1.593v1.594h1.594v-1.594ZM4.943 18.458a.798.798 0 1 0 0-1.596.798.798 0 0 0 0 1.596Zm23.002 0a.798.798 0 1 0 0-1.596.798.798 0 0 0 0 1.596Z",
 				fill: "#FF9908"
 			})
 		]
-	}), /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("clipPath", {
+	}), /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", {
 		id: "a",
-		children: /* @__PURE__ */ a("path", {
+		children: /* @__PURE__ */ i("path", {
 			fill: "#fff",
 			d: "M0 0h40.002v48H0z"
 		})
 	}) })]
-}), f = () => /* @__PURE__ */ o("svg", {
+}), f = () => /* @__PURE__ */ a("svg", {
 	width: "40",
 	height: "48",
 	viewBox: "0 0 40 48",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	children: [/* @__PURE__ */ o("g", {
+	children: [/* @__PURE__ */ a("g", {
 		clipPath: "url(#a)",
 		fill: "#6366F1",
-		children: [/* @__PURE__ */ a("path", {
+		children: [/* @__PURE__ */ i("path", {
 			opacity: ".3",
 			d: "M30.915 12.402a3.942 3.942 0 0 1-3.939-3.937V3H9.39a5.137 5.137 0 0 0-5.14 5.137v30.968a5.137 5.137 0 0 0 5.138 5.137h21.113a5.137 5.137 0 0 0 5.137-5.137V12.402h-4.724Z"
-		}), /* @__PURE__ */ a("path", { d: "M35.64 12.402h-4.725a3.942 3.942 0 0 1-3.939-3.937V3l8.663 9.402Zm-6.457 6.582H9.473a.716.716 0 0 1 0-1.43h19.71a.716.716 0 0 1 0 1.43Zm0 4.271H9.473a.716.716 0 0 1 0-1.43h19.71a.716.716 0 0 1 0 1.43Zm0 4.27H9.473a.716.716 0 0 1 0-1.43h19.71a.715.715 0 0 1 0 1.43Zm0 4.269H9.473a.714.714 0 1 1 0-1.43h19.71a.716.716 0 0 1 0 1.43Z" })]
-	}), /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("clipPath", {
+		}), /* @__PURE__ */ i("path", { d: "M35.64 12.402h-4.725a3.942 3.942 0 0 1-3.939-3.937V3l8.663 9.402Zm-6.457 6.582H9.473a.716.716 0 0 1 0-1.43h19.71a.716.716 0 0 1 0 1.43Zm0 4.271H9.473a.716.716 0 0 1 0-1.43h19.71a.716.716 0 0 1 0 1.43Zm0 4.27H9.473a.716.716 0 0 1 0-1.43h19.71a.715.715 0 0 1 0 1.43Zm0 4.269H9.473a.714.714 0 1 1 0-1.43h19.71a.716.716 0 0 1 0 1.43Z" })]
+	}), /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", {
 		id: "a",
-		children: /* @__PURE__ */ a("path", {
+		children: /* @__PURE__ */ i("path", {
 			fill: "#fff",
 			d: "M4.25 3h31.5v42H4.25z"
 		})
@@ -307,21 +306,21 @@ var s = () => /* @__PURE__ */ o("svg", {
 	pdf: l,
 	png: u,
 	svg: d
-}, m = t(e, {
+}, m = t(o, {
 	name: "SFileIcon",
 	slot: "Root"
-})({}), h = i.forwardRef(function(e, t) {
-	let i = n({
-		props: e,
+})({}), h = r.forwardRef(function(t, r) {
+	let a = n({
+		props: t,
 		name: "SFileIcon"
-	}), { "aria-label": o, extension: s, role: c = o ? "img" : void 0, sx: l, ...u } = i, d = s ? p[s.toLowerCase()] ?? f : f, h = {
-		...i,
+	}), { "aria-label": o, extension: s, role: c = o ? "img" : void 0, sx: l, ...u } = a, d = s ? p[s.toLowerCase()] ?? f : f, h = {
+		...a,
 		role: c
 	};
-	return /* @__PURE__ */ a(m, {
+	return /* @__PURE__ */ i(m, {
 		...u,
 		ownerState: h,
-		ref: t,
+		ref: r,
 		"aria-hidden": o ? void 0 : !0,
 		"aria-label": o,
 		role: c,
@@ -336,8 +335,8 @@ var s = () => /* @__PURE__ */ o("svg", {
 				height: "100%",
 				width: "auto"
 			}
-		}, ...r(l)],
-		children: /* @__PURE__ */ a(d, {})
+		}, ...e(l)],
+		children: /* @__PURE__ */ i(d, {})
 	});
 });
 h.displayName = "SFileIcon";