@solostylist/ui-kit 1.0.14 → 1.0.16

package/dist/main.d.ts

@@ -1,34 +1,56 @@
-export { default as SAutocomplete } from './s-autocomplete';
-export { default as SButtonLink } from './s-button-link';
-export { default as STextEditor } from './s-text-editor';
-export { default as SCheckbox } from './s-checkbox';
-export { default as SChips } from './s-chips';
-export { default as SDataTable } from './s-data-table';
-export type { ColumnDef, SDataTableProps } from './s-data-table';
-export { default as SDialogConfirm, DialogConfirmProvider, useDialogConfirm } from './s-dialog-confirm';
-export type { DialogConfirmContextProps, DialogConfirmOpenOptions } from './s-dialog-confirm';
-export { default as SDialogMessage, DialogMessageProvider, useDialogMessage } from './s-dialog-message';
-export type { DialogMessageContextProps, DialogMessageOpenOptions } from './s-dialog-message';
-export { default as SError } from './s-error';
-export { default as SEmpty } from './s-empty';
-export { default as SDialog } from './s-dialog';
-export { default as SFileDropzone } from './s-file-dropzone';
-export type { CustomFile } from './s-file-dropzone';
-export { default as SFileIcon } from './s-file-icon';
-export { default as SI18nProvider } from './s-i18n-provider';
-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 STextField } from './s-text-field';
-export { default as SPagination } from './s-pagination';
-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 SSnackbarMessage, SnackbarMessageProvider, useSnackbarMessage } from './s-snackbar-message';
-export type { SnackbarMessageContextProps, SnackbarMessageOpenOptions } from './s-snackbar-message';
-export { default as SImageGallery } from './s-image-gallery';
-export { default as SThemeProvider } from './s-theme-provider';
+export { default as SAutocomplete } from './s-autocomplete/index';
+export type { SAutocompleteProps } from './s-autocomplete/index';
+export { default as SButtonLink } from './s-button-link/index';
+export type { SButtonLinkProps } from './s-button-link/index';
+export { default as STextEditor } from './s-text-editor/index';
+export type { STextEditorProps } from './s-text-editor/index';
+export { default as SCheckbox } from './s-checkbox/index';
+export type { SCheckboxProps } from './s-checkbox/index';
+export { default as SChips } from './s-chips/index';
+export type { SChipsProps } from './s-chips/index';
+export { default as SDataTable } from './s-data-table/index';
+export type { ColumnDef, SDataTableProps } from './s-data-table/index';
+export { default as SDialogConfirm, DialogConfirmProvider, useDialogConfirm } from './s-dialog-confirm/index';
+export type { DialogConfirmContextProps, DialogConfirmOpenOptions } from './s-dialog-confirm/index';
+export { default as SDialogMessage, DialogMessageProvider, useDialogMessage } from './s-dialog-message/index';
+export type { DialogMessageContextProps, DialogMessageOpenOptions } from './s-dialog-message/index';
+export { default as SError } from './s-error/index';
+export { default as SEmpty } from './s-empty/index';
+export type { SEmptyProps } from './s-empty/index';
+export { default as SDialog } from './s-dialog/index';
+export type { SDialogProps } from './s-dialog/index';
+export { default as SFileDropzone } from './s-file-dropzone/index';
+export type { CustomFile, SFileDropzoneProps } from './s-file-dropzone/index';
+export { default as SFileIcon } from './s-file-icon/index';
+export type { SFileIconProps } from './s-file-icon/index';
+export { default as SI18nProvider } from './s-i18n-provider/index';
+export type { SI18nProviderProps } from './s-i18n-provider/index';
+export { default as SIconButton } from './s-icon-button/index';
+export type { SIconButtonProps } from './s-icon-button/index';
+export { default as SLabel } from './s-label/index';
+export type { SLabelProps } from './s-label/index';
+export { default as SMultiSelect } from './s-multi-select/index';
+export type { SMultiSelectProps } from './s-multi-select/index';
+export { default as SNoSsr } from './s-no-ssr/index';
+export type { SNoSsrProps } from './s-no-ssr/index';
+export { default as STextField } from './s-text-field/index';
+export type { STextFieldProps } from './s-text-field/index';
+export { default as SPagination } from './s-pagination/index';
+export type { SPaginationProps } from './s-pagination/index';
+export { default as SSelect } from './s-select/index';
+export type { SSelectProps } from './s-select/index';
+export { default as SSkeleton } from './s-skeleton/index';
+export type { SSkeletonProps } from './s-skeleton/index';
+export { default as STip } from './s-tip/index';
+export type { STipProps } from './s-tip/index';
+export { default as STextTruncation } from './s-text-truncation/index';
+export { default as SSnackbarMessage, SnackbarMessageProvider, useSnackbarMessage } from './s-snackbar-message/index';
+export type { SnackbarMessageContextProps, SnackbarMessageOpenOptions } from './s-snackbar-message/index';
+export { default as SImageGallery } from './s-image-gallery/index';
+export type { SImageGalleryProps } from './s-image-gallery/index';
+export { default as SForm } from './s-form/index';
+export type { SFormProps } from './s-form/index';
+export { default as SThemeProvider } from './s-theme-provider/index';
+export type { SThemeProviderProps } from './s-theme-provider/index';
 export * from './hooks';
 export * from './utils';

