@solostylist/ui-kit 1.0.10 → 1.0.12

package/dist/{extendSxProp-SCsFy5tr.js → extendSxProp-De4gGzfV.js}

@@ -1,4 +1,4 @@
-import { i as c, d as l } from "./createTheme-BZxWCiBm.js";
+import { i as c, d as l } from "./createTheme-DDycScYN.js";
 const a = (t) => {
   var s;
   const e = {

package/dist/{generateUtilityClasses-STjIp_B9.js → generateUtilityClasses-Z7VQRhBn.js}

@@ -1,4 +1,4 @@
-import { g as i } from "./generateUtilityClass-CRH_bFW6.js";
+import { g as i } from "./createTheme-DDycScYN.js";
 function o(r, s, a = "Mui") {
   const t = {};
   return s.forEach((e) => {

package/dist/{iconButtonClasses-CqYTUZq-.js → iconButtonClasses-8TuGhR-e.js}

@@ -1,5 +1,5 @@
-import { g as r } from "./generateUtilityClasses-STjIp_B9.js";
-import { g as t } from "./generateUtilityClass-CRH_bFW6.js";
+import { g as r } from "./generateUtilityClasses-Z7VQRhBn.js";
+import { g as t } from "./createTheme-DDycScYN.js";
 function n(o) {
   return t("MuiIconButton", o);
 }

package/dist/{index-DljiS4x1.js → index-CBHvlAxO.js}

@@ -1,10 +1,10 @@
 import "react";
 import { j as p } from "./jsx-runtime-C5mzlN2N.js";
-import { e as f } from "./extendSxProp-SCsFy5tr.js";
-import { P as e } from "./createTheme-BZxWCiBm.js";
-import { d as a } from "./memoTheme-CaOW5YiB.js";
+import { e as f } from "./extendSxProp-De4gGzfV.js";
+import { P as e } from "./createTheme-DDycScYN.js";
+import { d as a } from "./memoTheme-DX35GGEJ.js";
 import { T as c } from "./identifier-CHPjnqaz.js";
-import { u as m } from "./useTheme-DrS6mww6.js";
+import { u as m } from "./useTheme-DPznNGA-.js";
 import { Global as y } from "@emotion/react";
 function d(o) {
   return o == null || Object.keys(o).length === 0;

package/dist/main.d.ts

@@ -1,16 +1,7 @@
 export { default as SAutocomplete } from './s-autocomplete';
-export { default as SAvatar } from './s-avatar';
-export { default as SBreadcrumbsSeparator } from './s-breadcrumbs-separator';
-export { default as SBox } from './s-box';
 export { default as SButtonLink } from './s-button-link';
 export { default as STextEditor } from './s-text-editor';
-export { default as SButton } from './s-button';
-export { default as SCardActions } from './s-card-actions';
-export { default as SCardHeader } from './s-card-header';
-export { default as SCardContent } from './s-card-content';
-export { default as SCard } from './s-card';
 export { default as SCheckbox } from './s-checkbox';
-export { default as SChip } from './s-chip';
 export { default as SChips } from './s-chips';
 export { default as SDataTable } from './s-data-table';
 export type { ColumnDef, SDataTableProps } from './s-data-table';
@@ -29,16 +20,12 @@ export { default as SIconButton } from './s-icon-button';
 export { default as SLabel } from './s-label';
 export { default as SMultiSelect } from './s-multi-select';
 export { default as SNoSsr } from './s-no-ssr';
-export { default as SMenuItem } from './s-menu-item';
 export { default as STextField } from './s-text-field';
 export { default as SPagination } from './s-pagination';
-export { default as SRating } from './s-rating';
 export { default as SSelect } from './s-select';
 export { default as SSkeleton } from './s-skeleton';
 export { default as STip } from './s-tip';
 export { default as STextTruncation } from './s-text-truncation';
-export { default as SStack } from './s-stack';
-export { default as SLink } from './s-link';
 export { default as SSnackbarMessage, SnackbarMessageProvider, useSnackbarMessage } from './s-snackbar-message';
 export type { SnackbarMessageContextProps, SnackbarMessageOpenOptions } from './s-snackbar-message';
 export { default as SImageGallery } from './s-image-gallery';

package/dist/main.js

@@ -1,103 +1,77 @@
 import { default as r } from "./s-autocomplete/s-autocomplete.js";
-import { default as t } from "./s-avatar/s-avatar.js";
-import { default as s } from "./s-breadcrumbs-separator/s-breadcrumbs-separator.js";
-import { default as d } from "./s-box/s-box.js";
-import { default as p } from "./s-button-link/s-button-link.js";
-import { default as x } from "./s-text-editor/s-text-editor.js";
-import { default as i } from "./s-button/s-button.js";
-import { default as g } from "./s-card-actions/s-card-actions.js";
-import { default as C } from "./s-card-header/s-card-header.js";
-import { default as b } from "./s-card-content/s-card-content.js";
-import { default as v } from "./s-card/s-card.js";
-import { default as P } from "./s-checkbox/s-checkbox.js";
-import { default as L } from "./s-chip/s-chip.js";
-import { default as I } from "./s-chips/s-chips.js";
-import { default as y } from "./s-data-table/s-data-table.js";
-import { DialogConfirmProvider as E, default as F, useDialogConfirm as z } from "./s-dialog-confirm/s-dialog-confirm.js";
-import { DialogMessageProvider as G, default as H, useDialogMessage as N } from "./s-dialog-message/s-dialog-message.js";
-import { default as q } from "./s-error/s-error.js";
-import { default as J } from "./s-empty/s-empty.js";
-import { default as O } from "./s-dialog/s-dialog.js";
-import { default as U } from "./s-file-dropzone/s-file-dropzone.js";
-import { default as W } from "./s-file-icon/s-file-icon.js";
-import { default as Y } from "./s-i18n-provider/s-i18n-provider.js";
-import { default as _ } from "./s-icon-button/s-icon-button.js";
-import { default as ee } from "./s-label/s-label.js";
-import { default as re } from "./s-multi-select/s-multi-select.js";
-import { default as te } from "./s-no-ssr/s-no-ssr.js";
-import { default as se } from "./s-menu-item/s-menu-item.js";
-import { default as de } from "./s-text-field/s-text-field.js";
-import { default as pe } from "./s-pagination/s-pagination.js";
-import { default as xe } from "./s-rating/s-rating.js";
-import { default as ie } from "./s-select/s-select.js";
-import { default as ge } from "./s-skeleton/s-skeleton.js";
-import { default as Ce } from "./s-tip/s-tip.js";
-import { default as be } from "./s-text-truncation/s-text-truncation.js";
-import { default as ve } from "./s-stack/s-stack.js";
-import { default as Pe } from "./s-link/s-link.js";
-import { default as Le, SnackbarMessageProvider as Be, useSnackbarMessage as Ie } from "./s-snackbar-message/s-snackbar-message.js";
-import { default as ye } from "./s-image-gallery/s-image-gallery.js";
-import { default as Ee } from "./s-theme-provider/s-theme-provider.js";
-import { useDialog as ze } from "./hooks/use-dialog.js";
-import { usePopover as Ge } from "./hooks/use-popover.js";
-import { formatDatePosted as Ne } from "./utils/dayjs.js";
-import { bytesToSize as qe } from "./utils/bytes-to-size.js";
-import { LogLevel as Je, Logger as Ke, createLogger as Oe, logger as Qe } from "./utils/logger.js";
-import { default as Ve } from "dayjs";
+import { default as t } from "./s-button-link/s-button-link.js";
+import { default as l } from "./s-text-editor/s-text-editor.js";
+import { default as m } from "./s-checkbox/s-checkbox.js";
+import { default as u } from "./s-chips/s-chips.js";
+import { default as x } from "./s-data-table/s-data-table.js";
+import { DialogConfirmProvider as i, default as g, useDialogConfirm as n } from "./s-dialog-confirm/s-dialog-confirm.js";
+import { DialogMessageProvider as D, default as P, useDialogMessage as T } from "./s-dialog-message/s-dialog-message.js";
+import { default as v } from "./s-error/s-error.js";
+import { default as k } from "./s-empty/s-empty.js";
+import { default as C } from "./s-dialog/s-dialog.js";
+import { default as I } from "./s-file-dropzone/s-file-dropzone.js";
+import { default as E } from "./s-file-icon/s-file-icon.js";
+import { default as z } from "./s-i18n-provider/s-i18n-provider.js";
+import { default as j } from "./s-icon-button/s-icon-button.js";
+import { default as G } from "./s-label/s-label.js";
+import { default as q } from "./s-multi-select/s-multi-select.js";
+import { default as H } from "./s-no-ssr/s-no-ssr.js";
+import { default as K } from "./s-text-field/s-text-field.js";
+import { default as Q } from "./s-pagination/s-pagination.js";
+import { default as U } from "./s-select/s-select.js";
+import { default as W } from "./s-skeleton/s-skeleton.js";
+import { default as Y } from "./s-tip/s-tip.js";
+import { default as _ } from "./s-text-truncation/s-text-truncation.js";
+import { default as ee, SnackbarMessageProvider as oe, useSnackbarMessage as re } from "./s-snackbar-message/s-snackbar-message.js";
+import { default as te } from "./s-image-gallery/s-image-gallery.js";
+import { default as le } from "./s-theme-provider/s-theme-provider.js";
+import { useDialog as me } from "./hooks/use-dialog.js";
+import { usePopover as ue } from "./hooks/use-popover.js";
+import { formatDatePosted as xe } from "./utils/dayjs.js";
+import { bytesToSize as ie } from "./utils/bytes-to-size.js";
+import { LogLevel as ne, Logger as ce, createLogger as De, logger as Pe } from "./utils/logger.js";
+import { default as be } from "dayjs";
 export {
-  E as DialogConfirmProvider,
-  G as DialogMessageProvider,
-  Je as LogLevel,
-  Ke as Logger,
+  i as DialogConfirmProvider,
+  D as DialogMessageProvider,
+  ne as LogLevel,
+  ce as Logger,
   r as SAutocomplete,
-  t as SAvatar,
-  d as SBox,
-  s as SBreadcrumbsSeparator,
-  i as SButton,
-  p as SButtonLink,
-  v as SCard,
-  g as SCardActions,
-  b as SCardContent,
-  C as SCardHeader,
-  P as SCheckbox,
-  L as SChip,
-  I as SChips,
-  y as SDataTable,
-  O as SDialog,
-  F as SDialogConfirm,
-  H as SDialogMessage,
-  J as SEmpty,
-  q as SError,
-  U as SFileDropzone,
-  W as SFileIcon,
-  Y as SI18nProvider,
-  _ as SIconButton,
-  ye as SImageGallery,
-  ee as SLabel,
-  Pe as SLink,
-  se as SMenuItem,
-  re as SMultiSelect,
-  te as SNoSsr,
-  pe as SPagination,
-  xe as SRating,
-  ie as SSelect,
-  ge as SSkeleton,
-  Le as SSnackbarMessage,
-  ve as SStack,
-  x as STextEditor,
-  de as STextField,
-  be as STextTruncation,
-  Ee as SThemeProvider,
-  Ce as STip,
-  Be as SnackbarMessageProvider,
-  qe as bytesToSize,
-  Oe as createLogger,
-  Ve as dayjs,
-  Ne as formatDatePosted,
-  Qe as logger,
-  ze as useDialog,
-  z as useDialogConfirm,
-  N as useDialogMessage,
-  Ge as usePopover,
-  Ie as useSnackbarMessage
+  t as SButtonLink,
+  m as SCheckbox,
+  u as SChips,
+  x as SDataTable,
+  C as SDialog,
+  g as SDialogConfirm,
+  P as SDialogMessage,
+  k as SEmpty,
+  v as SError,
+  I as SFileDropzone,
+  E as SFileIcon,
+  z as SI18nProvider,
+  j as SIconButton,
+  te as SImageGallery,
+  G as SLabel,
+  q as SMultiSelect,
+  H as SNoSsr,
+  Q as SPagination,
+  U as SSelect,
+  W as SSkeleton,
+  ee as SSnackbarMessage,
+  l as STextEditor,
+  K as STextField,
+  _ as STextTruncation,
+  le as SThemeProvider,
+  Y as STip,
+  oe as SnackbarMessageProvider,
+  ie as bytesToSize,
+  De as createLogger,
+  be as dayjs,
+  xe as formatDatePosted,
+  Pe as logger,
+  me as useDialog,
+  n as useDialogConfirm,
+  T as useDialogMessage,
+  ue as usePopover,
+  re as useSnackbarMessage
 };

package/dist/{memoTheme-CaOW5YiB.js → memoTheme-DX35GGEJ.js}

@@ -1,11 +1,11 @@
-import { k as V, e as Q, s as D, i as U, c as X, P as O, b as Y } from "./createTheme-BZxWCiBm.js";
-import { i as k, a as Z, s as ee, T as te } from "./identifier-CHPjnqaz.js";
+import { l as V, e as Q, s as D, i as U, b as X, P as O, c as Y } from "./createTheme-DDycScYN.js";
+import { i as j, a as Z, s as ee, T as te } from "./identifier-CHPjnqaz.js";
 import * as I from "react";
 import "./jsx-runtime-C5mzlN2N.js";
 function M(e, n = "") {
   return e.displayName || e.name || n;
 }
-function j(e, n, t) {
+function k(e, n, t) {
   const o = M(n);
   return e.displayName || (o !== "" ? `${t}(${o})` : t);
 }
@@ -18,9 +18,9 @@ function ne(e) {
     if (typeof e == "object")
       switch (e.$$typeof) {
         case V.ForwardRef:
-          return j(e, e.render, "ForwardRef");
+          return k(e, e.render, "ForwardRef");
         case V.Memo:
-          return j(e, e.type, "memo");
+          return k(e, e.type, "memo");
         default:
           return;
       }
@@ -32,11 +32,11 @@ function H(e) {
     ...t
   } = e, o = {
     variants: n,
-    style: k(t),
+    style: j(t),
     isProcessed: !0
   };
   return o.style === t || n && n.forEach((r) => {
-    typeof r.style != "function" && (r.style = k(r.style));
+    typeof r.style != "function" && (r.style = j(r.style));
   }), o;
 }
 const re = Q();
@@ -103,7 +103,7 @@ function ie(e = {}) {
     se(i, n, t);
   }
   return (i, d = {}) => {
-    Z(i, (c) => c.filter((f) => f !== D));
+    Z(i, (c) => c.filter((l) => l !== D));
     const {
       name: a,
       slot: m,
@@ -119,7 +119,7 @@ function ie(e = {}) {
       m && m !== "Root" && m !== "root" || !1
     ), W = q || !1;
     let P = R;
-    m === "Root" || m === "root" ? P = o : m ? P = r : fe(i) && (P = void 0);
+    m === "Root" || m === "root" ? P = o : m ? P = r : le(i) && (P = void 0);
     const x = ee(i, {
       shouldForwardProp: P,
       label: ae(a, m),
@@ -130,33 +130,33 @@ function ie(e = {}) {
           return T(S, c);
         };
       if (U(c)) {
-        const f = H(c);
-        return f.variants ? function(y) {
-          return T(y, f);
-        } : f.style;
+        const l = H(c);
+        return l.variants ? function(y) {
+          return T(y, l);
+        } : l.style;
       }
       return c;
     }, _ = (...c) => {
-      const f = [], S = c.map(G), y = [];
-      if (f.push(s), a && F && y.push(function(h) {
+      const l = [], S = c.map(G), y = [];
+      if (l.push(s), a && F && y.push(function(h) {
         var v, $;
-        const l = ($ = (v = h.theme.components) == null ? void 0 : v[a]) == null ? void 0 : $.styleOverrides;
-        if (!l)
+        const f = ($ = (v = h.theme.components) == null ? void 0 : v[a]) == null ? void 0 : $.styleOverrides;
+        if (!f)
           return null;
         const w = {};
-        for (const A in l)
-          w[A] = T(h, l[A]);
+        for (const A in f)
+          w[A] = T(h, f[A]);
         return F(h, w);
       }), a && !C && y.push(function(h) {
         var w, v;
-        const p = h.theme, l = (v = (w = p == null ? void 0 : p.components) == null ? void 0 : w[a]) == null ? void 0 : v.variants;
-        return l ? L(h, l) : null;
+        const p = h.theme, f = (v = (w = p == null ? void 0 : p.components) == null ? void 0 : w[a]) == null ? void 0 : v.variants;
+        return f ? L(h, f) : null;
       }), W || y.push(D), Array.isArray(S[0])) {
-        const N = S.shift(), h = new Array(f.length).fill(""), p = new Array(y.length).fill("");
-        let l;
-        l = [...h, ...N, ...p], l.raw = [...h, ...N.raw, ...p], f.unshift(l);
+        const N = S.shift(), h = new Array(l.length).fill(""), p = new Array(y.length).fill("");
+        let f;
+        f = [...h, ...N, ...p], f.raw = [...h, ...N.raw, ...p], l.unshift(f);
       }
-      const J = [...f, ...S, ...y], b = x(...J);
+      const J = [...l, ...S, ...y], b = x(...J);
       return i.muiName && (b.muiName = i.muiName), process.env.NODE_ENV !== "production" && (b.displayName = ue(a, m, i)), b;
     };
     return x.withConfig && (_.withConfig = x.withConfig), _;
@@ -174,7 +174,7 @@ function ce(e) {
     return !1;
   return !0;
 }
-function fe(e) {
+function le(e) {
   return typeof e == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
@@ -215,7 +215,7 @@ function g(e, n) {
     }
   return t;
 }
-const le = /* @__PURE__ */ I.createContext(void 0);
+const fe = /* @__PURE__ */ I.createContext(void 0);
 process.env.NODE_ENV !== "production" && (O.node, O.object);
 function de(e) {
   const {
@@ -232,7 +232,7 @@ function me({
   props: e,
   name: n
 }) {
-  const t = I.useContext(le);
+  const t = I.useContext(fe);
   return de({
     props: e,
     name: n,
@@ -280,12 +280,12 @@ function Oe(e) {
 const xe = he;
 export {
   ie as a,
-  g as b,
+  Se as b,
   Ne as c,
   ye as d,
   pe as e,
   xe as m,
-  Se as r,
+  g as r,
   Te as s,
   Oe as u
 };

package/dist/{menuItemClasses-BxqenSTj.js → menuItemClasses-DLFqc90k.js}

@@ -1,5 +1,5 @@
-import { g as e } from "./generateUtilityClasses-STjIp_B9.js";
-import { g as i } from "./generateUtilityClass-CRH_bFW6.js";
+import { g as e } from "./generateUtilityClasses-Z7VQRhBn.js";
+import { g as i } from "./createTheme-DDycScYN.js";
 const r = e("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
 function a(t) {
   return i("MuiMenuItem", t);

package/dist/outlinedInputClasses-CnRkAD7A.js

@@ -0,0 +1,19 @@
+import { g as n } from "./generateUtilityClasses-Z7VQRhBn.js";
+import { g as e } from "./createTheme-DDycScYN.js";
+function l(t) {
+  return e("MuiInputBase", t);
+}
+const i = n("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
+function s(t) {
+  return e("MuiOutlinedInput", t);
+}
+const o = {
+  ...i,
+  ...n("MuiOutlinedInput", ["root", "notchedOutline", "input"])
+};
+export {
+  s as a,
+  l as g,
+  i,
+  o
+};

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

@@ -5,12 +5,11 @@ interface SButtonLinkProps {
     href?: string;
     component?: any;
     target?: string;
-    paragraph?: boolean;
     color?: string;
     linkColor?: string;
     lineHeight?: string;
-    variant?: 'body1' | 'body2' | 'button' | 'caption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'inherit' | 'overline' | 'subtitle1' | 'subtitle2' | string;
+    variant?: 'body1' | 'body2' | 'button' | 'caption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'inherit' | 'overline' | 'subtitle1' | 'subtitle2';
     onClick?: () => void;
 }
-declare const SButtonLink: ({ onClick, beforeText, afterText, mainText, href, component, target, paragraph, color, linkColor, variant, lineHeight, }: SButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
+declare const SButtonLink: ({ onClick, beforeText, afterText, mainText, href, component, target, color, linkColor, variant, lineHeight, }: SButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
 export default SButtonLink;

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

@@ -1,35 +1,34 @@
 import { j as o } from "../jsx-runtime-C5mzlN2N.js";
-import { Typography as l, Link as m } from "@mui/material";
+import { Typography as m, Link as u } from "@mui/material";
 const j = ({
   onClick: r,
   beforeText: t = "",
-  afterText: e = "",
-  mainText: i = "",
-  href: n = "#",
+  afterText: i = "",
+  mainText: n = "",
+  href: e = "#",
   component: s,
   target: p,
-  paragraph: x = !1,
-  color: a = "text.secondary",
+  color: x = "text.secondary",
   linkColor: c = void 0,
   variant: d = "body2",
-  lineHeight: f
-}) => /* @__PURE__ */ o.jsxs(l, { variant: d, lineHeight: f, paragraph: x, color: a, children: [
+  lineHeight: a
+}) => /* @__PURE__ */ o.jsxs(m, { variant: d, lineHeight: a, color: x, children: [
   t,
   " ",
   /* @__PURE__ */ o.jsx(
-    m,
+    u,
     {
-      href: n,
+      href: e,
       onClick: r,
       sx: { cursor: "pointer", fontSize: "inherit" },
       component: s,
       target: p,
       color: c,
-      children: i
+      children: n
     }
   ),
   " ",
-  e
+  i
 ] });
 export {
   j as default

package/dist/s-checkbox/s-checkbox.js

@@ -1,16 +1,15 @@
 import { j as r } from "../jsx-runtime-C5mzlN2N.js";
-import { forwardRef as a } from "react";
-import { Stack as s, Checkbox as d, Typography as m } from "@mui/material";
-import { v4 as n } from "uuid";
-const h = a(
-  ({ content: i, ...t }, e) => {
-    const o = n();
+import { forwardRef as a, useId as d } from "react";
+import { Stack as s, Checkbox as l, Typography as n } from "@mui/material";
+const m = a(
+  ({ content: e, ...t }, o) => {
+    const i = d();
     return /* @__PURE__ */ r.jsxs(s, { alignItems: "center", direction: "row", display: "flex", gap: 1, justifyContent: "start", children: [
-      /* @__PURE__ */ r.jsx(d, { ref: e, ...t, id: t.id ?? o }),
-      i && /* @__PURE__ */ r.jsx("label", { htmlFor: t.id ?? o, children: /* @__PURE__ */ r.jsx(m, { variant: "body2", children: i }) })
+      /* @__PURE__ */ r.jsx(l, { ref: o, ...t, id: t.id ?? i }),
+      e && /* @__PURE__ */ r.jsx("label", { htmlFor: t.id ?? i, children: /* @__PURE__ */ r.jsx(n, { variant: "body2", children: e }) })
     ] });
   }
 );
 export {
-  h as default
+  m as default
 };

package/dist/s-chips/s-chips.js

@@ -1,9 +1,8 @@
 import { j as n } from "../jsx-runtime-C5mzlN2N.js";
-import { useRef as S, useState as m, useEffect as g } from "react";
-import { Box as r, Tooltip as E } from "@mui/material";
-import h from "../s-chip/s-chip.js";
-const P = ({ chips: s, overflow: l = !0, onClick: o }) => {
-  const c = S(null), [w, b] = m([]), [C, y] = m([]), [u, j] = m(0), a = () => {
+import { useRef as g, useState as m, useEffect as S } from "react";
+import { Box as r, Chip as h, Tooltip as E } from "@mui/material";
+const L = ({ chips: s, overflow: l = !0, onClick: o }) => {
+  const c = g(null), [w, b] = m([]), [C, y] = m([]), [u, j] = m(0), a = () => {
     var x;
     const t = ((x = c.current) == null ? void 0 : x.offsetWidth) || 0;
     let e = 0, i = 0;
@@ -24,7 +23,7 @@ const P = ({ chips: s, overflow: l = !0, onClick: o }) => {
     const i = e.offsetWidth;
     return document.body.removeChild(e), i + 16;
   }, W = l ? { textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden" } : {};
-  return g(() => (a(), window.addEventListener("resize", a), () => {
+  return S(() => (a(), window.addEventListener("resize", a), () => {
     window.removeEventListener("resize", a);
   }), [s]), /* @__PURE__ */ n.jsxs(r, { ref: c, display: "flex", maxWidth: "100%", ...W, children: [
     (l ? w : s).map((t) => /* @__PURE__ */ n.jsx(
@@ -70,5 +69,5 @@ const P = ({ chips: s, overflow: l = !0, onClick: o }) => {
   ] });
 };
 export {
-  P as default
+  L as default
 };