@burdenoff/microfe-crewfoundry 2026.624.1 → 2026.625.2

package/dist/crewfoundry/pages/HiringCandidatesPagePage.js

@@ -1,124 +1,143 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useState as t } from "react";
 import { Search as n, Star as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Badge as o, Button as s, Card as c, CardContent as l, Input as u } from "@burdenoff/fe-libs/ui";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Button as c, CardContent as l, GlassCard as u, GradientText as d, IllustratedEmptyState as f, Input as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/HiringCandidatesPagePage.tsx
-function d() {
-	let { candidates: d } = e(), [f, p] = t(""), [m, h] = t("all"), g = [...new Set(d.map((e) => e.status))], _ = d.filter((e) => {
-		let t = `${e.firstName} ${e.lastName} ${e.position} ${e.email}`.toLowerCase().includes(f.toLowerCase()), n = m === "all" || e.status === m;
+function h() {
+	let { candidates: h } = e(), [g, _] = t(""), [v, y] = t("all"), b = [...new Set(h.map((e) => e.status))], x = h.filter((e) => {
+		let t = `${e.firstName} ${e.lastName} ${e.position} ${e.email}`.toLowerCase().includes(g.toLowerCase()), n = v === "all" || e.status === v;
 		return t && n;
 	});
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ a("div", {
 				className: "flex items-center justify-between",
-				children: /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
-					className: "text-2xl font-semibold",
-					children: "Candidates"
-				}), /* @__PURE__ */ a("p", {
-					className: "text-sm text-text-secondary",
-					children: [d.length, " candidates in pipeline"]
-				})] })
+				children: /* @__PURE__ */ o("div", { children: [
+					/* @__PURE__ */ a("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ a(d, { children: "Candidates" })
+					}),
+					/* @__PURE__ */ o("p", {
+						className: "text-sm text-text-secondary",
+						children: [h.length, " candidates in pipeline"]
+					}),
+					/* @__PURE__ */ a(m, {
+						className: "mt-1",
+						children: "Your candidate pool — search, filter, and evaluate the people you're considering so you can fill open roles with the right talent."
+					})
+				] })
 			}),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("div", {
 				className: "flex gap-3 flex-wrap",
-				children: [/* @__PURE__ */ a("div", {
+				children: [/* @__PURE__ */ o("div", {
 					className: "relative flex-1 max-w-sm",
-					children: [/* @__PURE__ */ i(n, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ i(u, {
+					children: [/* @__PURE__ */ a(n, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ a(p, {
 						placeholder: "Search candidates...",
 						className: "pl-9",
-						value: f,
-						onChange: (e) => p(e.target.value)
+						value: g,
+						onChange: (e) => _(e.target.value)
 					})]
-				}), /* @__PURE__ */ a("div", {
+				}), /* @__PURE__ */ o("div", {
 					className: "flex gap-1",
-					children: [/* @__PURE__ */ i(s, {
-						variant: m === "all" ? "default" : "outline",
+					children: [/* @__PURE__ */ a(c, {
+						variant: v === "all" ? "default" : "outline",
 						size: "sm",
-						onClick: () => h("all"),
+						onClick: () => y("all"),
 						children: "All"
-					}), g.map((e) => /* @__PURE__ */ i(s, {
-						variant: m === e ? "default" : "outline",
+					}), b.map((e) => /* @__PURE__ */ a(c, {
+						variant: v === e ? "default" : "outline",
 						size: "sm",
-						onClick: () => h(e),
+						onClick: () => y(e),
 						children: e
 					}, e))]
 				})]
 			}),
-			/* @__PURE__ */ i(c, { children: /* @__PURE__ */ a(l, {
-				className: "p-0",
-				children: [/* @__PURE__ */ a("div", {
-					className: "grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary p-4 border-b",
-					children: [
-						/* @__PURE__ */ i("span", { children: "Name" }),
-						/* @__PURE__ */ i("span", { children: "Position" }),
-						/* @__PURE__ */ i("span", { children: "Source" }),
-						/* @__PURE__ */ i("span", {
-							className: "text-right",
-							children: "Experience"
-						}),
-						/* @__PURE__ */ i("span", {
-							className: "text-center",
-							children: "Rating"
-						}),
-						/* @__PURE__ */ i("span", { children: "Applied" }),
-						/* @__PURE__ */ i("span", {
-							className: "text-center",
-							children: "Status"
+			/* @__PURE__ */ a(u, {
+				treatment: "glass",
+				glow: !0,
+				className: "border-border-seam",
+				children: /* @__PURE__ */ a(l, {
+					className: "p-0",
+					children: x.length === 0 ? /* @__PURE__ */ a("div", {
+						className: "p-6",
+						children: /* @__PURE__ */ a(f, {
+							illustration: "empty-search",
+							title: "No candidates match",
+							description: "Try a different search term or status filter."
 						})
-					]
-				}), _.map((e) => /* @__PURE__ */ a("div", {
-					className: "grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50",
-					children: [
-						/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ a("p", {
-							className: "font-medium",
-							children: [
-								e.firstName,
-								" ",
-								e.lastName
-							]
-						}), /* @__PURE__ */ i("p", {
-							className: "text-xs text-text-secondary",
-							children: e.email
-						})] }),
-						/* @__PURE__ */ i("span", {
-							className: "text-text-secondary",
-							children: e.position
-						}),
-						/* @__PURE__ */ i(o, {
-							variant: "outline",
-							className: "w-fit h-fit text-[10px]",
-							children: e.source
-						}),
-						/* @__PURE__ */ a("span", {
-							className: "text-right",
-							children: [e.experience, " yrs"]
-						}),
-						/* @__PURE__ */ a("div", {
-							className: "flex items-center justify-center gap-1",
-							children: [/* @__PURE__ */ i(r, { className: "h-3 w-3 text-yellow-500" }), /* @__PURE__ */ i("span", { children: e.rating })]
-						}),
-						/* @__PURE__ */ i("span", {
-							className: "text-text-secondary text-xs",
-							children: e.appliedDate
-						}),
-						/* @__PURE__ */ i("div", {
-							className: "text-center",
-							children: /* @__PURE__ */ i(o, {
-								variant: e.status === "hired" || e.status === "offer" ? "default" : e.status === "rejected" ? "destructive" : "secondary",
-								className: "text-[10px]",
-								children: e.status
+					}) : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
+						className: "grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary p-4 border-b",
+						children: [
+							/* @__PURE__ */ a("span", { children: "Name" }),
+							/* @__PURE__ */ a("span", { children: "Position" }),
+							/* @__PURE__ */ a("span", { children: "Source" }),
+							/* @__PURE__ */ a("span", {
+								className: "text-right",
+								children: "Experience"
+							}),
+							/* @__PURE__ */ a("span", {
+								className: "text-center",
+								children: "Rating"
+							}),
+							/* @__PURE__ */ a("span", { children: "Applied" }),
+							/* @__PURE__ */ a("span", {
+								className: "text-center",
+								children: "Status"
 							})
-						})
-					]
-				}, e.id))]
-			}) })
+						]
+					}), x.map((e) => /* @__PURE__ */ o("div", {
+						className: "grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50",
+						children: [
+							/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ o("p", {
+								className: "font-medium",
+								children: [
+									e.firstName,
+									" ",
+									e.lastName
+								]
+							}), /* @__PURE__ */ a("p", {
+								className: "text-xs text-text-secondary",
+								children: e.email
+							})] }),
+							/* @__PURE__ */ a("span", {
+								className: "text-text-secondary",
+								children: e.position
+							}),
+							/* @__PURE__ */ a(s, {
+								variant: "outline",
+								className: "w-fit h-fit text-[10px]",
+								children: e.source
+							}),
+							/* @__PURE__ */ o("span", {
+								className: "text-right",
+								children: [e.experience, " yrs"]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center justify-center gap-1",
+								children: [/* @__PURE__ */ a(r, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ a("span", { children: e.rating })]
+							}),
+							/* @__PURE__ */ a("span", {
+								className: "text-text-secondary text-xs",
+								children: e.appliedDate
+							}),
+							/* @__PURE__ */ a("div", {
+								className: "text-center",
+								children: /* @__PURE__ */ a(s, {
+									variant: e.status === "hired" || e.status === "offer" ? "default" : e.status === "rejected" ? "destructive" : "secondary",
+									className: "text-[10px]",
+									children: e.status
+								})
+							})
+						]
+					}, e.id))] })
+				})
+			})
 		]
 	});
 }
 //#endregion
-export { d as HiringCandidatesPagePage };
+export { h as HiringCandidatesPagePage };
 
 //# sourceMappingURL=HiringCandidatesPagePage.js.map

package/dist/crewfoundry/pages/HiringCandidatesPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiringCandidatesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringCandidatesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Filter, Mail, Phone, Search, Star, Users } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HiringCandidatesPagePage() {\n  const { candidates } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterStatus, setFilterStatus] = useState<string>('all');\n\n  const statuses = [...new Set(candidates.map((c) => c.status))];\n  const filtered = candidates.filter((c) => {\n    const matchSearch = `${c.firstName} ${c.lastName} ${c.position} ${c.email}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchStatus = filterStatus === 'all' || c.status === filterStatus;\n    return matchSearch && matchStatus;\n  });\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Candidates</h1>\n          <p className=\"text-sm text-text-secondary\">\n            {candidates.length} candidates in pipeline\n          </p>\n        </div>\n      </div>\n\n      <div className=\"flex gap-3 flex-wrap\">\n        <div className=\"relative flex-1 max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search candidates...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <div className=\"flex gap-1\">\n          <Button\n            variant={filterStatus === 'all' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setFilterStatus('all')}\n          >\n            All\n          </Button>\n          {statuses.map((status) => (\n            <Button\n              key={status}\n              variant={filterStatus === status ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setFilterStatus(status)}\n            >\n              {status}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <Card>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary p-4 border-b\">\n            <span>Name</span>\n            <span>Position</span>\n            <span>Source</span>\n            <span className=\"text-right\">Experience</span>\n            <span className=\"text-center\">Rating</span>\n            <span>Applied</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {filtered.map((candidate) => (\n            <div\n              key={candidate.id}\n              className=\"grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50\"\n            >\n              <div>\n                <p className=\"font-medium\">\n                  {candidate.firstName} {candidate.lastName}\n                </p>\n                <p className=\"text-xs text-text-secondary\">{candidate.email}</p>\n              </div>\n              <span className=\"text-text-secondary\">{candidate.position}</span>\n              <Badge variant=\"outline\" className=\"w-fit h-fit text-[10px]\">\n                {candidate.source}\n              </Badge>\n              <span className=\"text-right\">{candidate.experience} yrs</span>\n              <div className=\"flex items-center justify-center gap-1\">\n                <Star className=\"h-3 w-3 text-yellow-500\" />\n                <span>{candidate.rating}</span>\n              </div>\n              <span className=\"text-text-secondary text-xs\">{candidate.appliedDate}</span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    candidate.status === 'hired'\n                      ? 'default'\n                      : candidate.status === 'offer'\n                        ? 'default'\n                        : candidate.status === 'rejected'\n                          ? 'destructive'\n                          : 'secondary'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {candidate.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HiringCandidatesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringCandidatesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Search, Star } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function HiringCandidatesPagePage() {\n  const { candidates } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterStatus, setFilterStatus] = useState<string>('all');\n\n  const statuses = [...new Set(candidates.map((c) => c.status))];\n  const filtered = candidates.filter((c) => {\n    const matchSearch = `${c.firstName} ${c.lastName} ${c.position} ${c.email}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchStatus = filterStatus === 'all' || c.status === filterStatus;\n    return matchSearch && matchStatus;\n  });\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Candidates</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{candidates.length} candidates in pipeline</p>\n          <PagePurpose className=\"mt-1\">Your candidate pool — search, filter, and evaluate the people you&apos;re considering so you can fill open roles with the right talent.</PagePurpose>\n        </div>\n      </div>\n\n      <div className=\"flex gap-3 flex-wrap\">\n        <div className=\"relative flex-1 max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search candidates...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <div className=\"flex gap-1\">\n          <Button\n            variant={filterStatus === 'all' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setFilterStatus('all')}\n          >\n            All\n          </Button>\n          {statuses.map((status) => (\n            <Button\n              key={status}\n              variant={filterStatus === status ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setFilterStatus(status)}\n            >\n              {status}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-0\">\n          {filtered.length === 0 ? (\n            <div className=\"p-6\">\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No candidates match\"\n                description=\"Try a different search term or status filter.\"\n              />\n            </div>\n          ) : (\n            <>\n              <div className=\"grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary p-4 border-b\">\n                <span>Name</span>\n                <span>Position</span>\n                <span>Source</span>\n                <span className=\"text-right\">Experience</span>\n                <span className=\"text-center\">Rating</span>\n                <span>Applied</span>\n                <span className=\"text-center\">Status</span>\n              </div>\n              {filtered.map((candidate) => (\n            <div\n              key={candidate.id}\n              className=\"grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50\"\n            >\n              <div>\n                <p className=\"font-medium\">\n                  {candidate.firstName} {candidate.lastName}\n                </p>\n                <p className=\"text-xs text-text-secondary\">{candidate.email}</p>\n              </div>\n              <span className=\"text-text-secondary\">{candidate.position}</span>\n              <Badge variant=\"outline\" className=\"w-fit h-fit text-[10px]\">\n                {candidate.source}\n              </Badge>\n              <span className=\"text-right\">{candidate.experience} yrs</span>\n              <div className=\"flex items-center justify-center gap-1\">\n                <Star className=\"h-3 w-3 text-status-warning-text\" />\n                <span>{candidate.rating}</span>\n              </div>\n              <span className=\"text-text-secondary text-xs\">{candidate.appliedDate}</span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    candidate.status === 'hired'\n                      ? 'default'\n                      : candidate.status === 'offer'\n                        ? 'default'\n                        : candidate.status === 'rejected'\n                          ? 'destructive'\n                          : 'secondary'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {candidate.status}\n                </Badge>\n              </div>\n            </div>\n              ))}\n            </>\n          )}\n        </CardContent>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/HiringCreateJobPagePage.js

@@ -1,33 +1,40 @@
 import { useState as e } from "react";
 import { Briefcase as t, Plus as n, Save as r, X as i } from "lucide-react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Button as s, Card as c, CardContent as l, CardDescription as u, CardHeader as d, CardTitle as f, Input as p, Textarea as m } from "@burdenoff/fe-libs/ui";
+import { Button as s, Card as c, CardContent as l, CardDescription as u, CardHeader as d, CardTitle as f, EmphasisPanel as p, GradientText as m, Input as h, PagePurpose as g, Textarea as _ } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/HiringCreateJobPagePage.tsx
-function h() {
-	let [h, g] = e(""), [_, v] = e(""), [y, b] = e(""), [x, S] = e(""), [C, w] = e(""), [T, E] = e(""), [D, O] = e([""]), [k, A] = e([""]), j = () => O([...D, ""]), M = () => A([...k, ""]), N = (e, t) => {
-		let n = [...D];
-		n[e] = t, O(n);
-	}, P = (e, t) => {
-		let n = [...k];
-		n[e] = t, A(n);
-	}, F = (e) => O(D.filter((t, n) => n !== e)), I = (e) => A(k.filter((t, n) => n !== e));
+function v() {
+	let [v, y] = e(""), [b, x] = e(""), [S, C] = e(""), [w, T] = e(""), [E, D] = e(""), [O, k] = e(""), [A, j] = e([""]), [M, N] = e([""]), P = () => j([...A, ""]), F = () => N([...M, ""]), I = (e, t) => {
+		let n = [...A];
+		n[e] = t, j(n);
+	}, L = (e, t) => {
+		let n = [...M];
+		n[e] = t, N(n);
+	}, R = (e) => j(A.filter((t, n) => n !== e)), z = (e) => N(M.filter((t, n) => n !== e));
 	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6 max-w-3xl",
 		children: [
 			/* @__PURE__ */ a("div", {
 				className: "flex items-center justify-between",
-				children: /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
-					className: "text-2xl font-semibold",
-					children: "Create Job Posting"
-				}), /* @__PURE__ */ a("p", {
-					className: "text-sm text-text-secondary",
-					children: "Fill in the details for a new position"
-				})] })
+				children: /* @__PURE__ */ o("div", { children: [
+					/* @__PURE__ */ a("h1", {
+						className: "text-2xl font-semibold",
+						children: /* @__PURE__ */ a(m, { children: "Create Job Posting" })
+					}),
+					/* @__PURE__ */ a("p", {
+						className: "text-sm text-text-secondary",
+						children: "Fill in the details for a new position"
+					}),
+					/* @__PURE__ */ a(g, {
+						className: "mt-1",
+						children: "Create a new job posting — define the role, requirements, and compensation here to start attracting and collecting applicants."
+					})
+				] })
 			}),
