frame.theme 0.0.7 → 0.1.0

package/dist/NumberInput.d.ts

@@ -13,4 +13,6 @@ export declare function NumberInput(props: {
     };
     dataTestid: string;
     readonly?: boolean;
+    color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    autofocus?: boolean;
 }): import("react").JSX.Element;

package/dist/frame.theme.js

@@ -1,59 +1,55 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { TextField as n, useTheme as r } from "@mui/material";
-import { useEffect as i, useRef as a, useState as o } from "react";
-//#region src/NumberInput.js
-function s(s) {
-	let c = "NumberInput", l = r(), [u, d] = o(""), f = a(null);
-	return i(() => {
-		let e = f.current;
+import { TextField as e, useTheme as t } from "@mui/material";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/NumberInput.tsx
+function o(o) {
+	let s = t(), [c, l] = i(""), u = r(null);
+	return n(() => {
+		let e = u.current;
 		if (!e) return;
 		let t = (e) => {
 			let t = e.target;
-			if (t && t.value !== s.value) {
+			if (t && t.value !== o.value) {
 				let e = t.value;
-				s.checkValue(e, d), s.onChange(e);
+				o.checkValue(e, l), o.onChange(e);
 			}
 		};
 		return e.addEventListener("input", t), e.addEventListener("change", t), () => {
 			e.removeEventListener("input", t), e.removeEventListener("change", t);
 		};
 	}, [
-		s.value,
-		s.onChange,
-		s.errorMessage,
-		s.sh,
-		s
-	]), console.log(`error: ${u}`), t("div", { children: [e(n, {
-		"data-testid": `${c}.Textfield.${s.dataTestid}`,
-		focused: !0,
-		color: "secondary",
-		label: s.label,
+		o.value,
+		o.onChange,
+		o.errorMessage,
+		o.sh,
+		o
+	]), /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(e, {
+		"data-testid": `NumberInput.Textfield.${o.dataTestid}`,
+		autoFocus: o.autofocus ?? !1,
+		color: o.color ?? "warning",
+		label: o.label,
 		variant: "filled",
-		value: s.value,
-		sx: { width: "150px" },
+		value: o.value,
+		sx: {
+			width: "150px",
+			"& .MuiInputLabel-root": { color: !c && o.value ? "lightgreen" : "white" }
+		},
+		type: "text",
 		slotProps: {
+			htmlInput: { inputMode: "decimal" },
 			input: { style: {
 				color: "white",
-				backgroundColor: l.palette.primary.main
+				backgroundColor: s.palette.primary.main
 			} },
 			formHelperText: { sx: { whiteSpace: "pre-line" } }
 		},
-		type: "number",
 		onChange: (e) => {
 			let t = e.target.value;
-			s.checkValue(t, d), s.onChange(t);
+			o.checkValue(t, l), o.onChange(t);
 		},
-		error: !!u,
-		helperText: u
-	}), e(n, {
-		"data-testid": `${c}.Textfield.${s.dataTestid}.filled.success`,
-		focused: !0,
-		color: "success",
-		label: "Filled success",
-		variant: "filled",
-		value: s.value,
-		type: "number"
-	})] });
+		error: !!c,
+		helperText: c
+	}) });
 }
 //#endregion
-export { s as NumberInput };
+export { o as NumberInput };

package/package.json

@@ -2,17 +2,17 @@
   "name": "frame.theme",
   "author": "Christian Todd <Christian.Todd@rodenstock.com>",
   "license": "UNLICENSED",
-  "version": "0.0.7",
+  "version": "0.1.0",
   "description": "A sample theme for the Frame project",
   "type": "module",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.es.js",
+  "main": "./dist/frame.theme.js",
+  "module": "./dist/frame.theme.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "require": "./dist/index.cjs.js",
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js"
+      "import": "./dist/frame.theme.js",
+      "default": "./dist/frame.theme.js"
     }
   },
   "files": [
@@ -29,29 +29,29 @@
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/material": "^9.3.1"
+    "@mui/material": "^9.4.0"
   },
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/material": "^9.3.1",
+    "@mui/material": "^9.4.0",
     "react": "^19.2.8",
     "react-dom": "^19.2.8"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/node": "^26.3.0",
+    "@types/node": "^26.4.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.5",
-    "@vitejs/plugin-react": "^6.0.4",
+    "@vitejs/plugin-react": "^6.1.1",
     "eslint": "^10.9.1",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.3",
-    "globals": "^17.7.0",
+    "eslint-plugin-react-refresh": "^0.5.5",
+    "globals": "^17.12.0",
     "tsup": "^8.5.1",
     "typescript": "~6.0.2",
-    "typescript-eslint": "^8.68.0",
+    "typescript-eslint": "^8.69.0",
     "vite": "^8.2.0",
-    "vite-plugin-dts": "^5.0.3"
+    "vite-plugin-dts": "^5.1.0"
   }
 }