@stamcat/craftsman 0.0.43 → 0.0.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stamcat/craftsman",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "type": "module",
   "description": "A powerful, lightweight framework for design systems",
   "repository": {

package/src/components/Input/Input.esm.js

@@ -6,7 +6,7 @@ import r from "clsx";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/Input/Input.tsx
 var o = (o) => {
-	let { label: s, id: c, labelPosition: l = "top", required: u = !1, type: d = "text", error: f, endAdornment: p, preAdornment: m, style: h, className: g, ..._ } = o, v = n(), y = c || v;
+	let { label: s, id: c, labelPosition: l = "top", required: u = !1, type: d = "text", error: f, endAdornment: p, preAdornment: m, style: h, className: g, value: _, defaultValue: v, ...y } = o, b = n(), x = c || b;
 	return /* @__PURE__ */ i(t, {
 		className: g,
 		label: s,
@@ -14,6 +14,8 @@ var o = (o) => {
 		error: f,
 		required: u,
 		style: h,
+		value: _,
+		defaultValue: v,
 		children: /* @__PURE__ */ a("span", {
 			className: "input-field",
 			"data-has-end-adornment": !e(p),
@@ -24,10 +26,12 @@ var o = (o) => {
 					children: m
 				}),
 				/* @__PURE__ */ i("input", {
-					id: y,
+					id: x,
 					type: d,
 					className: r("input", d),
-					..._
+					value: _,
+					defaultValue: v,
+					...y
 				}),
 				!e(p) && /* @__PURE__ */ i("span", {
 					className: "input-end-adornment",

package/src/components/Input/InputWrapper.esm.js

@@ -1,25 +1,35 @@
 "use client";
 import { isEmpty as e } from "../../utilities/validations.esm.js";
 import './Input.css';/* empty css                */
-import t from "clsx";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useState as t } from "react";
+import n from "clsx";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/Input/InputWrapper.tsx
-var i = ({ label: i, labelPosition: a = "top", required: o = !1, error: s, className: c, style: l, children: u, value: d, defaultValue: f, onLabelClick: p }) => /* @__PURE__ */ r("div", {
-	"data-label-position": a,
-	"data-required": o,
-	"data-has-input": !e(d) || !e(f),
-	className: t("input-wrapper", c),
-	style: l,
-	children: [e(i) ? u : /* @__PURE__ */ r("label", {
-		onClick: p,
-		children: [a !== "hidden" && /* @__PURE__ */ n("div", {
-			className: "input-label",
-			children: i
-		}), u]
-	}), !e(s) && /* @__PURE__ */ n("div", {
-		className: "input-error",
-		children: s
-	})]
-});
+var a = ({ label: a, labelPosition: o = "top", required: s = !1, error: c, className: l, style: u, children: d, value: f, defaultValue: p, onLabelClick: m }) => {
+	let h = f !== void 0, [g, _] = t(!e(p)), v = h ? !e(f) : g, y = (t) => {
+		if (h) return;
+		let n = t.target;
+		_(!e(n.value));
+	};
+	return /* @__PURE__ */ i("div", {
+		"data-label-position": o,
+		"data-required": s,
+		"data-has-input": v,
+		className: n("input-wrapper", l),
+		style: u,
+		onInput: y,
+		onChange: y,
+		children: [e(a) ? d : /* @__PURE__ */ i("label", {
+			onClick: m,
+			children: [o !== "hidden" && /* @__PURE__ */ r("div", {
+				className: "input-label",
+				children: a
+			}), d]
+		}), !e(c) && /* @__PURE__ */ r("div", {
+			className: "input-error",
+			children: c
+		})]
+	});
+};
 //#endregion
-export { i as InputWrapper };
+export { a as InputWrapper };

package/src/components/Textarea/Textarea.esm.js

@@ -3,8 +3,8 @@ import { InputWrapper as e } from "../Input/InputWrapper.esm.js";
 import { useId as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Textarea/Textarea.tsx
-var r = ({ labelPosition: r = "top", id: i, label: a, error: o, required: s, className: c, style: l, ...u }) => {
-	let d = t();
+var r = ({ labelPosition: r = "top", id: i, label: a, error: o, required: s, className: c, style: l, value: u, defaultValue: d, ...f }) => {
+	let p = t();
 	return /* @__PURE__ */ n(e, {
 		label: a,
 		className: c,
@@ -12,10 +12,14 @@ var r = ({ labelPosition: r = "top", id: i, label: a, error: o, required: s, cla
 		error: o,
 		required: s,
 		style: l,
+		value: u,
+		defaultValue: d,
 		children: /* @__PURE__ */ n("textarea", {
-			id: i || d,
+			id: i || p,
 			className: "input",
-			...u
+			value: u,
+			defaultValue: d,
+			...f
 		})
 	});
 };