@solostylist/ui-kit 1.0.8 → 1.0.10

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-BymLGoMc.js";
-import { M as h } from "../MenuItem-l3xZOND-.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 }),

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

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

package/dist/s-rating/index.js

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

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { RatingProps } from '@mui/material';
+interface SRatingProps extends Omit<RatingProps, 'value'> {
+    value?: number | string | null;
+}
+declare const SRating: ({ value, size, ...props }: SRatingProps) => React.JSX.Element;
+export default SRating;

package/dist/s-rating/s-rating.js

@@ -0,0 +1,6 @@
+import { j as o } from "../jsx-runtime-C5mzlN2N.js";
+import { Rating as n } from "@mui/material";
+const m = ({ value: t, size: r = "small", ...s }) => /* @__PURE__ */ o.jsx(n, { value: typeof t == "string" ? parseInt(t) : t, size: r, ...s });
+export {
+  m as default
+};

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

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

package/dist/s-select/index.js

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

package/dist/{AppSelect/AppSelect.d.ts → s-select/s-select.d.ts}

@@ -1,5 +1,5 @@
 import { SelectProps } from '@mui/material';
-type AppSelectProps = Omit<SelectProps, 'error' | 'variant'> & {
+type SSelectProps = Omit<SelectProps, 'error' | 'variant'> & {
     options?: any[];
     optionLabel?: string;
     optionValue?: any;
@@ -9,6 +9,7 @@ type AppSelectProps = Omit<SelectProps, 'error' | 'variant'> & {
     error?: string;
     required?: boolean;
     simple?: boolean;
+    htmlFor?: string;
 };
-declare const AppSelect: import('react').ForwardRefExoticComponent<Omit<AppSelectProps, "ref"> & import('react').RefAttributes<unknown>>;
-export default AppSelect;
+declare const SSelect: import('react').ForwardRefExoticComponent<Omit<SSelectProps, "ref"> & import('react').RefAttributes<unknown>>;
+export default SSelect;

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

@@ -0,0 +1,55 @@
+import { j as n } from "../jsx-runtime-C5mzlN2N.js";
+import { forwardRef as E, useState as R, useEffect as g } from "react";
+import { Select as w } from "@mui/material";
+import I from "../s-form/s-form.js";
+import M from "../s-menu-item/s-menu-item.js";
+const z = E(
+  ({
+    options: e = [],
+    optionLabel: t = "name",
+    optionValue: f = "id",
+    placeholder: s,
+    label: x = "",
+    error: j,
+    required: S = !1,
+    variant: W = "outlined",
+    simple: a = !1,
+    htmlFor: c,
+    ...u
+  }, h) => {
+    const [m, y] = R(u.value ?? null);
+    return g(() => {
+      y(u.value ?? null);
+    }, [u.value]), /* @__PURE__ */ n.jsx(I, { error: j, label: x, required: S, htmlFor: c, children: /* @__PURE__ */ n.jsx(
+      w,
+      {
+        id: c,
+        displayEmpty: !0,
+        fullWidth: !0,
+        defaultValue: "",
+        ref: h,
+        renderValue: u.multiple ? (r) => {
+          var d;
+          return (d = e.filter((l) => r == null ? void 0 : r.includes(l[f]))) == null ? void 0 : d.map((l) => l[t]).join(", ");
+        } : (r) => {
+          var d;
+          return r !== null && typeof r < "u" && r !== "" ? a ? e.find((l) => l == r) : (d = e.find((l) => l[f] == r)) == null ? void 0 : d[t] : /* @__PURE__ */ n.jsx("span", { style: { color: "var(--mui-palette-text-secondary)" }, children: s });
+        },
+        ...u,
+        value: e.length ? m ?? "" : "",
+        children: e == null ? void 0 : e.map((r, d) => /* @__PURE__ */ n.jsx(
+          M,
+          {
+            disabled: (r == null ? void 0 : r.disabled) ?? !1,
+            value: a ? r : r[f],
+            children: a ? r : r[t]
+          },
+          (a ? r : r[f]) + d
+        ))
+      }
+    ) });
+  }
+);
+export {
+  z as default
+};

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

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

package/dist/s-skeleton/index.js

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

package/dist/{AppSkeleton/AppSkeleton.d.ts → s-skeleton/s-skeleton.d.ts}

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 import { SkeletonProps } from '@mui/material';
-interface AppSkeletonProps extends Omit<SkeletonProps, 'variant' | 'height' | 'width' | 'component'> {
+interface SSkeletonProps extends Omit<SkeletonProps, 'variant' | 'height' | 'width' | 'component'> {
     variant?: 'circular' | 'rectangular' | 'rounded' | 'text';
     height?: number | string;
     width?: number | string;
     fontSize?: number | string;
     component?: string;
 }
-declare const AppSkeleton: ({ variant, width, height, fontSize, component, ...props }: AppSkeletonProps) => React.JSX.Element;
-export default AppSkeleton;
+declare const SSkeleton: ({ variant, width, height, fontSize, component, ...props }: SSkeletonProps) => React.JSX.Element;
+export default SSkeleton;

package/dist/{AppSnackbarMessage → s-snackbar-message}/index.d.ts

@@ -1,2 +1,2 @@
-export { default, SnackbarMessageProvider, useSnackbarMessage } from './AppSnackbarMessage';
-export type { SnackbarMessageContextProps, SnackbarMessageOpenOptions } from './AppSnackbarMessage';
+export { default, SnackbarMessageProvider, useSnackbarMessage } from './s-snackbar-message';
+export type { SnackbarMessageContextProps, SnackbarMessageOpenOptions } from './s-snackbar-message';

package/dist/{AppSnackbarMessage → s-snackbar-message}/index.js

@@ -1,4 +1,4 @@
-import { SnackbarMessageProvider as r, default as s, useSnackbarMessage as o } from "./AppSnackbarMessage.js";
+import { SnackbarMessageProvider as r, default as s, useSnackbarMessage as o } from "./s-snackbar-message.js";
 export {
   r as SnackbarMessageProvider,
   s as default,

package/dist/{AppSnackbarMessage/AppSnackbarMessage.d.ts → s-snackbar-message/s-snackbar-message.d.ts}

@@ -1,14 +1,14 @@
 import { AlertProps, SnackbarProps } from '@mui/material';
 import * as React from 'react';
-interface AppSnackbarMessageProps {
+interface SSnackbarMessageProps {
     message?: string | React.ReactNode;
     onClose?: () => void;
     open?: boolean;
     snackbarProps?: SnackbarProps;
     alertProps?: AlertProps;
 }
-declare const AppSnackbarMessage: ({ message, onClose, open, snackbarProps, alertProps, }: AppSnackbarMessageProps) => React.JSX.Element;
-export default AppSnackbarMessage;
+declare const SSnackbarMessage: ({ message, onClose, open, snackbarProps, alertProps, }: SSnackbarMessageProps) => React.JSX.Element;
+export default SSnackbarMessage;
 export interface SnackbarMessageOpenOptions {
     message: string;
 }

package/dist/{AppSnackbarMessage/AppSnackbarMessage.js → s-snackbar-message/s-snackbar-message.js}

@@ -1,14 +1,14 @@
 import { j as r } from "../jsx-runtime-C5mzlN2N.js";
 import * as n from "react";
 import { Snackbar as u, Alert as d } from "@mui/material";
-import { useDialog as p } from "../hooks/use-dialog.js";
-const g = ({
+import { useDialog as g } from "../hooks/use-dialog.js";
+const m = ({
   message: s,
   onClose: e = () => {
   },
   open: a = !1,
-  snackbarProps: o,
-  alertProps: t
+  snackbarProps: t,
+  alertProps: o
 }) => /* @__PURE__ */ r.jsx(
   u,
   {
@@ -16,28 +16,28 @@ const g = ({
     autoHideDuration: 1e4,
     onClose: e,
     anchorOrigin: { vertical: "top", horizontal: "center" },
-    ...o,
-    children: /* @__PURE__ */ r.jsx(d, { onClose: e, severity: "error", sx: { width: "100%" }, ...t, children: s })
+    ...t,
+    children: /* @__PURE__ */ r.jsx(d, { onClose: e, severity: "error", sx: { width: "100%" }, ...o, children: s })
   }
 ), c = n.createContext(null), b = ({ children: s }) => {
-  const e = p(), [a, o] = n.useState({
+  const e = g(), [a, t] = n.useState({
     message: ""
-  }), t = {
+  }), o = {
     handleOpen: n.useCallback(
       (i) => {
         const { message: l } = i;
-        o({ message: l }), e.handleOpen();
+        t({ message: l }), e.handleOpen();
       },
       [e]
     ),
     handleClose: e.handleClose,
     open: e.open
   };
-  return /* @__PURE__ */ r.jsxs(c.Provider, { value: t, children: [
-    /* @__PURE__ */ r.jsx(g, { open: e.open, message: a == null ? void 0 : a.message, onClose: e.handleClose }),
+  return /* @__PURE__ */ r.jsxs(c.Provider, { value: o, children: [
+    /* @__PURE__ */ r.jsx(m, { open: e.open, message: a == null ? void 0 : a.message, onClose: e.handleClose }),
     s
   ] });
-}, k = () => {
+}, S = () => {
   const s = n.useContext(c);
   if (!s)
     throw new Error("useSnackbarMessage must be used within a SnackbarMessageProvider");
@@ -45,6 +45,6 @@ const g = ({
 };
 export {
   b as SnackbarMessageProvider,
-  g as default,
-  k as useSnackbarMessage
+  m as default,
+  S as useSnackbarMessage
 };

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

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

package/dist/s-stack/index.js

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

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

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

package/dist/s-stack/s-stack.js

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

package/dist/s-text-editor/index.d.ts

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

package/dist/s-text-editor/index.js

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

package/dist/s-text-editor/s-text-editor-toolbar.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/react';
+import * as React from 'react';
+export interface STextEditorToolbarProps {
+    editor: Editor | null;
+}
+export declare const STextEditorToolbar: ({ editor }: STextEditorToolbarProps) => React.JSX.Element;