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

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/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.23",
   "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.24",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",