@konstructio/ui 0.1.0-alpha.23 → 0.1.0-alpha.25

package/dist/components/Dropdown/Dropdown.js

@@ -1,12 +1,30 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
 import { DropdownProvider as n } from "./contexts/dropdown.provider.js";
-import { Wrapper as p } from "./components/Wrapper.js";
-const h = m(({ onChange: r, value: e, error: s, helperText: l, name: o, ...a }, i) => /* @__PURE__ */ t(n, { onChange: r, value: e, name: o, children: /* @__PURE__ */ d("div", { className: "relative w-full", children: [
-  /* @__PURE__ */ t(p, { name: o, error: s, ref: i, ...a }),
-  s ? /* @__PURE__ */ t("span", { className: "text-xs text-red-700", children: s }) : null,
-  !s && l ? /* @__PURE__ */ t("span", { className: "text-xs text-slate-600", children: l }) : null
-] }) }));
+import { Wrapper as c } from "./components/Wrapper.js";
+const v = p(({ onChange: r, onBlur: l, value: a, error: s, helperText: e, name: o, ...i }, d) => /* @__PURE__ */ t(
+  n,
+  {
+    onChange: r,
+    onBlur: l,
+    value: a,
+    name: o,
+    children: /* @__PURE__ */ m("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ t(
+        c,
+        {
+          name: o,
+          error: s,
+          ref: d,
+          onBlur: l,
+          ...i
+        }
+      ),
+      s ? /* @__PURE__ */ t("span", { className: "text-xs text-red-700", children: s }) : null,
+      !s && e ? /* @__PURE__ */ t("span", { className: "text-xs text-slate-600", children: e }) : null
+    ] })
+  }
+));
 export {
-  h as Dropdown
+  v as Dropdown
 };

package/dist/components/Dropdown/contexts/dropdown.provider.js

@@ -1,29 +1,29 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useState as u, useCallback as d } from "react";
-import { DropdownContext as f } from "./dropdown.context.js";
-import { useToggle as v } from "../../../hooks/useToggle.js";
-const D = ({ children: t, onChange: r, value: o, name: e }) => {
-  const [s, m] = v(!1), [l, p] = u(""), a = d(
-    (c) => {
-      r == null || r({ target: { value: c, name: e ?? "" } });
+import { jsx as f } from "react/jsx-runtime";
+import { useState as l, useCallback as v } from "react";
+import { DropdownContext as x } from "./dropdown.context.js";
+import { useToggle as T } from "../../../hooks/useToggle.js";
+const P = ({ children: s, value: o, name: r, onChange: e, onBlur: t }) => {
+  const [m, p] = T(!1), [a, c] = l(""), i = v(
+    (d) => {
+      e == null || e({ target: { value: d, name: r ?? "" } }), t == null || t();
     },
-    [r, e]
+    [e, r, t]
   );
-  return /* @__PURE__ */ i(
-    f.Provider,
+  return /* @__PURE__ */ f(
+    x.Provider,
     {
       value: {
         value: o,
-        isOpen: s,
-        searchTerm: l,
-        setSearchTerm: p,
-        setValue: a,
-        toggleOpen: m
+        isOpen: m,
+        searchTerm: a,
+        setSearchTerm: c,
+        setValue: i,
+        toggleOpen: p
       },
-      children: t
+      children: s
     }
   );
 };
 export {
-  D as DropdownProvider
+  P as DropdownProvider
 };

package/dist/components/Input/Input.js

@@ -122,11 +122,11 @@ const C = v(
     labelClassName: a,
     name: c,
     theme: b,
-    type: p = "text",
+    type: f = "text",
     helperText: w,
     ...j
   }, N) => {
-    const O = k(), [u, E] = z(() => p !== "password"), f = typeof r == "string" && r.length >= 0, P = u ? x : y;
+    const O = k(), [u, E] = z(() => f !== "password"), p = typeof r == "string" && r.length >= 0, P = u ? x : y;
     return /* @__PURE__ */ m("div", { className: "flex flex-col gap-2 w-full relative", "data-theme": b, children: [
       n ? /* @__PURE__ */ m(
         "label",
@@ -150,7 +150,7 @@ const C = v(
             className: d(
               "absolute left-2.5 top-1/2 -translate-y-[50%] text-slate-400",
               {
-                "text-red-700": f
+                "text-red-700": p
               }
             ),
             children: /* @__PURE__ */ s(I, { className: "w-5 h-5" })
@@ -162,20 +162,20 @@ const C = v(
             id: O,
             ref: N,
             name: c,
-            type: u ? p : "password",
+            type: u ? "text" : "password",
             className: d(
               _({
                 className: t,
-                variant: f ? "error" : "default"
+                variant: p ? "error" : "default"
               }),
-              (p === "password" || f) && "pr-10",
+              (f === "password" || p) && "pr-10",
               e && "pl-8"
             ),
             ...j
           }
         ),
-        f ? /* @__PURE__ */ s("i", { className: "absolute right-3 text-red-700 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ s(W, { className: "w-5 h-5" }) }) : null,
-        p === "password" && !r ? /* @__PURE__ */ s("i", { className: "absolute right-3 text-slate-400 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ s(
+        p ? /* @__PURE__ */ s("i", { className: "absolute right-3 text-red-700 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ s(W, { className: "w-5 h-5" }) }) : null,
+        f === "password" && !r ? /* @__PURE__ */ s("i", { className: "absolute right-3 text-slate-400 top-1/2 -translate-y-[50%]", children: /* @__PURE__ */ s(
           P,
           {
             className: "w-5 h-5 cursor-pointer",

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.0-alpha.22",
+  "version": "0.1.0-alpha.24",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.0-alpha.23",
+  "version": "0.1.0-alpha.25",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",