@solostylist/ui-kit 1.0.178 → 1.0.180

package/dist/entries/carousel.d.ts

@@ -2,9 +2,17 @@
  * Carousel/Slider components
  *
  * Required peer dependencies:
- * - All core dependencies
- * - react-slick
- * - slick-carousel
+ * - All core dependencies (@emotion/react, @mui/material, react, react-dom)
+ * - react-slick@^0.31.0
+ * - slick-carousel@^1.8.1
+ *
+ * Installation:
+ * npm install react-slick slick-carousel
+ * yarn add react-slick slick-carousel
+ *
+ * Note: You may also need to import the CSS:
+ * import "slick-carousel/slick/slick.css";
+ * import "slick-carousel/slick/slick-theme.css";
  */
 export { default as SCarousel } from '../s-carousel/index';
 export type { SCarouselProps } from '../s-carousel/index';

package/dist/entries/code.d.ts

@@ -2,8 +2,15 @@
  * Code display components
  *
  * Required peer dependencies:
- * - All core dependencies
- * - react-syntax-highlighter
+ * - All core dependencies (@emotion/react, @mui/material, react, react-dom)
+ * - react-syntax-highlighter@^16.1.0
+ *
+ * Installation:
+ * npm install react-syntax-highlighter
+ * yarn add react-syntax-highlighter
+ *
+ * Note: You may also need type definitions:
+ * npm install -D @types/react-syntax-highlighter
  */
 export { default as SCodeBlock } from '../s-code-block/index';
 export type { SCodeBlockProps } from '../s-code-block/index';

package/dist/entries/dates.d.ts

@@ -2,9 +2,13 @@
  * Date/Time components
  *
  * Required peer dependencies:
- * - All core dependencies
- * - @mui/x-date-pickers
- * - dayjs
+ * - All core dependencies (@emotion/react, @mui/material, react, react-dom)
+ * - @mui/x-date-pickers@^8.25.0
+ * - dayjs@^1.11.19
+ *
+ * Installation:
+ * npm install @mui/x-date-pickers dayjs
+ * yarn add @mui/x-date-pickers dayjs
  */
 export { default as SDatePicker } from '../s-date-picker/index';
 export type { SDatePickerProps } from '../s-date-picker/index';

package/dist/entries/dropzone.d.ts

@@ -2,8 +2,12 @@
  * File upload components
  *
  * Required peer dependencies:
- * - All core dependencies
- * - react-dropzone
+ * - All core dependencies (@emotion/react, @mui/material, react, react-dom)
+ * - react-dropzone@^14.3.8
+ *
+ * Installation:
+ * npm install react-dropzone
+ * yarn add react-dropzone
  */
 export { default as SFileDropzone } from '../s-file-dropzone/index';
 export type { CustomFile, SFileDropzoneProps } from '../s-file-dropzone/index';

package/dist/entries/editor.d.ts

@@ -2,11 +2,15 @@
  * Rich Text Editor components
  *
  * Required peer dependencies:
- * - All core dependencies
- * - @tiptap/react
- * - @tiptap/starter-kit
- * - @tiptap/extension-link
- * - @tiptap/extension-placeholder
+ * - All core dependencies (@emotion/react, @mui/material, react, react-dom)
+ * - @tiptap/react@^3.15.3
+ * - @tiptap/starter-kit@^3.15.3
+ * - @tiptap/extension-link@^3.15.3
+ * - @tiptap/extension-placeholder@^3.15.3
+ *
+ * Installation:
+ * npm install @tiptap/react @tiptap/starter-kit @tiptap/extension-link @tiptap/extension-placeholder
+ * yarn add @tiptap/react @tiptap/starter-kit @tiptap/extension-link @tiptap/extension-placeholder
  */
 export { default as STextEditor } from '../s-text-editor/index';
 export type { STextEditorProps } from '../s-text-editor/index';

package/dist/entries/i18n.d.ts

@@ -2,10 +2,14 @@
  * Internationalization components
  *
  * Required peer dependencies:
- * - All core dependencies
- * - i18next
- * - i18next-http-backend
- * - react-i18next
+ * - All core dependencies (@emotion/react, @mui/material, react, react-dom)
+ * - i18next@^25.7.4
+ * - i18next-http-backend@^3.0.2
+ * - react-i18next@^16.5.3
+ *
+ * Installation:
+ * npm install i18next i18next-http-backend react-i18next
+ * yarn add i18next i18next-http-backend react-i18next
  */
 export { default as SI18nProvider } from '../s-i18n-provider/index';
 export type { SI18nProviderProps } from '../s-i18n-provider/index';

package/dist/entries/motion.d.ts

@@ -2,8 +2,12 @@
  * Animation components powered by Framer Motion
  *
  * Required peer dependencies:
- * - All core dependencies
- * - framer-motion
+ * - All core dependencies (@emotion/react, @mui/material, react, react-dom)
+ * - framer-motion@^12.26.2
+ *
+ * Installation:
+ * npm install framer-motion
+ * yarn add framer-motion
  */
 export { default as SBlurText } from '../s-blur-text/index';
 export type { SBlurTextProps } from '../s-blur-text/index';