-			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a(d, { children: /* @__PURE__ */ o(f, {
-				className: "flex items-center gap-2",
+			/* @__PURE__ */ o(p, { children: [/* @__PURE__ */ o("div", {
+				className: "mb-4 flex items-center gap-2 text-lg font-semibold",
 				children: [/* @__PURE__ */ a(t, { className: "h-5 w-5" }), "Job Details"]
-			}) }), /* @__PURE__ */ o(l, {
+			}), /* @__PURE__ */ o("div", {
 				className: "space-y-4",
 				children: [
 					/* @__PURE__ */ o("div", {
@@ -35,10 +42,10 @@ function h() {
 						children: [/* @__PURE__ */ a("label", {
 							className: "text-sm font-medium",
 							children: "Job Title"
-						}), /* @__PURE__ */ a(p, {
+						}), /* @__PURE__ */ a(h, {
 							placeholder: "e.g. Senior Frontend Developer",
-							value: h,
-							onChange: (e) => g(e.target.value)
+							value: v,
+							onChange: (e) => y(e.target.value)
 						})]
 					}),
 					/* @__PURE__ */ o("div", {
@@ -48,20 +55,20 @@ function h() {
 							children: [/* @__PURE__ */ a("label", {
 								className: "text-sm font-medium",
 								children: "Department"
-							}), /* @__PURE__ */ a(p, {
+							}), /* @__PURE__ */ a(h, {
 								placeholder: "e.g. Engineering",
-								value: _,
-								onChange: (e) => v(e.target.value)
+								value: b,
+								onChange: (e) => x(e.target.value)
 							})]
 						}), /* @__PURE__ */ o("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ a("label", {
 								className: "text-sm font-medium",
 								children: "Location"
-							}), /* @__PURE__ */ a(p, {
+							}), /* @__PURE__ */ a(h, {
 								placeholder: "e.g. San Francisco, CA",
-								value: y,
-								onChange: (e) => b(e.target.value)
+								value: S,
+								onChange: (e) => C(e.target.value)
 							})]
 						})]
 					}),
@@ -72,22 +79,22 @@ function h() {
 							children: [/* @__PURE__ */ a("label", {
 								className: "text-sm font-medium",
 								children: "Salary Min ($)"
-							}), /* @__PURE__ */ a(p, {
+							}), /* @__PURE__ */ a(h, {
 								type: "number",
 								placeholder: "e.g. 120000",
-								value: C,
-								onChange: (e) => w(e.target.value)
+								value: E,
+								onChange: (e) => D(e.target.value)
 							})]
 						}), /* @__PURE__ */ o("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ a("label", {
 								className: "text-sm font-medium",
 								children: "Salary Max ($)"
-							}), /* @__PURE__ */ a(p, {
+							}), /* @__PURE__ */ a(h, {
 								type: "number",
 								placeholder: "e.g. 180000",
-								value: T,
-								onChange: (e) => E(e.target.value)
+								value: O,
+								onChange: (e) => k(e.target.value)
 							})]
 						})]
 					}),
