@solostylist/ui-kit 1.0.9 → 1.0.10

package/dist/{AppFileDropzone/AppFileDropzone.d.ts → s-file-dropzone/s-file-dropzone.d.ts}

@@ -4,7 +4,7 @@ export type CustomFile = File | FileWithPath | {
     name: string;
     size: number;
 };
-interface AppFileDropzoneProps extends DropzoneOptions {
+interface SFileDropzoneProps extends DropzoneOptions {
     caption?: string;
     files?: CustomFile[];
     onRemove?: (file: CustomFile) => void;
@@ -16,5 +16,5 @@ interface AppFileDropzoneProps extends DropzoneOptions {
     required?: boolean;
     isShowBtnRemoveAll?: boolean;
 }
-declare const AppFileDropzone: ({ caption, label, error, onRemoveAll, onUpload, onRemove, required, disabledUpload, isShowBtnRemoveAll, ...props }: AppFileDropzoneProps) => React.JSX.Element;
-export default AppFileDropzone;
+declare const SFileDropzone: ({ caption, label, error, onRemoveAll, onUpload, onRemove, required, disabledUpload, isShowBtnRemoveAll, ...props }: SFileDropzoneProps) => React.JSX.Element;
+export default SFileDropzone;

package/dist/{AppFileDropzone/AppFileDropzone.js → s-file-dropzone/s-file-dropzone.js}

@@ -1,17 +1,17 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
 import { Tooltip as E, IconButton as w } from "@mui/material";
-import t, { forwardRef as M } from "react";
-import { E as Z } from "../SSRBase-BSdFRe_j.js";
-import { S as V } from "../X-Cw1SQcRJ.js";
-import { useDropzone as z } from "react-dropzone";
-import F from "../AppAvatar/AppAvatar.js";
-import I from "../AppButton/AppButton.js";
-import O from "../AppFileIcon/AppFileIcon.js";
-import S from "../AppFormControl/AppFormControl.js";
+import t, { forwardRef as S } from "react";
+import { E as M } from "../SSRBase-BSdFRe_j.js";
+import { S as Z } from "../X-B8GTZwii.js";
+import { useDropzone as V } from "react-dropzone";
+import z from "../s-avatar/s-avatar.js";
+import F from "../s-button/s-button.js";
+import I from "../s-file-icon/s-file-icon.js";
+import O from "../s-form/s-form.js";
 import { bytesToSize as C } from "../utils/bytes-to-size.js";
-import { S as n } from "../Stack-CP2l9Ko9.js";
+import { S as n } from "../Stack-DIkbVcfm.js";
 import { B as u } from "../Box-DyPisl7H.js";
-import { T as i } from "../Typography-CgNLUV5h.js";
+import { T as i } from "../Typography-jSFidXje.js";
 const H = /* @__PURE__ */ new Map([
   [
     "bold",
@@ -44,15 +44,15 @@ const H = /* @__PURE__ */ new Map([
     /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M186.83,162.83a4,4,0,0,1-5.66,0L156,137.66V208a4,4,0,0,1-8,0V137.66l-25.17,25.17a4,4,0,0,1-5.66-5.66l32-32a4,4,0,0,1,5.66,0l32,32A4,4,0,0,1,186.83,162.83ZM160,44A84.09,84.09,0,0,0,83.61,93.13,60,60,0,1,0,72,212h40a4,4,0,0,0,0-8H72a52,52,0,1,1,8.57-103.27A83.45,83.45,0,0,0,76,128a4,4,0,0,0,8,0,76,76,0,1,1,106.4,69.68,4,4,0,0,0,1.6,7.66,3.92,3.92,0,0,0,1.6-.33A84,84,0,0,0,160,44Z" }))
   ]
 ]);
-var P = Object.defineProperty, k = Object.defineProperties, D = Object.getOwnPropertyDescriptors, x = Object.getOwnPropertySymbols, B = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable, h = (a, r, l) => r in a ? P(a, r, { enumerable: !0, configurable: !0, writable: !0, value: l }) : a[r] = l, T = (a, r) => {
+var P = Object.defineProperty, k = Object.defineProperties, D = Object.getOwnPropertyDescriptors, x = Object.getOwnPropertySymbols, B = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable, h = (a, r, l) => r in a ? P(a, r, { enumerable: !0, configurable: !0, writable: !0, value: l }) : a[r] = l, R = (a, r) => {
   for (var l in r || (r = {}))
     B.call(r, l) && h(a, l, r[l]);
   if (x)
     for (var l of x(r))
       L.call(r, l) && h(a, l, r[l]);
   return a;
-}, R = (a, r) => k(a, D(r));
-const f = M((a, r) => /* @__PURE__ */ t.createElement(Z, R(T({ ref: r }, a), { weights: H })));
+}, T = (a, r) => k(a, D(r));
+const f = S((a, r) => /* @__PURE__ */ t.createElement(M, T(R({ ref: r }, a), { weights: H })));
 f.displayName = "CloudArrowUp";
 const l0 = ({
   caption: a,
@@ -63,12 +63,12 @@ const l0 = ({
   onRemove: s,
   required: j = !1,
   disabledUpload: _ = !1,
-  isShowBtnRemoveAll: A = !1,
-  ...p
+  isShowBtnRemoveAll: v = !1,
+  ...c
 }) => {
   var m, d;
-  const { getRootProps: v, getInputProps: b, isDragActive: c } = z(p);
-  return /* @__PURE__ */ e.jsxs(S, { error: l, label: r, required: j, children: [
+  const { getRootProps: A, getInputProps: b, isDragActive: p } = V(c);
+  return /* @__PURE__ */ e.jsxs(O, { error: l, label: r, required: j, children: [
     /* @__PURE__ */ e.jsx(n, { spacing: 2, mt: "0.5rem", children: /* @__PURE__ */ e.jsxs(
       u,
       {
@@ -82,22 +82,22 @@ const l0 = ({
           justifyContent: "center",
           outline: "none",
           p: 6,
-          ...c && {
+          ...p && {
             bgcolor: "var(--mui-palette-action-selected)",
             opacity: 0.5
           },
           "&:hover": {
-            ...!c && {
+            ...!p && {
               bgcolor: "var(--mui-palette-action-hover)"
             }
           }
         },
-        ...v(),
+        ...A(),
         children: [
           /* @__PURE__ */ e.jsx("input", { ...b() }),
           /* @__PURE__ */ e.jsxs(n, { direction: "row", spacing: 2, sx: { alignItems: "center" }, children: [
             /* @__PURE__ */ e.jsx(
-              F,
+              z,
               {
                 sx: {
                   "--Avatar-size": "64px",
@@ -121,8 +121,8 @@ const l0 = ({
         ]
       }
     ) }),
-    (m = p.files) != null && m.length ? /* @__PURE__ */ e.jsxs(n, { mt: 2, spacing: 2, children: [
-      /* @__PURE__ */ e.jsx(n, { component: "ul", spacing: 1, sx: { listStyle: "none", m: 0, p: 0 }, children: (d = p.files) == null ? void 0 : d.map((o) => {
+    (m = c.files) != null && m.length ? /* @__PURE__ */ e.jsxs(n, { mt: 2, spacing: 2, children: [
+      /* @__PURE__ */ e.jsx(n, { component: "ul", spacing: 1, sx: { listStyle: "none", m: 0, p: 0 }, children: (d = c.files) == null ? void 0 : d.map((o) => {
         const y = o.name.split(".").pop();
         return /* @__PURE__ */ e.jsxs(
           n,
@@ -138,7 +138,7 @@ const l0 = ({
               p: 1
             },
             children: [
-              /* @__PURE__ */ e.jsx(O, { extension: y }),
+              /* @__PURE__ */ e.jsx(I, { extension: y }),
               /* @__PURE__ */ e.jsxs(u, { sx: { flex: "1 1 auto" }, children: [
                 /* @__PURE__ */ e.jsx(i, { variant: "subtitle2", children: o.name }),
                 /* @__PURE__ */ e.jsx(i, { color: "text.secondary", variant: "body2", children: C(o.size) })
@@ -149,7 +149,7 @@ const l0 = ({
                   onClick: () => {
                     s == null || s(o);
                   },
-                  children: /* @__PURE__ */ e.jsx(V, {})
+                  children: /* @__PURE__ */ e.jsx(Z, {})
                 }
               ) })
             ]
@@ -157,7 +157,7 @@ const l0 = ({
           o.size
         );
       }) }),
-      /* @__PURE__ */ e.jsx(n, { direction: "row", spacing: 2, sx: { alignItems: "center", justifyContent: "flex-end" }, children: A && /* @__PURE__ */ e.jsx(I, { onClick: g, size: "small", type: "button", variant: "text", children: "Remove all" }) })
+      /* @__PURE__ */ e.jsx(n, { direction: "row", spacing: 2, sx: { alignItems: "center", justifyContent: "flex-end" }, children: v && /* @__PURE__ */ e.jsx(F, { onClick: g, size: "small", type: "button", variant: "text", children: "Remove all" }) })
     ] }) : null
   ] });
 };

package/dist/s-file-icon/index.d.ts

@@ -0,0 +1 @@
+export { default } from './s-file-icon';

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

@@ -0,0 +1,4 @@
+import { default as o } from "./s-file-icon.js";
+export {
+  o as default
+};

package/dist/s-file-icon/s-file-icon.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface SFileIconProps {
+    extension?: string;
+}
+declare const SFileIcon: ({ extension }: SFileIconProps) => React.JSX.Element;
+export default SFileIcon;

package/dist/{AppFileIcon/AppFileIcon.js → s-file-icon/s-file-icon.js}

@@ -7,7 +7,7 @@ const o = {
   pdf: "/assets/icon-pdf.svg",
   png: "/assets/icon-png.svg",
   svg: "/assets/icon-svg.svg"
-}, p = ({ extension: t }) => {
+}, c = ({ extension: t }) => {
   let s;
   return t ? s = o[t] ?? "/assets/icon-other.svg" : s = "/assets/icon-other.svg", /* @__PURE__ */ e.jsx(
     i,
@@ -25,5 +25,5 @@ const o = {
   );
 };
 export {
-  p as default
+  c as default
 };

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

@@ -0,0 +1 @@
+export { default } from './s-form';

package/dist/s-form/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-form.js";
+export {
+  o as default
+};

package/dist/s-i18n-provider/index.d.ts

@@ -0,0 +1 @@
+export { default } from './s-i18n-provider';

package/dist/s-i18n-provider/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-i18n-provider.js";
+export {
+  o as default
+};

package/dist/s-i18n-provider/s-i18n-provider.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface SI18nProviderProps {
+    children: React.ReactNode;
+    language?: string;
+}
+declare const SI18nProvider: ({ children, language }: SI18nProviderProps) => React.JSX.Element;
+export default SI18nProvider;

package/dist/{AppI18nProvider/AppI18nProvider.js → s-i18n-provider/s-i18n-provider.js}

@@ -2,18 +2,18 @@ import { j as a } from "../jsx-runtime-C5mzlN2N.js";
 import * as o from "react";
 import { use as i } from "i18next";
 import s from "i18next-http-backend";
-import { initReactI18next as m, useTranslation as c } from "react-i18next";
+import { initReactI18next as c, useTranslation as m } from "react-i18next";
 import { logger as n } from "../utils/logger.js";
-i(s).use(m).init({ lng: "en", fallbackLng: "en", interpolation: { escapeValue: !1 } }).catch((e) => {
+i(s).use(c).init({ lng: "en", fallbackLng: "en", interpolation: { escapeValue: !1 } }).catch((e) => {
   n.error("Failed to initialize i18n", e);
 });
-const d = ({ children: e, language: r = "en" }) => {
-  const { i18n: t } = c();
+const d = ({ children: e, language: t = "en" }) => {
+  const { i18n: r } = m();
   return o.useEffect(() => {
-    t.changeLanguage(r).catch(() => {
-      n.error(`Failed to change language to ${r}`);
+    r.changeLanguage(t).catch(() => {
+      n.error(`Failed to change language to ${t}`);
     });
-  }, [t, r]), /* @__PURE__ */ a.jsx(o.Fragment, { children: e });
+  }, [r, t]), /* @__PURE__ */ a.jsx(o.Fragment, { children: e });
 };
 export {
   d as default

package/dist/s-icon-button/index.d.ts

@@ -0,0 +1 @@
+export { default } from './s-icon-button';

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

@@ -0,0 +1,4 @@
+import { default as o } from "./s-icon-button.js";
+export {
+  o as default
+};

package/dist/s-icon-button/s-icon-button.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { IconButtonProps, TooltipProps } from '@mui/material';
+interface SIconButtonProps extends IconButtonProps {
+    tooltip: string;
+    tooltipOptions: TooltipProps;
+}
+declare const SIconButton: ({ tooltip, tooltipOptions, ...props }: SIconButtonProps) => React.JSX.Element;
+export default SIconButton;

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

@@ -0,0 +1,6 @@
+import { j as o } from "../jsx-runtime-C5mzlN2N.js";
+import { Tooltip as n, IconButton as s } from "@mui/material";
+const m = ({ tooltip: i, tooltipOptions: t, ...r }) => /* @__PURE__ */ o.jsx(n, { ...t, children: /* @__PURE__ */ o.jsx(s, { ...r }) });
+export {
+  m as default
+};

package/dist/s-image-gallery/index.d.ts

@@ -0,0 +1 @@
+export { default } from './s-image-gallery';

package/dist/s-image-gallery/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-image-gallery.js";
+export {
+  o as default
+};

package/dist/s-image-gallery/s-image-gallery.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ReactImageGalleryProps } from 'react-image-gallery';
+interface SImageGalleryProps extends ReactImageGalleryProps {
+}
+declare const SImageGallery: ({ ...props }: SImageGalleryProps) => React.JSX.Element;
+export default SImageGallery;

package/dist/{AppGallery/AppGallery.js → s-image-gallery/s-image-gallery.js}

@@ -1,6 +1,6 @@
 import { j as it } from "../jsx-runtime-C5mzlN2N.js";
 import * as oe from "react";
-import '../assets/AppGallery.css';var at = { 694: (r, e, t) => {
+import '../assets/s-image-gallery.css';var at = { 694: (r, e, t) => {
   var n = t(925);
   function a() {
   }
@@ -101,7 +101,7 @@ function Ke(r) {
   } else for (t in r) r[t] && (n && (n += " "), n += t);
   return n;
 }
-E.d(Ve, { A: () => $t });
+E.d(Ve, { A: () => Yt });
 const F = function() {
   for (var r, e, t = 0, n = "", a = arguments.length; t < a; t++) (r = arguments[t]) && (e = Ke(r)) && (n && (n += " "), n += e);
   return n;
@@ -122,7 +122,7 @@ const ct = function(r) {
     return t;
   }(r) + 1).replace(ut, "");
 }, ee = Xe.Symbol;
-var $e = Object.prototype, ht = $e.hasOwnProperty, dt = $e.toString, X = ee ? ee.toStringTag : void 0, ft = Object.prototype.toString, ke = ee ? ee.toStringTag : void 0;
+var Ye = Object.prototype, ht = Ye.hasOwnProperty, dt = Ye.toString, X = ee ? ee.toStringTag : void 0, ft = Object.prototype.toString, ke = ee ? ee.toStringTag : void 0;
 const pt = function(r) {
   return r == null ? r === void 0 ? "[object Undefined]" : "[object Null]" : ke && ke in Object(r) ? function(e) {
     var t = ht.call(e, X), n = e[X];
@@ -197,7 +197,7 @@ const he = function(r, e, t) {
   if (typeof r != "function") throw new TypeError("Expected a function");
   return Z(t) && (n = "leading" in t ? !!t.leading : n, a = "trailing" in t ? !!t.trailing : a), he(r, e, { leading: n, maxWait: e, trailing: a });
 };
-var St = E(115), Tt = E.n(St), Ye = function() {
+var St = E(115), Tt = E.n(St), $e = function() {
   if (typeof Map < "u") return Map;
   function r(e, t) {
     var n = -1;
@@ -351,7 +351,7 @@ var jt = function() {
   Pe(this, { target: r, contentRect: t });
 }, Rt = function() {
   function r(e, t, n) {
-    if (this.activeObservations_ = [], this.observations_ = new Ye(), typeof e != "function") throw new TypeError("The callback provided as parameter 1 is not a function.");
+    if (this.activeObservations_ = [], this.observations_ = new $e(), typeof e != "function") throw new TypeError("The callback provided as parameter 1 is not a function.");
     this.callback_ = e, this.controller_ = t, this.callbackCtx_ = n;
   }
   return r.prototype.observe = function(e) {
@@ -387,7 +387,7 @@ var jt = function() {
   }, r.prototype.hasActive = function() {
     return this.activeObservations_.length > 0;
   }, r;
-}(), Je = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new Ye(), Qe = function r(e) {
+}(), Je = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new $e(), Qe = function r(e) {
   if (!(this instanceof r)) throw new TypeError("Cannot call a class as a function.");
   if (!arguments.length) throw new TypeError("1 argument required, but only 0 present.");
   var t = It.getInstance(), n = new Rt(e, t, this);
@@ -467,12 +467,12 @@ function Lt(r) {
   }(t.current, n.current, a.current, o), i;
 }
 var l = E(556);
-function $(r) {
-  return $ = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+function Y(r) {
+  return Y = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, $(r);
+  }, Y(r);
 }
 function Ce(r, e) {
   var t = Object.keys(r);
@@ -498,16 +498,16 @@ function We(r) {
 function Mt(r, e, t) {
   return (e = function(n) {
     var a = function(s) {
-      if ($(s) != "object" || !s) return s;
+      if (Y(s) != "object" || !s) return s;
       var i = s[Symbol.toPrimitive];
       if (i !== void 0) {
         var o = i.call(s, "string");
-        if ($(o) != "object") return o;
+        if (Y(o) != "object") return o;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
       return String(s);
     }(n);
-    return $(a) == "symbol" ? a : a + "";
+    return Y(a) == "symbol" ? a : a + "";
   }(e)) in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
 }
 var Dt = { description: "", fullscreen: "", isFullscreen: !1, originalAlt: "", originalHeight: "", originalWidth: "", originalTitle: "", sizes: "", srcSet: "", loading: "eager" }, fe = h.default.memo(function(r) {
@@ -518,12 +518,12 @@ var Dt = { description: "", fullscreen: "", isFullscreen: !1, originalAlt: "", o
 });
 fe.displayName = "Item", fe.propTypes = { description: l.string, fullscreen: l.string, handleImageLoaded: l.func.isRequired, isFullscreen: l.bool, onImageError: l.func.isRequired, original: l.string.isRequired, originalAlt: l.string, originalHeight: l.string, originalWidth: l.string, originalTitle: l.string, sizes: l.string, srcSet: l.string, loading: l.string };
 const Ct = fe;
-function Y(r) {
-  return Y = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+function $(r) {
+  return $ = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
     return typeof e;
   } : function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, Y(r);
+  }, $(r);
 }
 function Ne(r, e) {
   var t = Object.keys(r);
@@ -549,16 +549,16 @@ function Fe(r) {
 function Wt(r, e, t) {
   return (e = function(n) {
     var a = function(s) {
-      if (Y(s) != "object" || !s) return s;
+      if ($(s) != "object" || !s) return s;
       var i = s[Symbol.toPrimitive];
       if (i !== void 0) {
         var o = i.call(s, "string");
-        if (Y(o) != "object") return o;
+        if ($(o) != "object") return o;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
       return String(s);
     }(n);
-    return Y(a) == "symbol" ? a : a + "";
+    return $(a) == "symbol" ? a : a + "";
   }(e)) in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
 }
 var Nt = { left: h.default.createElement("polyline", { points: "15 18 9 12 15 6" }), right: h.default.createElement("polyline", { points: "9 18 15 12 9 6" }), top: h.default.createElement("polyline", { points: "6 15 12 9 18 15" }), bottom: h.default.createElement("polyline", { points: "6 9 12 15 18 9" }), maximize: h.default.createElement("path", { d: "M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" }), minimize: h.default.createElement("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }), play: h.default.createElement("polygon", { points: "5 3 19 12 5 21 5 3" }), pause: h.default.createElement(h.default.Fragment, null, h.default.createElement("rect", { x: "6", y: "4", width: "4", height: "16" }), h.default.createElement("rect", { x: "14", y: "4", width: "4", height: "16" })) }, Ft = { strokeWidth: 1, viewBox: "0 0 24 24" }, Ze = function(r) {
@@ -1077,9 +1077,9 @@ Te.propTypes = { flickThreshold: l.number, items: (0, l.arrayOf)((0, l.shape)({
 }, renderFullscreenButton: function(r, e) {
   return h.default.createElement(zt, { onClick: r, isFullscreen: e });
 }, useWindowKeyDown: !0 };
-const $t = Te;
-var Yt = Ve.A;
-const Qt = ({ ...r }) => /* @__PURE__ */ it.jsx(Yt, { ...r });
+const Yt = Te;
+var $t = Ve.A;
+const Qt = ({ ...r }) => /* @__PURE__ */ it.jsx($t, { ...r });
 export {
   Qt as default
 };

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

@@ -0,0 +1 @@
+export { default } from './s-label';

package/dist/s-label/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-label.js";
+export {
+  o as default
+};

package/dist/{AppLabel/AppLabel.d.ts → s-label/s-label.d.ts}

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 import { SxProps } from '@mui/material';
-import { Theme } from '../styles/theme/types';
-interface AppLabelProps {
+import { Theme } from '../theme/types';
+interface SLabelProps {
     label?: string | React.ReactNode;
     content?: string | React.ReactNode;
     children?: React.ReactNode;
     sx?: SxProps<Theme> | undefined;
 }
-declare const AppLabel: ({ label, content, children, sx }: AppLabelProps) => React.JSX.Element;
-export default AppLabel;
+declare const SLabel: ({ label, content, children, sx }: SLabelProps) => React.JSX.Element;
+export default SLabel;

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

@@ -0,0 +1 @@
+export { default } from './s-link';

package/dist/s-link/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-link.js";
+export {
+  o as default
+};

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { LinkProps } from '@mui/material';
+interface SLinkProps extends LinkProps {
+}
+declare const SLink: ({ children, ...props }: SLinkProps) => React.JSX.Element;
+export default SLink;

package/dist/s-link/s-link.js

@@ -0,0 +1,6 @@
+import { j as o } from "../jsx-runtime-C5mzlN2N.js";
+import { Link as s } from "@mui/material";
+const n = ({ children: r, ...t }) => /* @__PURE__ */ o.jsx(s, { ...t, children: r });
+export {
+  n as default
+};

package/dist/s-menu-item/index.d.ts

@@ -0,0 +1 @@
+export { default } from './s-menu-item';

package/dist/s-menu-item/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-menu-item.js";
+export {
+  o as default
+};

package/dist/{AppOption/AppOption.d.ts → s-menu-item/s-menu-item.d.ts}

@@ -1,9 +1,9 @@
 import { MenuItemProps } from '@mui/material/MenuItem';
 import * as React from 'react';
-export interface AppOptionProps extends MenuItemProps {
+export interface SMenuItemProps extends MenuItemProps {
     children: React.ReactNode;
     disabled?: boolean;
     value: string | number;
 }
-declare const AppOption: ({ children, ...props }: AppOptionProps) => React.JSX.Element;
-export default AppOption;
+declare const SMenuItem: ({ children, ...props }: SMenuItemProps) => React.JSX.Element;
+export default SMenuItem;

package/dist/s-menu-item/s-menu-item.js

@@ -0,0 +1,6 @@
+import { j as r } from "../jsx-runtime-C5mzlN2N.js";
+import { M as m } from "../MenuItem-Bl45WcKS.js";
+const n = ({ children: t, ...e }) => /* @__PURE__ */ r.jsx(m, { sx: { fontSize: "0.875rem" }, ...e, children: t });
+export {
+  n as default
+};

package/dist/s-multi-select/index.d.ts

@@ -0,0 +1 @@
+export { default } from './s-multi-select';

package/dist/s-multi-select/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-multi-select.js";
+export {
+  o as default
+};

package/dist/s-multi-select/s-multi-select.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface SMultiSelectProps<T = string> {
+    label: string;
+    onChange?: (value: T[]) => void;
+    options: readonly {
+        label: string;
+        value: T;
+    }[];
+    value: T[];
+}
+declare function SMultiSelect<T = string>({ label, onChange, options, value }: SMultiSelectProps<T>): React.JSX.Element;
+export default SMultiSelect;

package/dist/{AppMultiSelect/AppMultiSelect.js → s-multi-select/s-multi-select.js}

@@ -1,26 +1,21 @@
 import { j as o } from "../jsx-runtime-C5mzlN2N.js";
-import * as p from "react";
+import * as c from "react";
 import { C as u } from "../CaretDown-CZu0drmJ.js";
-import f from "../AppButton/AppButton.js";
-import { usePopover as d } from "../hooks/use-popover.js";
-import { M as x } from "../Menu-DrTy5vbc.js";
-import { M as h } from "../MenuItem-CSmlAERi.js";
-function R({
-  label: c,
-  onChange: t,
-  options: i,
-  value: n = []
-}) {
-  const r = d(), a = p.useCallback(
+import { usePopover as f } from "../hooks/use-popover.js";
+import d from "../s-button/s-button.js";
+import { M as x } from "../Menu-CzI0zcbw.js";
+import { M as h } from "../MenuItem-Bl45WcKS.js";
+function v({ label: i, onChange: t, options: a, value: n = [] }) {
+  const r = f(), m = c.useCallback(
     (e, s) => {
       let l = [...n];
-      s ? l.push(e) : l = l.filter((m) => m !== e), t == null || t(l);
+      s ? l.push(e) : l = l.filter((p) => p !== e), t == null || t(l);
     },
     [t, n]
   );
-  return /* @__PURE__ */ o.jsxs(p.Fragment, { children: [
+  return /* @__PURE__ */ o.jsxs(c.Fragment, { children: [
     /* @__PURE__ */ o.jsx(
-      f,
+      d,
       {
         endIcon: /* @__PURE__ */ o.jsx(u, {}),
         onClick: r.handleOpen,
@@ -28,7 +23,7 @@ function R({
         sx: {
           "& .MuiButton-endIcon svg": { fontSize: "var(--icon-fontSize-sm)" }
         },
-        children: c
+        children: i
       }
     ),
     /* @__PURE__ */ o.jsx(
@@ -38,13 +33,13 @@ function R({
         onClose: r.handleClose,
         open: r.open,
         slotProps: { paper: { sx: { width: "250px" } } },
-        children: i.map((e) => {
+        children: a.map((e) => {
           const s = n.includes(e.value);
           return /* @__PURE__ */ o.jsx(
             h,
             {
               onClick: () => {
-                a(e.value, !s);
+                m(e.value, !s);
               },
               selected: s,
               children: e.label
@@ -57,5 +52,5 @@ function R({
   ] });
 }
 export {
-  R as default
+  v as default
 };

package/dist/s-no-ssr/index.d.ts

@@ -0,0 +1 @@
+export { default } from './s-no-ssr';

package/dist/s-no-ssr/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-no-ssr.js";
+export {
+  o as default
+};

package/dist/s-no-ssr/s-no-ssr.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface SNoSsrProps {
+    children?: React.ReactNode;
+    defer?: boolean;
+    fallback?: React.ReactNode;
+}
+declare const SNoSsr: (props: SNoSsrProps) => React.JSX.Element;
+export default SNoSsr;

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

@@ -0,0 +1 @@
+export { default } from './s-pagination';

package/dist/s-pagination/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-pagination.js";
+export {
+  o as default
+};

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { PaginationProps } from '@mui/material';
+interface SPaginationProps extends PaginationProps {
+    loading?: boolean;
+}
+declare const SPagination: ({ loading, ...props }: SPaginationProps) => React.JSX.Element;
+export default SPagination;

package/dist/{AppPagination/AppPagination.js → s-pagination/s-pagination.js}

@@ -1,6 +1,6 @@
 import { j as n } from "../jsx-runtime-C5mzlN2N.js";
 import { Box as i, Pagination as o, Stack as r } from "@mui/material";
-import s from "../AppSkeleton/AppSkeleton.js";
+import s from "../s-skeleton/s-skeleton.js";
 const a = ({ style: t }) => /* @__PURE__ */ n.jsxs(r, { direction: "row", flexWrap: "wrap", gap: 1, justifyContent: "center", style: t, children: [
   /* @__PURE__ */ n.jsx(s, { component: "icon-button" }),
   /* @__PURE__ */ n.jsx(s, { variant: "rounded", width: 120 }),