@solostylist/ui-kit 1.0.203 → 1.0.205

package/dist/s-error-layout/s-error-layout.js

@@ -1,56 +1,78 @@
-import { j as e } from "../jsx-runtime-tc70JA_2.js";
-import { Box as r, Container as w, Stack as i, Typography as l, Button as z } from "@mui/material";
-import D from "../s-lazy-image/s-lazy-image.js";
-const N = ({
-  imageSrc: a,
-  imageAlt: o,
-  title: x,
-  description: c,
-  buttonText: n,
-  imageWidth: d = "200px",
-  imageHeight: j = "auto",
-  maxWidth: y = "lg",
-  height: h = "100vh",
-  py: p = 8,
-  spacing: f = 6,
-  titleVariant: m = "h4",
-  descriptionVariant: u = "body1",
-  buttonVariant: g = "contained",
-  buttonColor: v = "primary",
-  containerSx: C,
-  imageContainerSx: E,
-  contentSx: L,
-  titleSx: S,
-  descriptionSx: B,
-  buttonContainerSx: t,
-  buttonProps: I,
-  hideImage: k = !1,
-  customActions: s
-}) => /* @__PURE__ */ e.jsx(
-  r,
-  {
-    component: "main",
-    sx: {
-      alignItems: "center",
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      py: p,
-      height: h,
-      ...C
-    },
-    children: /* @__PURE__ */ e.jsx(w, { maxWidth: y, children: /* @__PURE__ */ e.jsxs(i, { spacing: f, children: [
-      !k && /* @__PURE__ */ e.jsx(r, { sx: { display: "flex", justifyContent: "center", ...E }, children: /* @__PURE__ */ e.jsx(D, { src: a, alt: o, width: d, height: j }) }),
-      /* @__PURE__ */ e.jsxs(i, { spacing: 1, sx: { textAlign: "center", ...L }, children: [
-        /* @__PURE__ */ e.jsx(l, { variant: m, sx: S, children: x }),
-        /* @__PURE__ */ e.jsx(l, { variant: u, color: "text.secondary", sx: B, children: c })
-      ] }),
-      s ? /* @__PURE__ */ e.jsx(r, { sx: { display: "flex", justifyContent: "center", ...t }, children: s }) : n ? /* @__PURE__ */ e.jsx(r, { sx: { display: "flex", justifyContent: "center", ...t }, children: /* @__PURE__ */ e.jsx(z, { variant: g, color: v, ...I, children: n }) }) : null
-    ] }) })
-  }
-);
-N.displayName = "SErrorLayout";
-export {
-  N as SErrorLayout,
-  N as default
-};
+import e from "../s-lazy-image/s-lazy-image.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Box as r, Button as i, Container as a, Stack as o, Typography as s } from "@mui/material";
+//#region lib/s-error-layout/s-error-layout.tsx
+var c = ({ imageSrc: c, imageAlt: l, title: u, description: d, buttonText: f, imageWidth: p = "200px", imageHeight: m = "auto", maxWidth: h = "lg", height: g = "100vh", py: _ = 8, spacing: v = 6, titleVariant: y = "h4", descriptionVariant: b = "body1", buttonVariant: x = "contained", buttonColor: S = "primary", containerSx: C, imageContainerSx: w, contentSx: T, titleSx: E, descriptionSx: D, buttonContainerSx: O, buttonProps: k, hideImage: A = !1, customActions: j }) => /* @__PURE__ */ t(r, {
+	component: "main",
+	sx: {
+		alignItems: "center",
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "center",
+		py: _,
+		height: g,
+		...C
+	},
+	children: /* @__PURE__ */ t(a, {
+		maxWidth: h,
+		children: /* @__PURE__ */ n(o, {
+			spacing: v,
+			children: [
+				!A && /* @__PURE__ */ t(r, {
+					sx: {
+						display: "flex",
+						justifyContent: "center",
+						...w
+					},
+					children: /* @__PURE__ */ t(e, {
+						src: c,
+						alt: l,
+						width: p,
+						height: m
+					})
+				}),
+				/* @__PURE__ */ n(o, {
+					spacing: 1,
+					sx: {
+						textAlign: "center",
+						...T
+					},
+					children: [/* @__PURE__ */ t(s, {
+						variant: y,
+						sx: E,
+						children: u
+					}), /* @__PURE__ */ t(s, {
+						variant: b,
+						color: "text.secondary",
+						sx: D,
+						children: d
+					})]
+				}),
+				j ? /* @__PURE__ */ t(r, {
+					sx: {
+						display: "flex",
+						justifyContent: "center",
+						...O
+					},
+					children: j
+				}) : f ? /* @__PURE__ */ t(r, {
+					sx: {
+						display: "flex",
+						justifyContent: "center",
+						...O
+					},
+					children: /* @__PURE__ */ t(i, {
+						variant: x,
+						color: S,
+						...k,
+						children: f
+					})
+				}) : null
+			]
+		})
+	})
+});
+c.displayName = "SErrorLayout";
+//#endregion
+export { c as SErrorLayout, c as default };

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

