@solostylist/ui-kit 1.0.230 → 2.0.1

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

@@ -1,324 +1,344 @@
-import { t as e } from "../Box-BlmynALm.js";
-import "react";
-import { jsx as t, jsxs as n } 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 r = () => /* @__PURE__ */ n("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__ */ n("g", {
+	children: [/* @__PURE__ */ a("g", {
 		clipPath: "url(#a)",
 		children: [
-			/* @__PURE__ */ t("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__ */ t("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__ */ t("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__ */ t("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__ */ t("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__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", {
+	}), /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", {
 		id: "a",
-		children: /* @__PURE__ */ t("path", {
+		children: /* @__PURE__ */ i("path", {
 			fill: "#fff",
 			d: "M.002 0h40v48h-40z"
 		})
 	}) })]
-}), i = () => /* @__PURE__ */ n("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__ */ n("g", {
+	children: [/* @__PURE__ */ a("g", {
 		clipPath: "url(#a)",
 		children: [
-			/* @__PURE__ */ t("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__ */ t("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__ */ t("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__ */ t("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__ */ t("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__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", {
+	}), /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", {
 		id: "a",
-		children: /* @__PURE__ */ t("path", {
+		children: /* @__PURE__ */ i("path", {
 			fill: "#fff",
 			d: "M0 0h40v48H0z"
 		})
 	}) })]
-}), a = () => /* @__PURE__ */ n("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__ */ n("g", {
+	children: [/* @__PURE__ */ a("g", {
 		clipPath: "url(#a)",
 		children: [
-			/* @__PURE__ */ t("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__ */ t("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__ */ t("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__ */ t("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__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", {
+	}), /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", {
 		id: "a",
-		children: /* @__PURE__ */ t("path", {
+		children: /* @__PURE__ */ i("path", {
 			fill: "#fff",
 			d: "M0 0h39.998v48H0z"
 		})
 	}) })]
-}), o = () => /* @__PURE__ */ n("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__ */ n("g", {
+	children: [/* @__PURE__ */ a("g", {
 		clipPath: "url(#clip0_11823_127803)",
 		children: [
-			/* @__PURE__ */ t("g", {
+			/* @__PURE__ */ i("g", {
 				opacity: "0.3",
-				children: /* @__PURE__ */ t("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__ */ t("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__ */ t("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__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M15.8144 42.6741V44.1281H14.3083V42.6741H15.8144Z",
 				fill: "white"
 			}),
-			/* @__PURE__ */ t("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__ */ t("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__ */ t("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__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M10.9424 13.344H8.19238V16.094H10.9424V13.344Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M13.6943 16.094H10.9443V18.844H13.6943V16.094Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M16.4443 13.344H13.6943V16.094H16.4443V13.344Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M19.1943 16.094H16.4443V18.844H19.1943V16.094Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M21.9485 13.344H19.1985V16.094H21.9485V13.344Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M24.6985 16.094H21.9485V18.844H24.6985V16.094Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M10.9424 18.8401H8.19238V21.5901H10.9424V18.8401Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M13.6943 21.5901H10.9443V24.3401H13.6943V21.5901Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M16.4443 18.8401H13.6943V21.5901H16.4443V18.8401Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M19.1943 21.5901H16.4443V24.3401H19.1943V21.5901Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M21.9485 18.8401H19.1985V21.5901H21.9485V18.8401Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M24.6985 21.5901H21.9485V24.3401H24.6985V21.5901Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M10.9424 24.3621H8.19238V27.1121H10.9424V24.3621Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M13.6943 27.1121H10.9443V29.8621H13.6943V27.1121Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M16.4443 24.3621H13.6943V27.1121H16.4443V24.3621Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M19.1943 27.1121H16.4443V29.8621H19.1943V27.1121Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M21.9485 24.3621H19.1985V27.1121H21.9485V24.3621Z",
 				fill: "#005FAD"
 			}),
-			/* @__PURE__ */ t("path", {
+			/* @__PURE__ */ i("path", {
 				d: "M24.6985 27.1121H21.9485V29.8621H24.6985V27.1121Z",
 				fill: "#005FAD"
 			})
 		]
-	}), /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", {
+	}), /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", {
 		id: "clip0_11823_127803",
-		children: /* @__PURE__ */ t("rect", {
+		children: /* @__PURE__ */ i("rect", {
 			width: "40",
 			height: "48",
 			fill: "white",
 			transform: "translate(0.00244141)"
 		})
 	}) })]
-}), s = () => /* @__PURE__ */ n("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__ */ n("g", {
+	children: [/* @__PURE__ */ a("g", {
 		clipPath: "url(#a)",
 		children: [
-			/* @__PURE__ */ t("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__ */ t("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__ */ t("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__ */ t("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__ */ t("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__ */ t("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__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", {
+	}), /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", {
 		id: "a",
-		children: /* @__PURE__ */ t("path", {
+		children: /* @__PURE__ */ i("path", {
 			fill: "#fff",
 			d: "M0 0h40.002v48H0z"
 		})
 	}) })]
-}), c = () => /* @__PURE__ */ n("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__ */ n("g", {
+	children: [/* @__PURE__ */ a("g", {
 		clipPath: "url(#a)",
 		fill: "#6366F1",
-		children: [/* @__PURE__ */ t("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__ */ t("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__ */ t("defs", { children: /* @__PURE__ */ t("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__ */ t("path", {
+		children: /* @__PURE__ */ i("path", {
 			fill: "#fff",
 			d: "M4.25 3h31.5v42H4.25z"
 		})
 	}) })]
-}), l = {
-	jpeg: r,
-	jpg: r,
-	mp4: i,
-	pdf: a,
-	png: o,
-	svg: s
-}, u = ({ extension: n }) => /* @__PURE__ */ t(e, {
-	sx: {
-		alignItems: "center",
-		display: "inline-flex",
-		flex: "0 0 auto",
-		justifyContent: "center",
-		width: "36px",
-		height: "36px",
-		"& svg": {
-			height: "100%",
-			width: "auto"
-		}
-	},
-	children: /* @__PURE__ */ t(n ? l[n.toLowerCase()] ?? c : c, {})
+}), p = {
+	jpeg: s,
+	jpg: s,
+	mp4: c,
+	pdf: l,
+	png: u,
+	svg: d
+}, m = t(o, {
+	name: "SFileIcon",
+	slot: "Root"
+})({}), 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 } = a, d = s ? p[s.toLowerCase()] ?? f : f, h = {
+		...a,
+		role: c
+	};
+	return /* @__PURE__ */ i(m, {
+		...u,
+		ownerState: h,
+		ref: r,
+		"aria-hidden": o ? void 0 : !0,
+		"aria-label": o,
+		role: c,
+		sx: [{
+			alignItems: "center",
+			display: "inline-flex",
+			flex: "0 0 auto",
+			justifyContent: "center",
+			width: 36,
+			height: 36,
+			"& svg": {
+				height: "100%",
+				width: "auto"
+			}
+		}, ...e(l)],
+		children: /* @__PURE__ */ i(d, {})
+	});
 });
-u.displayName = "SFileIcon";
+h.displayName = "SFileIcon";
 //#endregion
-export { u as SFileIcon, u as default };
+export { h as SFileIcon, h as default };

package/dist/s-flex-box/index.d.ts

@@ -1,2 +1,3 @@
 export { default, default as SFlexBox } from './s-flex-box';
-export type { SFlexBoxProps } from './s-flex-box';
+export type { SFlexBoxProps, SFlexBoxTypeMap } from './s-flex-box';
+export type {} from '../theme/component-augmentation';

package/dist/s-flex-box/s-flex-box.d.ts

@@ -1,18 +1,16 @@
-import { BoxProps } from '@mui/material/Box';
-import { ResponsiveStyleValue } from '@mui/system';
-import type * as React from 'react';
-/**
- * Props interface for SFlexBox component
- */
-export interface SFlexBoxProps extends BoxProps {
-    alignItems?: ResponsiveStyleValue<React.CSSProperties['alignItems']>;
-    flexDirection?: ResponsiveStyleValue<React.CSSProperties['flexDirection']>;
-    flexWrap?: ResponsiveStyleValue<React.CSSProperties['flexWrap']>;
-    gap?: ResponsiveStyleValue<React.CSSProperties['gap'] | number>;
-    justifyContent?: ResponsiveStyleValue<React.CSSProperties['justifyContent']>;
+import { OverridableComponent, OverrideProps } from '@mui/material/OverridableComponent';
+import { Theme } from '@mui/material/styles';
+import { BoxTypeMap } from '@mui/system';
+import * as React from 'react';
+export interface SFlexBoxTypeMap<AdditionalProps = object, RootComponent extends React.ElementType = 'div'> {
+    props: AdditionalProps & BoxTypeMap<object, RootComponent, Theme>['props'];
+    defaultComponent: RootComponent;
 }
-export declare const SFlexBox: {
-    ({ alignItems, children, flexDirection, flexWrap, gap, justifyContent, ...props }: SFlexBoxProps): import("react/jsx-runtime").JSX.Element;
+export type SFlexBoxProps<RootComponent extends React.ElementType = SFlexBoxTypeMap['defaultComponent'], AdditionalProps = object> = OverrideProps<SFlexBoxTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+    component?: React.ElementType;
+};
+/** A polymorphic MUI Box whose only opinion is `display: flex`. */
+export declare const SFlexBox: OverridableComponent<SFlexBoxTypeMap<object, "div">> & {
     displayName: string;
 };
 export default SFlexBox;

package/dist/s-flex-box/s-flex-box.js

@@ -1,21 +1,21 @@
-import { t as e } from "../Box-BlmynALm.js";
-import { jsx as t } from "react/jsx-runtime";
+import { styled as e, useThemeProps as t } from "@mui/material/styles";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import i from "@mui/material/Box";
 //#region lib/s-flex-box/s-flex-box.tsx
-var n = ({ alignItems: n, children: r, flexDirection: i, flexWrap: a, gap: o, justifyContent: s, ...c }) => /* @__PURE__ */ t(e, {
-	...c,
-	sx: [
-		{ display: "flex" },
-		{
-			alignItems: n,
-			flexDirection: i,
-			flexWrap: a,
-			gap: o,
-			justifyContent: s
-		},
-		...Array.isArray(c.sx) ? c.sx : [c.sx]
-	],
-	children: r
-});
-n.displayName = "SFlexBox";
+var a = e(i, {
+	name: "SFlexBox",
+	slot: "Root"
+})({ display: "flex" }), o = Object.assign(n.forwardRef(function(e, n) {
+	let i = t({
+		props: e,
+		name: "SFlexBox"
+	});
+	return /* @__PURE__ */ r(a, {
+		...i,
+		ownerState: i,
+		ref: n
+	});
+}), { displayName: "SFlexBox" });
 //#endregion
-export { n as SFlexBox, n as default };
+export { o as SFlexBox, o as default };

package/dist/s-form/index.d.ts

@@ -1,2 +1,3 @@
 export { default, default as SForm } from './s-form';
-export type { SFormProps } from './s-form';
+export type { SFormOwnerState, SFormProps, SFormSlotProps, SFormSlots } from './s-form';
+export type {} from '../theme/component-augmentation';

package/dist/s-form/s-form.d.ts

@@ -1,22 +1,37 @@
-/**
- * Props interface for the SForm component
- */
-export interface SFormProps {
-    /** The form field label - can be text or a React element */
-    label: string | React.ReactNode;
-    /** Optional hint text displayed as a tooltip next to the label */
-    hint?: string;
-    /** Error message to display below the form field */
-    error?: string;
-    /** Whether the form field is required (adds asterisk to label) */
+import { FormControlProps, FormHelperTextProps, FormLabelProps } from '@mui/material';
+import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
+import * as React from 'react';
+export interface SFormOwnerState {
+    disabled: boolean;
+    error: boolean;
     required: boolean;
-    /** Child form elements (input, select, etc.) to wrap */
+}
+type OwnerStateSlotProps<Props> = MuiOwnerStateSlotProps<Props, SFormOwnerState>;
+export interface SFormSlots {
+    helperText?: React.ElementType;
+    label?: React.ElementType;
+    root?: React.ElementType;
+}
+export interface SFormSlotProps {
+    helperText?: OwnerStateSlotProps<FormHelperTextProps>;
+    label?: OwnerStateSlotProps<FormLabelProps>;
+    root?: OwnerStateSlotProps<FormControlProps>;
+}
+export interface SFormProps extends Omit<FormControlProps, 'children' | 'component' | 'error' | 'required'> {
+    /** Form control rendered inside the root slot. */
     children: React.ReactNode;
-    /** HTML 'for' attribute to associate label with input element */
-    htmlFor?: string;
+    /** Whether the field has an error. */
+    error?: boolean;
+    /** Supporting or validation content rendered below the control. */
+    helperText?: React.ReactNode;
+    /** Field label rendered above the control. */
+    label?: React.ReactNode;
+    /** Whether the field is required. */
+    required?: boolean;
+    /** Components used for each structural slot. */
+    slots?: SFormSlots;
+    /** Props or owner-state callbacks for each structural slot. */
+    slotProps?: SFormSlotProps;
 }
-export declare const SForm: {
-    ({ label, hint, error, required, children, htmlFor }: SFormProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const SForm: React.ForwardRefExoticComponent<Omit<SFormProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SForm;