npm - @burdenoff/microfe-assethandler - Versions diffs - 2026.625.1 → 2026.625.2 - Mend

@burdenoff/microfe-assethandler 2026.625.1 → 2026.625.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

package/dist/assethandler/pages/AssetsAssetCreatePage.js CHANGED Viewed

@@ -1,10 +1,11 @@
 import { useState as e } from "react";
 import { ArrowLeft as t, Save as n, X as r } from "lucide-react";
-import { Button as i, Card as a, CardContent as o, CardDescription as s, CardHeader as c, CardTitle as l, GradientText as u, Input as d, Label as f, Select as p, SelectContent as m, SelectItem as h, SelectTrigger as g, SelectValue as _, Textarea as v } from "@burdenoff/fe-libs/ui";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useNavigate as i } from "react-router-dom";
+import { Button as a, Card as o, CardContent as s, CardDescription as c, CardHeader as l, CardTitle as u, EmphasisPanel as d, GradientText as f, Input as p, Label as m, PagePurpose as h, Select as g, SelectContent as _, SelectItem as v, SelectTrigger as y, SelectValue as b, Textarea as x } from "@burdenoff/fe-libs/ui";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/assethandler/pages/AssetsAssetCreatePage.tsx
-function x() {
-	let [x, S] = e({
+function w() {
+	let w = i(), [T, E] = e({
 		name: "",
 		description: "",
 		category: "it_hardware",
@@ -23,160 +24,166 @@ function x() {
 		purchaseDate: "",
 		warrantyExpiry: "",
 		tags: ""
-	}), C = (e, t) => {
-		S((n) => ({
+	}), D = (e, t) => {
+		E((n) => ({
 			...n,
 			[e]: t
 		}));
 	};
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ C("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ y(i, {
+					children: [/* @__PURE__ */ S(a, {
 						variant: "ghost",
 						size: "icon",
-						children: /* @__PURE__ */ y(t, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h1", {
+						onClick: () => w("/assets/asset-list"),
+						children: /* @__PURE__ */ S(t, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h1", {
 						className: "text-2xl font-bold",
-						children: /* @__PURE__ */ y(u, { children: "Create New Asset" })
-					}), /* @__PURE__ */ y("p", {
+						children: /* @__PURE__ */ S(f, { children: "Create New Asset" })
+					}), /* @__PURE__ */ S("p", {
 						className: "text-sm text-text-secondary",
 						children: "Register a new asset in the inventory"
 					})] })]
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ b(i, {
+					children: [/* @__PURE__ */ C(a, {
 						variant: "outline",
 						size: "sm",
-						children: [/* @__PURE__ */ y(r, { className: "mr-2 h-4 w-4" }), "Cancel"]
-					}), /* @__PURE__ */ b(i, {
+						onClick: () => w("/assets/asset-list"),
+						children: [/* @__PURE__ */ S(r, { className: "mr-2 h-4 w-4" }), "Cancel"]
+					}), /* @__PURE__ */ C(a, {
 						size: "sm",
-						children: [/* @__PURE__ */ y(n, { className: "mr-2 h-4 w-4" }), "Create Asset"]
+						children: [/* @__PURE__ */ S(n, { className: "mr-2 h-4 w-4" }), "Create Asset"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ b(a, { children: [/* @__PURE__ */ b(c, { children: [/* @__PURE__ */ y(l, { children: "General Information" }), /* @__PURE__ */ y(s, { children: "Basic asset details and identification" })] }), /* @__PURE__ */ b(o, {
-				className: "space-y-4",
+			/* @__PURE__ */ S(h, { children: "Register a new asset so it can be tracked, valued, maintained and assigned from day one. Capture its identity (name, tag, serial), category and condition, then the financial and location details — the more you fill in now, the better your reports and audits later." }),
+			/* @__PURE__ */ C(d, { children: [/* @__PURE__ */ C(l, {
+				className: "px-0 pt-0",
+				children: [/* @__PURE__ */ S(u, { children: "General Information" }), /* @__PURE__ */ S(c, { children: "Basic asset details and identification" })]
+			}), /* @__PURE__ */ C(s, {
+				className: "space-y-4 px-0 pb-0",
 				children: [
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ C("div", {
 						className: "grid gap-4 md:grid-cols-2",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Asset Name *" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Asset Name *" }), /* @__PURE__ */ S(p, {
 								placeholder: "e.g., Dell OptiPlex 7090",
-								value: x.name,
-								onChange: (e) => C("name", e.target.value)
+								value: T.name,
+								onChange: (e) => D("name", e.target.value)
 							})]
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Asset Tag *" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Asset Tag *" }), /* @__PURE__ */ S(p, {
 								placeholder: "e.g., IT-HW-001",
-								value: x.assetTag,
-								onChange: (e) => C("assetTag", e.target.value)
+								value: T.assetTag,
+								onChange: (e) => D("assetTag", e.target.value)
 							})]
 						})]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ C("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ y(f, { children: "Description" }), /* @__PURE__ */ y(v, {
+						children: [/* @__PURE__ */ S(m, { children: "Description" }), /* @__PURE__ */ S(x, {
 							placeholder: "Brief description of the asset...",
-							value: x.description,
-							onChange: (e) => C("description", e.target.value),
+							value: T.description,
+							onChange: (e) => D("description", e.target.value),
 							rows: 3
 						})]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ C("div", {
 						className: "grid gap-4 md:grid-cols-3",
 						children: [
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ C("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ y(f, { children: "Category *" }), /* @__PURE__ */ b(p, {
-									value: x.category,
-									onValueChange: (e) => C("category", e),
-									children: [/* @__PURE__ */ y(g, { children: /* @__PURE__ */ y(_, {}) }), /* @__PURE__ */ b(m, { children: [
-										/* @__PURE__ */ y(h, {
+								children: [/* @__PURE__ */ S(m, { children: "Category *" }), /* @__PURE__ */ C(g, {
+									value: T.category,
+									onValueChange: (e) => D("category", e),
+									children: [/* @__PURE__ */ S(y, { children: /* @__PURE__ */ S(b, {}) }), /* @__PURE__ */ C(_, { children: [
+										/* @__PURE__ */ S(v, {
 											value: "electronics",
 											children: "Electronics"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "it_hardware",
 											children: "IT Hardware"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "furniture",
 											children: "Furniture"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "vehicles",
 											children: "Vehicles"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "equipment",
 											children: "Equipment"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "software",
 											children: "Software"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "networking",
 											children: "Networking"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "servers",
 											children: "Servers"
 										})
 									] })]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ C("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ y(f, { children: "Status" }), /* @__PURE__ */ b(p, {
-									value: x.status,
-									onValueChange: (e) => C("status", e),
-									children: [/* @__PURE__ */ y(g, { children: /* @__PURE__ */ y(_, {}) }), /* @__PURE__ */ b(m, { children: [
-										/* @__PURE__ */ y(h, {
+								children: [/* @__PURE__ */ S(m, { children: "Status" }), /* @__PURE__ */ C(g, {
+									value: T.status,
+									onValueChange: (e) => D("status", e),
+									children: [/* @__PURE__ */ S(y, { children: /* @__PURE__ */ S(b, {}) }), /* @__PURE__ */ C(_, { children: [
+										/* @__PURE__ */ S(v, {
 											value: "active",
 											children: "Active"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "inactive",
 											children: "Inactive"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "under_maintenance",
 											children: "Under Maintenance"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "reserved",
 											children: "Reserved"
 										})
 									] })]
 								})]
 							}),
-							/* @__PURE__ */ b("div", {
+							/* @__PURE__ */ C("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ y(f, { children: "Condition" }), /* @__PURE__ */ b(p, {
-									value: x.condition,
-									onValueChange: (e) => C("condition", e),
-									children: [/* @__PURE__ */ y(g, { children: /* @__PURE__ */ y(_, {}) }), /* @__PURE__ */ b(m, { children: [
-										/* @__PURE__ */ y(h, {
+								children: [/* @__PURE__ */ S(m, { children: "Condition" }), /* @__PURE__ */ C(g, {
+									value: T.condition,
+									onValueChange: (e) => D("condition", e),
+									children: [/* @__PURE__ */ S(y, { children: /* @__PURE__ */ S(b, {}) }), /* @__PURE__ */ C(_, { children: [
+										/* @__PURE__ */ S(v, {
 											value: "excellent",
 											children: "Excellent"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "good",
 											children: "Good"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "fair",
 											children: "Fair"
 										}),
-										/* @__PURE__ */ y(h, {
+										/* @__PURE__ */ S(v, {
 											value: "poor",
 											children: "Poor"
 										})
@@ -187,137 +194,137 @@ function x() {
 					})
 				]
 			})] }),
-			/* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(c, { children: /* @__PURE__ */ y(l, { children: "Identification & Manufacturer" }) }), /* @__PURE__ */ y(o, {
+			/* @__PURE__ */ C(o, { children: [/* @__PURE__ */ S(l, { children: /* @__PURE__ */ S(u, { children: "Identification & Manufacturer" }) }), /* @__PURE__ */ S(s, {
 				className: "space-y-4",
-				children: /* @__PURE__ */ b("div", {
+				children: /* @__PURE__ */ C("div", {
 					className: "grid gap-4 md:grid-cols-2",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Serial Number *" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Serial Number *" }), /* @__PURE__ */ S(p, {
 								placeholder: "e.g., DELL-7090-X1A2B3",
-								value: x.serialNumber,
-								onChange: (e) => C("serialNumber", e.target.value)
+								value: T.serialNumber,
+								onChange: (e) => D("serialNumber", e.target.value)
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Vendor" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Vendor" }), /* @__PURE__ */ S(p, {
 								placeholder: "e.g., Dell Technologies",
-								value: x.vendor,
-								onChange: (e) => C("vendor", e.target.value)
+								value: T.vendor,
+								onChange: (e) => D("vendor", e.target.value)
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Manufacturer" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Manufacturer" }), /* @__PURE__ */ S(p, {
 								placeholder: "e.g., Dell",
-								value: x.manufacturer,
-								onChange: (e) => C("manufacturer", e.target.value)
+								value: T.manufacturer,
+								onChange: (e) => D("manufacturer", e.target.value)
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Model" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Model" }), /* @__PURE__ */ S(p, {
 								placeholder: "e.g., OptiPlex 7090",
-								value: x.model,
-								onChange: (e) => C("model", e.target.value)
+								value: T.model,
+								onChange: (e) => D("model", e.target.value)
 							})]
 						})
 					]
 				})
 			})] }),
-			/* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(c, { children: /* @__PURE__ */ y(l, { children: "Financial Details" }) }), /* @__PURE__ */ b(o, {
+			/* @__PURE__ */ C(o, { children: [/* @__PURE__ */ S(l, { children: /* @__PURE__ */ S(u, { children: "Financial Details" }) }), /* @__PURE__ */ C(s, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ C("div", {
 					className: "grid gap-4 md:grid-cols-3",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Purchase Value ($) *" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Purchase Value ($) *" }), /* @__PURE__ */ S(p, {
 								type: "number",
 								placeholder: "0.00",
-								value: x.value,
-								onChange: (e) => C("value", e.target.value)
+								value: T.value,
+								onChange: (e) => D("value", e.target.value)
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Depreciation Rate (%)" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Depreciation Rate (%)" }), /* @__PURE__ */ S(p, {
 								type: "number",
 								placeholder: "20",
-								value: x.depreciationRate,
-								onChange: (e) => C("depreciationRate", e.target.value)
+								value: T.depreciationRate,
+								onChange: (e) => D("depreciationRate", e.target.value)
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Purchase Date *" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Purchase Date *" }), /* @__PURE__ */ S(p, {
 								type: "date",
-								value: x.purchaseDate,
-								onChange: (e) => C("purchaseDate", e.target.value)
+								value: T.purchaseDate,
+								onChange: (e) => D("purchaseDate", e.target.value)
 							})]
 						})
 					]
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "space-y-2",
-					children: [/* @__PURE__ */ y(f, { children: "Warranty Expiry" }), /* @__PURE__ */ y(d, {
+					children: [/* @__PURE__ */ S(m, { children: "Warranty Expiry" }), /* @__PURE__ */ S(p, {
 						type: "date",
-						value: x.warrantyExpiry,
-						onChange: (e) => C("warrantyExpiry", e.target.value)
+						value: T.warrantyExpiry,
+						onChange: (e) => D("warrantyExpiry", e.target.value)
 					})]
 				})]
 			})] }),
-			/* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(c, { children: /* @__PURE__ */ y(l, { children: "Assignment & Location" }) }), /* @__PURE__ */ b(o, {
+			/* @__PURE__ */ C(o, { children: [/* @__PURE__ */ S(l, { children: /* @__PURE__ */ S(u, { children: "Assignment & Location" }) }), /* @__PURE__ */ C(s, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ C("div", {
 						className: "grid gap-4 md:grid-cols-2",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Assigned To" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Assigned To" }), /* @__PURE__ */ S(p, {
 								placeholder: "e.g., john.smith@company.com",
-								value: x.assignedTo,
-								onChange: (e) => C("assignedTo", e.target.value)
+								value: T.assignedTo,
+								onChange: (e) => D("assignedTo", e.target.value)
 							})]
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Department" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Department" }), /* @__PURE__ */ S(p, {
 								placeholder: "e.g., Information Technology",
-								value: x.department,
-								onChange: (e) => C("department", e.target.value)
+								value: T.department,
+								onChange: (e) => D("department", e.target.value)
 							})]
 						})]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ C("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ y(f, { children: "Location" }), /* @__PURE__ */ y(d, {
+						children: [/* @__PURE__ */ S(m, { children: "Location" }), /* @__PURE__ */ S(p, {
 							placeholder: "e.g., Building A, Floor 3, Desk 15",
-							value: x.location,
-							onChange: (e) => C("location", e.target.value)
+							value: T.location,
+							onChange: (e) => D("location", e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ C("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ y(f, { children: "Tags (comma-separated)" }), /* @__PURE__ */ y(d, {
+						children: [/* @__PURE__ */ S(m, { children: "Tags (comma-separated)" }), /* @__PURE__ */ S(p, {
 							placeholder: "e.g., desktop, engineering, high-performance",
-							value: x.tags,
-							onChange: (e) => C("tags", e.target.value)
+							value: T.tags,
+							onChange: (e) => D("tags", e.target.value)
 						})]
 					})
 				]
 			})] }),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flex justify-end gap-2",
-				children: [/* @__PURE__ */ y(i, {
+				children: [/* @__PURE__ */ S(a, {
 					variant: "outline",
 					children: "Cancel"
-				}), /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y(n, { className: "mr-2 h-4 w-4" }), "Create Asset"] })]
+				}), /* @__PURE__ */ C(a, { children: [/* @__PURE__ */ S(n, { className: "mr-2 h-4 w-4" }), "Create Asset"] })]
 			})
 		]
 	});
 }
 //#endregion
-export { x as AssetsAssetCreatePage };
+export { w as AssetsAssetCreatePage };
 //# sourceMappingURL=AssetsAssetCreatePage.js.map

package/dist/assethandler/pages/AssetsAssetCreatePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetsAssetCreatePage.js","names":[],"sources":["../../../src/assethandler/pages/AssetsAssetCreatePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n Button,\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n Input,\n Label,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n Textarea,\n GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Save, X } from 'lucide-react';\n\nexport function AssetsAssetCreatePage() {\n const [formData, setFormData] = useState({\n name: '',\n description: '',\n category: 'it_hardware',\n status: 'active',\n condition: 'good',\n serialNumber: '',\n assetTag: '',\n value: '',\n location: '',\n department: '',\n assignedTo: '',\n vendor: '',\n model: '',\n manufacturer: '',\n depreciationRate: '20',\n purchaseDate: '',\n warrantyExpiry: '',\n tags: '',\n });\n\n const handleChange = (field: string, value: string) => {\n setFormData((prev) => ({ ...prev, [field]: value }));\n };\n\n return (\n <div className=\"space-y-6 p-6 max-w-4xl\">\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-4\">\n <Button variant=\"ghost\" size=\"icon\">\n <ArrowLeft className=\"h-4 w-4\" />\n </Button>\n <div>\n <h1 className=\"text-2xl font-bold\">\n <GradientText>Create New Asset</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">Register a new asset in the inventory</p>\n </div>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\" size=\"sm\">\n <X className=\"mr-2 h-4 w-4\" />\n Cancel\n </Button>\n <Button size=\"sm\">\n <Save className=\"mr-2 h-4 w-4\" />\n Create Asset\n </Button>\n </div>\n </div>\n\n <Card>\n <CardHeader>\n <CardTitle>General Information</CardTitle>\n <CardDescription>Basic asset details and identification</CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"grid gap-4 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Asset Name </Label>\n <Input\n placeholder=\"e.g., Dell OptiPlex 7090\"\n value={formData.name}\n onChange={(e) => handleChange('name', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Asset Tag </Label>\n <Input\n placeholder=\"e.g., IT-HW-001\"\n value={formData.assetTag}\n onChange={(e) => handleChange('assetTag', e.target.value)}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Description</Label>\n <Textarea\n placeholder=\"Brief description of the asset...\"\n value={formData.description}\n onChange={(e) => handleChange('description', e.target.value)}\n rows={3}\n />\n </div>\n <div className=\"grid gap-4 md:grid-cols-3\">\n <div className=\"space-y-2\">\n <Label>Category </Label>\n <Select value={formData.category} onValueChange={(v) => handleChange('category', v)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"electronics\">Electronics</SelectItem>\n <SelectItem value=\"it_hardware\">IT Hardware</SelectItem>\n <SelectItem value=\"furniture\">Furniture</SelectItem>\n <SelectItem value=\"vehicles\">Vehicles</SelectItem>\n <SelectItem value=\"equipment\">Equipment</SelectItem>\n <SelectItem value=\"software\">Software</SelectItem>\n <SelectItem value=\"networking\">Networking</SelectItem>\n <SelectItem value=\"servers\">Servers</SelectItem>\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Status</Label>\n <Select value={formData.status} onValueChange={(v) => handleChange('status', v)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"active\">Active</SelectItem>\n <SelectItem value=\"inactive\">Inactive</SelectItem>\n <SelectItem value=\"under_maintenance\">Under Maintenance</SelectItem>\n <SelectItem value=\"reserved\">Reserved</SelectItem>\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Condition</Label>\n <Select\n value={formData.condition}\n onValueChange={(v) => handleChange('condition', v)}\n >\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"excellent\">Excellent</SelectItem>\n <SelectItem value=\"good\">Good</SelectItem>\n <SelectItem value=\"fair\">Fair</SelectItem>\n <SelectItem value=\"poor\">Poor</SelectItem>\n </SelectContent>\n </Select>\n </div>\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle>Identification & Manufacturer</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"grid gap-4 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Serial Number </Label>\n <Input\n placeholder=\"e.g., DELL-7090-X1A2B3\"\n value={formData.serialNumber}\n onChange={(e) => handleChange('serialNumber', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Vendor</Label>\n <Input\n placeholder=\"e.g., Dell Technologies\"\n value={formData.vendor}\n onChange={(e) => handleChange('vendor', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Manufacturer</Label>\n <Input\n placeholder=\"e.g., Dell\"\n value={formData.manufacturer}\n onChange={(e) => handleChange('manufacturer', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Model</Label>\n <Input\n placeholder=\"e.g., OptiPlex 7090\"\n value={formData.model}\n onChange={(e) => handleChange('model', e.target.value)}\n />\n </div>\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle>Financial Details</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"grid gap-4 md:grid-cols-3\">\n <div className=\"space-y-2\">\n <Label>Purchase Value ($) </Label>\n <Input\n type=\"number\"\n placeholder=\"0.00\"\n value={formData.value}\n onChange={(e) => handleChange('value', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Depreciation Rate (%)</Label>\n <Input\n type=\"number\"\n placeholder=\"20\"\n value={formData.depreciationRate}\n onChange={(e) => handleChange('depreciationRate', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Purchase Date </Label>\n <Input\n type=\"date\"\n value={formData.purchaseDate}\n onChange={(e) => handleChange('purchaseDate', e.target.value)}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Warranty Expiry</Label>\n <Input\n type=\"date\"\n value={formData.warrantyExpiry}\n onChange={(e) => handleChange('warrantyExpiry', e.target.value)}\n />\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle>Assignment & Location</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"grid gap-4 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Assigned To</Label>\n <Input\n placeholder=\"e.g., john.smith@company.com\"\n value={formData.assignedTo}\n onChange={(e) => handleChange('assignedTo', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Department</Label>\n <Input\n placeholder=\"e.g., Information Technology\"\n value={formData.department}\n onChange={(e) => handleChange('department', e.target.value)}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Location</Label>\n <Input\n placeholder=\"e.g., Building A, Floor 3, Desk 15\"\n value={formData.location}\n onChange={(e) => handleChange('location', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Tags (comma-separated)</Label>\n <Input\n placeholder=\"e.g., desktop, engineering, high-performance\"\n value={formData.tags}\n onChange={(e) => handleChange('tags', e.target.value)}\n />\n </div>\n </CardContent>\n </Card>\n\n <div className=\"flex justify-end gap-2\">\n <Button variant=\"outline\">Cancel</Button>\n <Button>\n <Save className=\"mr-2 h-4 w-4\" />\n Create Asset\n </Button>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AssetsAssetCreatePage.js","names":[],"sources":["../../../src/assethandler/pages/AssetsAssetCreatePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n Button,\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n Input,\n Label,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n Textarea,\n GradientText,\n EmphasisPanel,\n PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Save, X } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\n\nexport function AssetsAssetCreatePage() {\n const navigate = useNavigate();\n const [formData, setFormData] = useState({\n name: '',\n description: '',\n category: 'it_hardware',\n status: 'active',\n condition: 'good',\n serialNumber: '',\n assetTag: '',\n value: '',\n location: '',\n department: '',\n assignedTo: '',\n vendor: '',\n model: '',\n manufacturer: '',\n depreciationRate: '20',\n purchaseDate: '',\n warrantyExpiry: '',\n tags: '',\n });\n\n const handleChange = (field: string, value: string) => {\n setFormData((prev) => ({ ...prev, [field]: value }));\n };\n\n return (\n <div className=\"space-y-6 p-6 max-w-4xl\">\n <div className=\"flex items-center justify-between\">\n <div className=\"flex items-center gap-4\">\n <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/assets/asset-list')}>\n <ArrowLeft className=\"h-4 w-4\" />\n </Button>\n <div>\n <h1 className=\"text-2xl font-bold\">\n <GradientText>Create New Asset</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">Register a new asset in the inventory</p>\n </div>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/assets/asset-list')}>\n <X className=\"mr-2 h-4 w-4\" />\n Cancel\n </Button>\n <Button size=\"sm\">\n <Save className=\"mr-2 h-4 w-4\" />\n Create Asset\n </Button>\n </div>\n </div>\n\n <PagePurpose>\n Register a new asset so it can be tracked, valued, maintained and assigned from day one.\n Capture its identity (name, tag, serial), category and condition, then the financial and\n location details — the more you fill in now, the better your reports and audits later.\n </PagePurpose>\n\n <EmphasisPanel>\n <CardHeader className=\"px-0 pt-0\">\n <CardTitle>General Information</CardTitle>\n <CardDescription>Basic asset details and identification</CardDescription>\n </CardHeader>\n <CardContent className=\"space-y-4 px-0 pb-0\">\n <div className=\"grid gap-4 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Asset Name </Label>\n <Input\n placeholder=\"e.g., Dell OptiPlex 7090\"\n value={formData.name}\n onChange={(e) => handleChange('name', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Asset Tag </Label>\n <Input\n placeholder=\"e.g., IT-HW-001\"\n value={formData.assetTag}\n onChange={(e) => handleChange('assetTag', e.target.value)}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Description</Label>\n <Textarea\n placeholder=\"Brief description of the asset...\"\n value={formData.description}\n onChange={(e) => handleChange('description', e.target.value)}\n rows={3}\n />\n </div>\n <div className=\"grid gap-4 md:grid-cols-3\">\n <div className=\"space-y-2\">\n <Label>Category </Label>\n <Select value={formData.category} onValueChange={(v) => handleChange('category', v)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"electronics\">Electronics</SelectItem>\n <SelectItem value=\"it_hardware\">IT Hardware</SelectItem>\n <SelectItem value=\"furniture\">Furniture</SelectItem>\n <SelectItem value=\"vehicles\">Vehicles</SelectItem>\n <SelectItem value=\"equipment\">Equipment</SelectItem>\n <SelectItem value=\"software\">Software</SelectItem>\n <SelectItem value=\"networking\">Networking</SelectItem>\n <SelectItem value=\"servers\">Servers</SelectItem>\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Status</Label>\n <Select value={formData.status} onValueChange={(v) => handleChange('status', v)}>\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"active\">Active</SelectItem>\n <SelectItem value=\"inactive\">Inactive</SelectItem>\n <SelectItem value=\"under_maintenance\">Under Maintenance</SelectItem>\n <SelectItem value=\"reserved\">Reserved</SelectItem>\n </SelectContent>\n </Select>\n </div>\n <div className=\"space-y-2\">\n <Label>Condition</Label>\n <Select\n value={formData.condition}\n onValueChange={(v) => handleChange('condition', v)}\n >\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem value=\"excellent\">Excellent</SelectItem>\n <SelectItem value=\"good\">Good</SelectItem>\n <SelectItem value=\"fair\">Fair</SelectItem>\n <SelectItem value=\"poor\">Poor</SelectItem>\n </SelectContent>\n </Select>\n </div>\n </div>\n </CardContent>\n </EmphasisPanel>\n\n <Card>\n <CardHeader>\n <CardTitle>Identification & Manufacturer</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"grid gap-4 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Serial Number </Label>\n <Input\n placeholder=\"e.g., DELL-7090-X1A2B3\"\n value={formData.serialNumber}\n onChange={(e) => handleChange('serialNumber', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Vendor</Label>\n <Input\n placeholder=\"e.g., Dell Technologies\"\n value={formData.vendor}\n onChange={(e) => handleChange('vendor', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Manufacturer</Label>\n <Input\n placeholder=\"e.g., Dell\"\n value={formData.manufacturer}\n onChange={(e) => handleChange('manufacturer', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Model</Label>\n <Input\n placeholder=\"e.g., OptiPlex 7090\"\n value={formData.model}\n onChange={(e) => handleChange('model', e.target.value)}\n />\n </div>\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle>Financial Details</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"grid gap-4 md:grid-cols-3\">\n <div className=\"space-y-2\">\n <Label>Purchase Value ($) </Label>\n <Input\n type=\"number\"\n placeholder=\"0.00\"\n value={formData.value}\n onChange={(e) => handleChange('value', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Depreciation Rate (%)</Label>\n <Input\n type=\"number\"\n placeholder=\"20\"\n value={formData.depreciationRate}\n onChange={(e) => handleChange('depreciationRate', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Purchase Date </Label>\n <Input\n type=\"date\"\n value={formData.purchaseDate}\n onChange={(e) => handleChange('purchaseDate', e.target.value)}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Warranty Expiry</Label>\n <Input\n type=\"date\"\n value={formData.warrantyExpiry}\n onChange={(e) => handleChange('warrantyExpiry', e.target.value)}\n />\n </div>\n </CardContent>\n </Card>\n\n <Card>\n <CardHeader>\n <CardTitle>Assignment & Location</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"grid gap-4 md:grid-cols-2\">\n <div className=\"space-y-2\">\n <Label>Assigned To</Label>\n <Input\n placeholder=\"e.g., john.smith@company.com\"\n value={formData.assignedTo}\n onChange={(e) => handleChange('assignedTo', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Department</Label>\n <Input\n placeholder=\"e.g., Information Technology\"\n value={formData.department}\n onChange={(e) => handleChange('department', e.target.value)}\n />\n </div>\n </div>\n <div className=\"space-y-2\">\n <Label>Location</Label>\n <Input\n placeholder=\"e.g., Building A, Floor 3, Desk 15\"\n value={formData.location}\n onChange={(e) => handleChange('location', e.target.value)}\n />\n </div>\n <div className=\"space-y-2\">\n <Label>Tags (comma-separated)</Label>\n <Input\n placeholder=\"e.g., desktop, engineering, high-performance\"\n value={formData.tags}\n onChange={(e) => handleChange('tags', e.target.value)}\n />\n </div>\n </CardContent>\n </Card>\n\n <div className=\"flex justify-end gap-2\">\n <Button variant=\"outline\">Cancel</Button>\n <Button>\n <Save className=\"mr-2 h-4 w-4\" />\n Create Asset\n </Button>\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;;AAuBA,SAAgB,IAAwB;CACtC,IAAM,IAAW,GAAa,EACxB,CAAC,GAAU,KAAe,EAAS;EACvC,MAAM;EACN,aAAa;EACb,UAAU;EACV,QAAQ;EACR,WAAW;EACX,cAAc;EACd,UAAU;EACV,OAAO;EACP,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,OAAO;EACP,cAAc;EACd,kBAAkB;EAClB,cAAc;EACd,gBAAgB;EAChB,MAAM;EACP,CAAC,EAEI,KAAgB,GAAe,MAAkB;AACrD,KAAa,OAAU;GAAE,GAAG;IAAO,IAAQ;GAAO,EAAE;;AAGtD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,SAAQ;MAAQ,MAAK;MAAO,eAAe,EAAS,qBAAqB;gBAC/E,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MAC1B,CAAA,EACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,GAAD,EAAA,UAAc,oBAA+B,CAAA;MAC1C,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAyC,CAAA,CAChF,EAAA,CAAA,CACF;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,eAAe,EAAS,qBAAqB;gBAAjF,CACE,kBAAC,GAAD,EAAG,WAAU,gBAAiB,CAAA,EAAA,SAEvB;SACT,kBAAC,GAAD;MAAQ,MAAK;gBAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,eAE1B;QACL;OACF;;GAEN,kBAAC,GAAD,EAAA,UAAa,4QAIC,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,WAAU;cAAtB,CACE,kBAAC,GAAD,EAAA,UAAW,uBAA+B,CAAA,EAC1C,kBAAC,GAAD,EAAA,UAAiB,0CAAwD,CAAA,CAC9D;OACb,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,gBAAoB,CAAA,EAC3B,kBAAC,GAAD;QACE,aAAY;QACZ,OAAO,EAAS;QAChB,WAAW,MAAM,EAAa,QAAQ,EAAE,OAAO,MAAM;QACrD,CAAA,CACE;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,eAAmB,CAAA,EAC1B,kBAAC,GAAD;QACE,aAAY;QACZ,OAAO,EAAS;QAChB,WAAW,MAAM,EAAa,YAAY,EAAE,OAAO,MAAM;QACzD,CAAA,CACE;SACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,eAAmB,CAAA,EAC1B,kBAAC,GAAD;OACE,aAAY;OACZ,OAAO,EAAS;OAChB,WAAW,MAAM,EAAa,eAAe,EAAE,OAAO,MAAM;OAC5D,MAAM;OACN,CAAA,CACE;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,cAAkB,CAAA,EACzB,kBAAC,GAAD;SAAQ,OAAO,EAAS;SAAU,gBAAgB,MAAM,EAAa,YAAY,EAAE;mBAAnF,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAe,CAAA,EACD,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA;UACE,kBAAC,GAAD;WAAY,OAAM;qBAAc;WAAwB,CAAA;UACxD,kBAAC,GAAD;WAAY,OAAM;qBAAc;WAAwB,CAAA;UACxD,kBAAC,GAAD;WAAY,OAAM;qBAAY;WAAsB,CAAA;UACpD,kBAAC,GAAD;WAAY,OAAM;qBAAW;WAAqB,CAAA;UAClD,kBAAC,GAAD;WAAY,OAAM;qBAAY;WAAsB,CAAA;UACpD,kBAAC,GAAD;WAAY,OAAM;qBAAW;WAAqB,CAAA;UAClD,kBAAC,GAAD;WAAY,OAAM;qBAAa;WAAuB,CAAA;UACtD,kBAAC,GAAD;WAAY,OAAM;qBAAU;WAAoB,CAAA;UAClC,EAAA,CAAA,CACT;WACL;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,UAAc,CAAA,EACrB,kBAAC,GAAD;SAAQ,OAAO,EAAS;SAAQ,gBAAgB,MAAM,EAAa,UAAU,EAAE;mBAA/E,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAe,CAAA,EACD,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA;UACE,kBAAC,GAAD;WAAY,OAAM;qBAAS;WAAmB,CAAA;UAC9C,kBAAC,GAAD;WAAY,OAAM;qBAAW;WAAqB,CAAA;UAClD,kBAAC,GAAD;WAAY,OAAM;qBAAoB;WAA8B,CAAA;UACpE,kBAAC,GAAD;WAAY,OAAM;qBAAW;WAAqB,CAAA;UACpC,EAAA,CAAA,CACT;WACL;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,aAAiB,CAAA,EACxB,kBAAC,GAAD;SACE,OAAO,EAAS;SAChB,gBAAgB,MAAM,EAAa,aAAa,EAAE;mBAFpD,CAIE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAe,CAAA,EACD,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA;UACE,kBAAC,GAAD;WAAY,OAAM;qBAAY;WAAsB,CAAA;UACpD,kBAAC,GAAD;WAAY,OAAM;qBAAO;WAAiB,CAAA;UAC1C,kBAAC,GAAD;WAAY,OAAM;qBAAO;WAAiB,CAAA;UAC1C,kBAAC,GAAD;WAAY,OAAM;qBAAO;WAAiB,CAAA;UAC5B,EAAA,CAAA,CACT;WACL;;OACF;;KACM;MACA,EAAA,CAAA;GAEhB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,iCAAyC,CAAA,EACzC,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACrB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,mBAAuB,CAAA,EAC9B,kBAAC,GAAD;QACE,aAAY;QACZ,OAAO,EAAS;QAChB,WAAW,MAAM,EAAa,gBAAgB,EAAE,OAAO,MAAM;QAC7D,CAAA,CACE;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,UAAc,CAAA,EACrB,kBAAC,GAAD;QACE,aAAY;QACZ,OAAO,EAAS;QAChB,WAAW,MAAM,EAAa,UAAU,EAAE,OAAO,MAAM;QACvD,CAAA,CACE;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,gBAAoB,CAAA,EAC3B,kBAAC,GAAD;QACE,aAAY;QACZ,OAAO,EAAS;QAChB,WAAW,MAAM,EAAa,gBAAgB,EAAE,OAAO,MAAM;QAC7D,CAAA,CACE;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,SAAa,CAAA,EACpB,kBAAC,GAAD;QACE,aAAY;QACZ,OAAO,EAAS;QAChB,WAAW,MAAM,EAAa,SAAS,EAAE,OAAO,MAAM;QACtD,CAAA,CACE;;MACF;;IACM,CAAA,CACT,EAAA,CAAA;GAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,qBAA6B,CAAA,EAC7B,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,wBAA4B,CAAA,EACnC,kBAAC,GAAD;QACE,MAAK;QACL,aAAY;QACZ,OAAO,EAAS;QAChB,WAAW,MAAM,EAAa,SAAS,EAAE,OAAO,MAAM;QACtD,CAAA,CACE;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,yBAA6B,CAAA,EACpC,kBAAC,GAAD;QACE,MAAK;QACL,aAAY;QACZ,OAAO,EAAS;QAChB,WAAW,MAAM,EAAa,oBAAoB,EAAE,OAAO,MAAM;QACjE,CAAA,CACE;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,mBAAuB,CAAA,EAC9B,kBAAC,GAAD;QACE,MAAK;QACL,OAAO,EAAS;QAChB,WAAW,MAAM,EAAa,gBAAgB,EAAE,OAAO,MAAM;QAC7D,CAAA,CACE;;MACF;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAA,UAAO,mBAAuB,CAAA,EAC9B,kBAAC,GAAD;MACE,MAAK;MACL,OAAO,EAAS;MAChB,WAAW,MAAM,EAAa,kBAAkB,EAAE,OAAO,MAAM;MAC/D,CAAA,CACE;OACM;MACT,EAAA,CAAA;GAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,yBAAiC,CAAA,EACjC,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,eAAmB,CAAA,EAC1B,kBAAC,GAAD;QACE,aAAY;QACZ,OAAO,EAAS;QAChB,WAAW,MAAM,EAAa,cAAc,EAAE,OAAO,MAAM;QAC3D,CAAA,CACE;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,cAAkB,CAAA,EACzB,kBAAC,GAAD;QACE,aAAY;QACZ,OAAO,EAAS;QAChB,WAAW,MAAM,EAAa,cAAc,EAAE,OAAO,MAAM;QAC3D,CAAA,CACE;SACF;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,YAAgB,CAAA,EACvB,kBAAC,GAAD;OACE,aAAY;OACZ,OAAO,EAAS;OAChB,WAAW,MAAM,EAAa,YAAY,EAAE,OAAO,MAAM;OACzD,CAAA,CACE;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,0BAA8B,CAAA,EACrC,kBAAC,GAAD;OACE,aAAY;OACZ,OAAO,EAAS;OAChB,WAAW,MAAM,EAAa,QAAQ,EAAE,OAAO,MAAM;OACrD,CAAA,CACE;;KACM;MACT,EAAA,CAAA;GAEP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,SAAQ;eAAU;KAAe,CAAA,EACzC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,eAE1B,EAAA,CAAA,CACL;;GACF"}