package/dist/entries/scrollbar.d.ts

@@ -2,8 +2,12 @@
  * Custom scrollbar components
  *
  * Required peer dependencies:
- * - All core dependencies
- * - overlayscrollbars-react
+ * - All core dependencies (@emotion/react, @mui/material, react, react-dom)
+ * - overlayscrollbars-react@^0.5.6
+ *
+ * Installation:
+ * npm install overlayscrollbars-react
+ * yarn add overlayscrollbars-react
  */
 export { default as SOverlayScrollbar } from '../s-overlay-scrollbar/index';
 export type { SOverlayScrollbarProps } from '../s-overlay-scrollbar/index';

package/dist/entries/stripe.d.ts

@@ -2,9 +2,13 @@
  * Stripe Payment components
  *
  * Required peer dependencies:
- * - All core dependencies
- * - @stripe/react-stripe-js
- * - @stripe/stripe-js
+ * - All core dependencies (@emotion/react, @mui/material, react, react-dom)
+ * - @stripe/react-stripe-js@^5.4.1
+ * - @stripe/stripe-js@^8.6.1
+ *
+ * Installation:
+ * npm install @stripe/react-stripe-js @stripe/stripe-js
+ * yarn add @stripe/react-stripe-js @stripe/stripe-js
  */
 export { SStripeNumber, SStripeExpiry, SStripeCVC, StripeTextField } from '../s-stripe/index';
 export type { StripeTextFieldProps, StripeElement } from '../s-stripe/index';

package/dist/s-carousel/s-carousel.js

