@solostylist/ui-kit 1.0.34 → 1.0.36

package/dist/{Menu-BDspvd-Q.js → Menu-BTGaz6HX.js}

@@ -3,9 +3,9 @@ import ve from "react";
 import { P as e, g as le, a as He, q as ze, l as rt } from "./createTheme-CyFSna1a.js";
 import { T as Rt, c as te } from "./identifier-BA7fwE7E.js";
 import { j as L } from "./jsx-runtime-C5mzlN2N.js";
-import { d as Ot, u as ce, s as W, c as ue, m as it, r as Nt } from "./memoTheme-2xILj8Pd.js";
+import { d as Ot, u as ce, s as W, c as ue, m as it, b as Nt } from "./memoTheme-Bz_6CvJG.js";
 import { g as pe } from "./generateUtilityClasses-CvAVhM6T.js";
-import { c as we, d as wt, u as oe, a as X, b as We, f as St, m as Ct, r as Mt, e as kt, g as Dt, h as It, i as jt } from "./useSlot-Cwl3uYYg.js";
+import { c as we, d as wt, u as oe, a as X, b as We, f as St, m as Ct, r as Mt, e as kt, g as Dt, h as It, i as jt } from "./useSlot-DFX3jR9F.js";
 import { u as Ft } from "./useTheme-TEQWKSsD.js";
 import { _ as Lt, a as At, b as st } from "./TransitionGroup-CuA3gNyE.js";
 import * as $t from "react-dom";
@@ -396,16 +396,13 @@ G.EXITED = Z;
 G.ENTERING = ee;
 G.ENTERED = ae;
 G.EXITING = Ae;
-function Ht(t) {
-  return typeof t == "string";
-}
 function Ee(t, n, o, i, s) {
   if (process.env.NODE_ENV === "production")
     return null;
   const r = t[n], a = s || n;
   return r == null ? null : r && r.nodeType !== 1 ? new Error(`Invalid ${i} \`${a}\` supplied to \`${o}\`. Expected an HTMLElement.`) : null;
 }
