@sito/ui 0.0.45 → 0.0.47

package/dist/ui.js

@@ -24944,15 +24944,16 @@ const rU = _u(function(u, c) {
   );
 }), dk = rU, aU = _u(function(u, c) {
   const {
-    orientation: d = "column",
-    color: m = "inherit",
-    leftComponent: S,
-    rightComponent: E,
-    label: y,
-    type: T = "text",
-    ...x
-  } = u, O = oR(() => {
-    switch (T) {
+    helperText: d = "",
+    orientation: m = "column",
+    color: S = "inherit",
+    leftComponent: E,
+    rightComponent: y,
+    label: T,
+    type: x = "text",
+    ...O
+  } = u, _ = oR(() => {
+    switch (x) {
       case "date":
       case "datetime-local":
       case "email":
@@ -24962,57 +24963,67 @@ const rU = _u(function(u, c) {
       case "tel":
       case "time":
       case "url":
-        return T;
+        return x;
       default:
         return "text";
     }
-  }, [T]);
-  return /* @__PURE__ */ yl("div", { className: `input-control ${d} ${m}`, children: [
-    /* @__PURE__ */ ht("label", { htmlFor: u.id, children: y }),
-    S || E ? /* @__PURE__ */ yl("div", { className: "sub", children: [
-      S && S !== null ? /* @__PURE__ */ ht("div", { children: S }) : null,
+  }, [x]);
+  return /* @__PURE__ */ yl("div", { className: `input-control ${m} ${S}`, children: [
+    /* @__PURE__ */ ht("label", { htmlFor: u.id, children: T }),
+    E || y ? /* @__PURE__ */ yl("div", { className: "sub", children: [
+      E && E !== null ? /* @__PURE__ */ ht("div", { children: E }) : null,
       /* @__PURE__ */ ht(
         "input",
         {
-          ...x,
-          type: O,
+          ...O,
+          type: _,
           ref: c,
-          className: `${S ? "!pl-0" : ""} ${E ? "!pr-0" : ""} ${x.className ?? ""}`
+          className: `${E ? "!pl-0" : ""} ${y ? "!pr-0" : ""} ${O.className ?? ""}`
         }
       ),
-      E && E !== null ? /* @__PURE__ */ ht("div", { children: E }) : null
-    ] }) : /* @__PURE__ */ ht("input", { ...x, ref: c })
+      y && y !== null ? /* @__PURE__ */ ht("div", { children: y }) : null
+    ] }) : /* @__PURE__ */ ht("input", { ...O, ref: c }),
+    d && d.length ? /* @__PURE__ */ ht("p", { children: d }) : null
   ] });
 }), PU = aU, iU = _u(function(u, c) {
   const {
-    orientation: d = "column",
-    color: m = "inherit",
-    leftComponent: S,
-    rightComponent: E,
-    label: y,
-    ...T
+    helperText: d = "",
+    orientation: m = "column",
+    color: S = "inherit",
+    leftComponent: E,
+    rightComponent: y,
+    label: T,
+    ...x
   } = u;
-  return /* @__PURE__ */ yl("div", { className: `input-control ${d} ${m}`, children: [
-    /* @__PURE__ */ ht("label", { htmlFor: u.id, children: y }),
-    S || E ? /* @__PURE__ */ yl("div", { className: "sub", children: [
-      S && S !== null ? /* @__PURE__ */ ht("div", { children: S }) : null,
+  return /* @__PURE__ */ yl("div", { className: `input-control ${m} ${S}`, children: [
+    /* @__PURE__ */ ht("label", { htmlFor: u.id, children: T }),
+    E || y ? /* @__PURE__ */ yl("div", { className: "sub", children: [
+      E && E !== null ? /* @__PURE__ */ ht("div", { children: E }) : null,
       /* @__PURE__ */ ht(
         "select",
         {
-          ...T,
+          ...x,
           ref: c,
-          className: `${S ? "!pl-0" : ""} ${E ? "!pr-0" : ""} ${T.className ?? ""}`,
-          children: T.children
+          className: `${E ? "!pl-0" : ""} ${y ? "!pr-0" : ""} ${x.className ?? ""}`,
+          children: x.children
         }
       ),
-      E && E !== null ? /* @__PURE__ */ ht("div", { children: E }) : null
-    ] }) : /* @__PURE__ */ ht("select", { ...T, ref: c, children: T.children })
+      y && y !== null ? /* @__PURE__ */ ht("div", { children: y }) : null
+    ] }) : /* @__PURE__ */ ht("select", { ...x, ref: c, children: x.children }),
+    d && d.length ? /* @__PURE__ */ ht("p", { children: d }) : null
   ] });
 }), jU = iU, oU = _u(function(u, c) {
-  const { orientation: d = "column", color: m = "inherit", label: S, ...E } = u;
-  return /* @__PURE__ */ yl("div", { className: `input-control ${d} ${m}`, children: [
-    /* @__PURE__ */ ht("label", { htmlFor: u.id, children: S }),
-    /* @__PURE__ */ ht("textarea", { ...E, ref: c })
+  const {
+    helperText: d = "",
+    orientation: m = "column",
+    color: S = "inherit",
+    label: E,
+    ...y
+  } = u;
+  return /* @__PURE__ */ yl("div", { className: `input-control ${m} ${S}`, children: [
+    /* @__PURE__ */ ht("label", { htmlFor: u.id, children: E }),
+    /* @__PURE__ */ ht("textarea", { ...y, ref: c }),
+    d && d.length ? /* @__PURE__ */ ht("p", { children: d }) : null
   ] });
 }), FU = oU, lU = _u(function(u, c) {
   const {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sito/ui",
   "private": false,
-  "version": "0.0.45",
+  "version": "0.0.47",
   "type": "module",
   "files": [
     "dist/"