@@ -96,54 +103,54 @@ function h() {
 						children: [/* @__PURE__ */ a("label", {
 							className: "text-sm font-medium",
 							children: "Description"
-						}), /* @__PURE__ */ a(m, {
+						}), /* @__PURE__ */ a(_, {
 							placeholder: "Describe the role, responsibilities, and ideal candidate...",
 							rows: 4,
-							value: x,
-							onChange: (e) => S(e.target.value)
+							value: w,
+							onChange: (e) => T(e.target.value)
 						})]
 					})
 				]
 			})] }),
 			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ o(d, { children: [/* @__PURE__ */ a(f, { children: "Requirements" }), /* @__PURE__ */ a(u, { children: "List the key requirements for this role" })] }), /* @__PURE__ */ o(l, {
 				className: "space-y-3",
-				children: [D.map((e, t) => /* @__PURE__ */ o("div", {
+				children: [A.map((e, t) => /* @__PURE__ */ o("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ a(p, {
+					children: [/* @__PURE__ */ a(h, {
 						placeholder: `Requirement ${t + 1}`,
 						value: e,
-						onChange: (e) => N(t, e.target.value)
+						onChange: (e) => I(t, e.target.value)
 					}), /* @__PURE__ */ a(s, {
 						variant: "outline",
 						size: "sm",
-						onClick: () => F(t),
+						onClick: () => R(t),
 						children: /* @__PURE__ */ a(i, { className: "h-4 w-4" })
 					})]
 				}, t)), /* @__PURE__ */ o(s, {
 					variant: "outline",
 					size: "sm",
-					onClick: j,
+					onClick: P,
 					children: [/* @__PURE__ */ a(n, { className: "h-4 w-4 mr-1" }), "Add Requirement"]
 				})]
 			})] }),
 			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ o(d, { children: [/* @__PURE__ */ a(f, { children: "Benefits" }), /* @__PURE__ */ a(u, { children: "What does this position offer?" })] }), /* @__PURE__ */ o(l, {
 				className: "space-y-3",
-				children: [k.map((e, t) => /* @__PURE__ */ o("div", {
+				children: [M.map((e, t) => /* @__PURE__ */ o("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ a(p, {
+					children: [/* @__PURE__ */ a(h, {
 						placeholder: `Benefit ${t + 1}`,
 						value: e,
-						onChange: (e) => P(t, e.target.value)
+						onChange: (e) => L(t, e.target.value)
 					}), /* @__PURE__ */ a(s, {
 						variant: "outline",
 						size: "sm",
-						onClick: () => I(t),
+						onClick: () => z(t),
 						children: /* @__PURE__ */ a(i, { className: "h-4 w-4" })
 					})]
 				}, t)), /* @__PURE__ */ o(s, {
 					variant: "outline",
 					size: "sm",
-					onClick: M,
+					onClick: F,
 					children: [/* @__PURE__ */ a(n, { className: "h-4 w-4 mr-1" }), "Add Benefit"]
 				})]
 			})] }),