@@ -1,4 +1,3 @@
-import { SFileDropzone as r } from "./s-file-dropzone.js";
-export {
-  r as default
-};
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-file-dropzone-BJBNFC_b.js";
+export { e as default };

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

@@ -1,124 +1,3 @@
-import { j as o } from "../jsx-runtime-tc70JA_2.js";
-import * as g from "react";
-import { c as l } from "../createSvgIcon-BkbeLOhM.js";
-import { Avatar as b, Tooltip as v, IconButton as y, Button as C } from "@mui/material";
-import { useDropzone as I } from "react-dropzone";
-import { SFileIcon as S } from "../s-file-icon/s-file-icon.js";
-import { SForm as z } from "../s-form/s-form.js";
-import { B as i } from "../Box-BkXoTbe8.js";
-import { S as e } from "../Stack-Dfjnuorw.js";
-import { T as t } from "../Typography-PcmlIqm1.js";
-import { b as R } from "../utils-D1UMIV0b.js";
-const k = l(/* @__PURE__ */ o.jsx("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"
-}), "CloseOutlined"), D = l(/* @__PURE__ */ o.jsx("path", {
-  d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3M8 13h2.55v3h2.9v-3H16l-4-4z"
-}), "CloudUploadOutlined"), F = ({
-  hint: a,
-  label: c = "",
-  error: d,
-  onRemoveAll: p,
-  onRemove: x,
-  required: m = !1,
-  isShowBtnRemoveAll: h = !1,
-  ...n
-}) => {
-  const { getRootProps: u, getInputProps: j, isDragActive: s } = I(n);
-  return /* @__PURE__ */ o.jsxs(g.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(z, { error: d, label: c, required: m, hint: a, children: /* @__PURE__ */ o.jsxs(
-      i,
-      {
-        sx: {
-          alignItems: "center",
-          border: "1px dashed",
-          borderColor: "divider",
-          borderRadius: 1,
-          cursor: "pointer",
-          display: "flex",
-          flexWrap: "wrap",
-          justifyContent: "center",
-          outline: "none",
-          p: 4,
-          // Visual feedback when files are being dragged over
-          ...s && {
-            bgcolor: "action.selected",
-            opacity: 0.5
-          },
-          // Hover effect when not actively dragging
-          "&:hover": {
-            ...!s && {
-              bgcolor: "action.hover"
-            }
-          }
-        },
-        ...u(),
-        children: [
-          /* @__PURE__ */ o.jsx("input", { ...j() }),
-          /* @__PURE__ */ o.jsxs(e, { direction: "row", spacing: 1, sx: { alignItems: "center" }, children: [
-            /* @__PURE__ */ o.jsx(
-              b,
-              {
-                sx: {
-                  border: "1px dashed",
-                  borderColor: "divider",
-                  color: "text.secondary",
-                  backgroundColor: "transparent"
-                },
-                children: /* @__PURE__ */ o.jsx(D, { fontSize: "small" })
-              }
-            ),
-            /* @__PURE__ */ o.jsx(e, { spacing: 1, children: /* @__PURE__ */ o.jsxs(t, { color: "text.secondary", variant: "body2", children: [
-              /* @__PURE__ */ o.jsx(t, { component: "span", sx: { textDecoration: "underline" }, variant: "inherit", children: "Click to upload" }),
-              " ",
-              "or drag and drop your files here"
-            ] }) })
-          ] })
-        ]
-      }
-    ) }),
-    n.files?.length ? /* @__PURE__ */ o.jsxs(e, { mt: 1, spacing: 1, children: [
-      /* @__PURE__ */ o.jsx(e, { component: "ul", spacing: 1, sx: { listStyle: "none", m: 0, p: 0 }, children: n.files?.map((r) => {
-        const f = r.name.split(".").pop();
-        return /* @__PURE__ */ o.jsxs(
-          e,
-          {
-            component: "li",
-            direction: "row",
-            spacing: 2,
-            sx: {
-              alignItems: "center",
-              border: "1px solid",
-              borderColor: "divider",
-              borderRadius: 1,
-              flex: "1 1 auto",
-              p: 1
-            },
-            children: [
-              /* @__PURE__ */ o.jsx(S, { extension: f }),
-              /* @__PURE__ */ o.jsxs(i, { sx: { flex: "1 1 auto" }, children: [
-                /* @__PURE__ */ o.jsx(t, { variant: "subtitle2", children: r.name }),
-                /* @__PURE__ */ o.jsx(t, { color: "text.secondary", variant: "body2", children: R(r.size) })
-              ] }),
-              /* @__PURE__ */ o.jsx(v, { title: "Remove", children: /* @__PURE__ */ o.jsx(
-                y,
-                {
-                  onClick: () => {
-                    x?.(r);
-                  },
-                  children: /* @__PURE__ */ o.jsx(k, {})
-                }
-              ) })
-            ]
-          },
-          r.size
-        );
-      }) }),
-      /* @__PURE__ */ o.jsx(e, { direction: "row", sx: { alignItems: "center", justifyContent: "flex-end" }, children: h && /* @__PURE__ */ o.jsx(C, { onClick: p, type: "button", variant: "text", children: "Remove all" }) })
-    ] }) : null
-  ] });
-};
-F.displayName = "SFileDropzone";
-export {
-  F as SFileDropzone,
-  F as default
-};
+import "../createTheme-DuS5_nJb.js";
+import { t as e } from "../s-file-dropzone-BJBNFC_b.js";
+export { e as SFileDropzone, e as default };

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

