@solostylist/ui-kit 1.0.151 → 1.0.152

package/dist/ArrowUpward-DvTpkKgd.js

@@ -0,0 +1,8 @@
+import { j as r } from "./jsx-runtime-OVHDjVDe.js";
+import { c as o } from "./createSvgIcon-Dq42_0tn.js";
+const p = o(/* @__PURE__ */ r.jsx("path", {
+  d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"
+}), "ArrowUpward");
+export {
+  p as A
+};

package/dist/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './use-dialog';
 export * from './use-popover';
 export * from './use-count-down';
 export * from './use-scroll-animation';
+export * from './use-is-passed-position';

package/dist/hooks/index.js

@@ -1,9 +1,11 @@
-import { useDialog as m } from "./use-dialog.js";
-import { usePopover as t } from "./use-popover.js";
+import { useDialog as s } from "./use-dialog.js";
+import { usePopover as i } from "./use-popover.js";
 import "react";
-import { useScrollAnimation as f } from "./use-scroll-animation.js";
+import { useScrollAnimation as p } from "./use-scroll-animation.js";
+import { useIsPassedPosition as u } from "./use-is-passed-position.js";
 export {
-  m as useDialog,
-  t as usePopover,
-  f as useScrollAnimation
+  s as useDialog,
+  u as useIsPassedPosition,
+  i as usePopover,
+  p as useScrollAnimation
 };

package/dist/hooks/use-is-passed-position.d.ts

@@ -0,0 +1 @@
+export declare function useIsPassedPosition(el: React.RefObject<HTMLElement> | string | Window, positionY: number): boolean;

package/dist/hooks/use-is-passed-position.js

@@ -0,0 +1,21 @@
+import { useState as f, useEffect as d } from "react";
+function a(s, r) {
+  const [c, l] = f(!1);
+  return d(() => {
+    let e = null;
+    if (typeof s == "string" ? e = document.getElementById(s) ?? null : s instanceof Window ? e = s : s != null && s.current && (e = s.current), !e || !("addEventListener" in e)) return;
+    const n = () => {
+      let t = 0;
+      e instanceof Window ? t = e.scrollY : e instanceof HTMLElement && (t = e.scrollTop), l((o) => {
+        const i = t > r;
+        return o !== i ? i : o;
+      });
+    };
+    return n(), e.addEventListener("scroll", n), () => {
+      e == null || e.removeEventListener("scroll", n);
+    };
+  }, [s, r]), c;
+}
+export {
+  a as useIsPassedPosition
+};

package/dist/main.js

@@ -1,12 +1,12 @@
 import { default as t } from "./s-accordion/s-accordion.js";
 import { default as l } from "./s-action-overlay/s-action-overlay.js";
-import { default as s } from "./s-autocomplete/s-autocomplete.js";
+import { default as m } from "./s-autocomplete/s-autocomplete.js";
 import { default as u } from "./s-avatar/s-avatar.js";
 import { default as d } from "./s-button/s-button.js";
 import { default as i } from "./s-button-link/s-button-link.js";
 import { default as g } from "./s-carousel/s-carousel.js";
 import { default as T } from "./s-chat-input/s-chat-input.js";
-import { default as v } from "./s-chat-message/s-chat-message.js";
+import { default as P } from "./s-chat-message/s-chat-message.js";
 import { default as b } from "./s-comment-message/s-comment-message.js";
 import { default as D } from "./s-text-editor/s-text-editor.js";
 import "./s-text-editor/s-text-editor-toolbar.js";
@@ -26,13 +26,13 @@ import { default as ee } from "./s-file-dropzone/s-file-dropzone.js";
 import { default as re } from "./s-file-icon/s-file-icon.js";
 import { default as te } from "./s-i18n-provider/s-i18n-provider.js";
 import { default as le } from "./s-icon-button/s-icon-button.js";