package/dist/main.js

@@ -9,8 +9,8 @@ import { DialogMessageProvider as D, default as P, useDialogMessage as T } from
 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 F } from "./s-file-dropzone/s-file-dropzone.js";
+import { default as h } 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";
@@ -24,18 +24,19 @@ 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";
+import { default as le } from "./s-form/s-form.js";
+import { default as me } from "./s-theme-provider/s-theme-provider.js";
+import { useDialog as ue } from "./hooks/use-dialog.js";
+import { usePopover as xe } from "./hooks/use-popover.js";
+import { formatDatePosted as ie } from "./utils/dayjs.js";
+import { bytesToSize as ne } from "./utils/bytes-to-size.js";
+import { LogLevel as De, Logger as Pe, createLogger as Te, logger as be } from "./utils/logger.js";
+import { default as Me } from "dayjs";
 export {
   i as DialogConfirmProvider,
   D as DialogMessageProvider,
-  ne as LogLevel,
-  ce as Logger,
+  De as LogLevel,
+  Pe as Logger,
   r as SAutocomplete,
   t as SButtonLink,
   m as SCheckbox,
@@ -46,8 +47,9 @@ export {
   P as SDialogMessage,
   k as SEmpty,
   v as SError,
-  I as SFileDropzone,
-  E as SFileIcon,
+  F as SFileDropzone,
+  h as SFileIcon,
+  le as SForm,
   z as SI18nProvider,
   j as SIconButton,
   te as SImageGallery,
@@ -61,17 +63,17 @@ export {
   l as STextEditor,
   K as STextField,
   _ as STextTruncation,
-  le as SThemeProvider,
+  me 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,
+  ne as bytesToSize,
+  Te as createLogger,
+  Me as dayjs,
+  ie as formatDatePosted,
+  be as logger,
+  ue as useDialog,
   n as useDialogConfirm,
   T as useDialogMessage,
-  ue as usePopover,
+  xe as usePopover,
   re as useSnackbarMessage
 };

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

@@ -1 +1,2 @@
 export { default } from './s-autocomplete';
+export type { SAutocompleteProps } from './s-autocomplete';

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

@@ -1 +1,2 @@
 export { default } from './s-button-link';
+export type { SButtonLinkProps } from './s-button-link';

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

@@ -1,4 +1,4 @@
-interface SButtonLinkProps {
+export interface SButtonLinkProps {
     beforeText?: string | React.ReactNode;
     afterText?: string | React.ReactNode;
     mainText?: string | React.ReactNode;

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

@@ -1 +1,2 @@
 export { default } from './s-checkbox';
+export type { SCheckboxProps } from './s-checkbox';

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { CheckboxProps } from '@mui/material';
-interface SCheckboxProps extends Omit<CheckboxProps, 'content'> {
+export interface SCheckboxProps extends Omit<CheckboxProps, 'content'> {
     content?: string | React.ReactNode;
 }
 declare const SCheckbox: React.ForwardRefExoticComponent<Omit<SCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1 +1,2 @@
 export { default } from './s-chips';
+export type { SChipsProps } from './s-chips';

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

@@ -1,4 +1,4 @@
-interface SChipsProps {
+export interface SChipsProps {
     chips: string[];
     overflow?: boolean;
     onClick?: (tag: string) => void;

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

@@ -1 +1,2 @@
 export { default } from './s-dialog';
+export type { SDialogProps } from './s-dialog';

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

@@ -1,6 +1,6 @@
 import { Breakpoint } from '@mui/material';
 import * as React from 'react';
-interface SDialogProps {
+export interface SDialogProps {
     title?: string | React.ReactNode;
     content?: string | React.ReactNode;
     actions?: React.ReactNode;

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

@@ -1 +1,2 @@
 export { default } from './s-empty';
+export type { SEmptyProps } from './s-empty';

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

@@ -1,4 +1,4 @@
-interface SEmptyProps {
+export interface SEmptyProps {
     title?: string;
 }
 declare const SEmpty: ({ title }: SEmptyProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 export { default } from './s-file-dropzone';
-export type { CustomFile } from './s-file-dropzone';
+export type { CustomFile, SFileDropzoneProps } from './s-file-dropzone';

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

@@ -4,13 +4,13 @@ export type CustomFile = File | FileWithPath | {
     name: string;
     size: number;
 };
-interface SFileDropzoneProps extends DropzoneOptions {
+export interface SFileDropzoneProps extends DropzoneOptions {
     caption?: string;
     files?: CustomFile[];
     onRemove?: (file: CustomFile) => void;
     onRemoveAll?: () => void;
     onUpload?: () => void;
-    label?: string;
+    label?: string | React.ReactNode;
     disabledUpload?: boolean;
     error?: string;
     required?: boolean;

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

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

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

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

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

@@ -1,4 +1,4 @@
-interface SFormProps {
+export interface SFormProps {
     label: string | React.ReactNode;
     error?: string;
     required: boolean;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { IconButtonProps, TooltipProps } from '@mui/material';
-interface SIconButtonProps extends IconButtonProps {
+export interface SIconButtonProps extends IconButtonProps {
     tooltip: string;
     tooltipOptions: TooltipProps;
 }

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { SxProps } from '@mui/material';
 import { Theme } from '../theme/types';
-interface SLabelProps {
+export interface SLabelProps {
     label?: string | React.ReactNode;
     content?: string | React.ReactNode;
     children?: React.ReactNode;

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

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

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

@@ -1,43 +1,44 @@
-import { j as p } from "../jsx-runtime-C5mzlN2N.js";
+import { j as c } from "../jsx-runtime-C5mzlN2N.js";
 import * as d from "react";
 import s, { forwardRef as B } from "react";
 import { Button as V } from "@mui/material";
 import { E as Z } from "../SSRBase-BSdFRe_j.js";
 import { usePopover as D } from "../hooks/use-popover.js";
-import { L as I, M as H } from "../Menu-B8rPlcSd.js";
-import { a as f, P as a } from "../createTheme-DDycScYN.js";
+import H from "../s-chips/s-chips.js";
+import { L as I, M as G } from "../Menu-B8rPlcSd.js";
+import { a as f, P as o } from "../createTheme-DDycScYN.js";
 import { c as M } from "../identifier-CHPjnqaz.js";
-import { u as G, s as U, c as z, b as A, m as _ } from "../memoTheme-DX35GGEJ.js";
-import { g as W, d as E, m } from "../menuItemClasses-DLFqc90k.js";
-import { u as q } from "../useEnhancedEffect-CJGo-L3B.js";
-import { u as J, B as K } from "../useSlot-B682hoPx.js";
-import { g as h } from "../generateUtilityClasses-Z7VQRhBn.js";
-const $ = h("MuiListItemIcon", ["root", "alignItemsFlexStart"]), j = h("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), Q = (e, t) => {
+import { u as U, s as z, c as A, b as _, m as W } from "../memoTheme-DX35GGEJ.js";
+import { g as q, d as E, m } from "../menuItemClasses-DLFqc90k.js";
+import { u as J } from "../useEnhancedEffect-CJGo-L3B.js";
+import { u as K, B as Q } from "../useSlot-B682hoPx.js";
+import { g as R } from "../generateUtilityClasses-Z7VQRhBn.js";
+const $ = R("MuiListItemIcon", ["root", "alignItemsFlexStart"]), j = R("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), X = (e, t) => {
   const {
-    ownerState: o
+    ownerState: a
   } = e;
-  return [t.root, o.dense && t.dense, o.divider && t.divider, !o.disableGutters && t.gutters];
-}, X = (e) => {
+  return [t.root, a.dense && t.dense, a.divider && t.divider, !a.disableGutters && t.gutters];
+}, Y = (e) => {
   const {
     disabled: t,
-    dense: o,
+    dense: a,
     divider: n,
     disableGutters: l,
     selected: u,
     classes: r
-  } = e, i = z({
-    root: ["root", o && "dense", t && "disabled", !l && "gutters", n && "divider", u && "selected"]
-  }, W, r);
+  } = e, i = A({
+    root: ["root", a && "dense", t && "disabled", !l && "gutters", n && "divider", u && "selected"]
+  }, q, r);
   return {
     ...r,
     ...i
   };
-}, Y = U(K, {
-  shouldForwardProp: (e) => A(e) || e === "classes",
+}, ee = z(Q, {
+  shouldForwardProp: (e) => _(e) || e === "classes",
   name: "MuiMenuItem",
   slot: "Root",
-  overridesResolver: Q
-})(_(({
+  overridesResolver: X
+})(W(({
   theme: e
 }) => ({
   ...e.typography.body1,
@@ -135,44 +136,44 @@ const $ = h("MuiListItemIcon", ["root", "alignItemsFlexStart"]), j = h("MuiListI
       }
     }
   }]
-}))), P = /* @__PURE__ */ d.forwardRef(function(t, o) {
-  const n = G({
+}))), P = /* @__PURE__ */ d.forwardRef(function(t, a) {
+  const n = U({
     props: t,
     name: "MuiMenuItem"
   }), {
     autoFocus: l = !1,
     component: u = "li",
     dense: r = !1,
-    divider: c = !1,
+    divider: p = !1,
     disableGutters: i = !1,
     focusVisibleClassName: b,
-    role: F = "menuitem",
+    role: k = "menuitem",
     tabIndex: y,
-    className: S,
+    className: F,
     ...L
   } = n, x = d.useContext(I), C = d.useMemo(() => ({
     dense: r || x.dense || !1,
     disableGutters: i
   }), [x.dense, r, i]), g = d.useRef(null);
-  q(() => {
+  J(() => {
     l && (g.current ? g.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
   }, [l]);
   const T = {
     ...n,
     dense: C.dense,
-    divider: c,
+    divider: p,
     disableGutters: i
-  }, v = X(n), N = J(g, o);
+  }, v = Y(n), N = K(g, a);
   let O;
-  return n.disabled || (O = y !== void 0 ? y : -1), /* @__PURE__ */ p.jsx(I.Provider, {
+  return n.disabled || (O = y !== void 0 ? y : -1), /* @__PURE__ */ c.jsx(I.Provider, {
     value: C,
-    children: /* @__PURE__ */ p.jsx(Y, {
+    children: /* @__PURE__ */ c.jsx(ee, {
       ref: N,
-      role: F,
+      role: k,
       tabIndex: O,
       component: u,
       focusVisibleClassName: M(v.focusVisible, b),
-      className: M(v.root, S),
+      className: M(v.root, F),
       ...L,
       ownerState: T,
       classes: v
@@ -189,44 +190,44 @@ process.env.NODE_ENV !== "production" && (P.propTypes = {
    * Focus will also be triggered if the value changes from false to true.
    * @default false
    */
-  autoFocus: a.bool,
+  autoFocus: o.bool,
   /**
    * The content of the component.
    */
-  children: a.node,
+  children: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: a.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: a.string,
+  className: o.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: a.elementType,
+  component: o.elementType,
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used.
    * The prop defaults to the value inherited from the parent Menu component.
    * @default false
    */
-  dense: a.bool,
+  dense: o.bool,
   /**
    * @ignore
    */
-  disabled: a.bool,
+  disabled: o.bool,
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters: a.bool,
+  disableGutters: o.bool,
   /**
    * If `true`, a 1px light border is added to the bottom of the menu item.
    * @default false
    */
-  divider: a.bool,
+  divider: o.bool,
   /**
    * This prop can help identify which element has keyboard focus.
    * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -235,26 +236,26 @@ process.env.NODE_ENV !== "production" && (P.propTypes = {
    * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
    * if needed.
    */
-  focusVisibleClassName: a.string,
+  focusVisibleClassName: o.string,
   /**
    * @ignore
    */
-  role: a.string,
+  role: o.string,
   /**
    * If `true`, the component is selected.
    * @default false
    */
-  selected: a.bool,
+  selected: o.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * @default 0
    */
-  tabIndex: a.number
+  tabIndex: o.number
 });
-const ee = /* @__PURE__ */ new Map([
+const te = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z" }))
@@ -280,29 +281,29 @@ const ee = /* @__PURE__ */ new Map([
     /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("path", { d: "M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z" }))
   ]
 ]);
-var te = Object.defineProperty, ae = Object.defineProperties, oe = Object.getOwnPropertyDescriptors, w = Object.getOwnPropertySymbols, se = Object.prototype.hasOwnProperty, re = Object.prototype.propertyIsEnumerable, R = (e, t, o) => t in e ? te(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, ne = (e, t) => {
-  for (var o in t || (t = {}))
-    se.call(t, o) && R(e, o, t[o]);
+var ae = Object.defineProperty, oe = Object.defineProperties, se = Object.getOwnPropertyDescriptors, w = Object.getOwnPropertySymbols, re = Object.prototype.hasOwnProperty, ne = Object.prototype.propertyIsEnumerable, h = (e, t, a) => t in e ? ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, le = (e, t) => {
+  for (var a in t || (t = {}))
+    re.call(t, a) && h(e, a, t[a]);
   if (w)
-    for (var o of w(t))
-      re.call(t, o) && R(e, o, t[o]);
+    for (var a of w(t))
+      ne.call(t, a) && h(e, a, t[a]);
   return e;
-}, le = (e, t) => ae(e, oe(t));
-const k = B((e, t) => /* @__PURE__ */ s.createElement(Z, le(ne({ ref: t }, e), { weights: ee })));
-k.displayName = "CaretDown";
-function Oe({ label: e, onChange: t, options: o, value: n = [] }) {
+}, ie = (e, t) => oe(e, se(t));
+const S = B((e, t) => /* @__PURE__ */ s.createElement(Z, ie(le({ ref: t }, e), { weights: te })));
+S.displayName = "CaretDown";
+function Me({ label: e, onChange: t, options: a, value: n = [] }) {
   const l = D(), u = d.useCallback(
-    (r, c) => {
+    (r, p) => {
       let i = [...n];
-      c ? i.push(r) : i = i.filter((b) => b !== r), t == null || t(i);
+      p ? i.push(r) : i = i.filter((b) => b !== r), t == null || t(i);
     },
     [t, n]
   );
-  return /* @__PURE__ */ p.jsxs(d.Fragment, { children: [
-    /* @__PURE__ */ p.jsx(
+  return /* @__PURE__ */ c.jsxs(d.Fragment, { children: [
+    /* @__PURE__ */ c.jsx(
       V,
       {
-        endIcon: /* @__PURE__ */ p.jsx(k, {}),
+        endIcon: /* @__PURE__ */ c.jsx(S, {}),
         onClick: l.handleOpen,
         ref: l.anchorRef,
         sx: {
@@ -311,31 +312,32 @@ function Oe({ label: e, onChange: t, options: o, value: n = [] }) {
         children: e
       }
     ),
-    /* @__PURE__ */ p.jsx(
-      H,
+    /* @__PURE__ */ c.jsx(
+      G,
       {
         anchorEl: l.anchorRef.current,
         onClose: l.handleClose,
         open: l.open,
         slotProps: { paper: { sx: { width: "250px" } } },
-        children: o.map((r) => {
-          const c = n.includes(r.value);
-          return /* @__PURE__ */ p.jsx(
+        children: a.map((r) => {
+          const p = n.includes(r.value);
+          return /* @__PURE__ */ c.jsx(
             P,
             {
               onClick: () => {
-                u(r.value, !c);
+                u(r.value, !p);
               },
-              selected: c,
+              selected: p,
               children: r.label
             },
             r.label
           );
         })
       }
-    )
+    ),
+    /* @__PURE__ */ c.jsx(H, { chips: a.filter((r) => n.includes(r.value)).map((r) => r.label) })
   ] });
 }
 export {
-  Oe as default
+  Me as default
 };

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { PaginationProps } from '@mui/material';
-interface SPaginationProps extends PaginationProps {
+export interface SPaginationProps extends PaginationProps {
     loading?: boolean;
     count?: number;
 }

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

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

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

@@ -2,13 +2,13 @@ import { SelectProps } from '@mui/material';
 type BaseOption = string | number | {
     [key: string]: unknown;
 };
-type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'error' | 'variant'> & {
+export type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'error' | 'variant'> & {
     options?: T[];
     optionLabel?: T extends object ? keyof T : never;
     optionValue?: T extends object ? keyof T : never;
     placeholder?: string;
     variant?: 'outlined' | 'filled' | 'standard';
-    label?: string;
+    label?: string | React.ReactNode;
     error?: string;
     required?: boolean;
     simple?: boolean;

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

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

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { SkeletonProps } from '@mui/material';
-interface SSkeletonProps extends Omit<SkeletonProps, 'variant' | 'height' | 'width' | 'component'> {
+export interface SSkeletonProps extends Omit<SkeletonProps, 'variant' | 'height' | 'width' | 'component'> {
     variant?: 'circular' | 'rectangular' | 'rounded' | 'text';
     height?: number | string;
     width?: number | string;

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

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

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

@@ -1 +1,2 @@
 export { default } from './s-text-field';
+export type { STextFieldProps } from './s-text-field';

package/dist/s-text-field/s-text-field.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { TextField } from '@mui/material';
-type STextFieldProps = Omit<React.ComponentProps<typeof TextField>, 'error'> & {
-    label?: string;
+export type STextFieldProps = Omit<React.ComponentProps<typeof TextField>, 'error'> & {
+    label?: string | React.ReactNode;
     required?: boolean;
     error?: string;
     htmlFor?: string;

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

@@ -1 +1,2 @@
 export { default } from './s-text-truncation';
+export type { STextTruncationProps } from './s-text-truncation';

package/dist/s-text-truncation/s-text-truncation.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface STextTruncationProps {
+export interface STextTruncationProps {
     text?: string;
 }
 declare const STextTruncation: ({ text }: STextTruncationProps) => React.JSX.Element;

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

@@ -1 +1,2 @@
 export { default } from './s-theme-provider';
+export type { SThemeProviderProps } from './s-theme-provider';

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

@@ -1,6 +1,6 @@
 import { ThemeOptions } from '@mui/material';
 import * as React from 'react';
-interface SThemeProviderProps {
+export interface SThemeProviderProps {
     children: React.ReactNode;
     /**
      * This is for the docs site. You can ignore it or remove it.

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

@@ -1 +1,2 @@
 export { default } from './s-tip';
+export type { STipProps } from './s-tip';

package/dist/theme/customizations/inputs.js

@@ -413,7 +413,7 @@ const c = t(/* @__PURE__ */ l.jsx("path", {
               size: "medium"
             },
             style: {
-              height: "2.5rem"
+              minHeight: "2.5rem"
             }
           }
         ]

package/package.json

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