@burdenoff/microfe-assethandler 2026.625.1 → 2026.625.2

package/dist/assethandler/pages/UsersUserCreatePage.js

@@ -1,9 +1,10 @@
 import { useState as e } from "react";
 import { ArrowLeft as t, Save as n, UserPlus as r } from "lucide-react";
-import { Button as i, Card as a, CardContent as o, CardHeader as s, CardTitle as c, Checkbox 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 _, Separator 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, CardHeader as c, CardTitle as l, Checkbox 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, Separator as x } from "@burdenoff/fe-libs/ui";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/assethandler/pages/UsersUserCreatePage.tsx
-var x = [
+var w = [
 	"Information Technology",
 	"Engineering",
 	"IT Support",
@@ -15,13 +16,13 @@ var x = [
 	"Creative Services",
 	"Field Services",
 	"General Office"
-], S = [
+], T = [
 	"admin",
 	"manager",
 	"technician",
 	"viewer",
 	"auditor"
-], C = [
+], E = [
 	{
 		key: "assets.full",
 		label: "Full Asset Management"
@@ -67,126 +68,132 @@ var x = [
 		label: "Full Settings Access"
 	}
 ];
-function w() {
-	let [w, T] = e(""), [E, D] = e(""), [O, k] = e(""), [A, j] = e(""), [M, N] = e(""), [P, F] = e(""), [I, L] = e(""), [R, z] = e([]), B = (e) => {
-		z((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+function D() {
+	let D = i(), [O, k] = e(""), [A, j] = e(""), [M, N] = e(""), [P, F] = e(""), [I, L] = e(""), [R, z] = e(""), [B, V] = e(""), [H, U] = e([]), W = (e) => {
+		U((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 	};
-	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-3",
-					children: [/* @__PURE__ */ y(i, {
+					children: [/* @__PURE__ */ S(a, {
 						variant: "outline",
 						size: "sm",
-						children: /* @__PURE__ */ y(t, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h1", {
+						onClick: () => D("/users"),
+						children: /* @__PURE__ */ S(t, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h1", {
 						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ y(u, { children: "Create User" })
-					}), /* @__PURE__ */ y("p", {
+						children: /* @__PURE__ */ S(f, { children: "Create User" })
+					}), /* @__PURE__ */ S("p", {
 						className: "text-sm text-text-secondary",
 						children: "Add a new user account to the system."
 					})] })]
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ y(i, {
+					children: [/* @__PURE__ */ S(a, {
 						variant: "outline",
 						size: "sm",
+						onClick: () => D("/users"),
 						children: "Cancel"
-					}), /* @__PURE__ */ b(i, {
+					}), /* @__PURE__ */ C(a, {
 						size: "sm",
-						children: [/* @__PURE__ */ y(r, { className: "mr-2 h-4 w-4" }), "Create User"]
+						children: [/* @__PURE__ */ S(r, { className: "mr-2 h-4 w-4" }), "Create User"]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S(h, { children: "Create a new user account and decide what they can do from day one. Capture their details, assign a role and department, and tune individual permissions — so people get least- privilege access that matches their job without manual follow-up." }),
+			/* @__PURE__ */ C("div", {
 				className: "grid gap-6 md:grid-cols-2",
-				children: [/* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ y(c, { children: "Personal Information" }) }), /* @__PURE__ */ b(o, {
-					className: "space-y-4",
+				children: [/* @__PURE__ */ C(d, { children: [/* @__PURE__ */ S(c, {
+					className: "px-0 pt-0",
+					children: /* @__PURE__ */ S(l, { children: "Personal Information" })
+				}), /* @__PURE__ */ C(s, {
+					className: "space-y-4 px-0 pb-0",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ C("div", {
 							className: "grid gap-4 grid-cols-2",
-							children: [/* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ C("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ y(f, { children: "First Name" }), /* @__PURE__ */ y(d, {
+								children: [/* @__PURE__ */ S(m, { children: "First Name" }), /* @__PURE__ */ S(p, {
 									placeholder: "John",
-									value: w,
-									onChange: (e) => T(e.target.value)
+									value: O,
+									onChange: (e) => k(e.target.value)
 								})]
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ C("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ y(f, { children: "Last Name" }), /* @__PURE__ */ y(d, {
+								children: [/* @__PURE__ */ S(m, { children: "Last Name" }), /* @__PURE__ */ S(p, {
 									placeholder: "Smith",
-									value: E,
-									onChange: (e) => D(e.target.value)
+									value: A,
+									onChange: (e) => j(e.target.value)
 								})]
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Email Address" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Email Address" }), /* @__PURE__ */ S(p, {
 								type: "email",
 								placeholder: "john.smith@company.com",
-								value: O,
-								onChange: (e) => k(e.target.value)
+								value: M,
+								onChange: (e) => N(e.target.value)
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Phone Number" }), /* @__PURE__ */ y(d, {
+							children: [/* @__PURE__ */ S(m, { children: "Phone Number" }), /* @__PURE__ */ S(p, {
 								placeholder: "+1-555-0123",
-								value: A,
-								onChange: (e) => j(e.target.value)
+								value: P,
+								onChange: (e) => F(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: "New York, NY",
-								value: I,
-								onChange: (e) => L(e.target.value)
+								value: B,
+								onChange: (e) => V(e.target.value)
 							})]
 						})
 					]
-				})] }), /* @__PURE__ */ b(a, { children: [/* @__PURE__ */ y(s, { children: /* @__PURE__ */ y(c, { children: "Role & Department" }) }), /* @__PURE__ */ b(o, {
+				})] }), /* @__PURE__ */ C(o, { children: [/* @__PURE__ */ S(c, { children: /* @__PURE__ */ S(l, { children: "Role & Department" }) }), /* @__PURE__ */ C(s, {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Department" }), /* @__PURE__ */ b(p, {
-								value: M,
-								onValueChange: N,
-								children: [/* @__PURE__ */ y(g, { children: /* @__PURE__ */ y(_, { placeholder: "Select department..." }) }), /* @__PURE__ */ y(m, { children: x.map((e) => /* @__PURE__ */ y(h, {
+							children: [/* @__PURE__ */ S(m, { children: "Department" }), /* @__PURE__ */ C(g, {
+								value: I,
+								onValueChange: L,
+								children: [/* @__PURE__ */ S(y, { children: /* @__PURE__ */ S(b, { placeholder: "Select department..." }) }), /* @__PURE__ */ S(_, { children: w.map((e) => /* @__PURE__ */ S(v, {
 									value: e,
 									children: e
 								}, e)) })]
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ C("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ y(f, { children: "Role" }), /* @__PURE__ */ b(p, {
-								value: P,
-								onValueChange: F,
-								children: [/* @__PURE__ */ y(g, { children: /* @__PURE__ */ y(_, { placeholder: "Select role..." }) }), /* @__PURE__ */ y(m, { children: S.map((e) => /* @__PURE__ */ y(h, {
+							children: [/* @__PURE__ */ S(m, { children: "Role" }), /* @__PURE__ */ C(g, {
+								value: R,
+								onValueChange: z,
+								children: [/* @__PURE__ */ S(y, { children: /* @__PURE__ */ S(b, { placeholder: "Select role..." }) }), /* @__PURE__ */ S(_, { children: T.map((e) => /* @__PURE__ */ S(v, {
 									value: e,
 									children: e.charAt(0).toUpperCase() + e.slice(1)
 								}, e)) })]
 							})]
 						}),
-						/* @__PURE__ */ y(v, {}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S(x, {}),
+						/* @__PURE__ */ C("div", {
 							className: "space-y-3",
-							children: [/* @__PURE__ */ y(f, { children: "Initial Permissions" }), /* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ S(m, { children: "Initial Permissions" }), /* @__PURE__ */ S("div", {
 								className: "space-y-2",
-								children: C.map((e) => /* @__PURE__ */ b("div", {
+								children: E.map((e) => /* @__PURE__ */ C("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ y(l, {
+									children: [/* @__PURE__ */ S(u, {
 										id: e.key,
-										checked: R.includes(e.key),
-										onCheckedChange: () => B(e.key)
-									}), /* @__PURE__ */ y("label", {
+										checked: H.includes(e.key),
+										onCheckedChange: () => W(e.key)
+									}), /* @__PURE__ */ S("label", {
 										htmlFor: e.key,
 										className: "text-sm cursor-pointer",
 										children: e.label
@@ -197,17 +204,17 @@ function w() {
 					]
 				})] })]
 			}),
-			/* @__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 User Account"] })]
+				}), /* @__PURE__ */ C(a, { children: [/* @__PURE__ */ S(n, { className: "mr-2 h-4 w-4" }), "Create User Account"] })]
 			})
 		]
 	});
 }
 //#endregion
-export { w as UsersUserCreatePage };
+export { D as UsersUserCreatePage };
 
 //# sourceMappingURL=UsersUserCreatePage.js.map

package/dist/assethandler/pages/UsersUserCreatePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"UsersUserCreatePage.js","names":[],"sources":["../../../src/assethandler/pages/UsersUserCreatePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n  Label,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Checkbox,\n  Separator,\n  GradientText,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Save, UserPlus } from 'lucide-react';\n\nconst departments = [\n  'Information Technology',\n  'Engineering',\n  'IT Support',\n  'Finance',\n  'Facilities',\n  'Compliance',\n  'Security Operations',\n  'Network Operations',\n  'Creative Services',\n  'Field Services',\n  'General Office',\n];\nconst roles = ['admin', 'manager', 'technician', 'viewer', 'auditor'];\nconst availablePermissions = [\n  { key: 'assets.full', label: 'Full Asset Management' },\n  { key: 'assets.read', label: 'View Assets' },\n  { key: 'assets.update', label: 'Update Assets' },\n  { key: 'users.full', label: 'Full User Management' },\n  { key: 'users.read', label: 'View Users' },\n  { key: 'reports.full', label: 'Full Reports Access' },\n  { key: 'reports.read', label: 'View Reports' },\n  { key: 'maintenance.full', label: 'Full Maintenance Access' },\n  { key: 'audit.full', label: 'Full Audit Access' },\n  { key: 'compliance.full', label: 'Full Compliance Access' },\n  { key: 'settings.full', label: 'Full Settings Access' },\n];\n\nexport function UsersUserCreatePage() {\n  const [firstName, setFirstName] = useState('');\n  const [lastName, setLastName] = useState('');\n  const [email, setEmail] = useState('');\n  const [phone, setPhone] = useState('');\n  const [department, setDepartment] = useState('');\n  const [role, setRole] = useState('');\n  const [location, setLocation] = useState('');\n  const [selectedPermissions, setSelectedPermissions] = useState<string[]>([]);\n\n  const togglePermission = (key: string) => {\n    setSelectedPermissions((prev) =>\n      prev.includes(key) ? prev.filter((p) => p !== key) : [...prev, key]\n    );\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-3\">\n          <Button variant=\"outline\" size=\"sm\">\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">\n              <GradientText>Create User</GradientText>\n            </h1>\n            <p className=\"text-sm text-text-secondary\">Add a new user account to the system.</p>\n          </div>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            Cancel\n          </Button>\n          <Button size=\"sm\">\n            <UserPlus className=\"mr-2 h-4 w-4\" />\n            Create User\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-6 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Personal Information</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <div className=\"grid gap-4 grid-cols-2\">\n              <div className=\"space-y-2\">\n                <Label>First Name</Label>\n                <Input\n                  placeholder=\"John\"\n                  value={firstName}\n                  onChange={(e) => setFirstName(e.target.value)}\n                />\n              </div>\n              <div className=\"space-y-2\">\n                <Label>Last Name</Label>\n                <Input\n                  placeholder=\"Smith\"\n                  value={lastName}\n                  onChange={(e) => setLastName(e.target.value)}\n                />\n              </div>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Email Address</Label>\n              <Input\n                type=\"email\"\n                placeholder=\"john.smith@company.com\"\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Phone Number</Label>\n              <Input\n                placeholder=\"+1-555-0123\"\n                value={phone}\n                onChange={(e) => setPhone(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Location</Label>\n              <Input\n                placeholder=\"New York, NY\"\n                value={location}\n                onChange={(e) => setLocation(e.target.value)}\n              />\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Role & Department</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <Label>Department</Label>\n              <Select value={department} onValueChange={setDepartment}>\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Select department...\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {departments.map((d) => (\n                    <SelectItem key={d} value={d}>\n                      {d}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Role</Label>\n              <Select value={role} onValueChange={setRole}>\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Select role...\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {roles.map((r) => (\n                    <SelectItem key={r} value={r}>\n                      {r.charAt(0).toUpperCase() + r.slice(1)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <Separator />\n            <div className=\"space-y-3\">\n              <Label>Initial Permissions</Label>\n              <div className=\"space-y-2\">\n                {availablePermissions.map((perm) => (\n                  <div key={perm.key} className=\"flex items-center gap-2\">\n                    <Checkbox\n                      id={perm.key}\n                      checked={selectedPermissions.includes(perm.key)}\n                      onCheckedChange={() => togglePermission(perm.key)}\n                    />\n                    <label htmlFor={perm.key} className=\"text-sm cursor-pointer\">\n                      {perm.label}\n                    </label>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\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 User Account\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"UsersUserCreatePage.js","names":[],"sources":["../../../src/assethandler/pages/UsersUserCreatePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n  Label,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Checkbox,\n  Separator,\n  GradientText,\n  EmphasisPanel,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Save, UserPlus } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\n\nconst departments = [\n  'Information Technology',\n  'Engineering',\n  'IT Support',\n  'Finance',\n  'Facilities',\n  'Compliance',\n  'Security Operations',\n  'Network Operations',\n  'Creative Services',\n  'Field Services',\n  'General Office',\n];\nconst roles = ['admin', 'manager', 'technician', 'viewer', 'auditor'];\nconst availablePermissions = [\n  { key: 'assets.full', label: 'Full Asset Management' },\n  { key: 'assets.read', label: 'View Assets' },\n  { key: 'assets.update', label: 'Update Assets' },\n  { key: 'users.full', label: 'Full User Management' },\n  { key: 'users.read', label: 'View Users' },\n  { key: 'reports.full', label: 'Full Reports Access' },\n  { key: 'reports.read', label: 'View Reports' },\n  { key: 'maintenance.full', label: 'Full Maintenance Access' },\n  { key: 'audit.full', label: 'Full Audit Access' },\n  { key: 'compliance.full', label: 'Full Compliance Access' },\n  { key: 'settings.full', label: 'Full Settings Access' },\n];\n\nexport function UsersUserCreatePage() {\n  const navigate = useNavigate();\n  const [firstName, setFirstName] = useState('');\n  const [lastName, setLastName] = useState('');\n  const [email, setEmail] = useState('');\n  const [phone, setPhone] = useState('');\n  const [department, setDepartment] = useState('');\n  const [role, setRole] = useState('');\n  const [location, setLocation] = useState('');\n  const [selectedPermissions, setSelectedPermissions] = useState<string[]>([]);\n\n  const togglePermission = (key: string) => {\n    setSelectedPermissions((prev) =>\n      prev.includes(key) ? prev.filter((p) => p !== key) : [...prev, key]\n    );\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-3\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/users')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">\n              <GradientText>Create User</GradientText>\n            </h1>\n            <p className=\"text-sm text-text-secondary\">Add a new user account to the system.</p>\n          </div>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/users')}>\n            Cancel\n          </Button>\n          <Button size=\"sm\">\n            <UserPlus className=\"mr-2 h-4 w-4\" />\n            Create User\n          </Button>\n        </div>\n      </div>\n\n      <PagePurpose>\n        Create a new user account and decide what they can do from day one. Capture their details,\n        assign a role and department, and tune individual permissions — so people get least-\n        privilege access that matches their job without manual follow-up.\n      </PagePurpose>\n\n      <div className=\"grid gap-6 md:grid-cols-2\">\n        <EmphasisPanel>\n          <CardHeader className=\"px-0 pt-0\">\n            <CardTitle>Personal Information</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4 px-0 pb-0\">\n            <div className=\"grid gap-4 grid-cols-2\">\n              <div className=\"space-y-2\">\n                <Label>First Name</Label>\n                <Input\n                  placeholder=\"John\"\n                  value={firstName}\n                  onChange={(e) => setFirstName(e.target.value)}\n                />\n              </div>\n              <div className=\"space-y-2\">\n                <Label>Last Name</Label>\n                <Input\n                  placeholder=\"Smith\"\n                  value={lastName}\n                  onChange={(e) => setLastName(e.target.value)}\n                />\n              </div>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Email Address</Label>\n              <Input\n                type=\"email\"\n                placeholder=\"john.smith@company.com\"\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Phone Number</Label>\n              <Input\n                placeholder=\"+1-555-0123\"\n                value={phone}\n                onChange={(e) => setPhone(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Location</Label>\n              <Input\n                placeholder=\"New York, NY\"\n                value={location}\n                onChange={(e) => setLocation(e.target.value)}\n              />\n            </div>\n          </CardContent>\n        </EmphasisPanel>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Role & Department</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <Label>Department</Label>\n              <Select value={department} onValueChange={setDepartment}>\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Select department...\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {departments.map((d) => (\n                    <SelectItem key={d} value={d}>\n                      {d}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Role</Label>\n              <Select value={role} onValueChange={setRole}>\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Select role...\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {roles.map((r) => (\n                    <SelectItem key={r} value={r}>\n                      {r.charAt(0).toUpperCase() + r.slice(1)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <Separator />\n            <div className=\"space-y-3\">\n              <Label>Initial Permissions</Label>\n              <div className=\"space-y-2\">\n                {availablePermissions.map((perm) => (\n                  <div key={perm.key} className=\"flex items-center gap-2\">\n                    <Checkbox\n                      id={perm.key}\n                      checked={selectedPermissions.includes(perm.key)}\n                      onCheckedChange={() => togglePermission(perm.key)}\n                    />\n                    <label htmlFor={perm.key} className=\"text-sm cursor-pointer\">\n                      {perm.label}\n                    </label>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\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 User Account\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}