@sovereignfs/ui 0.21.0

package/dist/index.js

@@ -0,0 +1,1370 @@
+// src/components/Badge/Badge.tsx
+import styles from "./Badge.module.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+var STATUS_DOT_CLASS = {
+  active: styles.dotGreen,
+  enabled: styles.dotGreen,
+  deactivated: styles.dotRed,
+  failed: styles.dotRed,
+  invited: styles.dotAmber,
+  pending: styles.dotAmber,
+  neutral: styles.dotGrey
+};
+var STATUS_CHIP_CLASS = {
+  active: styles.chipGreen,
+  enabled: styles.chipGreen,
+  deactivated: styles.chipRed,
+  failed: styles.chipRed,
+  invited: styles.chipAmber,
+  pending: styles.chipAmber,
+  neutral: styles.chipNeutral
+};
+function Badge({ variant = "role", status = "neutral", children }) {
+  const isStatus = variant === "status";
+  const dotClass = isStatus ? STATUS_DOT_CLASS[status] : void 0;
+  const chipClass = isStatus ? STATUS_CHIP_CLASS[status] : void 0;
+  return /* @__PURE__ */ jsxs("span", { className: [styles.badge, styles[variant], chipClass].filter(Boolean).join(" "), children: [
+    isStatus && /* @__PURE__ */ jsx("span", { className: [styles.dot, dotClass].join(" "), "aria-hidden": true }),
+    children
+  ] });
+}
+
+// src/components/Icon/icons/house.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function HouseIcon(props) {
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2("path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" }),
+        /* @__PURE__ */ jsx2("path", { d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/settings.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function SettingsIcon(props) {
+  return /* @__PURE__ */ jsxs3(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx3("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }),
+        /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "3" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/log-out.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function LogOutIcon(props) {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx4("path", { d: "m16 17 5-5-5-5" }),
+        /* @__PURE__ */ jsx4("path", { d: "M21 12H9" }),
+        /* @__PURE__ */ jsx4("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/chevron-right.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function ChevronRightIcon(props) {
+  return /* @__PURE__ */ jsx5(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ jsx5("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+
+// src/components/Icon/icons/chevron-left.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function ChevronLeftIcon(props) {
+  return /* @__PURE__ */ jsx6(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ jsx6("path", { d: "m15 18-6-6 6-6" })
+    }
+  );
+}
+
+// src/components/Icon/icons/chevron-down.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function ChevronDownIcon(props) {
+  return /* @__PURE__ */ jsx7(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ jsx7("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+
+// src/components/Icon/icons/chevron-up.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function ChevronUpIcon(props) {
+  return /* @__PURE__ */ jsx8(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ jsx8("path", { d: "m18 15-6-6-6 6" })
+    }
+  );
+}
+
+// src/components/Icon/icons/x.tsx
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function XIcon(props) {
+  return /* @__PURE__ */ jsxs5(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx9("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ jsx9("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/check.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function CheckIcon(props) {
+  return /* @__PURE__ */ jsx10(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ jsx10("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+
+// src/components/Icon/icons/plus.tsx
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+function PlusIcon(props) {
+  return /* @__PURE__ */ jsxs6(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx11("path", { d: "M5 12h14" }),
+        /* @__PURE__ */ jsx11("path", { d: "M12 5v14" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/trash-2.tsx
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+function Trash2Icon(props) {
+  return /* @__PURE__ */ jsxs7(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx12("path", { d: "M10 11v6" }),
+        /* @__PURE__ */ jsx12("path", { d: "M14 11v6" }),
+        /* @__PURE__ */ jsx12("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+        /* @__PURE__ */ jsx12("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ jsx12("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/pencil.tsx
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+function PencilIcon(props) {
+  return /* @__PURE__ */ jsxs8(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx13("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }),
+        /* @__PURE__ */ jsx13("path", { d: "m15 5 4 4" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/rotate-ccw.tsx
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+function RotateCcwIcon(props) {
+  return /* @__PURE__ */ jsxs9(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx14("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+        /* @__PURE__ */ jsx14("path", { d: "M3 3v5h5" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/search.tsx
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+function SearchIcon(props) {
+  return /* @__PURE__ */ jsxs10(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx15("path", { d: "m21 21-4.34-4.34" }),
+        /* @__PURE__ */ jsx15("circle", { cx: "11", cy: "11", r: "8" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/user.tsx
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+function UserIcon(props) {
+  return /* @__PURE__ */ jsxs11(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx16("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx16("circle", { cx: "12", cy: "7", r: "4" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/shield.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function ShieldIcon(props) {
+  return /* @__PURE__ */ jsx17(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ jsx17("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" })
+    }
+  );
+}
+
+// src/components/Icon/icons/lock.tsx
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+function LockIcon(props) {
+  return /* @__PURE__ */ jsxs12(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx18("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx18("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/eye.tsx
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+function EyeIcon(props) {
+  return /* @__PURE__ */ jsxs13(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx19("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
+        /* @__PURE__ */ jsx19("circle", { cx: "12", cy: "12", r: "3" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/eye-off.tsx
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+function EyeOffIcon(props) {
+  return /* @__PURE__ */ jsxs14(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx20("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }),
+        /* @__PURE__ */ jsx20("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }),
+        /* @__PURE__ */ jsx20("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }),
+        /* @__PURE__ */ jsx20("path", { d: "m2 2 20 20" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/mail.tsx
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+function MailIcon(props) {
+  return /* @__PURE__ */ jsxs15(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx21("path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" }),
+        /* @__PURE__ */ jsx21("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/bell.tsx
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+function BellIcon(props) {
+  return /* @__PURE__ */ jsxs16(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx22("path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }),
+        /* @__PURE__ */ jsx22("path", { d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/activity.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+function ActivityIcon(props) {
+  return /* @__PURE__ */ jsx23(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ jsx23("path", { d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2" })
+    }
+  );
+}
+
+// src/components/Icon/icons/package.tsx
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+function PackageIcon(props) {
+  return /* @__PURE__ */ jsxs17(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx24("path", { d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z" }),
+        /* @__PURE__ */ jsx24("path", { d: "M12 22V12" }),
+        /* @__PURE__ */ jsx24("polyline", { points: "3.29 7 12 12 20.71 7" }),
+        /* @__PURE__ */ jsx24("path", { d: "m7.5 4.27 9 5.15" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/grid-2x2.tsx
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+function Grid2x2Icon(props) {
+  return /* @__PURE__ */ jsxs18(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx25("path", { d: "M12 3v18" }),
+        /* @__PURE__ */ jsx25("path", { d: "M3 12h18" }),
+        /* @__PURE__ */ jsx25("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/info.tsx
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+function InfoIcon(props) {
+  return /* @__PURE__ */ jsxs19(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx26("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx26("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ jsx26("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/alert-triangle.tsx
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+function AlertTriangleIcon(props) {
+  return /* @__PURE__ */ jsxs20(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx27("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+        /* @__PURE__ */ jsx27("path", { d: "M12 9v4" }),
+        /* @__PURE__ */ jsx27("path", { d: "M12 17h.01" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/sliders-horizontal.tsx
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+function SlidersHorizontalIcon(props) {
+  return /* @__PURE__ */ jsxs21(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx28("line", { x1: "21", x2: "14", y1: "4", y2: "4" }),
+        /* @__PURE__ */ jsx28("line", { x1: "10", x2: "3", y1: "4", y2: "4" }),
+        /* @__PURE__ */ jsx28("line", { x1: "21", x2: "12", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx28("line", { x1: "8", x2: "3", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx28("line", { x1: "21", x2: "16", y1: "20", y2: "20" }),
+        /* @__PURE__ */ jsx28("line", { x1: "12", x2: "3", y1: "20", y2: "20" }),
+        /* @__PURE__ */ jsx28("line", { x1: "14", x2: "14", y1: "2", y2: "6" }),
+        /* @__PURE__ */ jsx28("line", { x1: "8", x2: "8", y1: "10", y2: "14" }),
+        /* @__PURE__ */ jsx28("line", { x1: "16", x2: "16", y1: "18", y2: "22" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/terminal.tsx
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+function TerminalIcon(props) {
+  return /* @__PURE__ */ jsxs22(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx29("polyline", { points: "4 17 10 11 4 5" }),
+        /* @__PURE__ */ jsx29("line", { x1: "12", x2: "20", y1: "19", y2: "19" })
+      ]
+    }
+  );
+}
+
+// src/components/Icon/icons/index.ts
+var ICONS = {
+  house: HouseIcon,
+  settings: SettingsIcon,
+  "log-out": LogOutIcon,
+  "chevron-right": ChevronRightIcon,
+  "chevron-left": ChevronLeftIcon,
+  "chevron-down": ChevronDownIcon,
+  "chevron-up": ChevronUpIcon,
+  x: XIcon,
+  check: CheckIcon,
+  plus: PlusIcon,
+  "trash-2": Trash2Icon,
+  pencil: PencilIcon,
+  "rotate-ccw": RotateCcwIcon,
+  search: SearchIcon,
+  user: UserIcon,
+  shield: ShieldIcon,
+  lock: LockIcon,
+  eye: EyeIcon,
+  "eye-off": EyeOffIcon,
+  mail: MailIcon,
+  bell: BellIcon,
+  activity: ActivityIcon,
+  package: PackageIcon,
+  "grid-2x2": Grid2x2Icon,
+  info: InfoIcon,
+  "alert-triangle": AlertTriangleIcon,
+  "sliders-horizontal": SlidersHorizontalIcon,
+  terminal: TerminalIcon
+};
+
+// src/components/Icon/Icon.tsx
+import styles2 from "./Icon.module.css";
+import { jsx as jsx30 } from "react/jsx-runtime";
+function Icon({
+  name,
+  size = "md",
+  className,
+  ...aria
+}) {
+  const Svg = ICONS[name];
+  const classes = [styles2.root, styles2[size], className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx30(Svg, { className: classes, role: aria["aria-label"] ? "img" : void 0, ...aria });
+}
+
+// src/components/Toggle/Toggle.tsx
+import styles3 from "./Toggle.module.css";
+import { jsx as jsx31 } from "react/jsx-runtime";
+function Toggle({ checked, onChange, disabled, className, ...rest }) {
+  return /* @__PURE__ */ jsx31(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": checked,
+      disabled,
+      className: [styles3.track, checked ? styles3.on : styles3.off, className].filter(Boolean).join(" "),
+      onClick: () => onChange(!checked),
+      ...rest,
+      children: /* @__PURE__ */ jsx31("span", { className: styles3.thumb })
+    }
+  );
+}
+
+// src/components/SegmentedControl/SegmentedControl.tsx
+import styles4 from "./SegmentedControl.module.css";
+import { jsx as jsx32 } from "react/jsx-runtime";
+function SegmentedControl({
+  value,
+  onChange,
+  options,
+  size = "md",
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      className: [styles4.track, styles4[size]].join(" "),
+      children: options.map((opt) => {
+        const active = opt.value === value;
+        return /* @__PURE__ */ jsx32(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": active,
+            className: [styles4.segment, active ? styles4.active : styles4.inactive].join(" "),
+            onClick: () => onChange(opt.value),
+            children: opt.label
+          },
+          opt.value
+        );
+      })
+    }
+  );
+}
+
+// src/components/Tabs/Tabs.tsx
+import styles5 from "./Tabs.module.css";
+import { jsx as jsx33 } from "react/jsx-runtime";
+function Tabs({ items, value, onChange, "aria-label": ariaLabel }) {
+  return /* @__PURE__ */ jsx33("div", { role: "tablist", "aria-label": ariaLabel, className: styles5.tablist, children: items.map((item) => {
+    const active = item.value === value;
+    return /* @__PURE__ */ jsx33(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": active,
+        className: [styles5.tab, active ? styles5.active : styles5.inactive].join(" "),
+        onClick: () => onChange(item.value),
+        children: item.label
+      },
+      item.value
+    );
+  }) });
+}
+
+// src/components/Select/Select.tsx
+import styles6 from "./Select.module.css";
+import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
+function Select({ className, size = "md", children, ...rest }) {
+  return /* @__PURE__ */ jsxs23(
+    "div",
+    {
+      className: [styles6.wrapper, size === "sm" ? styles6.sm : void 0].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx34("select", { className: [styles6.select, className].filter(Boolean).join(" "), ...rest, children }),
+        /* @__PURE__ */ jsx34(
+          "svg",
+          {
+            className: styles6.chevron,
+            "aria-hidden": "true",
+            width: "12",
+            height: "12",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ jsx34("polyline", { points: "6 9 12 15 18 9" })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/SystemBanner/SystemBanner.tsx
+import styles7 from "./SystemBanner.module.css";
+import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
+function SystemBanner({ variant = "info", onDismiss, children }) {
+  return /* @__PURE__ */ jsxs24("div", { role: "status", "aria-live": "polite", className: [styles7.banner, styles7[variant]].join(" "), children: [
+    /* @__PURE__ */ jsx35("span", { className: styles7.content, children }),
+    onDismiss && /* @__PURE__ */ jsx35(
+      "button",
+      {
+        type: "button",
+        className: styles7.dismiss,
+        onClick: onDismiss,
+        "aria-label": "Dismiss banner",
+        children: /* @__PURE__ */ jsx35(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 14 14",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            "aria-hidden": true,
+            children: /* @__PURE__ */ jsx35(
+              "path",
+              {
+                d: "M1 1L13 13M13 1L1 13",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round"
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+
+// src/components/Popover/Popover.tsx
+import { useEffect, useRef } from "react";
+import styles8 from "./Popover.module.css";
+import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
+function Popover({
+  trigger,
+  open,
+  onClose,
+  align = "right",
+  width = 288,
+  "aria-label": ariaLabel,
+  children
+}) {
+  const containerRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    function handleMouseDown(e) {
+      if (!containerRef.current?.contains(e.target)) {
+        onClose();
+      }
+    }
+    document.addEventListener("mousedown", handleMouseDown);
+    return () => document.removeEventListener("mousedown", handleMouseDown);
+  }, [open, onClose]);
+  useEffect(() => {
+    if (!open) return;
+    function handleKeyDown(e) {
+      if (e.key === "Escape") onClose();
+    }
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [open, onClose]);
+  return /* @__PURE__ */ jsxs25("div", { ref: containerRef, className: styles8.container, children: [
+    trigger,
+    open && /* @__PURE__ */ jsx36(
+      "div",
+      {
+        role: "dialog",
+        "aria-label": ariaLabel,
+        "aria-modal": false,
+        className: [styles8.panel, styles8[align]].join(" "),
+        style: { width },
+        children
+      }
+    )
+  ] });
+}
+
+// src/components/Button/Button.tsx
+import styles9 from "./Button.module.css";
+import { jsx as jsx37 } from "react/jsx-runtime";
+function Button({
+  variant = "primary",
+  size = "md",
+  type = "button",
+  className,
+  children,
+  ...rest
+}) {
+  const classes = [styles9.button, styles9[variant], styles9[size], className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx37("button", { type, className: classes, ...rest, children });
+}
+
+// src/components/Input/Input.tsx
+import styles10 from "./Input.module.css";
+import { jsx as jsx38 } from "react/jsx-runtime";
+function Input({ type = "text", className, ...rest }) {
+  const classes = [styles10.input, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx38("input", { type, className: classes, ...rest });
+}
+
+// src/components/Dialog/Dialog.tsx
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
+import styles11 from "./Dialog.module.css";
+import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
+var FOCUSABLE = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function Dialog({
+  open,
+  onClose,
+  size = "lg",
+  "aria-label": ariaLabel,
+  title,
+  children
+}) {
+  const panelRef = useRef2(null);
+  const previouslyFocused = useRef2(null);
+  useEffect2(() => {
+    if (!open) return;
+    previouslyFocused.current = document.activeElement;
+    const panel = panelRef.current;
+    const first = panel?.querySelector(FOCUSABLE);
+    (first ?? panel)?.focus();
+    return () => previouslyFocused.current?.focus();
+  }, [open]);
+  useEffect2(() => {
+    if (!open) return;
+    function handleKeyDown(e) {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        onClose();
+        return;
+      }
+      if (e.key !== "Tab") return;
+      const panel = panelRef.current;
+      if (!panel) return;
+      const focusable = [...panel.querySelectorAll(FOCUSABLE)];
+      const first = focusable[0];
+      const last = focusable.at(-1);
+      if (!first || !last) {
+        e.preventDefault();
+        return;
+      }
+      const active = document.activeElement;
+      if (e.shiftKey && active === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && active === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    }
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [open, onClose]);
+  if (!open) return null;
+  return (
+    // role="presentation" removes the scrim from the AT (it is purely visual).
+    // e.target check lets clicks inside the panel bubble without triggering dismiss.
+    /* @__PURE__ */ jsx39(
+      "div",
+      {
+        className: styles11.scrim,
+        role: "presentation",
+        onClick: (e) => {
+          if (e.target === e.currentTarget) onClose();
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Escape") onClose();
+        },
+        children: /* @__PURE__ */ jsxs26(
+          "div",
+          {
+            ref: panelRef,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": ariaLabel ?? title,
+            tabIndex: -1,
+            className: [styles11.panel, styles11[size]].join(" "),
+            children: [
+              /* @__PURE__ */ jsxs26("div", { className: styles11.mobileBar, children: [
+                title && /* @__PURE__ */ jsx39("span", { className: styles11.mobileBarTitle, children: title }),
+                /* @__PURE__ */ jsx39(
+                  "button",
+                  {
+                    type: "button",
+                    className: styles11.mobileBarClose,
+                    "aria-label": "Close",
+                    onClick: onClose,
+                    children: "\xD7"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx39("button", { type: "button", className: styles11.close, "aria-label": "Close", onClick: onClose, children: "\xD7" }),
+              /* @__PURE__ */ jsx39("div", { className: styles11.content, children })
+            ]
+          }
+        )
+      }
+    )
+  );
+}
+
+// src/components/Drawer/Drawer.tsx
+import { useEffect as useEffect3, useRef as useRef3 } from "react";
+import styles12 from "./Drawer.module.css";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var FOCUSABLE2 = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function Drawer({ open, onClose, "aria-label": ariaLabel, children }) {
+  const panelRef = useRef3(null);
+  const previouslyFocused = useRef3(null);
+  useEffect3(() => {
+    if (!open) return;
+    previouslyFocused.current = document.activeElement;
+    const panel = panelRef.current;
+    const first = panel?.querySelector(FOCUSABLE2);
+    (first ?? panel)?.focus();
+    return () => previouslyFocused.current?.focus();
+  }, [open]);
+  useEffect3(() => {
+    if (!open) return;
+    function handleKeyDown(e) {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        onClose();
+        return;
+      }
+      if (e.key !== "Tab") return;
+      const panel = panelRef.current;
+      if (!panel) return;
+      const focusable = [...panel.querySelectorAll(FOCUSABLE2)];
+      const first = focusable[0];
+      const last = focusable.at(-1);
+      if (!first || !last) {
+        e.preventDefault();
+        return;
+      }
+      const active = document.activeElement;
+      if (e.shiftKey && active === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && active === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    }
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [open, onClose]);
+  if (!open) return null;
+  return (
+    // role="presentation" removes the scrim from the AT (it is purely visual).
+    // e.target check lets clicks inside the panel bubble without triggering dismiss.
+    /* @__PURE__ */ jsx40(
+      "div",
+      {
+        className: styles12.scrim,
+        role: "presentation",
+        onClick: (e) => {
+          if (e.target === e.currentTarget) onClose();
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Escape") onClose();
+        },
+        children: /* @__PURE__ */ jsx40(
+          "div",
+          {
+            ref: panelRef,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": ariaLabel,
+            tabIndex: -1,
+            className: styles12.panel,
+            children
+          }
+        )
+      }
+    )
+  );
+}
+
+// src/components/Toast/Toast.tsx
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect as useEffect4,
+  useId,
+  useMemo,
+  useRef as useRef4,
+  useState
+} from "react";
+import styles13 from "./Toast.module.css";
+import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
+var ToastContext = createContext(null);
+function useToast() {
+  const ctx = useContext(ToastContext);
+  if (!ctx) throw new Error("useToast() must be used inside <ToastProvider>");
+  return ctx;
+}
+function ToastProvider({ children }) {
+  const [toasts, setToasts] = useState([]);
+  const timers = useRef4(/* @__PURE__ */ new Map());
+  const seedId = useId();
+  const counter = useRef4(0);
+  const dismiss = useCallback((id) => {
+    setToasts((prev) => prev.map((t) => t.id === id ? { ...t, exiting: true } : t));
+    setTimeout(() => {
+      setToasts((prev) => prev.filter((t) => t.id !== id));
+    }, 220);
+  }, []);
+  const show = useCallback(
+    (item) => {
+      const id = `${seedId}-${++counter.current}`;
+      const duration = item.duration ?? 5e3;
+      setToasts((prev) => [...prev, { ...item, id }]);
+      if (duration > 0) {
+        const timer = setTimeout(() => dismiss(id), duration);
+        timers.current.set(id, timer);
+      }
+      return id;
+    },
+    [seedId, dismiss]
+  );
+  useEffect4(() => {
+    const currentTimers = timers.current;
+    return () => {
+      currentTimers.forEach((t) => clearTimeout(t));
+    };
+  }, []);
+  const value = useMemo(() => ({ show, dismiss }), [show, dismiss]);
+  return /* @__PURE__ */ jsxs27(ToastContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ jsx41(
+      "ol",
+      {
+        className: styles13.region,
+        "aria-label": "Notifications",
+        "aria-live": "polite",
+        "aria-atomic": "false",
+        children: toasts.map((toast) => /* @__PURE__ */ jsx41(Toast, { ...toast, onDismiss: dismiss }, toast.id))
+      }
+    )
+  ] });
+}
+var CATEGORY_ICON = {
+  info: "info",
+  announcement: "info",
+  success: "check",
+  warning: "alert-triangle",
+  error: "alert-triangle",
+  security: "alert-triangle"
+};
+function Toast({
+  id,
+  title,
+  message,
+  category = "info",
+  exiting,
+  onDismiss
+}) {
+  const categoryClass = styles13[category] ?? styles13.info;
+  const iconName = CATEGORY_ICON[category] ?? "info";
+  return /* @__PURE__ */ jsxs27(
+    "li",
+    {
+      role: "status",
+      className: `${styles13.toast} ${String(categoryClass)} ${exiting ? styles13.exiting : ""}`,
+      children: [
+        /* @__PURE__ */ jsx41("span", { className: styles13.icon, "aria-hidden": "true", children: /* @__PURE__ */ jsx41(Icon, { name: iconName, size: "sm", "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs27("div", { className: styles13.body, children: [
+          /* @__PURE__ */ jsx41("div", { className: styles13.title, children: title }),
+          message && /* @__PURE__ */ jsx41("div", { className: styles13.message, children: message })
+        ] }),
+        /* @__PURE__ */ jsx41(
+          "button",
+          {
+            type: "button",
+            className: styles13.close,
+            "aria-label": "Dismiss notification",
+            onClick: () => onDismiss(id),
+            children: "\u2715"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/Card/Card.tsx
+import styles14 from "./Card.module.css";
+import { jsx as jsx42 } from "react/jsx-runtime";
+var paddingClass = {
+  sm: styles14.paddingSm,
+  md: styles14.paddingMd,
+  lg: styles14.paddingLg
+};
+function Card({
+  as: Tag = "div",
+  interactive = false,
+  padding = "md",
+  className,
+  children,
+  ...rest
+}) {
+  const cls = [styles14.card, paddingClass[padding], interactive && styles14.interactive, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx42(Tag, { className: cls, ...rest, children });
+}
+
+// src/components/FormField/FormField.tsx
+import { useId as useId2 } from "react";
+import styles15 from "./FormField.module.css";
+import { jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
+function FormField({
+  label,
+  hint,
+  error,
+  htmlFor,
+  required = false,
+  children,
+  className
+}) {
+  const hintId = useId2();
+  const errorId = useId2();
+  const describedBy = [hint && hintId, error && errorId].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxs28("div", { className: [styles15.field, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs28("label", { className: styles15.label, htmlFor, children: [
+      label,
+      required && /* @__PURE__ */ jsx43("span", { className: styles15.required, "aria-hidden": "true", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx43("div", { "aria-describedby": describedBy, children }),
+    hint && !error && /* @__PURE__ */ jsx43("p", { id: hintId, className: styles15.hint, children: hint }),
+    error && /* @__PURE__ */ jsx43("p", { id: errorId, className: styles15.error, role: "alert", children: error })
+  ] });
+}
+
+// src/components/PageHeader/PageHeader.tsx
+import styles16 from "./PageHeader.module.css";
+import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
+function PageHeader({ title, description, action, className }) {
+  return /* @__PURE__ */ jsxs29("header", { className: [styles16.header, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs29("div", { className: styles16.text, children: [
+      /* @__PURE__ */ jsx44("h1", { className: styles16.title, children: title }),
+      description && /* @__PURE__ */ jsx44("p", { className: styles16.description, children: description })
+    ] }),
+    action && /* @__PURE__ */ jsx44("div", { className: styles16.action, children: action })
+  ] });
+}
+
+// src/components/EmptyState/EmptyState.tsx
+import styles17 from "./EmptyState.module.css";
+import { jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
+function EmptyState({ icon, heading, description, action, className }) {
+  return /* @__PURE__ */ jsxs30("div", { className: [styles17.root, className].filter(Boolean).join(" "), children: [
+    icon && /* @__PURE__ */ jsx45("span", { className: styles17.icon, children: /* @__PURE__ */ jsx45(Icon, { name: icon, size: "lg", "aria-hidden": true }) }),
+    /* @__PURE__ */ jsx45("h2", { className: styles17.heading, children: heading }),
+    description && /* @__PURE__ */ jsx45("p", { className: styles17.description, children: description }),
+    action
+  ] });
+}
+
+// src/components/Spinner/Spinner.tsx
+import styles18 from "./Spinner.module.css";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var sizeClass = {
+  sm: styles18.sm,
+  md: styles18.md,
+  lg: styles18.lg
+};
+function Spinner({ size = "md", label = "Loading\u2026", className }) {
+  return /* @__PURE__ */ jsx46(
+    "span",
+    {
+      role: "status",
+      "aria-label": label,
+      className: [styles18.spinner, sizeClass[size], className].filter(Boolean).join(" ")
+    }
+  );
+}
+
+// src/components/Avatar/Avatar.tsx
+import { useState as useState2 } from "react";
+import styles19 from "./Avatar.module.css";
+import { jsx as jsx47 } from "react/jsx-runtime";
+function initials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length === 1) return (parts[0] ?? "").slice(0, 2).toUpperCase();
+  return ((parts[0]?.[0] ?? "") + (parts[parts.length - 1]?.[0] ?? "")).toUpperCase();
+}
+var sizeClass2 = {
+  sm: styles19.sm,
+  md: styles19.md,
+  lg: styles19.lg
+};
+function Avatar({ name, src, size = "md", className }) {
+  const [imgFailed, setImgFailed] = useState2(false);
+  const cls = [styles19.avatar, sizeClass2[size], className].filter(Boolean).join(" ");
+  if (src && !imgFailed) {
+    return /* @__PURE__ */ jsx47("span", { className: cls, "aria-label": name, children: /* @__PURE__ */ jsx47("img", { src, alt: name, className: styles19.img, onError: () => setImgFailed(true) }) });
+  }
+  return /* @__PURE__ */ jsx47("span", { className: cls, "aria-label": name, children: initials(name) });
+}
+
+// src/components/NavTabs/NavTabs.tsx
+import styles20 from "./NavTabs.module.css";
+import { jsx as jsx48 } from "react/jsx-runtime";
+function NavTabs({ items, className, "aria-label": ariaLabel }) {
+  return /* @__PURE__ */ jsx48(
+    "nav",
+    {
+      className: [styles20.nav, className].filter(Boolean).join(" "),
+      "aria-label": ariaLabel ?? "Page navigation",
+      children: items.map((item) => /* @__PURE__ */ jsx48(
+        "a",
+        {
+          href: item.href,
+          className: [styles20.link, item.active && styles20.active].filter(Boolean).join(" "),
+          "aria-current": item.active ? "page" : void 0,
+          children: item.label
+        },
+        item.href
+      ))
+    }
+  );
+}
+
+// src/components/Tooltip/Tooltip.tsx
+import { useId as useId3 } from "react";
+import styles21 from "./Tooltip.module.css";
+import { jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
+var sideClass = {
+  top: styles21.top,
+  bottom: styles21.bottom,
+  left: styles21.left,
+  right: styles21.right
+};
+function Tooltip({ content, children, side = "top" }) {
+  const tipId = useId3();
+  return /* @__PURE__ */ jsxs31("span", { className: styles21.wrapper, children: [
+    /* @__PURE__ */ jsx49("span", { "aria-describedby": tipId, children }),
+    /* @__PURE__ */ jsx49("span", { id: tipId, role: "tooltip", className: [styles21.tip, sideClass[side]].join(" "), children: content })
+  ] });
+}
+export {
+  Avatar,
+  Badge,
+  Button,
+  Card,
+  Dialog,
+  Drawer,
+  EmptyState,
+  FormField,
+  Icon,
+  Input,
+  NavTabs,
+  PageHeader,
+  Popover,
+  SegmentedControl,
+  Select,
+  Spinner,
+  SystemBanner,
+  Tabs,
+  ToastProvider,
+  Toggle,
+  Tooltip,
+  useToast
+};