@@ -53,7 +53,7 @@ var Ce, De;
 function ct() {
   if (De) return Ce;
   De = 1;
-  var i = "Expected a function", c = NaN, h = "[object Symbol]", O = /^\s+|\s+$/g, y = /^[-+]0x[0-9a-f]+$/i, b = /^0b[01]+$/i, x = /^0o[0-7]+$/i, L = parseInt, X = typeof be == "object" && be && be.Object === Object && be, A = typeof self == "object" && self && self.Object === Object && self, z = X || A || Function("return this")(), U = Object.prototype, ee = U.toString, ne = Math.max, Q = Math.min, E = function() {
+  var i = "Expected a function", c = NaN, h = "[object Symbol]", O = /^\s+|\s+$/g, y = /^[-+]0x[0-9a-f]+$/i, b = /^0b[01]+$/i, L = /^0o[0-7]+$/i, x = parseInt, X = typeof be == "object" && be && be.Object === Object && be, A = typeof self == "object" && self && self.Object === Object && self, z = X || A || Function("return this")(), U = Object.prototype, ee = U.toString, ne = Math.max, Q = Math.min, E = function() {
     return z.Date.now();
   };
   function te(a, s, f) {
@@ -126,7 +126,7 @@ function ct() {
       return a === 0 ? a : +a;
     a = a.replace(O, "");
     var f = b.test(a);
-    return f || x.test(a) ? L(a.slice(2), f ? 2 : 8) : y.test(a) ? c : +a;
+    return f || L.test(a) ? x(a.slice(2), f ? 2 : 8) : y.test(a) ? c : +a;
   }
   return Ce = te, Ce;
 }
@@ -137,9 +137,9 @@ function we() {
     (function() {
       var c = {}.hasOwnProperty;
       function h() {
-        for (var b = "", x = 0; x < arguments.length; x++) {
-          var L = arguments[x];
-          L && (b = y(b, O(L)));
+        for (var b = "", L = 0; L < arguments.length; L++) {
+          var x = arguments[L];
+          x && (b = y(b, O(x)));
         }
         return b;
       }
@@ -152,13 +152,13 @@ function we() {
           return h.apply(null, b);
         if (b.toString !== Object.prototype.toString && !b.toString.toString().includes("[native code]"))
           return b.toString();
-        var x = "";
-        for (var L in b)
-          c.call(b, L) && b[L] && (x = y(x, L));
-        return x;
+        var L = "";
+        for (var x in b)
+          c.call(b, x) && b[x] && (L = y(L, x));
+        return L;
       }
-      function y(b, x) {
-        return x ? b ? b + " " + x : b + x : b;
+      function y(b, L) {
+        return L ? b ? b + " " + L : b + L : b;
       }
       i.exports ? (h.default = h, i.exports = h) : window.classNames = h;
     })();
@@ -272,17 +272,17 @@ function ye() {
     for (var e = 1; e < arguments.length; e++) {
       var n = arguments[e] != null ? arguments[e] : {};
       e % 2 ? y(Object(n), !0).forEach(function(p) {
-        x(o, p, n[p]);
+        L(o, p, n[p]);
       }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(n)) : y(Object(n)).forEach(function(p) {
         Object.defineProperty(o, p, Object.getOwnPropertyDescriptor(n, p));
       });
     }
     return o;
   }
-  function x(o, e, n) {
-    return (e = L(e)) in o ? Object.defineProperty(o, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = n, o;
+  function L(o, e, n) {
+    return (e = x(e)) in o ? Object.defineProperty(o, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : o[e] = n, o;
   }
-  function L(o) {
+  function x(o) {
     var e = X(o, "string");
     return O(e) == "symbol" ? e : e + "";
   }
@@ -652,17 +652,17 @@ function ft() {
       return l;
     }, b.apply(null, arguments);
   }
-  function x(l, r) {
+  function L(l, r) {
     if (!(l instanceof r)) throw new TypeError("Cannot call a class as a function");
   }
-  function L(l, r) {
+  function x(l, r) {
     for (var v = 0; v < r.length; v++) {
       var m = r[v];
       m.enumerable = m.enumerable || !1, m.configurable = !0, "value" in m && (m.writable = !0), Object.defineProperty(l, V(m.key), m);
     }
   }
   function X(l, r, v) {
-    return r && L(l.prototype, r), Object.defineProperty(l, "prototype", { writable: !1 }), l;
+    return r && x(l.prototype, r), Object.defineProperty(l, "prototype", { writable: !1 }), l;
   }
   function A(l, r) {
     if (typeof r != "function" && r !== null) throw new TypeError("Super expression must either be null or a function");
@@ -827,7 +827,7 @@ function ft() {
     var r = U(v);
     function v() {
       var m;
-      x(this, v);
+      L(this, v);
       for (var u = arguments.length, g = new Array(u), w = 0; w < u; w++)
         g[w] = arguments[w];
       return m = r.call.apply(r, [this].concat(g)), K(ne(m), "node", null), K(ne(m), "handleRef", function(P) {
@@ -880,18 +880,18 @@ function dt() {
     }
     return f;
   }
-  function x(a) {
+  function L(a) {
     for (var s = 1; s < arguments.length; s++) {
       var f = arguments[s] != null ? arguments[s] : {};
       s % 2 ? b(Object(f), !0).forEach(function(d) {
-        L(a, d, f[d]);
+        x(a, d, f[d]);
       }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(f)) : b(Object(f)).forEach(function(d) {
         Object.defineProperty(a, d, Object.getOwnPropertyDescriptor(f, d));
       });
     }
     return a;
   }
-  function L(a, s, f) {
+  function x(a, s, f) {
     return (s = U(s)) in a ? Object.defineProperty(a, s, { value: f, enumerable: !0, configurable: !0, writable: !0 }) : a[s] = f, a;
   }
   function X(a, s) {
@@ -1007,7 +1007,7 @@ function dt() {
             onClick: D
           })));
         }
-        return /* @__PURE__ */ c.default.cloneElement(this.props.appendDots(e), x({
+        return /* @__PURE__ */ c.default.cloneElement(this.props.appendDots(e), L({
           className: this.props.dotsClass
         }, o));
       }
@@ -1043,7 +1043,7 @@ function pt() {
       return a;
     }, b.apply(null, arguments);
   }
-  function x(a, s) {
+  function L(a, s) {
     var f = Object.keys(a);
     if (Object.getOwnPropertySymbols) {
       var d = Object.getOwnPropertySymbols(a);
@@ -1053,12 +1053,12 @@ function pt() {
     }
     return f;
   }
-  function L(a) {
+  function x(a) {
     for (var s = 1; s < arguments.length; s++) {
       var f = arguments[s] != null ? arguments[s] : {};
-      s % 2 ? x(Object(f), !0).forEach(function(d) {
+      s % 2 ? L(Object(f), !0).forEach(function(d) {
         X(a, d, f[d]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(f)) : x(Object(f)).forEach(function(d) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(f)) : L(Object(f)).forEach(function(d) {
         Object.defineProperty(a, d, Object.getOwnPropertyDescriptor(f, d));
       });
     }
@@ -1170,7 +1170,7 @@ function pt() {
           currentSlide: this.props.currentSlide,
           slideCount: this.props.slideCount
         }, u;
-        return this.props.prevArrow ? u = /* @__PURE__ */ c.default.cloneElement(this.props.prevArrow, L(L({}, v), m)) : u = /* @__PURE__ */ c.default.createElement("button", b({
+        return this.props.prevArrow ? u = /* @__PURE__ */ c.default.cloneElement(this.props.prevArrow, x(x({}, v), m)) : u = /* @__PURE__ */ c.default.createElement("button", b({
           key: "0",
           type: "button"
         }, v), " ", "Previous"), u;
@@ -1209,7 +1209,7 @@ function pt() {
           currentSlide: this.props.currentSlide,
           slideCount: this.props.slideCount
         }, u;
-        return this.props.nextArrow ? u = /* @__PURE__ */ c.default.cloneElement(this.props.nextArrow, L(L({}, v), m)) : u = /* @__PURE__ */ c.default.createElement("button", b({
+        return this.props.nextArrow ? u = /* @__PURE__ */ c.default.cloneElement(this.props.nextArrow, x(x({}, v), m)) : u = /* @__PURE__ */ c.default.createElement("button", b({
           key: "1",
           type: "button"
         }, v), " ", "Next"), u;
@@ -1257,13 +1257,13 @@ var Je = (function() {
       }, c.prototype.forEach = function(h, O) {
         O === void 0 && (O = null);
         for (var y = 0, b = this.__entries__; y < b.length; y++) {
-          var x = b[y];
-          h.call(O, x[1], x[0]);
+          var L = b[y];
+          h.call(O, L[1], L[0]);
         }
       }, c;
     })()
   );
-})(), xe = typeof window < "u" && typeof document < "u" && window.document === document, me = (function() {
+})(), Le = typeof window < "u" && typeof document < "u" && window.document === document, me = (function() {
   return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
 })(), vt = (function() {
   return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(me) : function(i) {
@@ -1275,22 +1275,22 @@ var Je = (function() {
 function yt(i, c) {
   var h = !1, O = !1, y = 0;
   function b() {
-    h && (h = !1, i()), O && L();
+    h && (h = !1, i()), O && x();
   }
-  function x() {
+  function L() {
     vt(b);
   }
-  function L() {
+  function x() {
     var X = Date.now();
     if (h) {
       if (X - y < ht)
         return;
       O = !0;
     } else
-      h = !0, O = !1, setTimeout(x, c);
+      h = !0, O = !1, setTimeout(L, c);
     y = X;
   }
-  return L;
+  return x;
 }
 var gt = 20, bt = ["top", "right", "bottom", "left", "width", "height", "size", "weight"], mt = typeof MutationObserver < "u", St = (
   /** @class */
@@ -1314,14 +1314,14 @@ var gt = 20, bt = ["top", "right", "bottom", "left", "width", "height", "size",
         return h.broadcastActive();
       }), c.length > 0;
     }, i.prototype.connect_ = function() {
-      !xe || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), mt ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+      !Le || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), mt ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
         attributes: !0,
         childList: !0,
         characterData: !0,
         subtree: !0
       })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
     }, i.prototype.disconnect_ = function() {
-      !xe || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+      !Le || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
     }, i.prototype.onTransitionEnd_ = function(c) {
       var h = c.propertyName, O = h === void 0 ? "" : h, y = bt.some(function(b) {
         return !!~O.indexOf(b);
@@ -1359,8 +1359,8 @@ function Fe(i) {
 }
 function wt(i) {
   for (var c = ["top", "right", "bottom", "left"], h = {}, O = 0, y = c; O < y.length; O++) {
-    var b = y[O], x = i["padding-" + b];
-    h[b] = Se(x);
+    var b = y[O], L = i["padding-" + b];
+    h[b] = Se(L);
   }
   return h;
 }
@@ -1372,12 +1372,12 @@ function _t(i) {
   var c = i.clientWidth, h = i.clientHeight;
   if (!c && !h)
     return Ze;
-  var O = ce(i).getComputedStyle(i), y = wt(O), b = y.left + y.right, x = y.top + y.bottom, L = Se(O.width), X = Se(O.height);
-  if (O.boxSizing === "border-box" && (Math.round(L + b) !== c && (L -= Fe(O, "left", "right") + b), Math.round(X + x) !== h && (X -= Fe(O, "top", "bottom") + x)), !Pt(i)) {
-    var A = Math.round(L + b) - c, z = Math.round(X + x) - h;
-    Math.abs(A) !== 1 && (L -= A), Math.abs(z) !== 1 && (X -= z);
+  var O = ce(i).getComputedStyle(i), y = wt(O), b = y.left + y.right, L = y.top + y.bottom, x = Se(O.width), X = Se(O.height);
+  if (O.boxSizing === "border-box" && (Math.round(x + b) !== c && (x -= Fe(O, "left", "right") + b), Math.round(X + L) !== h && (X -= Fe(O, "top", "bottom") + L)), !Pt(i)) {
+    var A = Math.round(x + b) - c, z = Math.round(X + L) - h;
+    Math.abs(A) !== 1 && (x -= A), Math.abs(z) !== 1 && (X -= z);
   }
-  return Oe(y.left, y.top, L, X);
+  return Oe(y.left, y.top, x, X);
 }
 var kt = /* @__PURE__ */ (function() {
   return typeof SVGGraphicsElement < "u" ? function(i) {
@@ -1390,11 +1390,11 @@ function Pt(i) {
   return i === ce(i).document.documentElement;
 }
 function Ct(i) {
-  return xe ? kt(i) ? Ot(i) : _t(i) : Ze;
+  return Le ? kt(i) ? Ot(i) : _t(i) : Ze;
 }
 function Tt(i) {
-  var c = i.x, h = i.y, O = i.width, y = i.height, b = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, x = Object.create(b.prototype);
-  return Qe(x, {
+  var c = i.x, h = i.y, O = i.width, y = i.height, b = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, L = Object.create(b.prototype);
+  return Qe(L, {
     x: c,
     y: h,
     width: O,
@@ -1403,7 +1403,7 @@ function Tt(i) {
     right: c + O,
     bottom: y + h,
     left: c
-  }), x;
+  }), L;
 }
 function Oe(i, c, h, O) {
   return { x: i, y: c, width: h, height: O };
@@ -1431,7 +1431,7 @@ var jt = (
     }
     return i;
   })()
-), Lt = (
+), xt = (
   /** @class */
   (function() {
     function i(c, h, O) {
@@ -1485,7 +1485,7 @@ var jt = (
         throw new TypeError("Cannot call a class as a function.");
       if (!arguments.length)
         throw new TypeError("1 argument required, but only 0 present.");
-      var h = St.getInstance(), O = new Lt(c, h, this);
+      var h = St.getInstance(), O = new xt(c, h, this);
       et.set(this, O);
     }
     return i;
@@ -1501,12 +1501,12 @@ var jt = (
     return (c = et.get(this))[i].apply(c, arguments);
   };
 });
-var xt = (function() {
+var Lt = (function() {
   return typeof me.ResizeObserver < "u" ? me.ResizeObserver : tt;
 })();
 const Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: xt
+  default: Lt
 }, Symbol.toStringTag, { value: "Module" })), Rt = /* @__PURE__ */ ot(Mt);
 var Be;
 function zt() {
@@ -1514,7 +1514,7 @@ function zt() {
   Be = 1, Object.defineProperty(pe, "__esModule", {
     value: !0
   }), pe.InnerSlider = void 0;
-  var i = A(ue), c = A(ut()), h = A(ct()), O = A(we()), y = ye(), b = ft(), x = dt(), L = pt(), X = A(Rt);
+  var i = A(ue), c = A(ut()), h = A(ct()), O = A(we()), y = ye(), b = ft(), L = dt(), x = pt(), X = A(Rt);
   function A(u) {
     return u && u.__esModule ? u : { default: u };
   }
@@ -1973,10 +1973,10 @@ function zt() {
             onMouseEnter: C ? t.onDotsLeave : null,
             onMouseOver: C ? t.onDotsOver : null,
             onMouseLeave: C ? t.onDotsLeave : null
-          }), k = /* @__PURE__ */ i.default.createElement(x.Dots, S);
+          }), k = /* @__PURE__ */ i.default.createElement(L.Dots, S);
         }
         var _, T, D = (0, y.extractObject)(e, ["infinite", "centerMode", "currentSlide", "slideCount", "slidesToShow", "prevArrow", "nextArrow"]);
-        D.clickHandler = t.changeSlide, t.props.arrows && (_ = /* @__PURE__ */ i.default.createElement(L.PrevArrow, D), T = /* @__PURE__ */ i.default.createElement(L.NextArrow, D));
+        D.clickHandler = t.changeSlide, t.props.arrows && (_ = /* @__PURE__ */ i.default.createElement(x.PrevArrow, D), T = /* @__PURE__ */ i.default.createElement(x.NextArrow, D));
         var I = null;
         t.props.vertical && (I = {
           height: t.state.listHeight
@@ -2053,26 +2053,26 @@ function Dt() {
   };
   return Ee = i, Ee;
 }
-var Le, Ge;
+var xe, Ge;
 function It() {
-  if (Ge) return Le;
+  if (Ge) return xe;
   Ge = 1;
   var i = Dt(), c = function(y) {
     var b = /[height|width]$/;
     return b.test(y);
   }, h = function(y) {
-    var b = "", x = Object.keys(y);
-    return x.forEach(function(L, X) {
-      var A = y[L];
-      L = i(L), c(L) && typeof A == "number" && (A = A + "px"), A === !0 ? b += L : A === !1 ? b += "not " + L : b += "(" + L + ": " + A + ")", X < x.length - 1 && (b += " and ");
+    var b = "", L = Object.keys(y);
+    return L.forEach(function(x, X) {
+      var A = y[x];
+      x = i(x), c(x) && typeof A == "number" && (A = A + "px"), A === !0 ? b += x : A === !1 ? b += "not " + x : b += "(" + x + ": " + A + ")", X < L.length - 1 && (b += " and ");
     }), b;
   }, O = function(y) {
     var b = "";
-    return typeof y == "string" ? y : y instanceof Array ? (y.forEach(function(x, L) {
-      b += h(x), L < y.length - 1 && (b += ", ");
+    return typeof y == "string" ? y : y instanceof Array ? (y.forEach(function(L, x) {
+      b += h(L), x < y.length - 1 && (b += ", ");
     }), b) : h(y);
   };
-  return Le = O, Le;
+  return xe = O, xe;
 }
 var Ke;
 function Nt() {
@@ -2080,17 +2080,17 @@ function Nt() {
     Object.defineProperty(i, "__esModule", {
       value: !0
     }), i.default = void 0;
-    var c = x(ue), h = zt(), O = x(It()), y = x($e()), b = ye();
-    function x(d) {
+    var c = L(ue), h = zt(), O = L(It()), y = L($e()), b = ye();
+    function L(d) {
       return d && d.__esModule ? d : { default: d };
     }
-    function L(d) {
+    function x(d) {
       "@babel/helpers - typeof";
-      return L = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(l) {
+      return x = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(l) {
         return typeof l;
       } : function(l) {
         return l && typeof Symbol == "function" && l.constructor === Symbol && l !== Symbol.prototype ? "symbol" : typeof l;
-      }, L(d);
+      }, x(d);
     }
     function X() {
       return X = Object.assign ? Object.assign.bind() : function(d) {
@@ -2156,7 +2156,7 @@ function Nt() {
       };
     }
     function F(d, l) {
-      if (l && (L(l) == "object" || typeof l == "function")) return l;
+      if (l && (x(l) == "object" || typeof l == "function")) return l;
       if (l !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
       return K(d);
     }
@@ -2184,14 +2184,14 @@ function Nt() {
     }
     function s(d) {
       var l = f(d, "string");
-      return L(l) == "symbol" ? l : l + "";
+      return x(l) == "symbol" ? l : l + "";
     }
     function f(d, l) {
-      if (L(d) != "object" || !d) return d;
+      if (x(d) != "object" || !d) return d;
       var r = d[Symbol.toPrimitive];
       if (r !== void 0) {
         var v = r.call(d, l);
-        if (L(v) != "object") return v;
+        if (x(v) != "object") return v;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
       return (l === "string" ? String : Number)(d);
@@ -2354,13 +2354,16 @@ const Wt = /* @__PURE__ */ at(At), qt = Me("div", {
     top: "50%",
     transform: "translate(0, -50%)",
     zIndex: 1,
-    opacity: 0
+    opacity: 0,
+    transition: "opacity 0.3s ease-in-out",
+    pointerEvents: "none",
+    "&.next": { right: 6 },
+    "&.prev": { left: 6 }
   },
   ":hover": {
     ".slick-arrow": {
       opacity: 1,
-      "&.next": { right: 6 },
-      "&.prev": { left: 6 }
+      pointerEvents: "auto"
     }
   }
 })), Ft = Me("ul")(({ theme: i }) => ({
@@ -2396,11 +2399,43 @@ const Wt = /* @__PURE__ */ at(At), qt = Me("div", {
 }));
 function Xt({ onClick: i, sx: c, className: h }) {
   const O = h?.split(" ").filter((y) => y !== "slick-next").join(" ");
-  return /* @__PURE__ */ oe.jsx(Ue, { onClick: i, className: `next ${O}`, sx: c, children: /* @__PURE__ */ oe.jsx(st, { fontSize: "small" }) });
+  return /* @__PURE__ */ oe.jsx(
+    Ue,
+    {
+      onClick: i,
+      className: `next ${O}`,
+      sx: {
+        backdropFilter: "blur(8px)",
+        backgroundColor: "divider",
+        color: "text.primary",
+        "&:hover": {
+          backgroundColor: "divider"
+        },
+        ...c
+      },
+      children: /* @__PURE__ */ oe.jsx(st, { fontSize: "small" })
+    }
+  );
 }
 function Gt({ onClick: i, sx: c, className: h }) {
   const O = h?.split(" ").filter((y) => y !== "slick-prev").join(" ");
-  return /* @__PURE__ */ oe.jsx(Ue, { onClick: i, className: `prev ${O}`, sx: c, children: /* @__PURE__ */ oe.jsx(lt, { fontSize: "small" }) });
+  return /* @__PURE__ */ oe.jsx(
+    Ue,
+    {
+      onClick: i,
+      className: `prev ${O}`,
+      sx: {
+        backdropFilter: "blur(8px)",
+        backgroundColor: "divider",
+        color: "text.primary",
+        "&:hover": {
+          backgroundColor: "divider"
+        },
+        ...c
+      },
+      children: /* @__PURE__ */ oe.jsx(lt, { fontSize: "small" })
+    }
+  );
 }
 function Kt({ sx: i }) {
   return {
@@ -2420,15 +2455,15 @@ const Ut = nt((i, c) => {
     children: O,
     arrowStyles: y,
     dots: b = !1,
-    arrows: x = !0,
-    slidesToShow: L = 4,
+    arrows: L = !0,
+    slidesToShow: x = 4,
     spaceBetween: X = 4,
     dotStyles: A = { mt: 4 },
     ...z
   } = i, U = it(), ee = {
     dots: b,
-    arrows: x,
-    slidesToShow: L,
+    arrows: L,
+    slidesToShow: x,
     rtl: U.direction === "rtl",
     ...Kt({ sx: y }),
     ...Yt({ dotColor: h, sx: A }),

package/dist/s-image-comparison/s-image-comparison.js

@@ -1,32 +1,32 @@
 import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import * as s from "react";
-import { C as k } from "../ChevronLeft-6gdh4lRt.js";
+import * as i from "react";
+import { C as A } from "../ChevronLeft-6gdh4lRt.js";
 import { C as z } from "../ChevronRight-CC3l-wPC.js";
-import { Box as r, IconButton as D } from "@mui/material";
+import { Box as n, IconButton as D } from "@mui/material";
 import E from "../s-lazy-image/s-lazy-image.js";
-const F = s.forwardRef(
-  ({ sx: I, leftImage: u, rightImage: L, altLeft: d = "Left image", altRight: S = "Right image", initialPosition: C = 50, ...M }, a) => {
-    const m = Array.isArray(u) ? u : [u], g = Array.isArray(d) ? d : [d], [l, P] = s.useState(0), [o, R] = s.useState(C), [i, f] = s.useState(!1), h = s.useRef(null), A = m.length > 1, x = (e) => {
-      if (!h.current) return;
-      const n = h.current.getBoundingClientRect();
-      let p = (e - n.left) / n.width * 100;
-      p = Math.max(0, Math.min(100, p)), R(p);
-    }, v = (e) => {
-      i && x(e.clientX);
+const F = i.forwardRef(
+  ({ sx: I, leftImage: d, rightImage: L, altLeft: u = "Left image", altRight: C = "Right image", initialPosition: S = 50, ...M }, a) => {
+    const m = Array.isArray(d) ? d : [d], v = Array.isArray(u) ? u : [u], [l, P] = i.useState(0), [o, R] = i.useState(S), [s, x] = i.useState(!1), p = i.useRef(null), k = m.length > 1, f = (e) => {
+      if (!p.current) return;
+      const r = p.current.getBoundingClientRect();
+      let g = (e - r.left) / r.width * 100;
+      g = Math.max(0, Math.min(100, g)), R(g);
     }, b = (e) => {
-      i && x(e.touches[0].clientX);
-    }, y = () => {
-      f(!0);
+      s && f(e.clientX);
+    }, y = (e) => {
+      s && f(e.touches[0].clientX);
+    }, w = () => {
+      x(!0);
     }, c = () => {
-      f(!1);
-    }, w = o === 0 || o === 100;
-    return s.useEffect(() => (i ? (document.addEventListener("mousemove", v), document.addEventListener("touchmove", b), document.addEventListener("mouseup", c), document.addEventListener("touchend", c), document.body.style.cursor = "ew-resize") : document.body.style.cursor = "", () => {
-      document.removeEventListener("mousemove", v), document.removeEventListener("touchmove", b), document.removeEventListener("mouseup", c), document.removeEventListener("touchend", c), document.body.style.cursor = "";
-    }), [i]), /* @__PURE__ */ t.jsxs(
-      r,
+      x(!1);
+    }, h = o === 0 || o === 100;
+    return i.useEffect(() => (s ? (document.addEventListener("mousemove", b), document.addEventListener("touchmove", y), document.addEventListener("mouseup", c), document.addEventListener("touchend", c), document.body.style.cursor = "ew-resize") : document.body.style.cursor = "", () => {
+      document.removeEventListener("mousemove", b), document.removeEventListener("touchmove", y), document.removeEventListener("mouseup", c), document.removeEventListener("touchend", c), document.body.style.cursor = "";
+    }), [s]), /* @__PURE__ */ t.jsxs(
+      n,
       {
         ref: (e) => {
-          h.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+          p.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
         },
         sx: {
           position: "relative",
@@ -36,15 +36,15 @@ const F = s.forwardRef(
           userSelect: "none",
           ...I
         },
-        onMouseDown: y,
-        onTouchStart: y,
+        onMouseDown: w,
+        onTouchStart: w,
         ...M,
         children: [
           /* @__PURE__ */ t.jsx(
             E,
             {
               src: L,
-              alt: S,
+              alt: C,
               style: {
                 position: "absolute",
                 inset: 0,
@@ -57,7 +57,7 @@ const F = s.forwardRef(
             }
           ),
           /* @__PURE__ */ t.jsx(
-            r,
+            n,
             {
               sx: {
                 position: "absolute",
@@ -72,7 +72,7 @@ const F = s.forwardRef(
                 E,
                 {
                   src: m[l],
-                  alt: g[l] || g[0],
+                  alt: v[l] || v[0],
                   style: {
                     width: "100%",
                     height: "100%",
@@ -83,8 +83,8 @@ const F = s.forwardRef(
               )
             }
           ),
-          A && /* @__PURE__ */ t.jsx(
-            r,
+          k && /* @__PURE__ */ t.jsx(
+            n,
             {
               sx: {
                 position: "absolute",
@@ -93,7 +93,7 @@ const F = s.forwardRef(
                 display: "flex",
                 gap: 1,
                 zIndex: 1,
-                pointerEvents: i ? "none" : "auto",
+                pointerEvents: s ? "none" : "auto",
                 // Disable bubble click when dragging
                 opacity: o > 10 ? 1 : 0,
                 // Fade out if left image is mostly hidden
@@ -101,33 +101,33 @@ const F = s.forwardRef(
               },
               onClick: (e) => e.stopPropagation(),
               onMouseDown: (e) => e.stopPropagation(),
-              children: m.map((e, n) => /* @__PURE__ */ t.jsx(
-                r,
+              children: m.map((e, r) => /* @__PURE__ */ t.jsx(
+                n,
                 {
                   onClick: (j) => {
-                    j.stopPropagation(), P(n);
+                    j.stopPropagation(), P(r);
                   },
                   sx: {
                     width: 8,
                     height: 8,
                     borderRadius: "50%",
-                    bgcolor: l === n ? "primary.main" : "whiteAlpha.medium",
+                    bgcolor: l === r ? "primary.main" : "whiteAlpha.medium",
                     cursor: "pointer",
                     boxShadow: 1,
                     backdropFilter: "blur(4px)",
                     transition: "all 0.2s",
                     "&:hover": {
                       transform: "scale(1.2)",
-                      bgcolor: l === n ? "primary.main" : "whiteAlpha.dark"
+                      bgcolor: l === r ? "primary.main" : "whiteAlpha.dark"
                     }
                   }
                 },
-                n
+                r
               ))
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            r,
+            n,
             {
               sx: {
                 position: "absolute",
@@ -139,7 +139,7 @@ const F = s.forwardRef(
               },
               children: [
                 /* @__PURE__ */ t.jsx(
-                  r,
+                  n,
                   {
                     sx: {
                       position: "absolute",
@@ -159,14 +159,16 @@ const F = s.forwardRef(
                       left: "50%",
                       transform: "translate(-50%, -50%)",
                       cursor: "ew-resize",
-                      ...w ? {
+                      ...h ? {
                         width: 48,
                         height: 48,
-                        backdropFilter: "blur(10px)"
+                        backdropFilter: "blur(8px)",
+                        backgroundColor: "divider",
+                        color: "text.primary"
                       } : {},
                       transition: "all 0.3s ease-in-out",
                       "&:hover": {
-                        bgcolor: "transparent"
+                        bgcolor: h ? "divider" : "transparent"
                       }
                     },
                     role: "slider",
@@ -178,8 +180,8 @@ const F = s.forwardRef(
                     onClick: (e) => {
                       e.preventDefault(), e.stopPropagation();
                     },
-                    children: w && /* @__PURE__ */ t.jsxs(r, { sx: { display: "flex", alignItems: "center" }, children: [
-                      /* @__PURE__ */ t.jsx(k, {}),
+                    children: h && /* @__PURE__ */ t.jsxs(n, { sx: { display: "flex", alignItems: "center" }, children: [
+                      /* @__PURE__ */ t.jsx(A, {}),
                       /* @__PURE__ */ t.jsx(z, {})
                     ] })
                   }

package/dist/theme/components/svg-icon.js

@@ -1,5 +1,9 @@
 const o = {
   styleOverrides: {
+    // root: ({ theme }) => ({
+    //   color: (theme.vars || theme).palette.text.primary,
+    //   '& .secondary': { opacity: 0.4 },
+    // }),
     root: {
       "& .secondary": { opacity: 0.4 }
     }

package/dist/theme/customizations/data-display.js

@@ -25,8 +25,8 @@ const g = {
     styleOverrides: {
       root: ({ theme: o }) => ({
         [`& .${i.root}`]: {
-          width: "1rem",
-          height: "1rem",
+          width: "0.75rem",
+          height: "0.75rem",
           color: (o.vars || o).palette.text.secondary
         },
         [`& .${a.root}`]: {
@@ -113,7 +113,7 @@ const g = {
               fontSize: "small"
             },
             style: {
-              fontSize: "1rem"
+              fontSize: "0.75rem"
             }
           }
         ]

package/dist/theme/customizations/inputs.js

@@ -58,7 +58,7 @@ const u = l(/* @__PURE__ */ i.jsx("path", {
             style: {
               width: "2.25rem",
               height: "2.25rem",
-              [`& .${s.root}`]: { fontSize: "1rem" }
+              [`& .${s.root}`]: { fontSize: "0.75rem" }
             }
           },
           {
@@ -68,7 +68,7 @@ const u = l(/* @__PURE__ */ i.jsx("path", {
             style: {
               width: "2.5rem",
               height: "2.5rem",
-              [`& .${s.root}`]: { fontSize: "1.25rem" }
+              [`& .${s.root}`]: { fontSize: "1rem" }
             }
           },
           {
@@ -78,7 +78,7 @@ const u = l(/* @__PURE__ */ i.jsx("path", {
             style: {
               width: "2.75rem",
               height: "2.75rem",
-              [`& .${s.root}`]: { fontSize: "1.5rem" }
+              [`& .${s.root}`]: { fontSize: "1.25rem" }
             }
           }
         ]

package/dist/theme/theme-primitives.js

@@ -247,7 +247,7 @@ const r = {
       dark: n[700]
     },
     grey: t,
-    divider: e(t[700], 0.6),
+    divider: e(t[700], 0.9),
     background: {
       default: t[900],
       paper: t[800]

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.178",
+  "version": "1.0.180",
   "description": "advanced ui kit for solostylist",
   "type": "module",
   "main": "dist/main.js",