@solostylist/ui-kit 1.0.175 → 1.0.176

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

@@ -1,35 +1,34 @@
-import { j as e } from "../jsx-runtime-OVHDjVDe.js";
-import * as j from "react";
-import { c } from "../createSvgIcon-DxwgGAVe.js";
-import { Avatar as q, Tooltip as C, IconButton as w, Button as V } from "@mui/material";
-import { useDropzone as R } from "react-dropzone";
-import { SFileIcon as z } from "../s-file-icon/s-file-icon.js";
-import { SForm as A } from "../s-form/s-form.js";
-import { bytesToSize as S } from "../utils/bytes-to-size.js";
-import { B as u } from "../Box-Ha0cQ4KO.js";
-import { S as l } from "../Stack-Cq2r2NmC.js";
-import { T as a } from "../Typography-C8jwvSWe.js";
-const _ = c(/* @__PURE__ */ e.jsx("path", {
+import { j as o } from "../jsx-runtime-tc70JA_2.js";
+import * as g from "react";
+import { c as l } from "../createSvgIcon-BKymXuBG.js";
+import { Avatar as b, Tooltip as v, IconButton as y, Button as C } from "@mui/material";
+import { useDropzone as z } from "react-dropzone";
+import { bytesToSize as I } from "../utils/bytes-to-size.js";
+import { SForm as S } from "../s-form/s-form.js";
+import { B as i } from "../Box-CE3rycd-.js";
+import { S as e } from "../Stack-BScsuyQy.js";
+import { T as t } from "../Typography-9Kg27dDw.js";
+import { SFileIcon as R } from "../s-file-icon/s-file-icon.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"), I = c(/* @__PURE__ */ e.jsx("path", {
+}), "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"), t = ({
-  hint: r,
-  label: m = "",
-  error: f,
-  onRemoveAll: h,
-  onUpload: U,
-  onRemove: i,
-  required: y = !1,
-  disabledUpload: k = !1,
-  isShowBtnRemoveAll: x = !1,
+}), "CloudUploadOutlined"), F = ({
+  hint: a,
+  label: c = "",
+  error: d,
+  onRemoveAll: p,
+  onUpload: w,
+  onRemove: x,
+  required: m = !1,
+  disabledUpload: B = !1,
+  isShowBtnRemoveAll: h = !1,
   ...n
 }) => {
-  var s, p;
-  const { getRootProps: g, getInputProps: b, isDragActive: d } = R(n);
-  return /* @__PURE__ */ e.jsxs(j.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(A, { error: f, label: m, required: y, hint: r, children: /* @__PURE__ */ e.jsxs(
-      u,
+  const { getRootProps: u, getInputProps: j, isDragActive: s } = z(n);
+  return /* @__PURE__ */ o.jsxs(g.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(S, { error: d, label: c, required: m, hint: a, children: /* @__PURE__ */ o.jsxs(
+      i,
       {
         sx: {
           alignItems: "center",
@@ -43,23 +42,23 @@ const _ = c(/* @__PURE__ */ e.jsx("path", {
           outline: "none",
           p: 4,
           // Visual feedback when files are being dragged over
-          ...d && {
+          ...s && {
             bgcolor: "action.selected",
             opacity: 0.5
           },
           // Hover effect when not actively dragging
           "&:hover": {
-            ...!d && {
+            ...!s && {
               bgcolor: "action.hover"
             }
           }
         },
-        ...g(),
+        ...u(),
         children: [
-          /* @__PURE__ */ e.jsx("input", { ...b() }),
-          /* @__PURE__ */ e.jsxs(l, { direction: "row", spacing: 1, sx: { alignItems: "center" }, children: [
-            /* @__PURE__ */ e.jsx(
-              q,
+          /* @__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",
@@ -67,11 +66,11 @@ const _ = c(/* @__PURE__ */ e.jsx("path", {
                   color: "text.secondary",
                   backgroundColor: "transparent"
                 },
-                children: /* @__PURE__ */ e.jsx(I, { fontSize: "small" })
+                children: /* @__PURE__ */ o.jsx(D, { fontSize: "small" })
               }
             ),
-            /* @__PURE__ */ e.jsx(l, { spacing: 1, children: /* @__PURE__ */ e.jsxs(a, { color: "text.secondary", variant: "body2", children: [
-              /* @__PURE__ */ e.jsx(a, { component: "span", sx: { textDecoration: "underline" }, variant: "inherit", children: "Click to upload" }),
+            /* @__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"
             ] }) })
@@ -79,11 +78,11 @@ const _ = c(/* @__PURE__ */ e.jsx("path", {
         ]
       }
     ) }),
-    (s = n.files) != null && s.length ? /* @__PURE__ */ e.jsxs(l, { mt: 1, spacing: 1, children: [
-      /* @__PURE__ */ e.jsx(l, { component: "ul", spacing: 1, sx: { listStyle: "none", m: 0, p: 0 }, children: (p = n.files) == null ? void 0 : p.map((o) => {
-        const v = o.name.split(".").pop();
-        return /* @__PURE__ */ e.jsxs(
-          l,
+    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",
@@ -97,39 +96,31 @@ const _ = c(/* @__PURE__ */ e.jsx("path", {
               p: 1
             },
             children: [
-              /* @__PURE__ */ e.jsx(z, { extension: v }),
-              /* @__PURE__ */ e.jsxs(u, { sx: { flex: "1 1 auto" }, children: [
-                /* @__PURE__ */ e.jsx(a, { variant: "subtitle2", children: o.name }),
-                /* @__PURE__ */ e.jsx(a, { color: "text.secondary", variant: "body2", children: S(o.size) })
+              /* @__PURE__ */ o.jsx(R, { 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: I(r.size) })
               ] }),
-              /* @__PURE__ */ e.jsx(C, { title: "Remove", children: /* @__PURE__ */ e.jsx(
-                w,
+              /* @__PURE__ */ o.jsx(v, { title: "Remove", children: /* @__PURE__ */ o.jsx(
+                y,
                 {
                   onClick: () => {
-                    i == null || i(o);
+                    x?.(r);
                   },
-                  children: /* @__PURE__ */ e.jsx(_, {})
+                  children: /* @__PURE__ */ o.jsx(k, {})
                 }
               ) })
             ]
           },
-          o.size
+          r.size
         );
       }) }),
-      /* @__PURE__ */ e.jsx(l, { direction: "row", sx: { alignItems: "center", justifyContent: "flex-end" }, children: x && /* @__PURE__ */ e.jsx(V, { onClick: h, size: "small", type: "button", variant: "text", children: "Remove all" }) })
+      /* @__PURE__ */ o.jsx(e, { direction: "row", sx: { alignItems: "center", justifyContent: "flex-end" }, children: h && /* @__PURE__ */ o.jsx(C, { onClick: p, size: "small", type: "button", variant: "text", children: "Remove all" }) })
     ] }) : null
   ] });
 };
-t.displayName = "SFileDropzone";
-try {
-  t.displayName = "SFileDropzone", t.__docgenInfo = { description: "A file dropzone component with drag-and-drop, file management, and form integration.", displayName: "SFileDropzone", props: { hint: { defaultValue: null, description: "Additional hint text displayed below the main upload message", name: "hint", required: !1, type: { name: "string" } }, files: { defaultValue: null, description: "Array of files currently selected/uploaded", name: "files", required: !1, type: { name: "CustomFile[]" } }, onRemove: { defaultValue: null, description: "Callback when a single file is removed", name: "onRemove", required: !1, type: { name: "((file: CustomFile) => void)" } }, onRemoveAll: { defaultValue: null, description: "Callback when all files are removed", name: "onRemoveAll", required: !1, type: { name: "(() => void)" } }, onUpload: { defaultValue: null, description: "Callback when upload is triggered (optional - for custom upload logic)", name: "onUpload", required: !1, type: { name: "(() => void)" } }, label: { defaultValue: { value: "" }, description: "Label for the form field", name: "label", required: !1, type: { name: "ReactNode" } }, disabledUpload: { defaultValue: { value: "false" }, description: "Whether upload functionality is disabled", name: "disabledUpload", required: !1, type: { name: "boolean" } }, error: { defaultValue: null, description: "Error message to display", name: "error", required: !1, type: { name: "string" } }, required: { defaultValue: { value: "false" }, description: "Whether the field is required", name: "required", required: !1, type: { name: "boolean" } }, isShowBtnRemoveAll: { defaultValue: { value: "false" }, description: "Whether to show the 'Remove all' button", name: "isShowBtnRemoveAll", required: !1, type: { name: "boolean" } } } };
-} catch {
-}
-try {
-  sfiledropzone.displayName = "sfiledropzone", sfiledropzone.__docgenInfo = { description: "A file dropzone component with drag-and-drop, file management, and form integration.", displayName: "sfiledropzone", props: { hint: { defaultValue: null, description: "Additional hint text displayed below the main upload message", name: "hint", required: !1, type: { name: "string" } }, files: { defaultValue: null, description: "Array of files currently selected/uploaded", name: "files", required: !1, type: { name: "CustomFile[]" } }, onRemove: { defaultValue: null, description: "Callback when a single file is removed", name: "onRemove", required: !1, type: { name: "((file: CustomFile) => void)" } }, onRemoveAll: { defaultValue: null, description: "Callback when all files are removed", name: "onRemoveAll", required: !1, type: { name: "(() => void)" } }, onUpload: { defaultValue: null, description: "Callback when upload is triggered (optional - for custom upload logic)", name: "onUpload", required: !1, type: { name: "(() => void)" } }, label: { defaultValue: { value: "" }, description: "Label for the form field", name: "label", required: !1, type: { name: "ReactNode" } }, disabledUpload: { defaultValue: { value: "false" }, description: "Whether upload functionality is disabled", name: "disabledUpload", required: !1, type: { name: "boolean" } }, error: { defaultValue: null, description: "Error message to display", name: "error", required: !1, type: { name: "string" } }, required: { defaultValue: { value: "false" }, description: "Whether the field is required", name: "required", required: !1, type: { name: "boolean" } }, isShowBtnRemoveAll: { defaultValue: { value: "false" }, description: "Whether to show the 'Remove all' button", name: "isShowBtnRemoveAll", required: !1, type: { name: "boolean" } } } };
-} catch {
-}
+F.displayName = "SFileDropzone";
 export {
-  t as SFileDropzone,
-  t as default
+  F as SFileDropzone,
+  F as default
 };

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

@@ -1,5 +1,5 @@
-import { j as i } from "../jsx-runtime-OVHDjVDe.js";
-import { B as n } from "../Box-Ha0cQ4KO.js";
+import { j as t } from "../jsx-runtime-tc70JA_2.js";
+import { B as i } from "../Box-CE3rycd-.js";
 const o = {
   jpeg: "/assets/icon-jpg.svg",
   jpg: "/assets/icon-jpg.svg",
@@ -7,11 +7,11 @@ const o = {
   pdf: "/assets/icon-pdf.svg",
   png: "/assets/icon-png.svg",
   svg: "/assets/icon-svg.svg"
-}, t = ({ extension: e }) => {
+}, n = ({ extension: e }) => {
   let s;
   return e ? s = o[e] ?? "/assets/icon-other.svg" : s = "/assets/icon-other.svg", // Container box with fixed dimensions for consistent icon sizing
-  /* @__PURE__ */ i.jsx(
-    n,
+  /* @__PURE__ */ t.jsx(
+    i,
     {
       sx: {
         alignItems: "center",
@@ -23,16 +23,12 @@ const o = {
         // Standard icon container size
         height: "36px"
       },
-      children: /* @__PURE__ */ i.jsx(n, { alt: "File", component: "img", src: s, sx: { height: "100%", width: "auto" } })
+      children: /* @__PURE__ */ t.jsx(i, { alt: "File", component: "img", src: s, sx: { height: "100%", width: "auto" } })
     }
   );
 };
-t.displayName = "SFileIcon";
-try {
-  t.displayName = "SFileIcon", t.__docgenInfo = { description: "A file type icon component that displays appropriate icons based on file extensions.", displayName: "SFileIcon", props: { extension: { defaultValue: null, description: "File extension (without dot) to determine which icon to display", name: "extension", required: !1, type: { name: "string" } } } };
-} catch {
-}
+n.displayName = "SFileIcon";
 export {
-  t as SFileIcon,
-  t as default
+  n as SFileIcon,
+  n as default
 };

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

@@ -1,16 +1,8 @@
-import { j as t } from "../jsx-runtime-OVHDjVDe.js";
-import { B as l } from "../Box-Ha0cQ4KO.js";
-const o = ({ children: e, ...a }) => /* @__PURE__ */ t.jsx(l, { display: "flex", ...a, children: e });
-o.displayName = "SFlexBox";
-try {
-  o.displayName = "SFlexBox", o.__docgenInfo = { description: "A flex container component that defaults display to flex with all Material-UI Box capabilities.", displayName: "SFlexBox", props: {} };
-} catch {
-}
-try {
-  sflexbox.displayName = "sflexbox", sflexbox.__docgenInfo = { description: "A flex container component that defaults display to flex with all Material-UI Box capabilities.", displayName: "sflexbox", props: {} };
-} catch {
-}
+import { j as s } from "../jsx-runtime-tc70JA_2.js";
+import { B as e } from "../Box-CE3rycd-.js";
+const r = ({ children: o, ...x }) => /* @__PURE__ */ s.jsx(e, { display: "flex", ...x, children: o });
+r.displayName = "SFlexBox";
 export {
-  o as SFlexBox,
-  o as default
+  r as SFlexBox,
+  r as default
 };

package/dist/s-form/s-form.js

@@ -1,24 +1,16 @@
-import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { FormControl as s, FormLabel as u, FormHelperText as n } from "@mui/material";
-const l = ({ label: e, hint: a, error: t, required: i, children: o, htmlFor: d }) => /* @__PURE__ */ r.jsxs(s, { error: !!t, fullWidth: !0, children: [
-  e ? /* @__PURE__ */ r.jsxs(u, { htmlFor: d, required: i, sx: { display: "flex", alignItems: "center" }, children: [
-    e,
+import { j as e } from "../jsx-runtime-tc70JA_2.js";
+import { FormControl as i, FormLabel as x, FormHelperText as o } from "@mui/material";
+const a = ({ label: r, hint: s, error: l, required: n, children: t, htmlFor: m }) => /* @__PURE__ */ e.jsxs(i, { error: !!l, fullWidth: !0, children: [
+  r ? /* @__PURE__ */ e.jsxs(x, { htmlFor: m, required: n, sx: { display: "flex", alignItems: "center" }, children: [
+    r,
     " "
   ] }) : null,
-  o,
-  a && !t ? /* @__PURE__ */ r.jsx(n, { children: a }) : null,
-  t ? /* @__PURE__ */ r.jsx(n, { children: t }) : null
+  t,
+  s && !l ? /* @__PURE__ */ e.jsx(o, { children: s }) : null,
+  l ? /* @__PURE__ */ e.jsx(o, { children: l }) : null
 ] });
-l.displayName = "SForm";
-try {
-  l.displayName = "SForm", l.__docgenInfo = { description: "A form wrapper component that provides consistent labeling, error handling, and help text.", displayName: "SForm", props: { label: { defaultValue: null, description: "The form field label - can be text or a React element", name: "label", required: !0, type: { name: "ReactNode" } }, hint: { defaultValue: null, description: "Optional hint text displayed as a tooltip next to the label", name: "hint", required: !1, type: { name: "string" } }, error: { defaultValue: null, description: "Error message to display below the form field", name: "error", required: !1, type: { name: "string" } }, required: { defaultValue: null, description: "Whether the form field is required (adds asterisk to label)", name: "required", required: !0, type: { name: "boolean" } }, children: { defaultValue: null, description: "Child form elements (input, select, etc.) to wrap", name: "children", required: !0, type: { name: "ReactNode" } }, htmlFor: { defaultValue: null, description: "HTML 'for' attribute to associate label with input element", name: "htmlFor", required: !1, type: { name: "string" } } } };
-} catch {
-}
-try {
-  sform.displayName = "sform", sform.__docgenInfo = { description: "A form wrapper component that provides consistent labeling, error handling, and help text.", displayName: "sform", props: { label: { defaultValue: null, description: "The form field label - can be text or a React element", name: "label", required: !0, type: { name: "ReactNode" } }, hint: { defaultValue: null, description: "Optional hint text displayed as a tooltip next to the label", name: "hint", required: !1, type: { name: "string" } }, error: { defaultValue: null, description: "Error message to display below the form field", name: "error", required: !1, type: { name: "string" } }, required: { defaultValue: null, description: "Whether the form field is required (adds asterisk to label)", name: "required", required: !0, type: { name: "boolean" } }, children: { defaultValue: null, description: "Child form elements (input, select, etc.) to wrap", name: "children", required: !0, type: { name: "ReactNode" } }, htmlFor: { defaultValue: null, description: "HTML 'for' attribute to associate label with input element", name: "htmlFor", required: !1, type: { name: "string" } } } };
-} catch {
-}
+a.displayName = "SForm";
 export {
-  l as SForm,
-  l as default
+  a as SForm,
+  a as default
 };

package/dist/s-gallery/index.js

@@ -1,35 +1,5 @@
-import { MediaItem as r, SGallery as o } from "./s-gallery.js";
-try {
-  sgallery.displayName = "sgallery", sgallery.__docgenInfo = { description: "A sophisticated media gallery with drag-and-drop reordering, modal viewing, and multiple layout variants.", displayName: "sgallery", props: { mediaItems: { defaultValue: null, description: "Array of media items to display in the gallery", name: "mediaItems", required: !0, type: { name: "MediaItemType[]" } }, variant: { defaultValue: { value: "masonry" }, description: "Layout variant to use (default: 'masonry')", name: "variant", required: !1, type: { name: "enum", value: [{ value: '"grid"' }, { value: '"masonry"' }, { value: '"spotlight"' }, { value: '"featured"' }, { value: '"highlight"' }, { value: '"custom"' }] } }, loading: { defaultValue: { value: "false" }, description: "Loading state - shows skeleton placeholders matching the variant layout", name: "loading", required: !1, type: { name: "boolean" } }, skeletonCount: { defaultValue: { value: "6" }, description: "Number of skeleton items to show when loading (default: 6)", name: "skeletonCount", required: !1, type: { name: "number" } } } };
-} catch {
-}
-try {
-  MediaItem.displayName = "MediaItem", MediaItem.__docgenInfo = { description: `MediaItem - Renders individual media items (images or videos) with optimized loading and playback.
-
-For videos:
-- Intersection Observer for viewport-based autoplay/pause
-- Buffering state management with loading indicator
-- Muted autoplay with loop for engagement
-- Preloading for smooth playback
-
-For images:
-- Lazy loading via SLazyImage component
-- Optimized object-fit handling`, displayName: "MediaItem", props: {} };
-} catch {
-}
-try {
-  SGalleryProps.displayName = "SGalleryProps", SGalleryProps.__docgenInfo = { description: "Props for the SGallery component.", displayName: "SGalleryProps", props: {} };
-} catch {
-}
-try {
-  MediaItemProps.displayName = "MediaItemProps", MediaItemProps.__docgenInfo = { description: "Props for individual MediaItem components", displayName: "MediaItemProps", props: {} };
-} catch {
-}
-try {
-  GalleryLayoutVariant.displayName = "GalleryLayoutVariant", GalleryLayoutVariant.__docgenInfo = { description: "Built-in layout variants for the gallery", displayName: "GalleryLayoutVariant", props: {} };
-} catch {
-}
+import { MediaItem as l, SGallery as r } from "./s-gallery.js";
 export {
-  r as MediaItem,
-  o as default
+  l as MediaItem,
+  r as default
 };