-import { default as se } from "./s-label/s-label.js";
+import { default as me } from "./s-label/s-label.js";
 import { default as ue } from "./s-multi-select/s-multi-select.js";
 import { default as de } from "./s-no-ssr/s-no-ssr.js";
 import { default as ie } from "./s-overlay-scrollbar/s-overlay-scrollbar.js";
 import { default as ge } from "./s-text-field/s-text-field.js";
 import { default as Te } from "./s-pagination/s-pagination.js";
-import { default as ve } from "./s-select/s-select.js";
+import { default as Pe } from "./s-select/s-select.js";
 import { default as be } from "./s-skeleton/s-skeleton.js";
 import { default as De } from "./s-tip/s-tip.js";
 import { default as Me } from "./s-text-truncation/s-text-truncation.js";
@@ -50,13 +50,13 @@ import { default as $e } from "./s-gradient-icon/s-gradient-icon.js";
 import { default as oo } from "./s-glow-button/s-glow-button.js";
 import { default as ao } from "./s-moving-border/s-moving-border.js";
 import { default as fo } from "./s-scroll-reveal/s-scroll-reveal.js";
-import { default as mo } from "./s-spotlight-cursor/s-spotlight-cursor.js";
+import { default as so } from "./s-spotlight-cursor/s-spotlight-cursor.js";
 import { default as po } from "./s-copyable-text/s-copyable-text.js";
 import { MediaItem as So, default as xo } from "./s-gallery/s-gallery.js";
 import { default as no } from "./s-image-modal/s-image-modal.js";
 import { default as co } from "./s-lazy-image/s-lazy-image.js";
 import { default as Co } from "./s-image-comparison/s-image-comparison.js";
-import { default as Po } from "./s-item-not-found/s-item-not-found.js";
+import { default as vo } from "./s-item-not-found/s-item-not-found.js";
 import { default as yo } from "./s-category-card/s-category-card.js";
 import { default as Lo } from "./s-radial-pulse-animate/s-radial-pulse-animate.js";
 import { default as ho } from "./s-rating/s-rating.js";
@@ -71,26 +71,27 @@ import { useDialog as Jo } from "./hooks/use-dialog.js";
 import { usePopover as Uo } from "./hooks/use-popover.js";
 import "react";
 import { useScrollAnimation as Xo } from "./hooks/use-scroll-animation.js";
