indira-workspace-ui 0.1.0

package/dist-lib/indira-workspace-ui.mjs

@@ -0,0 +1,1522 @@
+import { createContext as e, forwardRef as t, useCallback as n, useContext as r, useEffect as i, useId as a, useLayoutEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ArrowDown as p, ArrowUp as m, Ban as h, Bell as g, Briefcase as _, Building2 as v, Check as y, ChevronDown as b, ChevronLeft as x, ChevronRight as S, CircleAlert as C, CircleCheck as w, Clock as T, File as E, Inbox as D, Info as O, LogOut as k, Mail as A, Minimize2 as j, Moon as ee, Search as M, Send as N, Sparkles as te, Sun as ne, Undo2 as re, UserRound as ie, X as P } from "lucide-react";
+import { createPortal as F } from "react-dom";
+//#region src/components/Button.jsx
+var I = t(function({ variant: e = "outlined", size: t = "md", icon: n, iconEnd: r, iconOnly: i = !1, attention: a = !1, loading: o = !1, as: s = "button", className: c = "", children: l, type: u, ...p }, m) {
+	let h = t === "sm" ? 16 : 18, g = [
+		"btn",
+		`btn--${e}`,
+		t === "sm" && "btn--sm",
+		i && "btn--icon",
+		a && "btn--attention",
+		c
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ f(s, {
+		ref: m,
+		className: g,
+		type: s === "button" ? u ?? "button" : void 0,
+		"aria-busy": o || void 0,
+		"aria-label": i ? p["aria-label"] ?? p.title : p["aria-label"],
+		...p,
+		children: [
+			o ? /* @__PURE__ */ d("span", {
+				className: "btn-spinner",
+				"aria-hidden": "true"
+			}) : n && /* @__PURE__ */ d(n, {
+				size: h,
+				"aria-hidden": "true"
+			}),
+			!i && l != null && /* @__PURE__ */ d("span", {
+				className: "truncate",
+				children: l
+			}),
+			!i && r && /* @__PURE__ */ d(r, {
+				size: h,
+				"aria-hidden": "true"
+			})
+		]
+	});
+}), L = t(function({ as: e = "section", className: t = "", children: n, ...r }, i) {
+	return /* @__PURE__ */ d(e, {
+		ref: i,
+		className: `card ${t}`,
+		...r,
+		children: n
+	});
+});
+function ae({ title: e, icon: t, action: n, className: r = "", children: i }) {
+	return /* @__PURE__ */ f("header", {
+		className: `card-h ${r}`,
+		children: [/* @__PURE__ */ f("div", {
+			className: "flex items-center gap-4 min-w-0",
+			children: [
+				t && /* @__PURE__ */ d(t, {
+					size: 20,
+					className: "text-ink-muted",
+					"aria-hidden": "true"
+				}),
+				e && /* @__PURE__ */ d("h2", {
+					className: "card-title truncate",
+					children: e
+				}),
+				i
+			]
+		}), n && /* @__PURE__ */ d("div", {
+			className: "flex items-center gap-2 shrink-0",
+			children: n
+		})]
+	});
+}
+function oe({ compact: e = !1, className: t = "", children: n }) {
+	return /* @__PURE__ */ d("div", {
+		className: `card-b ${e ? "card-b--compact" : ""} ${t}`,
+		children: n
+	});
+}
+L.Header = ae, L.Body = oe;
+//#endregion
+//#region src/components/status.js
+var se = [
+	"draft",
+	"submitted",
+	"review",
+	"approved",
+	"rejected",
+	"sentback"
+], R = {
+	draft: {
+		label: "Draft",
+		icon: E,
+		token: "--c-st-draft"
+	},
+	submitted: {
+		label: "Submitted",
+		icon: N,
+		token: "--c-st-submitted"
+	},
+	review: {
+		label: "In review",
+		icon: T,
+		token: "--c-st-review"
+	},
+	approved: {
+		label: "Approved",
+		icon: w,
+		token: "--c-st-approved"
+	},
+	rejected: {
+		label: "Rejected",
+		icon: h,
+		token: "--c-st-rejected"
+	},
+	sentback: {
+		label: "Sent back",
+		icon: re,
+		token: "--c-st-sentback"
+	}
+};
+function z(e) {
+	return R[e]?.label ?? e;
+}
+function ce(e) {
+	return R[e]?.icon ?? E;
+}
+function le(e) {
+	return `rgb(var(${R[e]?.token ?? "--c-st-draft"}))`;
+}
+function B(e) {
+	return `var(${R[e]?.token ?? "--c-st-draft"})`;
+}
+//#endregion
+//#region src/components/StatusGlyph.jsx
+function V({ status: e, size: t = 16, ...n }) {
+	let r = R[e]?.icon ?? E;
+	return /* @__PURE__ */ d(r, {
+		size: t,
+		"aria-hidden": "true",
+		...n
+	});
+}
+//#endregion
+//#region src/components/StatTile.jsx
+function ue({ status: e = "draft", icon: t, figure: n, label: r, active: i = !1, onClick: a, className: o = "", ...s }) {
+	let c = t;
+	return /* @__PURE__ */ f(a ? "button" : "div", {
+		type: a ? "button" : void 0,
+		className: `stat-tile ${o}`,
+		"data-active": i ? "true" : void 0,
+		"aria-pressed": a ? i : void 0,
+		onClick: a,
+		style: { "--tile-tone": B(e) },
+		...s,
+		children: [/* @__PURE__ */ d("span", {
+			className: "stat-tile__icon",
+			children: c ? /* @__PURE__ */ d(c, {
+				size: 24,
+				"aria-hidden": "true"
+			}) : /* @__PURE__ */ d(V, {
+				status: e,
+				size: 24
+			})
+		}), /* @__PURE__ */ f("span", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ d("span", {
+				className: "stat-tile__figure block",
+				children: n
+			}), /* @__PURE__ */ d("span", {
+				className: "stat-tile__label block truncate",
+				children: r
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/avatar-utils.js
+var H = [
+	"#1D4ED8",
+	"#6D28D9",
+	"#15803D",
+	"#B45309",
+	"#475569",
+	"#0F766E"
+], U = [
+	20,
+	24,
+	28,
+	32,
+	40,
+	44,
+	48
+];
+function W(e = "") {
+	let t = String(e).trim().split(/[\s.@_-]+/).filter(Boolean);
+	return t.length === 0 ? "?" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
+}
+function G(e = "") {
+	let t = 0;
+	for (let n = 0; n < e.length; n += 1) t = t * 31 + e.charCodeAt(n) >>> 0;
+	return H[t % H.length];
+}
+//#endregion
+//#region src/components/Avatar.jsx
+function K({ name: e = "", photo: t, size: n = 32, className: r = "", title: i, ...a }) {
+	let o = U.includes(n) ? n : 32, s = o <= 24 ? 10 : o <= 32 ? 12 : 14;
+	return /* @__PURE__ */ d("span", {
+		className: `avatar ${r}`,
+		style: {
+			width: o,
+			height: o,
+			fontSize: s,
+			"--avatar-tint": G(e)
+		},
+		title: i ?? e,
+		role: "img",
+		"aria-label": e,
+		...a,
+		children: t ? /* @__PURE__ */ d("img", {
+			src: t,
+			alt: ""
+		}) : W(e)
+	});
+}
+function de({ people: e = [], max: t = 4, size: n = 24, className: r = "" }) {
+	let i = e.slice(0, t), a = e.length - i.length;
+	return /* @__PURE__ */ f("span", {
+		className: `avatar-stack ${r}`,
+		title: e.map((e) => e.name).join(", "),
+		children: [i.map((e) => /* @__PURE__ */ d(K, {
+			name: e.name,
+			photo: e.photo,
+			size: n
+		}, e.id ?? e.email ?? e.name)), a > 0 && /* @__PURE__ */ f("span", {
+			className: "avatar-more",
+			style: {
+				width: n,
+				height: n
+			},
+			"aria-label": `${a} more`,
+			children: ["+", a]
+		})]
+	});
+}
+//#endregion
+//#region src/components/RecordCard.jsx
+function fe({ id: e, status: t = "draft", title: n, meta: r = [], approvers: i = [], progress: a, onClick: o, href: s, className: c = "", ...l }) {
+	let u = s ? "a" : o ? "button" : "article", p = [e, z(t)].filter(Boolean).join(" · ");
+	return /* @__PURE__ */ f(u, {
+		className: `brd-card ${c}`,
+		href: s,
+		type: u === "button" ? "button" : void 0,
+		onClick: o,
+		title: p,
+		...l,
+		children: [
+			/* @__PURE__ */ d("span", {
+				className: "brd-card__orb",
+				style: { "--orb-tone": B(t) },
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ d(V, {
+					status: t,
+					size: 24
+				})
+			}),
+			/* @__PURE__ */ f("span", {
+				className: "sr-only",
+				children: [e ? `${e}, ` : "", z(t)]
+			}),
+			/* @__PURE__ */ d("h3", {
+				className: "brd-card__title",
+				children: n
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "brd-card__meta",
+				children: r.slice(0, 2).map((e, t) => /* @__PURE__ */ f("div", {
+					className: "brd-card__meta-row",
+					title: e.title ?? e.text,
+					children: [e.icon && /* @__PURE__ */ d(e.icon, {
+						size: 14,
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ d("span", { children: e.text })]
+				}, t))
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "brd-card__foot",
+				children: [/* @__PURE__ */ f("span", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ d("span", {
+						className: "brd-card__foot-label",
+						children: "Approvers"
+					}), /* @__PURE__ */ d(de, {
+						people: i,
+						size: 24,
+						max: 4
+					})]
+				}), a != null && /* @__PURE__ */ f("span", {
+					className: "text-right",
+					children: [/* @__PURE__ */ d("span", {
+						className: "brd-card__foot-label",
+						children: "Progress"
+					}), /* @__PURE__ */ f("span", {
+						className: "brd-card__pct",
+						children: [Math.round(a), "%"]
+					})]
+				})]
+			})
+		]
+	});
+}
+function pe({ className: e = "", children: t }) {
+	return /* @__PURE__ */ d("div", {
+		className: `brd-grid ${e}`,
+		children: t
+	});
+}
+//#endregion
+//#region src/components/Table.jsx
+function me({ columns: e = [], rows: t = [], getRowId: n = (e, t) => e.id ?? t, onRowClick: r, sortKey: i, sortDir: a = "asc", onSortChange: o, plan: s, empty: c = null, caption: l, className: h = "" }) {
+	let g = s ?? (e.length > 5 || e.every((e) => e.width)), _ = (e) => {
+		if (!e.sortable || !o) return;
+		let t = i === e.key && a === "asc" ? "desc" : "asc";
+		o(e.key, t);
+	};
+	return /* @__PURE__ */ d("div", {
+		className: "overflow-x-auto",
+		children: /* @__PURE__ */ f("table", {
+			className: `table ${g ? "table-plan" : ""} ${h}`,
+			children: [
+				l && /* @__PURE__ */ d("caption", {
+					className: "sr-only",
+					children: l
+				}),
+				g && /* @__PURE__ */ d("colgroup", { children: e.map((e) => /* @__PURE__ */ d("col", { style: e.width ? { width: e.width } : void 0 }, e.key)) }),
+				/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ d("tr", { children: e.map((e) => {
+					let t = i === e.key, n = a === "asc" ? m : p;
+					return /* @__PURE__ */ d("th", {
+						scope: "col",
+						className: `th ${e.sortable && o ? "th--sortable" : ""} ${e.align === "right" ? "td--num" : ""}`,
+						style: !g && e.width ? { width: e.width } : void 0,
+						title: e.title ?? e.label,
+						"aria-sort": t ? a === "asc" ? "ascending" : "descending" : void 0,
+						onClick: () => _(e),
+						children: /* @__PURE__ */ f("span", {
+							className: "inline-flex items-center gap-1",
+							children: [e.label, t && /* @__PURE__ */ d(n, {
+								size: 14,
+								"aria-hidden": "true"
+							})]
+						})
+					}, e.key);
+				}) }) }),
+				/* @__PURE__ */ f("tbody", { children: [t.length === 0 && c && /* @__PURE__ */ d("tr", { children: /* @__PURE__ */ d("td", {
+					className: "td",
+					colSpan: e.length,
+					children: c
+				}) }), t.map((t, i) => {
+					let a = n(t, i), o = !!r;
+					return /* @__PURE__ */ d("tr", {
+						className: o ? "row-link" : void 0,
+						onClick: o ? () => r(t) : void 0,
+						onKeyDown: o ? (e) => {
+							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), r(t));
+						} : void 0,
+						tabIndex: o ? 0 : void 0,
+						children: e.map((e) => {
+							let n = t[e.key], r = e.render ? e.render(t) : n, i = e.sub ? e.sub(t) : null, a = e.truncate !== !1 && !e.render, o = typeof n == "string" || typeof n == "number" ? String(n) : void 0;
+							return /* @__PURE__ */ d("td", {
+								className: `td ${e.align === "right" ? "td--num" : ""} ${a && !i ? "td--truncate" : ""}`,
+								title: a ? o : void 0,
+								children: i ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
+									className: "block truncate",
+									title: o,
+									children: r
+								}), /* @__PURE__ */ d("span", {
+									className: "td-sub",
+									title: typeof i == "string" ? i : void 0,
+									children: i
+								})] }) : r
+							}, e.key);
+						})
+					}, a);
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/FilterChip.jsx
+function he({ active: e = !1, count: t, icon: n, className: r = "", children: i, ...a }) {
+	return /* @__PURE__ */ f("button", {
+		type: "button",
+		className: `fchip ${r}`,
+		"aria-pressed": e,
+		...a,
+		children: [
+			n && /* @__PURE__ */ d(n, {
+				size: 14,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ d("span", { children: i }),
+			t != null && /* @__PURE__ */ d("span", {
+				className: "fcount",
+				children: t
+			})
+		]
+	});
+}
+function ge({ options: e = [], value: t, onChange: n, className: r = "" }) {
+	return /* @__PURE__ */ d("div", {
+		className: `flex items-center gap-3 flex-wrap ${r}`,
+		role: "group",
+		children: e.map((e) => /* @__PURE__ */ d(he, {
+			icon: e.icon,
+			count: e.count,
+			active: t === e.value,
+			title: e.title,
+			onClick: () => n?.(e.value),
+			children: e.label
+		}, e.value))
+	});
+}
+//#endregion
+//#region src/components/Tabs.jsx
+function _e({ tabs: e = [], value: t, onChange: n, className: r = "", "aria-label": i }) {
+	let o = a();
+	return /* @__PURE__ */ d("div", {
+		className: `tabs ${r}`,
+		role: "tablist",
+		"aria-label": i,
+		onKeyDown: (r) => {
+			let i = e.findIndex((e) => e.value === t);
+			if (i < 0) return;
+			let a = -1;
+			r.key === "ArrowRight" && (a = (i + 1) % e.length), r.key === "ArrowLeft" && (a = (i - 1 + e.length) % e.length), r.key === "Home" && (a = 0), r.key === "End" && (a = e.length - 1), a >= 0 && (r.preventDefault(), n?.(e[a].value), document.getElementById(`${o}-${e[a].value}`)?.focus());
+		},
+		children: e.map((e) => {
+			let r = e.value === t;
+			return /* @__PURE__ */ f("button", {
+				id: `${o}-${e.value}`,
+				type: "button",
+				role: "tab",
+				className: "tab",
+				"aria-selected": r,
+				tabIndex: r ? 0 : -1,
+				title: e.title,
+				onClick: () => n?.(e.value),
+				children: [
+					e.icon && /* @__PURE__ */ d(e.icon, {
+						size: 16,
+						"aria-hidden": "true"
+					}),
+					e.label,
+					e.badge != null && /* @__PURE__ */ d("span", {
+						className: "tab-badge",
+						children: e.badge
+					}),
+					e.alert && /* @__PURE__ */ d("span", {
+						className: "tab-alert",
+						"aria-label": "Has empty required fields"
+					})
+				]
+			}, e.value);
+		})
+	});
+}
+//#endregion
+//#region src/components/ToolbarButton.jsx
+function ve({ icon: e, active: t = !1, iconOnly: n = !1, className: r = "", children: i, ...a }) {
+	return /* @__PURE__ */ f("button", {
+		type: "button",
+		className: `tbtn ${n ? "tbtn--icon" : ""} ${r}`,
+		"aria-pressed": t,
+		"aria-label": n ? a["aria-label"] ?? a.title : void 0,
+		...a,
+		children: [e && /* @__PURE__ */ d(e, {
+			size: 16,
+			"aria-hidden": "true"
+		}), !n && i]
+	});
+}
+function ye({ options: e = [], value: t, onChange: n, className: r = "" }) {
+	return /* @__PURE__ */ d("div", {
+		className: `inline-flex gap-1 ${r}`,
+		role: "group",
+		children: e.map((e) => /* @__PURE__ */ d(ve, {
+			icon: e.icon,
+			iconOnly: !0,
+			title: e.title,
+			active: t === e.value,
+			onClick: () => n?.(e.value)
+		}, e.value))
+	});
+}
+//#endregion
+//#region src/components/Input.jsx
+function be({ htmlFor: e, required: t, className: n = "", children: r }) {
+	return /* @__PURE__ */ f("label", {
+		htmlFor: e,
+		className: `lbl ${n}`,
+		children: [r, t && /* @__PURE__ */ d("span", {
+			className: "lbl__req",
+			"aria-hidden": "true",
+			children: "*"
+		})]
+	});
+}
+function xe({ error: e, id: t, className: n = "", children: r }) {
+	return r ? /* @__PURE__ */ d("span", {
+		id: t,
+		className: `hint ${e ? "hint--error" : ""} ${n}`,
+		children: r
+	}) : null;
+}
+function q({ id: e, label: t, required: n, hint: r, error: i, className: a, children: o }) {
+	return /* @__PURE__ */ f("div", {
+		className: a,
+		children: [
+			t && /* @__PURE__ */ d(be, {
+				htmlFor: e,
+				required: n,
+				children: t
+			}),
+			o,
+			/* @__PURE__ */ d(xe, {
+				id: `${e}-hint`,
+				error: !!i,
+				children: i || r
+			})
+		]
+	});
+}
+var Se = t(function({ id: e, label: t, required: n, hint: r, error: i, dense: o = !1, icon: s, className: c = "", inputClassName: l = "", ...u }, p) {
+	let m = a(), h = e ?? m, g = /* @__PURE__ */ d("input", {
+		ref: p,
+		id: h,
+		required: n,
+		"aria-invalid": i ? "true" : void 0,
+		"aria-describedby": r || i ? `${h}-hint` : void 0,
+		className: `inp ${o ? "inp--dense" : ""} ${s ? "inp--glyph" : ""} ${l}`,
+		...u
+	});
+	return /* @__PURE__ */ d(q, {
+		id: h,
+		label: t,
+		required: n,
+		hint: r,
+		error: i,
+		className: c,
+		children: s ? /* @__PURE__ */ f("div", {
+			className: "inp-wrap",
+			children: [/* @__PURE__ */ d(s, {
+				size: 16,
+				className: "inp-glyph",
+				"aria-hidden": "true"
+			}), g]
+		}) : g
+	});
+}), Ce = t(function({ id: e, label: t, required: n, hint: r, error: i, className: o = "", inputClassName: s = "", ...c }, l) {
+	let u = a(), f = e ?? u;
+	return /* @__PURE__ */ d(q, {
+		id: f,
+		label: t,
+		required: n,
+		hint: r,
+		error: i,
+		className: o,
+		children: /* @__PURE__ */ d("textarea", {
+			ref: l,
+			id: f,
+			required: n,
+			"aria-invalid": i ? "true" : void 0,
+			className: `inp ${s}`,
+			...c
+		})
+	});
+}), we = t(function({ id: e, label: t, required: n, hint: r, error: i, dense: o = !1, className: s = "", inputClassName: c = "", children: l, ...u }, p) {
+	let m = a(), h = e ?? m;
+	return /* @__PURE__ */ d(q, {
+		id: h,
+		label: t,
+		required: n,
+		hint: r,
+		error: i,
+		className: s,
+		children: /* @__PURE__ */ f("div", {
+			className: "inp-wrap",
+			children: [/* @__PURE__ */ d("select", {
+				ref: p,
+				id: h,
+				required: n,
+				"aria-invalid": i ? "true" : void 0,
+				className: `inp ${o ? "inp--dense" : ""} ${c}`,
+				...u,
+				children: l
+			}), /* @__PURE__ */ d(b, {
+				size: 16,
+				className: "inp-glyph inp-glyph--right",
+				"aria-hidden": "true"
+			})]
+		})
+	});
+}), Te = t(function({ value: e, onClear: t, dense: n = !1, className: r = "", placeholder: i = "Search", ...a }, o) {
+	let s = e != null && String(e).length > 0;
+	return /* @__PURE__ */ f("div", {
+		className: `inp-wrap ${r}`,
+		children: [
+			/* @__PURE__ */ d(M, {
+				size: 16,
+				className: "inp-glyph",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ d("input", {
+				ref: o,
+				type: "search",
+				value: e,
+				placeholder: i,
+				"aria-label": i,
+				className: `inp inp-search inp--glyph ${n ? "inp--dense" : ""} ${t ? "inp--glyph-right" : ""}`,
+				...a
+			}),
+			t && s && /* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: t,
+				title: "Clear search",
+				"aria-label": "Clear search",
+				className: "absolute right-2 top-1/2 -translate-y-1/2 grid place-items-center w-6 h-6 rounded-full text-ink-faint hover:text-ink hover:bg-surface-2",
+				children: /* @__PURE__ */ d(P, {
+					size: 14,
+					"aria-hidden": "true"
+				})
+			})
+		]
+	});
+});
+function Ee({ label: e, className: t = "", ...n }) {
+	let r = a();
+	return /* @__PURE__ */ f("label", {
+		htmlFor: n.id ?? r,
+		className: `inline-flex items-center gap-2 text-sm cursor-pointer ${t}`,
+		children: [/* @__PURE__ */ d("input", {
+			type: "checkbox",
+			id: n.id ?? r,
+			className: "checkbox",
+			...n
+		}), e && /* @__PURE__ */ d("span", { children: e })]
+	});
+}
+//#endregion
+//#region src/components/Chip.jsx
+function De({ status: e = "draft", label: t, icon: n = !1, className: r = "", ...i }) {
+	return /* @__PURE__ */ f("span", {
+		className: `chip chip--${e} ${r}`,
+		...i,
+		children: [n && /* @__PURE__ */ d(V, {
+			status: e,
+			size: 14
+		}), t ?? z(e)]
+	});
+}
+function Oe({ icon: e, className: t = "", children: n, ...r }) {
+	return /* @__PURE__ */ f("span", {
+		className: `tag ${t}`,
+		...r,
+		children: [e && /* @__PURE__ */ d(e, {
+			size: 14,
+			"aria-hidden": "true"
+		}), n]
+	});
+}
+function ke({ version: e, current: t = !1, className: n = "", ...r }) {
+	return /* @__PURE__ */ d("span", {
+		className: `tag vchip ${n}`,
+		"data-current": t ? "true" : void 0,
+		...r,
+		children: e
+	});
+}
+//#endregion
+//#region src/components/Notice.jsx
+var Ae = {
+	default: O,
+	accent: te,
+	alert: C
+};
+function je({ tone: e = "default", icon: t, action: n, className: r = "", children: i, ...a }) {
+	let o = t ?? Ae[e] ?? O, s = e === "default" ? "" : `notice--${e}`;
+	return /* @__PURE__ */ f("div", {
+		className: `notice ${s} ${r}`,
+		role: e === "alert" ? "alert" : "status",
+		...a,
+		children: [
+			/* @__PURE__ */ d(o, {
+				size: 20,
+				className: "notice__icon",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "notice__text",
+				children: i
+			}),
+			n && /* @__PURE__ */ d("div", {
+				className: "notice__action",
+				children: n
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/usePerson.js
+var Me = e(null);
+function Ne(e, { id: t, email: n, name: r }) {
+	if (!e) return null;
+	let i = n?.toLowerCase(), a = r?.trim().toLowerCase();
+	return t != null && e.find((e) => String(e.id) === String(t)) || i && e.find((e) => e.email?.toLowerCase() === i) || a && e.find((e) => e.name?.trim().toLowerCase() === a) || null;
+}
+function Pe({ id: e, email: t, name: n }) {
+	let a = r(Me), o = Ne(a?.list, {
+		id: e,
+		email: t,
+		name: n
+	}), [s, c] = l(null);
+	return i(() => {
+		if (o || !a) return;
+		let r = !0;
+		return a.ensure().then((i) => {
+			r && c(Ne(i, {
+				id: e,
+				email: t,
+				name: n
+			}));
+		}), () => {
+			r = !1;
+		};
+	}, [
+		a,
+		o,
+		e,
+		t,
+		n
+	]), o ?? s;
+}
+//#endregion
+//#region src/components/Person.jsx
+function Fe({ people: e, load: t, children: r }) {
+	let [i, a] = l(null), o = c(null), u = e ?? i, f = n(() => u ? Promise.resolve(u) : t ? (o.current ||= Promise.resolve(t()).then((e) => (a(e), e)), o.current) : Promise.resolve([]), [u, t]), p = s(() => ({
+		list: u,
+		ensure: f
+	}), [u, f]);
+	return /* @__PURE__ */ d(Me.Provider, {
+		value: p,
+		children: r
+	});
+}
+var Ie = 300, Le = 8;
+function Re({ person: e, anchorRef: t, id: n }) {
+	let r = c(null), [i, a] = l({
+		top: -9999,
+		left: -9999
+	});
+	o(() => {
+		let e = t.current;
+		if (!e || !r.current) return;
+		let n = e.getBoundingClientRect(), i = r.current.offsetHeight, o = window.innerWidth, s = window.innerHeight, c = n.bottom + Le;
+		c + i > s - 12 && (c = Math.max(12, n.top - Le - i));
+		let l = n.left;
+		l + Ie > o - 12 && (l = Math.max(12, o - 12 - Ie)), a({
+			top: c,
+			left: l
+		});
+	}, [t, e]);
+	let s = e.status && e.status.toLowerCase() !== "active";
+	return F(/* @__PURE__ */ f("div", {
+		ref: r,
+		id: n,
+		role: "dialog",
+		"aria-label": e.name,
+		className: "person-card",
+		style: i,
+		children: [/* @__PURE__ */ f("div", {
+			className: "person-card__head",
+			children: [
+				/* @__PURE__ */ d(K, {
+					name: e.name,
+					photo: e.photo,
+					size: 48
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ d("div", {
+						className: "person-card__name",
+						children: e.name
+					}), e.designation && /* @__PURE__ */ d("div", {
+						className: "person-card__desig",
+						children: e.designation
+					})]
+				}),
+				s && /* @__PURE__ */ d(Oe, { children: e.status })
+			]
+		}), /* @__PURE__ */ f("div", {
+			className: "person-card__body",
+			children: [
+				e.email && /* @__PURE__ */ f("div", {
+					className: "person-card__row",
+					children: [/* @__PURE__ */ d(A, {
+						size: 16,
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ d("a", {
+						href: `mailto:${e.email}`,
+						children: e.email
+					})]
+				}),
+				e.department && /* @__PURE__ */ f("div", {
+					className: "person-card__row",
+					children: [/* @__PURE__ */ d(v, {
+						size: 16,
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ d("span", { children: e.department })]
+				}),
+				e.reportsTo && /* @__PURE__ */ f("div", {
+					className: "person-card__row",
+					children: [/* @__PURE__ */ d(ie, {
+						size: 16,
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ f("span", { children: ["Reports to ", e.reportsTo] })]
+				}),
+				e.role && /* @__PURE__ */ f("div", {
+					className: "person-card__row",
+					children: [/* @__PURE__ */ d(_, {
+						size: 16,
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ d("span", { children: e.role })]
+				})
+			]
+		})]
+	}), document.body);
+}
+var ze = 350, Be = 180;
+function Ve({ id: e, email: t, name: n, person: r, size: o = 32, sub: s, showEmail: p = !1, avatarOnly: m = !1, hoverOnly: h = !1, className: g = "" }) {
+	let _ = Pe({
+		id: e,
+		email: t,
+		name: n
+	}), v = r ?? _ ?? (n || t ? {
+		name: n ?? t,
+		email: t
+	} : null), [y, b] = l(!1), x = c(null), S = c(null), C = a(), w = () => {
+		S.current && clearTimeout(S.current), S.current = null;
+	}, T = () => {
+		w(), S.current = setTimeout(() => b(!0), ze);
+	}, E = () => {
+		w(), S.current = setTimeout(() => b(!1), Be);
+	}, D = () => {
+		w(), b(!0);
+	}, O = () => {
+		w(), b(!1);
+	};
+	if (i(() => () => S.current && clearTimeout(S.current), []), i(() => {
+		if (!y) return;
+		let e = (e) => e.key === "Escape" && b(!1), t = () => b(!1);
+		return window.addEventListener("keydown", e), window.addEventListener("scroll", t, !0), () => {
+			window.removeEventListener("keydown", e), window.removeEventListener("scroll", t, !0);
+		};
+	}, [y]), !v) return null;
+	let k = p ? v.email ?? v.name : v.name, A = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(K, {
+		name: v.name,
+		photo: v.photo,
+		size: o
+	}), !m && /* @__PURE__ */ f("span", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ d("span", {
+			className: "person__name block",
+			children: k
+		}), s && /* @__PURE__ */ d("span", {
+			className: "person__sub",
+			children: s
+		})]
+	})] });
+	return /* @__PURE__ */ f(u, { children: [h ? /* @__PURE__ */ d("span", {
+		ref: x,
+		className: `person ${g}`,
+		onMouseEnter: T,
+		onMouseLeave: E,
+		"aria-describedby": y ? C : void 0,
+		title: v.email,
+		children: A
+	}) : /* @__PURE__ */ d("button", {
+		ref: x,
+		type: "button",
+		className: `person ${g}`,
+		onMouseEnter: T,
+		onMouseLeave: E,
+		onFocus: D,
+		onBlur: O,
+		"aria-describedby": y ? C : void 0,
+		children: A
+	}), y && /* @__PURE__ */ d(Re, {
+		person: v,
+		anchorRef: x,
+		id: C
+	})] });
+}
+//#endregion
+//#region src/components/Stepper.jsx
+function He({ steps: e = [], orientation: t = "horizontal", className: n = "" }) {
+	let r = t === "vertical";
+	return /* @__PURE__ */ d("ol", {
+		className: `stepper ${r ? "stepper--v" : "stepper--h"} ${n}`,
+		children: e.map((e, t) => {
+			let n = e.state ?? "waiting";
+			return /* @__PURE__ */ f("li", {
+				className: "step",
+				"data-state": n,
+				"aria-current": n === "current" ? "step" : void 0,
+				children: [
+					/* @__PURE__ */ d("span", {
+						className: "stamp",
+						"aria-hidden": "true",
+						children: n === "done" ? /* @__PURE__ */ d(y, { size: 18 }) : n === "rejected" ? /* @__PURE__ */ d(P, { size: 18 }) : t + 1
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "sr-only",
+						children: n
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "step__body",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "step__title",
+								title: e.label,
+								children: e.label
+							}),
+							e.sub && /* @__PURE__ */ d("div", {
+								className: "step__sub",
+								title: e.sub,
+								children: e.sub
+							}),
+							r && e.children
+						]
+					})
+				]
+			}, e.id ?? t);
+		})
+	});
+}
+//#endregion
+//#region src/components/scroll-lock.js
+var J = 0;
+function Y() {
+	return J += 1, document.body.style.overflow = "hidden", () => {
+		J = Math.max(0, J - 1), J === 0 && (document.body.style.overflow = "");
+	};
+}
+//#endregion
+//#region src/components/Dialog.jsx
+var Ue = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function We({ open: e, onClose: t, title: n, size: r = 640, footer: o, children: s, className: l = "" }) {
+	let u = c(null), p = c(null), m = a();
+	return i(() => {
+		if (!e) return;
+		p.current = document.activeElement;
+		let n = Y();
+		(u.current?.querySelector(Ue) ?? u.current)?.focus();
+		let r = (e) => {
+			if (e.key === "Escape") {
+				e.stopPropagation(), t?.();
+				return;
+			}
+			if (e.key !== "Tab" || !u.current) return;
+			let n = Array.from(u.current.querySelectorAll(Ue));
+			if (n.length === 0) {
+				e.preventDefault();
+				return;
+			}
+			let r = n[0], i = n[n.length - 1];
+			e.shiftKey && document.activeElement === r ? (e.preventDefault(), i.focus()) : !e.shiftKey && document.activeElement === i && (e.preventDefault(), r.focus());
+		};
+		return document.addEventListener("keydown", r), () => {
+			document.removeEventListener("keydown", r), n(), p.current && typeof p.current.focus == "function" && p.current.focus();
+		};
+	}, [e, t]), e ? F(/* @__PURE__ */ d("div", {
+		className: "modal-scrim",
+		onMouseDown: (e) => e.target === e.currentTarget && t?.(),
+		children: /* @__PURE__ */ f("div", {
+			ref: u,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": n ? m : void 0,
+			tabIndex: -1,
+			className: `modal modal--${r} ${l}`,
+			children: [
+				/* @__PURE__ */ f("header", {
+					className: "modal__h",
+					children: [/* @__PURE__ */ d("h2", {
+						id: m,
+						className: "modal__title truncate",
+						children: n
+					}), /* @__PURE__ */ d(I, {
+						variant: "text",
+						size: "sm",
+						iconOnly: !0,
+						icon: P,
+						title: "Close",
+						onClick: t
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "modal__b",
+					children: s
+				}),
+				o && /* @__PURE__ */ d("footer", {
+					className: "modal__f",
+					children: o
+				})
+			]
+		})
+	}), document.body) : null;
+}
+//#endregion
+//#region src/components/DocFull.jsx
+function Ge({ open: e, onClose: t, children: n, label: r = "Document" }) {
+	return i(() => {
+		if (!e) return;
+		let n = Y(), r = (e) => e.key === "Escape" && t?.();
+		return document.addEventListener("keydown", r), () => {
+			document.removeEventListener("keydown", r), n();
+		};
+	}, [e, t]), e ? F(/* @__PURE__ */ f("div", {
+		className: "doc-full",
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": r,
+		children: [/* @__PURE__ */ d(I, {
+			variant: "outlined",
+			icon: j,
+			className: "doc-full__exit",
+			onClick: t,
+			children: "Exit"
+		}), /* @__PURE__ */ d("div", {
+			className: "doc-full__page doc",
+			children: n
+		})]
+	}), document.body) : null;
+}
+//#endregion
+//#region src/components/Skeleton.jsx
+function X({ w: e = "100%", h: t = 12, circle: n = !1, className: r = "", style: i, ...a }) {
+	return /* @__PURE__ */ d("span", {
+		className: `skel ${n ? "skel--circle" : ""} ${r}`,
+		style: {
+			width: e,
+			height: t,
+			...i
+		},
+		"aria-hidden": "true",
+		...a
+	});
+}
+function Ke() {
+	return /* @__PURE__ */ f("div", {
+		className: "brd-card",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ d("span", {
+				className: "brd-card__orb",
+				style: {
+					background: "rgb(var(--c-surface-3))",
+					boxShadow: "none"
+				}
+			}),
+			/* @__PURE__ */ d(X, {
+				h: 16,
+				w: "88%"
+			}),
+			/* @__PURE__ */ d(X, {
+				h: 16,
+				w: "64%",
+				className: "mt-2"
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "brd-card__meta",
+				children: [/* @__PURE__ */ d("div", {
+					className: "brd-card__meta-row",
+					children: /* @__PURE__ */ d(X, {
+						h: 12,
+						w: "56%"
+					})
+				}), /* @__PURE__ */ d("div", {
+					className: "brd-card__meta-row",
+					children: /* @__PURE__ */ d(X, {
+						h: 12,
+						w: "44%"
+					})
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "brd-card__foot",
+				children: [/* @__PURE__ */ f("span", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ d(X, {
+							circle: !0,
+							w: 24,
+							h: 24
+						}),
+						/* @__PURE__ */ d(X, {
+							circle: !0,
+							w: 24,
+							h: 24
+						}),
+						/* @__PURE__ */ d(X, {
+							circle: !0,
+							w: 24,
+							h: 24
+						})
+					]
+				}), /* @__PURE__ */ d(X, {
+					h: 14,
+					w: 40
+				})]
+			})
+		]
+	});
+}
+function qe({ columns: e = 5, rows: t = 6 }) {
+	return /* @__PURE__ */ f("table", {
+		className: "table table-plan",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ d("tr", { children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ d("th", {
+			className: "th",
+			children: /* @__PURE__ */ d(X, {
+				h: 10,
+				w: "60%"
+			})
+		}, t)) }) }), /* @__PURE__ */ d("tbody", { children: Array.from({ length: t }, (t, n) => /* @__PURE__ */ d("tr", { children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ d("td", {
+			className: "td",
+			children: /* @__PURE__ */ d(X, {
+				h: 12,
+				w: t === 0 ? "80%" : "50%"
+			})
+		}, t)) }, n)) })]
+	});
+}
+function Je() {
+	return /* @__PURE__ */ f("div", {
+		className: "stat-tile",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ d(X, {
+			w: 44,
+			h: 44,
+			style: { borderRadius: 8 }
+		}), /* @__PURE__ */ f("span", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ d(X, {
+				h: 24,
+				w: 56
+			}), /* @__PURE__ */ d(X, {
+				h: 12,
+				w: "60%",
+				className: "mt-2"
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/EmptyState.jsx
+function Ye({ icon: e = D, title: t, line: n, action: r, className: i = "" }) {
+	return /* @__PURE__ */ f("div", {
+		className: `empty ${i}`,
+		children: [
+			/* @__PURE__ */ d("span", {
+				className: "empty__well",
+				children: /* @__PURE__ */ d(e, {
+					size: 20,
+					"aria-hidden": "true"
+				})
+			}),
+			t && /* @__PURE__ */ d("p", {
+				className: "empty__title",
+				children: t
+			}),
+			n && /* @__PURE__ */ d("p", {
+				className: "empty__line",
+				children: n
+			}),
+			r && /* @__PURE__ */ d("div", {
+				className: "mt-2",
+				children: r
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/toast-context.js
+var Z = e(null);
+function Xe() {
+	let e = r(Z);
+	if (!e) throw Error("useToast must be used inside <ToastProvider>");
+	return e.toast;
+}
+function Ze() {
+	let e = r(Z);
+	if (!e) throw Error("useToastDismiss must be used inside <ToastProvider>");
+	return e.dismiss;
+}
+//#endregion
+//#region src/components/Toast.jsx
+function Qe({ children: e, duration: t = 4e3 }) {
+	let [r, a] = l(null), o = c(null), u = n(() => {
+		o.current && clearTimeout(o.current), o.current = null, a(null);
+	}, []), p = n((e) => {
+		let n = typeof e == "string" ? { message: e } : e;
+		o.current && clearTimeout(o.current), a({
+			tone: "default",
+			...n,
+			key: Date.now()
+		}), o.current = setTimeout(() => a(null), n.duration ?? t);
+	}, [t]);
+	i(() => () => o.current && clearTimeout(o.current), []);
+	let m = s(() => ({
+		toast: p,
+		dismiss: u
+	}), [p, u]);
+	return /* @__PURE__ */ f(Z.Provider, {
+		value: m,
+		children: [e, r && F(/* @__PURE__ */ f("div", {
+			className: `toast ${r.tone === "error" ? "toast--error" : ""}`,
+			role: r.tone === "error" ? "alert" : "status",
+			children: [
+				r.tone === "error" ? /* @__PURE__ */ d(C, {
+					size: 18,
+					"aria-hidden": "true"
+				}) : /* @__PURE__ */ d(w, {
+					size: 18,
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ d("span", {
+					className: "toast__text",
+					title: r.message,
+					children: r.message
+				}),
+				r.action,
+				/* @__PURE__ */ d("button", {
+					type: "button",
+					className: "toast__close",
+					onClick: u,
+					"aria-label": "Dismiss",
+					children: /* @__PURE__ */ d(P, {
+						size: 16,
+						"aria-hidden": "true"
+					})
+				})
+			]
+		}, r.key), document.body)]
+	});
+}
+//#endregion
+//#region src/components/theme.js
+var Q = "iw-theme", $e = "(prefers-color-scheme: dark)";
+function et() {
+	try {
+		let e = localStorage.getItem(Q);
+		return e === "dark" || e === "light" ? e : "system";
+	} catch {
+		return "system";
+	}
+}
+function tt() {
+	return typeof window < "u" && window.matchMedia?.($e).matches === !0;
+}
+function nt() {
+	let [e, t] = l(et), [r, a] = l(tt), o = e === "system" ? r ? "dark" : "light" : e;
+	return i(() => {
+		let t = document.documentElement;
+		e === "system" ? t.removeAttribute("data-theme") : t.setAttribute("data-theme", e);
+		try {
+			e === "system" ? localStorage.removeItem(Q) : localStorage.setItem(Q, e);
+		} catch {}
+	}, [e]), i(() => {
+		let e = window.matchMedia?.($e);
+		if (!e) return;
+		let t = (e) => a(e.matches);
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), {
+		theme: e,
+		resolved: o,
+		setTheme: t,
+		toggle: n(() => {
+			t((e) => (e === "system" ? tt() ? "dark" : "light" : e) === "dark" ? "light" : "dark");
+		}, [])
+	};
+}
+//#endregion
+//#region src/components/Shell.jsx
+var rt = 1e3;
+function it(e = /* @__PURE__ */ new Date()) {
+	let t = e.getHours();
+	return t < 12 ? "Good morning," : t < 17 ? "Good afternoon," : "Good evening,";
+}
+function at({ brand: e = {
+	mark: "IW",
+	name: "Indira Workspace"
+}, nav: t = [], activeId: n, onNavigate: r, user: a, search: o, notifications: s = 0, onBell: u, onSignOut: p, userMenu: m = [], rail: h, onRailChange: _, children: v }) {
+	let [y, C] = l(!1), [w, T] = l(() => window.innerWidth < rt), E = w || (h ?? y), D = (e) => {
+		_ ? _(e) : C(e);
+	}, [O, A] = l(!1), j = c(null), { resolved: M, toggle: N } = nt();
+	i(() => {
+		let e = window.matchMedia("(max-width: 999px)"), t = () => T(e.matches);
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), i(() => {
+		let e = 0, t = (t) => {
+			if (t.key !== " " || t.repeat) return;
+			let n = t.target, r = n?.tagName;
+			if (r === "INPUT" || r === "TEXTAREA" || r === "SELECT" || r === "BUTTON" || r === "A" || n?.isContentEditable) return;
+			let i = Date.now();
+			i - e < 350 ? (t.preventDefault(), document.fullscreenElement ? document.exitFullscreen?.() : document.documentElement.requestFullscreen?.(), e = 0) : e = i;
+		};
+		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+	}, []), i(() => {
+		if (!O) return;
+		let e = (e) => !j.current?.contains(e.target) && A(!1), t = (e) => e.key === "Escape" && A(!1);
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [O]);
+	let te = M === "dark" ? ne : ee;
+	return /* @__PURE__ */ f("div", {
+		className: "shell",
+		"data-rail": E ? "true" : "false",
+		children: [/* @__PURE__ */ f("aside", {
+			className: "shell__sidebar",
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: "shell__brand",
+					title: e.name,
+					children: [/* @__PURE__ */ d("span", {
+						className: "shell__brand-mark",
+						"aria-hidden": "true",
+						children: e.mark
+					}), /* @__PURE__ */ d("span", {
+						className: "shell__brand-name",
+						children: e.name
+					})]
+				}),
+				!w && /* @__PURE__ */ d("button", {
+					type: "button",
+					className: "shell__collapse",
+					onClick: () => D(!E),
+					title: E ? "Expand navigation" : "Collapse navigation",
+					"aria-label": E ? "Expand navigation" : "Collapse navigation",
+					"aria-expanded": !E,
+					children: d(E ? S : x, { size: 16 })
+				}),
+				/* @__PURE__ */ d("nav", {
+					className: "shell__nav",
+					"aria-label": "Primary",
+					children: t.map((e, t) => e === "gap" ? /* @__PURE__ */ d("span", {
+						className: "shell__nav-gap",
+						"aria-hidden": "true"
+					}, `gap-${t}`) : /* @__PURE__ */ d($, {
+						icon: e.icon,
+						label: e.label,
+						count: e.count,
+						title: e.title,
+						active: e.id === n,
+						onClick: () => r?.(e.id)
+					}, e.id))
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "shell__foot",
+					children: [/* @__PURE__ */ d($, {
+						icon: te,
+						label: M === "dark" ? "Light theme" : "Dark theme",
+						onClick: N
+					}), p && /* @__PURE__ */ d($, {
+						icon: k,
+						label: "Sign out",
+						onClick: p
+					})]
+				})
+			]
+		}), /* @__PURE__ */ f("div", {
+			className: "shell__main",
+			children: [/* @__PURE__ */ f("header", {
+				className: "shell__header",
+				children: [
+					a && /* @__PURE__ */ f("div", {
+						className: "shell__greeting",
+						children: [/* @__PURE__ */ d("div", {
+							className: "shell__greeting-hi",
+							children: it()
+						}), /* @__PURE__ */ d("div", {
+							className: "shell__greeting-name",
+							children: a.name
+						})]
+					}),
+					o && /* @__PURE__ */ d(Te, {
+						className: "shell__search",
+						value: o.value ?? "",
+						onChange: o.onChange,
+						onClear: o.onClear,
+						placeholder: o.placeholder ?? "Search"
+					}),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						className: "btn btn--text btn--icon bell",
+						onClick: u,
+						title: "Notifications",
+						"aria-label": `Notifications${s ? `, ${s} unread` : ""}`,
+						children: [/* @__PURE__ */ d(g, {
+							size: 20,
+							"aria-hidden": "true"
+						}), s > 0 && /* @__PURE__ */ d("span", {
+							className: "bell__badge",
+							children: s > 99 ? "99+" : s
+						})]
+					}),
+					a && /* @__PURE__ */ f("div", {
+						className: "relative",
+						ref: j,
+						children: [/* @__PURE__ */ f("button", {
+							type: "button",
+							className: "user-pill",
+							onClick: () => A((e) => !e),
+							"aria-haspopup": "menu",
+							"aria-expanded": O,
+							title: a.email,
+							children: [
+								/* @__PURE__ */ d(K, {
+									name: a.name,
+									photo: a.photo,
+									size: 40
+								}),
+								/* @__PURE__ */ f("span", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ d("span", {
+										className: "user-pill__name block truncate",
+										children: a.name
+									}), a.role && /* @__PURE__ */ d("span", {
+										className: "user-pill__role block truncate",
+										children: a.role
+									})]
+								}),
+								/* @__PURE__ */ d(b, {
+									size: 16,
+									className: "text-ink-faint",
+									"aria-hidden": "true"
+								})
+							]
+						}), O && /* @__PURE__ */ f("div", {
+							className: "menu",
+							role: "menu",
+							children: [m.map((e) => /* @__PURE__ */ f("button", {
+								type: "button",
+								role: "menuitem",
+								className: "menu__item",
+								onClick: () => {
+									A(!1), e.onClick?.();
+								},
+								children: [e.icon && /* @__PURE__ */ d(e.icon, {
+									size: 16,
+									"aria-hidden": "true"
+								}), e.label]
+							}, e.label)), p && /* @__PURE__ */ f("button", {
+								type: "button",
+								role: "menuitem",
+								className: "menu__item",
+								onClick: () => {
+									A(!1), p();
+								},
+								children: [/* @__PURE__ */ d(k, {
+									size: 16,
+									"aria-hidden": "true"
+								}), "Sign out"]
+							})]
+						})]
+					})
+				]
+			}), /* @__PURE__ */ d("main", {
+				className: "shell__content",
+				children: v
+			})]
+		})]
+	});
+}
+function $({ icon: e, label: t, count: n, active: r = !1, title: i, ...a }) {
+	return /* @__PURE__ */ f("button", {
+		type: "button",
+		className: "nav-item",
+		"aria-current": r ? "page" : void 0,
+		title: i ?? t,
+		...a,
+		children: [
+			e && /* @__PURE__ */ d(e, {
+				size: 20,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ d("span", {
+				className: "nav-item__label",
+				children: t
+			}),
+			n != null && /* @__PURE__ */ d("span", {
+				className: "nav-item__count",
+				children: n
+			})
+		]
+	});
+}
+function ot({ left: e, right: t, className: n = "" }) {
+	return /* @__PURE__ */ f("div", {
+		className: `toolbar ${n}`,
+		children: [/* @__PURE__ */ d("div", {
+			className: "toolbar__left",
+			children: e
+		}), /* @__PURE__ */ d("div", {
+			className: "toolbar__right",
+			children: t
+		})]
+	});
+}
+//#endregion
+export { U as AVATAR_SIZES, H as AVATAR_TINTS, K as Avatar, de as AvatarStack, I as Button, L as Card, Ee as Checkbox, We as Dialog, Ge as DocFull, Ye as EmptyState, he as FilterChip, ge as FilterChips, xe as Hint, Se as Input, be as Label, $ as NavItem, je as Notice, Ve as Person, Fe as PersonDirectoryProvider, fe as RecordCard, pe as RecordCardGrid, Ke as RecordCardSkeleton, se as STATUSES, R as STATUS_META, Te as SearchInput, we as Select, at as Shell, X as Skeleton, ue as StatTile, Je as StatTileSkeleton, De as StatusChip, V as StatusGlyph, He as Stepper, me as Table, qe as TableSkeleton, _e as Tabs, Oe as Tag, Ce as Textarea, Qe as ToastProvider, ot as Toolbar, ve as ToolbarButton, ye as ToolbarToggle, ke as VersionChip, W as initialsOf, Y as lockBodyScroll, le as statusColor, ce as statusIcon, z as statusLabel, B as statusTriplet, G as tintOf, Pe as usePerson, nt as useTheme, Xe as useToast, Ze as useToastDismiss };
+
+//# sourceMappingURL=indira-workspace-ui.mjs.map