@@ -0,0 +1,134 @@
+import { t as e } from "./Box-CCxGQYgC.js";
+import { t } from "./Stack-D-aoKnaS.js";
+import { t as n } from "./createSvgIcon-KjKEsKNV.js";
+import { t as r } from "./Typography-CswuXQLF.js";
+import { SForm as i } from "./s-form/s-form.js";
+import { t as a } from "./utils-Cu16ybRR.js";
+import { SFileIcon as o } from "./s-file-icon/s-file-icon.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Avatar as u, Button as d, IconButton as f, Tooltip as p } from "@mui/material";
+import { useDropzone as m } from "react-dropzone";
+//#region ../../node_modules/@mui/icons-material/esm/CloseOutlined.js
+var h = n(/* @__PURE__ */ c("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" }), "CloseOutlined"), g = n(/* @__PURE__ */ c("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3M8 13h2.55v3h2.9v-3H16l-4-4z" }), "CloudUploadOutlined"), _ = ({ hint: n, label: _ = "", error: v, onRemoveAll: y, onRemove: b, required: x = !1, isShowBtnRemoveAll: S = !1, ...C }) => {
+	let { getRootProps: w, getInputProps: T, isDragActive: E } = m(C);
+	return /* @__PURE__ */ l(s.Fragment, { children: [/* @__PURE__ */ c(i, {
+		error: v,
+		label: _,
+		required: x,
+		hint: n,
+		children: /* @__PURE__ */ l(e, {
+			sx: {
+				alignItems: "center",
+				border: "1px dashed",
+				borderColor: "divider",
+				borderRadius: 1,
+				cursor: "pointer",
+				display: "flex",
+				flexWrap: "wrap",
+				justifyContent: "center",
+				outline: "none",
+				p: 4,
+				...E && {
+					bgcolor: "action.selected",
+					opacity: .5
+				},
+				"&:hover": { ...!E && { bgcolor: "action.hover" } }
+			},
+			...w(),
+			children: [/* @__PURE__ */ c("input", { ...T() }), /* @__PURE__ */ l(t, {
+				direction: "row",
+				spacing: 1,
+				sx: { alignItems: "center" },
+				children: [/* @__PURE__ */ c(u, {
+					sx: {
+						border: "1px dashed",
+						borderColor: "divider",
+						color: "text.secondary",
+						backgroundColor: "transparent"
+					},
+					children: /* @__PURE__ */ c(g, { fontSize: "small" })
+				}), /* @__PURE__ */ c(t, {
+					spacing: 1,
+					children: /* @__PURE__ */ l(r, {
+						color: "text.secondary",
+						variant: "body2",
+						children: [
+							/* @__PURE__ */ c(r, {
+								component: "span",
+								sx: { textDecoration: "underline" },
+								variant: "inherit",
+								children: "Click to upload"
+							}),
+							" ",
+							"or drag and drop your files here"
+						]
+					})
+				})]
+			})]
+		})
+	}), C.files?.length ? /* @__PURE__ */ l(t, {
+		mt: 1,
+		spacing: 1,
+		children: [/* @__PURE__ */ c(t, {
+			component: "ul",
+			spacing: 1,
+			sx: {
+				listStyle: "none",
+				m: 0,
+				p: 0
+			},
+			children: C.files?.map((n) => /* @__PURE__ */ l(t, {
+				component: "li",
+				direction: "row",
+				spacing: 2,
+				sx: {
+					alignItems: "center",
+					border: "1px solid",
+					borderColor: "divider",
+					borderRadius: 1,
+					flex: "1 1 auto",
+					p: 1
+				},
+				children: [
+					/* @__PURE__ */ c(o, { extension: n.name.split(".").pop() }),
+					/* @__PURE__ */ l(e, {
+						sx: { flex: "1 1 auto" },
+						children: [/* @__PURE__ */ c(r, {
+							variant: "subtitle2",
+							children: n.name
+						}), /* @__PURE__ */ c(r, {
+							color: "text.secondary",
+							variant: "body2",
+							children: a(n.size)
+						})]
+					}),
+					/* @__PURE__ */ c(p, {
+						title: "Remove",
+						children: /* @__PURE__ */ c(f, {
+							onClick: () => {
+								b?.(n);
+							},
+							children: /* @__PURE__ */ c(h, {})
+						})
+					})
+				]
+			}, n.size))
+		}), /* @__PURE__ */ c(t, {
+			direction: "row",
+			sx: {
+				alignItems: "center",
+				justifyContent: "flex-end"
+			},
+			children: S && /* @__PURE__ */ c(d, {
+				onClick: y,
+				type: "button",
+				variant: "text",
+				children: "Remove all"
+			})
+		})]
+	}) : null] });
+};
+_.displayName = "SFileDropzone";
+//#endregion
+export { _ as t };

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

@@ -1,4 +1,3 @@
-import { SFileIcon as a } from "./s-file-icon.js";
-export {
-  a as default
-};
+import "../createTheme-DuS5_nJb.js";
+import { SFileIcon as e } from "./s-file-icon.js";
+export { e as default };