-import { formatDatePosted as Zo } from "./utils/dayjs.js";
-import { bytesToSize as $o } from "./utils/bytes-to-size.js";
-import { LogLevel as or, Logger as rr, createLogger as ar, logger as tr } from "./utils/logger.js";
-import { default as lr } from "dayjs";
+import { useIsPassedPosition as Zo } from "./hooks/use-is-passed-position.js";
+import { formatDatePosted as $o } from "./utils/dayjs.js";
+import { bytesToSize as or } from "./utils/bytes-to-size.js";
+import { LogLevel as ar, Logger as tr, createLogger as fr, logger as lr } from "./utils/logger.js";
+import { default as mr } from "dayjs";
 export {
   E as DialogConfirmProvider,
   N as DialogMessageProvider,
-  or as LogLevel,
-  rr as Logger,
+  ar as LogLevel,
+  tr as Logger,
   So as MediaItem,
   t as SAccordion,
   l as SActionOverlay,
-  s as SAutocomplete,
+  m as SAutocomplete,
   u as SAvatar,
   d as SButton,
   i as SButtonLink,
   g as SCarousel,
   yo as SCategoryCard,
   T as SChatInput,
-  v as SChatMessage,
+  P as SChatMessage,
   M as SCheckbox,
   I as SChip,
   F as SChips,
@@ -117,8 +118,8 @@ export {
   le as SIconButton,
   Co as SImageComparison,
   no as SImageModal,
-  Po as SItemNotFound,
-  se as SLabel,
+  vo as SItemNotFound,
+  me as SLabel,
   Ko as SLanguagePopover,
   Vo as SLanguageSwitcher,
   co as SLazyImage,
@@ -132,11 +133,11 @@ export {
   ho as SRating,
   ko as SReview,
   fo as SScrollReveal,
-  ve as SSelect,
+  Pe as SSelect,
   be as SSkeleton,
   Ee as SSmartTextField,
   Ie as SSnackbarMessage,
-  mo as SSpotlightCursor,
+  so as SSpotlightCursor,
   Ne as SStripeCVC,
   Oe as SStripeExpiry,
   je as SStripeNumber,
@@ -154,15 +155,16 @@ export {
   Oo as STypewriterText,
   ke as SnackbarMessageProvider,
   Ke as StripeTextField,
-  $o as bytesToSize,
-  ar as createLogger,
-  lr as dayjs,
+  or as bytesToSize,
+  fr as createLogger,
+  mr as dayjs,
   qo as defaultLanguageOptions,
-  Zo as formatDatePosted,
-  tr as logger,
+  $o as formatDatePosted,
+  lr as logger,
   Jo as useDialog,
   R as useDialogConfirm,
   j as useDialogMessage,
+  Zo as useIsPassedPosition,
   Uo as usePopover,
   Xo as useScrollAnimation,
   Fe as useSnackbarMessage

package/dist/s-chat-input/s-chat-input.js

@@ -1,21 +1,20 @@
 import { j as r } from "../jsx-runtime-OVHDjVDe.js";
-import { forwardRef as S, useState as c, useRef as K, useId as T, useEffect as B } from "react";
-import { Box as s, outlinedInputClasses as D, Typography as E, Popper as W, ClickAwayListener as H } from "@mui/material";
+import { forwardRef as K, useState as c, useRef as T, useId as V, useEffect as B } from "react";
+import { Box as s, outlinedInputClasses as D, Typography as I, Popper as W, ClickAwayListener as H } from "@mui/material";
 import _ from "emoji-picker-react";
 import q from "../s-file-icon/s-file-icon.js";
 import d from "../s-icon-button/s-icon-button.js";
 import G from "../s-text-field/s-text-field.js";
 import { C as J } from "../Close-D4kX7Vbc.js";
-import { c as v } from "../createSvgIcon-Dq42_0tn.js";
-const N = v(/* @__PURE__ */ r.jsx("path", {
-  d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"
-}), "ArrowUpward"), Q = v(/* @__PURE__ */ r.jsx("path", {
+import { c as E } from "../createSvgIcon-Dq42_0tn.js";
+import { A as N } from "../ArrowUpward-DvTpkKgd.js";
+const Q = E(/* @__PURE__ */ r.jsx("path", {
   d: "M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6z"
-}), "AttachFile"), X = v(/* @__PURE__ */ r.jsx("path", {
+}), "AttachFile"), X = E(/* @__PURE__ */ r.jsx("path", {
   d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8M12 18c-2.28 0-4.22-1.66-5-4h10c-.78 2.34-2.72 4-5 4m3.5-7c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5"
-}), "EmojiEmotions"), ie = S(
-  ({ onSubmit: p, onFileSelect: m, disabled: a, acceptedFileTypes: M, maxFileSize: k, ...z }, U) => {
-    const [u, h] = c(""), [l, x] = c([]), [i, f] = c(/* @__PURE__ */ new Map()), [C, g] = c(!1), y = K(null), w = T(), b = (e) => e.type.startsWith("image/"), L = (e) => {
+}), "EmojiEmotions"), le = K(
+  ({ onSubmit: p, onFileSelect: m, disabled: a, acceptedFileTypes: M, maxFileSize: v, ...z }, U) => {
+    const [u, h] = c(""), [l, x] = c([]), [i, f] = c(/* @__PURE__ */ new Map()), [k, g] = c(!1), C = T(null), y = V(), b = (e) => e.type.startsWith("image/"), $ = (e) => {
       const o = `${e.name}-${e.size}-${e.lastModified}`;
       if (i.has(o))
         return i.get(o);
@@ -24,29 +23,29 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
         return f((t) => new Map(t).set(o, n)), n;
       }
       return "";
-    }, $ = (e) => {
-      h(e.target.value);
     }, P = (e) => {
+      h(e.target.value);
+    }, L = (e) => {
       h((o) => o + e.emoji), g(!1);
-    }, V = () => {
-      g(!C);
-    }, R = () => {
+    }, A = () => {
+      g(!k);
+    }, w = () => {
       a || u.trim().length === 0 && l.length === 0 || (p == null || p(u, l), h(""), i.forEach((e) => URL.revokeObjectURL(e)), f(/* @__PURE__ */ new Map()), x([]));
-    }, A = (e) => {
-      const n = Array.from(e.target.files || []).filter((t) => !(k && t.size > k));
-      x((t) => [...t, ...n]), m == null || m(n), e.target.value = "";
     }, F = (e) => {
+      const n = Array.from(e.target.files || []).filter((t) => !(v && t.size > v));
+      x((t) => [...t, ...n]), m == null || m(n), e.target.value = "";
+    }, O = (e) => {
       const o = l[e];
       if (o && b(o)) {
         const n = `${o.name}-${o.size}-${o.lastModified}`, t = i.get(n);
         t && (URL.revokeObjectURL(t), f((j) => {
-          const I = new Map(j);
-          return I.delete(n), I;
+          const R = new Map(j);
+          return R.delete(n), R;
         }));
       }
       x((n) => n.filter((t, j) => j !== e));
-    }, O = (e) => {
-      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), R());
+    }, S = (e) => {
+      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), w());
     };
     return B(() => () => {
       i.forEach((e) => URL.revokeObjectURL(e));
@@ -57,8 +56,8 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
           placeholder: "Enter your message here...",
           disabled: a,
           value: u,
-          onChange: $,
-          onKeyDown: O,
+          onChange: P,
+          onKeyDown: S,
           multiline: !0,
           minRows: 1,
           maxRows: 10,
@@ -113,7 +112,7 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
                   s,
                   {
                     component: "img",
-                    src: L(e),
+                    src: $(e),
                     alt: e.name,
                     sx: {
                       width: 40,
@@ -126,15 +125,15 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
                   }
                 ) : /* @__PURE__ */ r.jsx(q, { extension: t }),
                 /* @__PURE__ */ r.jsxs(s, { display: "flex", flexDirection: "row", alignItems: "center", gap: 1, children: [
-                  /* @__PURE__ */ r.jsx(E, { variant: "subtitle2", textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap", children: e.name }),
-                  /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsxs(E, { variant: "caption", color: "text.secondary", children: [
+                  /* @__PURE__ */ r.jsx(I, { variant: "subtitle2", textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap", children: e.name }),
+                  /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsxs(I, { variant: "caption", color: "text.secondary", children: [
                     "(",
                     Math.round(e.size / 1024),
                     " KB)"
                   ] }) })
                 ] })
               ] }),
-              /* @__PURE__ */ r.jsx(d, { size: "small", onClick: () => F(o), sx: { minWidth: "auto", p: 0.5 }, children: /* @__PURE__ */ r.jsx(J, {}) })
+              /* @__PURE__ */ r.jsx(d, { size: "small", onClick: () => O(o), sx: { minWidth: "auto", p: 0.5 }, children: /* @__PURE__ */ r.jsx(J, {}) })
             ]
           },
           `${e.name}-${o}`
@@ -148,13 +147,13 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
               type: "file",
               multiple: !0,
               accept: M,
-              onChange: A,
+              onChange: F,
               style: { display: "none" },
-              id: `file-attachment-input-${w}`,
+              id: `file-attachment-input-${y}`,
               disabled: a
             }
           ),
-          /* @__PURE__ */ r.jsx("label", { htmlFor: `file-attachment-input-${w}`, children: /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ r.jsx("label", { htmlFor: `file-attachment-input-${y}`, children: /* @__PURE__ */ r.jsx(
             d,
             {
               component: "span",
@@ -172,8 +171,8 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
           /* @__PURE__ */ r.jsx(
             d,
             {
-              ref: y,
-              onClick: V,
+              ref: C,
+              onClick: A,
               disabled: a,
               size: "small",
               sx: {
@@ -189,7 +188,7 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
         /* @__PURE__ */ r.jsx(
           d,
           {
-            onClick: R,
+            onClick: w,
             disabled: a,
             size: "small",
             sx: {
@@ -202,7 +201,7 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
           }
         )
       ] }),
-      /* @__PURE__ */ r.jsx(W, { open: C, anchorEl: y.current, placement: "top-start", sx: { zIndex: 1300 }, children: /* @__PURE__ */ r.jsx(H, { onClickAway: () => g(!1), children: /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ r.jsx(W, { open: k, anchorEl: C.current, placement: "top-start", sx: { zIndex: 1300 }, children: /* @__PURE__ */ r.jsx(H, { onClickAway: () => g(!1), children: /* @__PURE__ */ r.jsx(
         s,
         {
           sx: {
@@ -295,7 +294,7 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
           children: /* @__PURE__ */ r.jsx(
             _,
             {
-              onEmojiClick: P,
+              onEmojiClick: L,
               width: 300,
               height: 400,
               searchDisabled: !1,
@@ -309,5 +308,5 @@ const N = v(/* @__PURE__ */ r.jsx("path", {
   }
 );
 export {
-  ie as default
+  le as default
 };

package/dist/s-scroll-to-top/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './s-scroll-to-top';
+export type { SScrollToTopProps } from './s-scroll-to-top';

package/dist/s-scroll-to-top/index.js

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

package/dist/s-scroll-to-top/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/s-scroll-to-top/s-scroll-to-top.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface SScrollToTopProps {
+    /**
+     * Handler called when the scroll-to-top button is clicked
+     */
+    onClick?: () => void;
+    /**
+     * ID of the scrollable element to monitor. If not provided, monitors the window scroll
+     */
+    scrollElementId?: string;
+    /**
+     * Scroll position (in pixels) after which the button becomes visible
+     * @default 100
+     */
+    threshold?: number;
+    /**
+     * Custom icon to display instead of the default arrow
+     */
+    icon?: React.ReactNode;
+    /**
+     * System prop for custom styling
+     */
+    sx?: SxProps<Theme>;
+}
+declare const SScrollToTop: React.MemoExoticComponent<({ onClick, scrollElementId, threshold, icon, sx }: SScrollToTopProps) => import("react/jsx-runtime").JSX.Element>;
+export default SScrollToTop;

package/dist/s-scroll-to-top/s-scroll-to-top.js

@@ -0,0 +1,50 @@
+import { j as i } from "../jsx-runtime-OVHDjVDe.js";
+import d from "react";
+import { A as c } from "../ArrowUpward-DvTpkKgd.js";
+import { useIsPassedPosition as m } from "../hooks/use-is-passed-position.js";
+import { s as p } from "../styled-BD_erj7E.js";
+import { B as f } from "../Box-DqmXop3Z.js";
+const h = p(f)({
+  position: "fixed",
+  bottom: 20,
+  right: 20,
+  zIndex: 100,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  borderRadius: "50%",
+  width: 40,
+  height: 40,
+  backgroundColor: "background.paper",
+  cursor: "pointer",
+  transition: "all 0.3s ease",
+  "&:hover": {
+    transform: "scale(1.1)"
+  }
+}), u = d.memo(({ onClick: r, scrollElementId: o, threshold: e = 100, icon: a, sx: n }) => {
+  const s = m(o || window, e), l = () => {
+    if (r)
+      r();
+    else if (o) {
+      const t = document.getElementById(o);
+      t == null || t.scrollTo({ top: 0, behavior: "smooth" });
+    } else
+      window.scrollTo({ top: 0, behavior: "smooth" });
+  };
+  return /* @__PURE__ */ i.jsx(
+    h,
+    {
+      sx: {
+        opacity: s ? 1 : 0,
+        visibility: s ? "visible" : "hidden",
+        ...n
+      },
+      onClick: l,
+      children: a || /* @__PURE__ */ i.jsx(c, {})
+    }
+  );
+});
+u.displayName = "SScrollToTop";
+export {
+  u as default
+};

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.151",
+  "version": "1.0.152",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",