@@ -158,6 +165,6 @@ function h() {
 	});
 }
 //#endregion
-export { h as HiringCreateJobPagePage };
+export { v as HiringCreateJobPagePage };
 
 //# sourceMappingURL=HiringCreateJobPagePage.js.map

package/dist/crewfoundry/pages/HiringCreateJobPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiringCreateJobPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringCreateJobPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Input,\n  Separator,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { Briefcase, Plus, Save, X } from 'lucide-react';\n\nexport function HiringCreateJobPagePage() {\n  const [title, setTitle] = useState('');\n  const [department, setDepartment] = useState('');\n  const [location, setLocation] = useState('');\n  const [description, setDescription] = useState('');\n  const [salaryMin, setSalaryMin] = useState('');\n  const [salaryMax, setSalaryMax] = useState('');\n  const [requirements, setRequirements] = useState<string[]>(['']);\n  const [benefits, setBenefits] = useState<string[]>(['']);\n\n  const addRequirement = () => setRequirements([...requirements, '']);\n  const addBenefit = () => setBenefits([...benefits, '']);\n  const updateRequirement = (idx: number, value: string) => {\n    const updated = [...requirements];\n    updated[idx] = value;\n    setRequirements(updated);\n  };\n  const updateBenefit = (idx: number, value: string) => {\n    const updated = [...benefits];\n    updated[idx] = value;\n    setBenefits(updated);\n  };\n  const removeRequirement = (idx: number) =>\n    setRequirements(requirements.filter((_, i) => i !== idx));\n  const removeBenefit = (idx: number) => setBenefits(benefits.filter((_, i) => i !== idx));\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-3xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Create Job Posting</h1>\n          <p className=\"text-sm text-text-secondary\">Fill in the details for a new position</p>\n        </div>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Briefcase className=\"h-5 w-5\" />\n            Job Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Job Title</label>\n            <Input\n              placeholder=\"e.g. Senior Frontend Developer\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n            />\n          </div>\n\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">Department</label>\n              <Input\n                placeholder=\"e.g. Engineering\"\n                value={department}\n                onChange={(e) => setDepartment(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">Location</label>\n              <Input\n                placeholder=\"e.g. San Francisco, CA\"\n                value={location}\n                onChange={(e) => setLocation(e.target.value)}\n              />\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">Salary Min ($)</label>\n              <Input\n                type=\"number\"\n                placeholder=\"e.g. 120000\"\n                value={salaryMin}\n                onChange={(e) => setSalaryMin(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">Salary Max ($)</label>\n              <Input\n                type=\"number\"\n                placeholder=\"e.g. 180000\"\n                value={salaryMax}\n                onChange={(e) => setSalaryMax(e.target.value)}\n              />\n            </div>\n          </div>\n\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Description</label>\n            <Textarea\n              placeholder=\"Describe the role, responsibilities, and ideal candidate...\"\n              rows={4}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n            />\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Requirements</CardTitle>\n          <CardDescription>List the key requirements for this role</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {requirements.map((req, idx) => (\n            <div key={idx} className=\"flex gap-2\">\n              <Input\n                placeholder={`Requirement ${idx + 1}`}\n                value={req}\n                onChange={(e) => updateRequirement(idx, e.target.value)}\n              />\n              <Button variant=\"outline\" size=\"sm\" onClick={() => removeRequirement(idx)}>\n                <X className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          ))}\n          <Button variant=\"outline\" size=\"sm\" onClick={addRequirement}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            Add Requirement\n          </Button>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Benefits</CardTitle>\n          <CardDescription>What does this position offer?</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {benefits.map((ben, idx) => (\n            <div key={idx} className=\"flex gap-2\">\n              <Input\n                placeholder={`Benefit ${idx + 1}`}\n                value={ben}\n                onChange={(e) => updateBenefit(idx, e.target.value)}\n              />\n              <Button variant=\"outline\" size=\"sm\" onClick={() => removeBenefit(idx)}>\n                <X className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          ))}\n          <Button variant=\"outline\" size=\"sm\" onClick={addBenefit}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            Add Benefit\n          </Button>\n        </CardContent>\n      </Card>\n\n      <div className=\"flex justify-end gap-2\">\n        <Button variant=\"outline\">Save as Draft</Button>\n        <Button>\n          <Save className=\"h-4 w-4 mr-1\" />\n          Publish Job\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HiringCreateJobPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HiringCreateJobPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  Input,\n  PagePurpose,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { Briefcase, Plus, Save, X } from 'lucide-react';\n\nexport function HiringCreateJobPagePage() {\n  const [title, setTitle] = useState('');\n  const [department, setDepartment] = useState('');\n  const [location, setLocation] = useState('');\n  const [description, setDescription] = useState('');\n  const [salaryMin, setSalaryMin] = useState('');\n  const [salaryMax, setSalaryMax] = useState('');\n  const [requirements, setRequirements] = useState<string[]>(['']);\n  const [benefits, setBenefits] = useState<string[]>(['']);\n\n  const addRequirement = () => setRequirements([...requirements, '']);\n  const addBenefit = () => setBenefits([...benefits, '']);\n  const updateRequirement = (idx: number, value: string) => {\n    const updated = [...requirements];\n    updated[idx] = value;\n    setRequirements(updated);\n  };\n  const updateBenefit = (idx: number, value: string) => {\n    const updated = [...benefits];\n    updated[idx] = value;\n    setBenefits(updated);\n  };\n  const removeRequirement = (idx: number) =>\n    setRequirements(requirements.filter((_, i) => i !== idx));\n  const removeBenefit = (idx: number) => setBenefits(benefits.filter((_, i) => i !== idx));\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-3xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Create Job Posting</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Fill in the details for a new position</p>\n          <PagePurpose className=\"mt-1\">Create a new job posting — define the role, requirements, and compensation here to start attracting and collecting applicants.</PagePurpose>\n        </div>\n      </div>\n\n      <EmphasisPanel>\n        <div className=\"mb-4 flex items-center gap-2 text-lg font-semibold\">\n          <Briefcase className=\"h-5 w-5\" />\n          Job Details\n        </div>\n        <div className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Job Title</label>\n            <Input\n              placeholder=\"e.g. Senior Frontend Developer\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n            />\n          </div>\n\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">Department</label>\n              <Input\n                placeholder=\"e.g. Engineering\"\n                value={department}\n                onChange={(e) => setDepartment(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">Location</label>\n              <Input\n                placeholder=\"e.g. San Francisco, CA\"\n                value={location}\n                onChange={(e) => setLocation(e.target.value)}\n              />\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">Salary Min ($)</label>\n              <Input\n                type=\"number\"\n                placeholder=\"e.g. 120000\"\n                value={salaryMin}\n                onChange={(e) => setSalaryMin(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">Salary Max ($)</label>\n              <Input\n                type=\"number\"\n                placeholder=\"e.g. 180000\"\n                value={salaryMax}\n                onChange={(e) => setSalaryMax(e.target.value)}\n              />\n            </div>\n          </div>\n\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">Description</label>\n            <Textarea\n              placeholder=\"Describe the role, responsibilities, and ideal candidate...\"\n              rows={4}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n            />\n          </div>\n        </div>\n      </EmphasisPanel>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Requirements</CardTitle>\n          <CardDescription>List the key requirements for this role</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {requirements.map((req, idx) => (\n            <div key={idx} className=\"flex gap-2\">\n              <Input\n                placeholder={`Requirement ${idx + 1}`}\n                value={req}\n                onChange={(e) => updateRequirement(idx, e.target.value)}\n              />\n              <Button variant=\"outline\" size=\"sm\" onClick={() => removeRequirement(idx)}>\n                <X className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          ))}\n          <Button variant=\"outline\" size=\"sm\" onClick={addRequirement}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            Add Requirement\n          </Button>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Benefits</CardTitle>\n          <CardDescription>What does this position offer?</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {benefits.map((ben, idx) => (\n            <div key={idx} className=\"flex gap-2\">\n              <Input\n                placeholder={`Benefit ${idx + 1}`}\n                value={ben}\n                onChange={(e) => updateBenefit(idx, e.target.value)}\n              />\n              <Button variant=\"outline\" size=\"sm\" onClick={() => removeBenefit(idx)}>\n                <X className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          ))}\n          <Button variant=\"outline\" size=\"sm\" onClick={addBenefit}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            Add Benefit\n          </Button>\n        </CardContent>\n      </Card>\n\n      <div className=\"flex justify-end gap-2\">\n        <Button variant=\"outline\">Save as Draft</Button>\n        <Button>\n          <Save className=\"h-4 w-4 mr-1\" />\n          Publish Job\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}