-function zt(t) {
+function Ht(t) {
   const n = typeof t;
   switch (n) {
     case "number":
@@ -419,7 +416,7 @@ function zt(t) {
 function lt(t, n, o, i) {
   const s = t[n];
   if (s == null || !Number.isInteger(s)) {
-    const r = zt(s);
+    const r = Ht(s);
     return new RangeError(`Invalid ${i} \`${n}\` of type \`${r}\` supplied to \`${o}\`, expected \`integer\`.`);
   }
   return null;
@@ -433,6 +430,9 @@ function $e() {
 ct.isRequired = lt;
 $e.isRequired = $e;
 const ut = process.env.NODE_ENV === "production" ? $e : ct;
+function zt(t) {
+  return typeof t == "string";
+}
 function Wt(t) {
   const {
     prototype: n = {}
@@ -2162,7 +2162,7 @@ const Pn = (t) => {
   });
   return /* @__PURE__ */ L.jsx(Q, {
     ...Me,
-    ...!Ht(Q) && {
+    ...!zt(Q) && {
       slots: ye,
       slotProps: Ce,
       disableScrollLock: S
@@ -2949,9 +2949,9 @@ export {
   vt as L,
   Ln as M,
   yt as P,
-  z as a,
+  ne as a,
   qt as d,
   Se as g,
-  Ht as i,
-  ne as o
+  zt as i,
+  z as o
 };

package/dist/{Stack-hZ9m9_Gh.js → Stack-CHCAZYKm.js}

@@ -1,5 +1,5 @@
 import { P as e, h as O, r as m, f as V, j as C, m as D, g as E, e as N, k as T } from "./createTheme-CyFSna1a.js";
-import { a as R, b as F, c as B, s as M, u as w } from "./memoTheme-2xILj8Pd.js";
+import { a as R, r as F, c as B, s as M, u as w } from "./memoTheme-Bz_6CvJG.js";
 import * as f from "react";
 import { c as G } from "./identifier-BA7fwE7E.js";
 import { j as U } from "./jsx-runtime-C5mzlN2N.js";

package/dist/{Typography-Cf3fyOHg.js → Typography-8CUP66S2.js}

@@ -1,8 +1,8 @@
 import * as j from "react";
 import { c, P as r } from "./createTheme-CyFSna1a.js";
 import { c as O } from "./identifier-BA7fwE7E.js";
-import { i as S } from "./index-CVr30Fc-.js";
-import { u as w, s as B, c as P, m as W } from "./memoTheme-2xILj8Pd.js";
+import { i as S } from "./index-BKXuuq9K.js";
+import { u as w, s as B, c as P, m as W } from "./memoTheme-Bz_6CvJG.js";
 import { c as C } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
 import { g as R } from "./typographyClasses-DVLfmcGt.js";
 import { j as M } from "./jsx-runtime-C5mzlN2N.js";

package/dist/{createSvgIcon-GD-thYZm.js → createSvgIcon-FIMSBrG5.js}

@@ -2,7 +2,7 @@ import * as h from "react";
 import { j as w } from "./jsx-runtime-C5mzlN2N.js";
 import { c as x, P as o } from "./createTheme-CyFSna1a.js";
 import { c as N } from "./identifier-BA7fwE7E.js";
-import { u as b, s as O, c as R, m as T } from "./memoTheme-2xILj8Pd.js";
+import { u as b, s as O, c as R, m as T } from "./memoTheme-Bz_6CvJG.js";
 import { g as I } from "./svgIconClasses-SRBiyaM8.js";
 const j = (e) => {
   const {

package/dist/{index-CVr30Fc-.js → index-BKXuuq9K.js}

@@ -2,7 +2,7 @@ import "react";
 import { j as p } from "./jsx-runtime-C5mzlN2N.js";
 import { e as f } from "./extendSxProp-C6KgcV1-.js";
 import { P as e } from "./createTheme-CyFSna1a.js";
-import { d as a } from "./memoTheme-2xILj8Pd.js";
+import { d as a } from "./memoTheme-Bz_6CvJG.js";
 import { T as c } from "./identifier-BA7fwE7E.js";
 import { u as m } from "./useTheme-TEQWKSsD.js";
 import { Global as y } from "@emotion/react";

package/dist/{memoTheme-2xILj8Pd.js → memoTheme-Bz_6CvJG.js}

@@ -282,12 +282,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/s-data-table/s-data-table.js

@@ -3,11 +3,11 @@ import * as y from "react";
 import Ce from "../s-empty/s-empty.js";
 import { g as N, c as j, P as e, a as M, n as Te, o as ke } from "../createTheme-CyFSna1a.js";
 import { c as I } from "../identifier-BA7fwE7E.js";
-import { s as S, c as $, r as se, u as E, m as W } from "../memoTheme-2xILj8Pd.js";
+import { s as S, c as $, b as se, u as E, m as W } from "../memoTheme-Bz_6CvJG.js";
 import { g as B } from "../generateUtilityClasses-CvAVhM6T.js";
 import { u as je, a as Oe } from "../useControlled-DnifWmuD.js";
-import { a as A, B as Re, r as we, m as Pe } from "../useSlot-Cwl3uYYg.js";
-import { c as J } from "../createSvgIcon-GD-thYZm.js";
+import { a as A, B as Re, r as we, m as Pe } from "../useSlot-DFX3jR9F.js";
+import { c as J } from "../createSvgIcon-FIMSBrG5.js";
 import { c as Y } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
 function Se(o) {
   return N("PrivateSwitchBase", o);

package/dist/s-dialog-confirm/s-dialog-confirm.js

@@ -3,7 +3,7 @@ import * as r from "react";
 import { Dialog as p, DialogTitle as g, Stack as j, IconButton as D, DialogContent as v, DialogActions as y, Button as d } from "@mui/material";
 import { IconX as b } from "@tabler/icons-react";
 import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as m } from "../Typography-Cf3fyOHg.js";
+import { T as m } from "../Typography-8CUP66S2.js";
 const w = ({
   title: o,
   content: e,

package/dist/s-dialog-message/s-dialog-message.js

@@ -3,7 +3,7 @@ import * as s from "react";
 import { Dialog as u, DialogTitle as p, Stack as g, IconButton as m, DialogContent as j, DialogActions as f, Button as C } from "@mui/material";
 import { IconX as D } from "@tabler/icons-react";
 import { useDialog as k } from "../hooks/use-dialog.js";
-import { T as c } from "../Typography-Cf3fyOHg.js";
+import { T as c } from "../Typography-8CUP66S2.js";
 const v = ({
   title: t,
   content: e,

package/dist/s-file-dropzone/s-file-dropzone.js

@@ -5,9 +5,9 @@ import { useDropzone as z } from "react-dropzone";
 import C from "../s-file-icon/s-file-icon.js";
 import k from "../s-form/s-form.js";
 import { bytesToSize as B } from "../utils/bytes-to-size.js";
-import { S as r } from "../Stack-hZ9m9_Gh.js";
+import { S as r } from "../Stack-CHCAZYKm.js";
 import { B as d } from "../Box-BOnkyXg-.js";
-import { T as o } from "../Typography-Cf3fyOHg.js";
+import { T as o } from "../Typography-8CUP66S2.js";
 const H = ({
   caption: i,
   label: p = "",

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

@@ -1,26 +1,29 @@
 import { j as l } from "../jsx-runtime-C5mzlN2N.js";
-import * as m from "react";
-import { c as V } from "../createSvgIcon-GD-thYZm.js";
+import * as f from "react";
+import { c as N } from "../createSvgIcon-FIMSBrG5.js";
 import { Stack as P, OutlinedInput as B, selectClasses as E } from "@mui/material";
 import { usePopover as U } from "../hooks/use-popover.js";
-import F from "../s-chips/s-chips.js";
-import { gray as x } from "../theme/theme-primitives.js";
-import { L as O, M as z } from "../Menu-BDspvd-Q.js";
-import { a as f, P as s } from "../createTheme-CyFSna1a.js";
-import { c as M } from "../identifier-BA7fwE7E.js";
-import { u as D, s as G, c as H, r as _, m as A } from "../memoTheme-2xILj8Pd.js";
-import { g as W, d as k, m as u } from "../menuItemClasses-BuN4fyVT.js";
+import D from "../s-chips/s-chips.js";
+import { gray as y } from "../theme/theme-primitives.js";
+import { L as O, M as F } from "../Menu-BTGaz6HX.js";
+import { g as z, a as m, P as t } from "../createTheme-CyFSna1a.js";
+import { c as h } from "../identifier-BA7fwE7E.js";
+import { u as G, s as A, c as H, b as W, m as _ } from "../memoTheme-Bz_6CvJG.js";
+import { g as b } from "../generateUtilityClasses-CvAVhM6T.js";
 import { u as q } from "../useEnhancedEffect-CJGo-L3B.js";
-import { u as J, B as K } from "../useSlot-Cwl3uYYg.js";
-import { g as R } from "../generateUtilityClasses-CvAVhM6T.js";
-const Q = V(/* @__PURE__ */ l.jsx("path", {
+import { u as J, B as K } from "../useSlot-DFX3jR9F.js";
+const Q = N(/* @__PURE__ */ l.jsx("path", {
   d: "M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15z"
-}), "UnfoldMore"), S = R("MuiListItemIcon", ["root", "alignItemsFlexStart"]), j = R("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), X = (e, o) => {
+}), "UnfoldMore"), k = b("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), w = b("MuiListItemIcon", ["root", "alignItemsFlexStart"]), R = b("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
+function X(e) {
+  return z("MuiMenuItem", e);
+}
+const u = b("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), Y = (e, o) => {
   const {
     ownerState: r
   } = e;
   return [o.root, r.dense && o.dense, r.divider && o.divider, !r.disableGutters && o.gutters];
-}, Y = (e) => {
+}, Z = (e) => {
   const {
     disabled: o,
     dense: r,
@@ -30,17 +33,17 @@ const Q = V(/* @__PURE__ */ l.jsx("path", {
     classes: c
   } = e, n = H({
     root: ["root", r && "dense", o && "disabled", !d && "gutters", a && "divider", i && "selected"]
-  }, W, c);
+  }, X, c);
   return {
     ...c,
     ...n
   };
-}, Z = G(K, {
-  shouldForwardProp: (e) => _(e) || e === "classes",
+}, ee = A(K, {
+  shouldForwardProp: (e) => W(e) || e === "classes",
   name: "MuiMenuItem",
   slot: "Root",
-  overridesResolver: X
-})(A(({
+  overridesResolver: Y
+})(_(({
   theme: e
 }) => ({
   ...e.typography.body1,
@@ -63,16 +66,16 @@ const Q = V(/* @__PURE__ */ l.jsx("path", {
     }
   },
   [`&.${u.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : f(e.palette.primary.main, e.palette.action.selectedOpacity),
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : m(e.palette.primary.main, e.palette.action.selectedOpacity),
     [`&.${u.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : f(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : m(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     }
   },
   [`&.${u.selected}:hover`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : f(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : m(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : f(e.palette.primary.main, e.palette.action.selectedOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : m(e.palette.primary.main, e.palette.action.selectedOpacity)
     }
   },
   [`&.${u.focusVisible}`]: {
@@ -88,14 +91,14 @@ const Q = V(/* @__PURE__ */ l.jsx("path", {
   [`& + .${k.inset}`]: {
     marginLeft: 52
   },
-  [`& .${j.root}`]: {
+  [`& .${R.root}`]: {
     marginTop: 0,
     marginBottom: 0
   },
-  [`& .${j.inset}`]: {
+  [`& .${R.inset}`]: {
     paddingLeft: 36
   },
-  [`& .${S.root}`]: {
+  [`& .${w.root}`]: {
     minWidth: 36
   },
   variants: [{
@@ -133,56 +136,56 @@ const Q = V(/* @__PURE__ */ l.jsx("path", {
       paddingTop: 4,
       paddingBottom: 4,
       ...e.typography.body2,
-      [`& .${S.root} svg`]: {
+      [`& .${w.root} svg`]: {
         fontSize: "1.25rem"
       }
     }
   }]
-}))), h = /* @__PURE__ */ m.forwardRef(function(o, r) {
-  const a = D({
+}))), S = /* @__PURE__ */ f.forwardRef(function(o, r) {
+  const a = G({
     props: o,
     name: "MuiMenuItem"
   }), {
     autoFocus: d = !1,
     component: i = "li",
     dense: c = !1,
-    divider: t = !1,
+    divider: s = !1,
     disableGutters: n = !1,
     focusVisibleClassName: p,
-    role: b = "menuitem",
-    tabIndex: y,
-    className: w,
-    ...T
-  } = a, C = m.useContext(O), I = m.useMemo(() => ({
-    dense: c || C.dense || !1,
+    role: g = "menuitem",
+    tabIndex: C,
+    className: j,
+    ...V
+  } = a, I = f.useContext(O), M = f.useMemo(() => ({
+    dense: c || I.dense || !1,
     disableGutters: n
-  }), [C.dense, c, n]), v = m.useRef(null);
+  }), [I.dense, c, n]), v = f.useRef(null);
   q(() => {
     d && (v.current ? v.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
   }, [d]);
   const L = {
     ...a,
-    dense: I.dense,
-    divider: t,
+    dense: M.dense,
+    divider: s,
     disableGutters: n
-  }, g = Y(a), N = J(v, r);
+  }, x = Z(a), T = J(v, r);
   let $;
-  return a.disabled || ($ = y !== void 0 ? y : -1), /* @__PURE__ */ l.jsx(O.Provider, {
-    value: I,
-    children: /* @__PURE__ */ l.jsx(Z, {
-      ref: N,
-      role: b,
+  return a.disabled || ($ = C !== void 0 ? C : -1), /* @__PURE__ */ l.jsx(O.Provider, {
+    value: M,
+    children: /* @__PURE__ */ l.jsx(ee, {
+      ref: T,
+      role: g,
       tabIndex: $,
       component: i,
-      focusVisibleClassName: M(g.focusVisible, p),
-      className: M(g.root, w),
-      ...T,
+      focusVisibleClassName: h(x.focusVisible, p),
+      className: h(x.root, j),
+      ...V,
       ownerState: L,
-      classes: g
+      classes: x
     })
   });
 });
-process.env.NODE_ENV !== "production" && (h.propTypes = {
+process.env.NODE_ENV !== "production" && (S.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -192,44 +195,44 @@ process.env.NODE_ENV !== "production" && (h.propTypes = {
    * Focus will also be triggered if the value changes from false to true.
    * @default false
    */
-  autoFocus: s.bool,
+  autoFocus: t.bool,
   /**
    * The content of the component.
    */
-  children: s.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: s.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: s.string,
+  className: t.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: s.elementType,
+  component: t.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: s.bool,
+  dense: t.bool,
   /**
    * @ignore
    */
-  disabled: s.bool,
+  disabled: t.bool,
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters: s.bool,
+  disableGutters: t.bool,
   /**
    * If `true`, a 1px light border is added to the bottom of the menu item.
    * @default false
    */
-  divider: s.bool,
+  divider: t.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.
@@ -238,36 +241,36 @@ process.env.NODE_ENV !== "production" && (h.propTypes = {
    * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
    * if needed.
    */
-  focusVisibleClassName: s.string,
+  focusVisibleClassName: t.string,
   /**
    * @ignore
    */
-  role: s.string,
+  role: t.string,
   /**
    * If `true`, the component is selected.
    * @default false
    */
-  selected: s.bool,
+  selected: t.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: s.oneOfType([s.arrayOf(s.oneOfType([s.func, s.object, s.bool])), s.func, s.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * @default 0
    */
-  tabIndex: s.number
+  tabIndex: t.number
 });
-function fe({
+function me({
   label: e,
   onChange: o,
   options: r,
   value: a = [],
   chipProps: d
 }) {
-  const i = U(), c = m.useCallback(
-    (t, n) => {
+  const i = U(), c = f.useCallback(
+    (s, n) => {
       let p = [...a];
-      n ? p.push(t) : p = p.filter((b) => b !== t), o == null || o(p);
+      n ? p.push(s) : p = p.filter((g) => g !== s), o == null || o(p);
     },
     [o, a]
   );
@@ -288,17 +291,17 @@ function fe({
         sx: {
           borderRadius: "var(--s-shape-borderRadius)",
           border: "1px solid",
-          borderColor: x[200],
+          borderColor: y[200],
           backgroundColor: "var(--s-palette-background-paper)",
           boxShadow: "inset 0 1px 0 1px hsla(220, 0%, 100%, 0.6), inset 0 -1px 0 1px hsla(220, 35%, 90%, 0.5)",
           "&:hover": {
-            borderColor: x[300],
+            borderColor: y[300],
             backgroundColor: "var(--s-palette-background-paper)",
             boxShadow: "none"
           },
           [`&.${E.focused}`]: {
             outlineOffset: 0,
-            borderColor: x[400]
+            borderColor: y[400]
           },
           "&:before, &:after": {
             display: "none"
@@ -307,37 +310,37 @@ function fe({
       }
     ),
     /* @__PURE__ */ l.jsx(
-      z,
+      F,
       {
         anchorEl: i.anchorRef.current,
         onClose: i.handleClose,
         open: i.open,
         slotProps: { paper: { sx: { width: "250px" } } },
-        children: r.map((t) => {
-          const n = a.includes(t.value);
+        children: r.map((s) => {
+          const n = a.includes(s.value);
           return /* @__PURE__ */ l.jsx(
-            h,
+            S,
             {
               onClick: () => {
-                c(t.value, !n);
+                c(s.value, !n);
               },
               selected: n,
-              children: t.label
+              children: s.label
             },
-            t.label
+            s.label
           );
         })
       }
     ),
     /* @__PURE__ */ l.jsx(
-      F,
+      D,
       {
-        chips: r.filter((t) => a.includes(t.value)).map((t) => t.label),
+        chips: r.filter((s) => a.includes(s.value)).map((s) => s.label),
         ...d
       }
     )
   ] });
 }
 export {
-  fe as default
+  me as default
 };

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

@@ -1,6 +1,11 @@
 import { AutosuggestionsConfigUserSpecified, CopilotTextarea } from '@copilotkit/react-textarea';
 export type SSmartTextFieldProps = Omit<React.ComponentProps<typeof CopilotTextarea>, 'autosuggestionsConfig'> & {
     autosuggestionsConfig?: AutosuggestionsConfigUserSpecified;
+    label?: string | React.ReactNode;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+    htmlFor?: string;
 };
-export declare function SSmartTextField({ autosuggestionsConfig, ...props }: SSmartTextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function SSmartTextField({ autosuggestionsConfig, label, hint, error, required, htmlFor, ...props }: SSmartTextFieldProps): import("react/jsx-runtime").JSX.Element;
 export default SSmartTextField;