@skyfall_ai/aegis 0.1.0

package/dist/index.js

@@ -0,0 +1,3797 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Accordion: () => Accordion,
+  Alert: () => Alert,
+  AppointmentCard: () => AppointmentCard,
+  Autocomplete: () => Autocomplete,
+  Avatar: () => Avatar,
+  Badge: () => Badge,
+  Banner: () => Banner,
+  Breadcrumbs: () => Breadcrumbs,
+  Button: () => Button,
+  Card: () => Card,
+  Checkbox: () => Checkbox,
+  CheckboxGroup: () => CheckboxGroup,
+  ClinicalBanner: () => ClinicalBanner,
+  CollapsiblePanel: () => CollapsiblePanel,
+  ConfirmDialog: () => ConfirmDialog,
+  DataGrid: () => DataGrid,
+  DatePicker: () => DatePicker,
+  DescriptionList: () => DescriptionList,
+  Divider: () => Divider,
+  Drawer: () => Drawer,
+  EmptyState: () => EmptyState,
+  FileUpload: () => FileUpload,
+  FormField: () => FormField,
+  HelperText: () => HelperText,
+  IconButton: () => IconButton,
+  Input: () => Input,
+  InsuranceCard: () => InsuranceCard,
+  LabResultRow: () => LabResultRow,
+  Label: () => Label,
+  List: () => List,
+  ListItem: () => ListItem,
+  MedicationRow: () => MedicationRow,
+  Modal: () => Modal,
+  MultiSelect: () => MultiSelect,
+  NumberField: () => NumberField,
+  OTPInput: () => OTPInput,
+  Pagination: () => Pagination,
+  PatientCard: () => PatientCard,
+  Popover: () => Popover,
+  ProgressBar: () => ProgressBar,
+  Radio: () => Radio,
+  RadioGroup: () => RadioGroup,
+  SearchField: () => SearchField,
+  Select: () => Select,
+  SideNav: () => SideNav,
+  Skeleton: () => Skeleton,
+  Slider: () => Slider,
+  Spinner: () => Spinner,
+  StatCard: () => StatCard,
+  StatusBadge: () => StatusBadge,
+  Stepper: () => Stepper,
+  Switch: () => Switch,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCell: () => TableCell,
+  TableHead: () => TableHead,
+  TableHeaderCell: () => TableHeaderCell,
+  TableRow: () => TableRow,
+  Tabs: () => Tabs,
+  Textarea: () => Textarea,
+  Timeline: () => Timeline,
+  Toast: () => Toast,
+  Tooltip: () => Tooltip,
+  TopNav: () => TopNav,
+  accentTeal: () => accentTeal,
+  border: () => border,
+  borderStyle: () => borderStyle,
+  borderWidth: () => borderWidth,
+  brandPrimary: () => brandPrimary,
+  cn: () => cn,
+  container: () => container,
+  controlSize: () => controlSize,
+  dataVis: () => dataVis,
+  duration: () => duration,
+  easing: () => easing,
+  focusRing: () => focusRing,
+  fontFamily: () => fontFamily,
+  fontSize: () => fontSize,
+  fontWeight: () => fontWeight,
+  grid: () => grid,
+  iconSize: () => iconSize,
+  lineHeight: () => lineHeight,
+  modalSize: () => modalSize,
+  neutral: () => neutral,
+  opacity: () => opacity,
+  radius: () => radius,
+  semantic: () => semantic,
+  shadow: () => shadow,
+  sidebarDefault: () => sidebarDefault,
+  space: () => space,
+  surface: () => surface,
+  text: () => text,
+  touchMin: () => touchMin,
+  tracking: () => tracking,
+  zIndex: () => zIndex
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/tokens/colors.ts
+var brandPrimary = {
+  50: "#EEF4FF",
+  100: "#DCE8FF",
+  200: "#BED4FF",
+  300: "#8FB7FF",
+  400: "#5C92F2",
+  500: "#2F6FE4",
+  600: "#1F5CCD",
+  700: "#1849A6",
+  800: "#153B82",
+  900: "#112E63"
+};
+var accentTeal = {
+  50: "#EDF9F8",
+  100: "#D4F1EE",
+  200: "#A9E0D9",
+  300: "#77C9BE",
+  400: "#48AE9F",
+  500: "#2E8F83",
+  600: "#237368",
+  700: "#1D5D54"
+};
+var neutral = {
+  0: "#FFFFFF",
+  25: "#FCFDFE",
+  50: "#F6F8FA",
+  100: "#EDF1F5",
+  200: "#DCE3EA",
+  300: "#C1CBD6",
+  400: "#93A1B2",
+  500: "#66768A",
+  600: "#4B5B6C",
+  700: "#334155",
+  800: "#223042",
+  900: "#16202B"
+};
+var semantic = {
+  success: { 50: "#EEF8F1", 500: "#2F8F57", 700: "#1F6B3D" },
+  warning: { 50: "#FFF6E8", 500: "#B86A00", 700: "#8D4F00" },
+  error: { 50: "#FFF0F0", 500: "#C23A3A", 700: "#8F2626" },
+  info: { 50: "#EEF6FF", 500: "#2563B8", 700: "#1B4C8E" }
+};
+var text = {
+  primary: "#16202B",
+  secondary: "#4B5B6C",
+  muted: "#66768A",
+  inverse: "#FFFFFF"
+};
+var surface = {
+  canvas: "#FCFDFE",
+  default: "#FFFFFF",
+  subtle: "#F6F8FA",
+  raised: "#FFFFFF"
+};
+var border = {
+  default: "#DCE3EA",
+  strong: "#C1CBD6",
+  inverse: "#334155"
+};
+var dataVis = {
+  1: "#2F6FE4",
+  2: "#2E8F83",
+  3: "#7B61C9",
+  4: "#B86A00",
+  5: "#C23A3A",
+  gridline: "#DCE3EA",
+  axis: "#66768A"
+};
+
+// src/tokens/typography.ts
+var fontFamily = {
+  sans: '"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+  mono: '"IBM Plex Mono", "SFMono-Regular", Consolas, monospace'
+};
+var fontWeight = {
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+};
+var fontSize = {
+  "display-lg": "40px",
+  "display-md": "32px",
+  "heading-xl": "28px",
+  "heading-lg": "24px",
+  "heading-md": "20px",
+  "heading-sm": "18px",
+  "body-lg": "16px",
+  "body-md": "14px",
+  "body-sm": "13px",
+  "label-lg": "14px",
+  "label-md": "13px",
+  caption: "12px",
+  data: "14px",
+  code: "13px"
+};
+var lineHeight = {
+  "display-lg": "48px",
+  "display-md": "40px",
+  "heading-xl": "36px",
+  "heading-lg": "32px",
+  "heading-md": "28px",
+  "heading-sm": "26px",
+  "body-lg": "24px",
+  "body-md": "22px",
+  "body-sm": "20px",
+  "label-lg": "20px",
+  "label-md": "18px",
+  caption: "16px",
+  data: "20px",
+  code: "18px"
+};
+var tracking = {
+  tight: "-0.02em",
+  normal: "0em",
+  wide: "0.01em"
+};
+
+// src/tokens/spacing.ts
+var space = {
+  0: "0",
+  1: "4px",
+  2: "8px",
+  3: "12px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  8: "32px",
+  10: "40px",
+  12: "48px",
+  16: "64px",
+  20: "80px"
+};
+
+// src/tokens/sizing.ts
+var controlSize = {
+  sm: "32px",
+  md: "40px",
+  lg: "48px"
+};
+var iconSize = {
+  xs: "12px",
+  sm: "16px",
+  md: "20px",
+  lg: "24px"
+};
+var touchMin = "44px";
+var modalSize = {
+  sm: "400px",
+  md: "560px",
+  lg: "720px",
+  xl: "880px"
+};
+var sidebarDefault = "280px";
+
+// src/tokens/radius.ts
+var radius = {
+  none: "0",
+  sm: "6px",
+  md: "10px",
+  lg: "14px",
+  xl: "18px",
+  full: "9999px"
+};
+
+// src/tokens/borders.ts
+var borderWidth = {
+  none: "0",
+  hairline: "1px",
+  medium: "2px",
+  strong: "3px"
+};
+var borderStyle = {
+  default: "solid"
+};
+
+// src/tokens/shadows.ts
+var shadow = {
+  none: "none",
+  xs: "0 1px 2px rgba(22, 32, 43, 0.05)",
+  sm: "0 1px 3px rgba(22, 32, 43, 0.06), 0 2px 8px rgba(22, 32, 43, 0.04)",
+  md: "0 2px 4px rgba(22, 32, 43, 0.04), 0 8px 20px rgba(22, 32, 43, 0.08)",
+  lg: "0 4px 8px rgba(22, 32, 43, 0.04), 0 16px 40px rgba(22, 32, 43, 0.12)",
+  xl: "0 8px 16px rgba(22, 32, 43, 0.06), 0 24px 56px rgba(22, 32, 43, 0.16)",
+  focus: "0 0 0 3px rgba(47, 111, 228, 0.28)",
+  focusError: "0 0 0 3px rgba(194, 58, 58, 0.2)",
+  focusSuccess: "0 0 0 3px rgba(47, 143, 87, 0.2)",
+  insetXs: "inset 0 1px 2px rgba(22, 32, 43, 0.06)",
+  insetSm: "inset 0 2px 4px rgba(22, 32, 43, 0.08)"
+};
+
+// src/tokens/motion.ts
+var duration = {
+  fast: "120ms",
+  base: "180ms",
+  slow: "240ms"
+};
+var easing = {
+  standard: "cubic-bezier(0.2, 0, 0, 1)",
+  emphasized: "cubic-bezier(0.2, 0, 0, 1)",
+  exit: "cubic-bezier(0.4, 0, 1, 1)"
+};
+
+// src/tokens/opacity.ts
+var opacity = {
+  disabled: 0.48,
+  subtle: 0.72,
+  overlay: 0.48,
+  scrimStrong: 0.64
+};
+
+// src/tokens/zIndex.ts
+var zIndex = {
+  base: 0,
+  dropdown: 1e3,
+  sticky: 1100,
+  banner: 1200,
+  overlay: 1300,
+  modal: 1400,
+  toast: 1500,
+  tooltip: 1600
+};
+
+// src/tokens/layout.ts
+var container = {
+  max: "1280px",
+  reading: "720px"
+};
+var grid = {
+  columns: 12,
+  gutter: "24px",
+  margin: {
+    desktop: "32px",
+    tablet: "24px",
+    mobile: "16px"
+  }
+};
+
+// src/tokens/focus.ts
+var focusRing = {
+  width: "3px",
+  color: "rgba(47, 111, 228, 0.28)",
+  offset: "2px",
+  outlineColor: "#2F6FE4"
+};
+
+// src/components/Button/Button.tsx
+var import_react = require("react");
+
+// src/utils/cn.ts
+function cn(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+
+// src/components/Button/Button.module.css
+var Button_default = {};
+
+// src/components/Button/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = (0, import_react.forwardRef)(
+  ({
+    variant = "primary",
+    size = "md",
+    fullWidth = false,
+    loading = false,
+    disabled = false,
+    iconLeft,
+    iconRight,
+    children,
+    className,
+    ...props
+  }, ref) => {
+    const isDisabled = disabled || loading;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        ref,
+        className: cn(
+          Button_default.button,
+          Button_default[variant],
+          Button_default[size],
+          fullWidth && Button_default.fullWidth,
+          loading && Button_default.loading,
+          className
+        ),
+        disabled: isDisabled,
+        "aria-disabled": isDisabled || void 0,
+        "aria-busy": loading || void 0,
+        ...props,
+        children: [
+          loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Button_default.spinner, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: "28", strokeDashoffset: "8" }) }) }),
+          iconLeft && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Button_default.iconLeft, "aria-hidden": "true", children: iconLeft }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Button_default.label, children }),
+          iconRight && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Button_default.iconRight, "aria-hidden": "true", children: iconRight })
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/IconButton/IconButton.tsx
+var import_react2 = require("react");
+
+// src/components/IconButton/IconButton.module.css
+var IconButton_default = {};
+
+// src/components/IconButton/IconButton.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var IconButton = (0, import_react2.forwardRef)(
+  ({ icon, variant = "ghost", size = "md", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "button",
+    {
+      ref,
+      className: cn(IconButton_default.iconButton, IconButton_default[variant], IconButton_default[size], className),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": "true", children: icon })
+    }
+  )
+);
+IconButton.displayName = "IconButton";
+
+// src/components/Input/Input.tsx
+var import_react3 = require("react");
+
+// src/components/Input/Input.module.css
+var Input_default = {};
+
+// src/components/Input/Input.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Input = (0, import_react3.forwardRef)(
+  ({ size = "md", error = false, fullWidth = false, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "input",
+    {
+      ref,
+      className: cn(
+        Input_default.input,
+        Input_default[size],
+        error && Input_default.error,
+        fullWidth && Input_default.fullWidth,
+        className
+      ),
+      "aria-invalid": error || void 0,
+      ...props
+    }
+  )
+);
+Input.displayName = "Input";
+
+// src/components/Textarea/Textarea.tsx
+var import_react4 = require("react");
+
+// src/components/Textarea/Textarea.module.css
+var Textarea_default = {};
+
+// src/components/Textarea/Textarea.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Textarea = (0, import_react4.forwardRef)(
+  ({ error = false, fullWidth = false, resize = "vertical", className, style, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "textarea",
+    {
+      ref,
+      className: cn(
+        Textarea_default.textarea,
+        error && Textarea_default.error,
+        fullWidth && Textarea_default.fullWidth,
+        className
+      ),
+      "aria-invalid": error || void 0,
+      style: { ...style, resize },
+      ...props
+    }
+  )
+);
+Textarea.displayName = "Textarea";
+
+// src/components/Select/Select.tsx
+var import_react5 = require("react");
+
+// src/components/Select/Select.module.css
+var Select_default = {};
+
+// src/components/Select/Select.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Select = (0, import_react5.forwardRef)(
+  ({ size = "md", error = false, fullWidth = false, className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: cn(Select_default.wrapper, fullWidth && Select_default.fullWidth), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "select",
+      {
+        ref,
+        className: cn(
+          Select_default.select,
+          Select_default[size],
+          error && Select_default.error,
+          fullWidth && Select_default.fullWidth,
+          className
+        ),
+        "aria-invalid": error || void 0,
+        ...props,
+        children
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4 6l4 4 4-4" }) }) })
+  ] })
+);
+Select.displayName = "Select";
+
+// src/components/Checkbox/Checkbox.tsx
+var import_react6 = require("react");
+
+// src/components/Checkbox/Checkbox.module.css
+var Checkbox_default = {};
+
+// src/components/Checkbox/Checkbox.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Checkbox = (0, import_react6.forwardRef)(
+  ({ label, error = false, className, id, ...props }, ref) => {
+    const inputId = id || (label ? `checkbox-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0);
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: cn(Checkbox_default.wrapper, error && Checkbox_default.error, className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "input",
+        {
+          ref,
+          type: "checkbox",
+          className: Checkbox_default.input,
+          id: inputId,
+          "aria-invalid": error || void 0,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: Checkbox_default.control, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M2.5 6L5 8.5L9.5 3.5" }) }) }),
+      label && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: Checkbox_default.label, children: label })
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/components/Radio/Radio.tsx
+var import_react7 = require("react");
+
+// src/components/Radio/Radio.module.css
+var Radio_default = {};
+
+// src/components/Radio/Radio.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Radio = (0, import_react7.forwardRef)(
+  ({ label, error = false, className, id, ...props }, ref) => {
+    const inputId = id || (label ? `radio-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: cn(Radio_default.wrapper, error && Radio_default.error, className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "input",
+        {
+          ref,
+          type: "radio",
+          className: Radio_default.input,
+          id: inputId,
+          "aria-invalid": error || void 0,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: Radio_default.control, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: Radio_default.dot }) }),
+      label && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: Radio_default.label, children: label })
+    ] });
+  }
+);
+Radio.displayName = "Radio";
+
+// src/components/Switch/Switch.tsx
+var import_react8 = require("react");
+
+// src/components/Switch/Switch.module.css
+var Switch_default = {};
+
+// src/components/Switch/Switch.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Switch = (0, import_react8.forwardRef)(
+  ({ label, className, checked, defaultChecked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: cn(Switch_default.wrapper, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "input",
+      {
+        ref,
+        type: "checkbox",
+        role: "switch",
+        className: Switch_default.input,
+        checked,
+        defaultChecked,
+        "aria-checked": checked,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: Switch_default.thumb }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: Switch_default.label, children: label })
+  ] })
+);
+Switch.displayName = "Switch";
+
+// src/components/Label/Label.module.css
+var Label_default = {};
+
+// src/components/Label/Label.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function Label({ required, className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: cn(Label_default.label, className), ...props, children: [
+    children,
+    required && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: Label_default.required, "aria-hidden": "true", children: " *" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: Label_default.srOnly, children: " (required)" })
+    ] })
+  ] });
+}
+
+// src/components/HelperText/HelperText.module.css
+var HelperText_default = {};
+
+// src/components/HelperText/HelperText.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function HelperText({ error = false, className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "p",
+    {
+      className: cn(HelperText_default.helperText, error && HelperText_default.error, className),
+      role: error ? "alert" : void 0,
+      ...props,
+      children: [
+        error && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { className: HelperText_default.icon, width: "14", height: "14", viewBox: "0 0 14 14", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M7 0a7 7 0 110 14A7 7 0 017 0zm0 9.5a.75.75 0 100 1.5.75.75 0 000-1.5zM7 3a.75.75 0 00-.75.75v4a.75.75 0 001.5 0v-4A.75.75 0 007 3z" }) }),
+        children
+      ]
+    }
+  );
+}
+
+// src/components/Card/Card.module.css
+var Card_default = {};
+
+// src/components/Card/Card.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Card({ elevation = "flat", padding = "md", className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "div",
+    {
+      className: cn(Card_default.card, Card_default[elevation], Card_default[`pad-${padding}`], className),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/components/Badge/Badge.module.css
+var Badge_default = {};
+
+// src/components/Badge/Badge.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function Badge({ status = "neutral", className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: cn(Badge_default.badge, Badge_default[status], className), ...props, children });
+}
+
+// src/components/Alert/Alert.module.css
+var Alert_default = {};
+
+// src/components/Alert/Alert.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var statusIcons = {
+  info: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm0 8a1 1 0 00-1 1v5a1 1 0 102 0V9a1 1 0 00-1-1zm0-3.5a1 1 0 100 2 1 1 0 000-2z" }) }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm4.3 7.3a1 1 0 00-1.4-1.4L8.5 10.3 7.1 8.9a1 1 0 10-1.4 1.4l2.1 2.1a1 1 0 001.4 0l5.1-5.1z" }) }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm0 13a1 1 0 100 2 1 1 0 000-2zm0-8a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" }) }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm3.5 6.5a1 1 0 00-1.4 0L10 8.6 7.9 6.5a1 1 0 10-1.4 1.4L8.6 10l-2.1 2.1a1 1 0 101.4 1.4L10 11.4l2.1 2.1a1 1 0 001.4-1.4L11.4 10l2.1-2.1a1 1 0 000-1.4z" }) })
+};
+function Alert({ status = "info", title, action, className, children, ...props }) {
+  const isUrgent = status === "error" || status === "warning";
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "div",
+    {
+      className: cn(Alert_default.alert, Alert_default[status], className),
+      role: isUrgent ? "alert" : "status",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: Alert_default.icon, "aria-hidden": "true", children: statusIcons[status] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: Alert_default.content, children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: Alert_default.title, children: title }),
+          children && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: Alert_default.body, children })
+        ] }),
+        action && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: Alert_default.action, children: action })
+      ]
+    }
+  );
+}
+
+// src/components/Tabs/Tabs.tsx
+var import_react9 = require("react");
+
+// src/components/Tabs/Tabs.module.css
+var Tabs_default = {};
+
+// src/components/Tabs/Tabs.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function Tabs({ tabs, activeTab, onTabChange, className }) {
+  const [internalActive, setInternalActive] = (0, import_react9.useState)(tabs[0]?.id ?? "");
+  const tabListRef = (0, import_react9.useRef)(null);
+  const active = activeTab ?? internalActive;
+  const setActive = (0, import_react9.useCallback)(
+    (id) => {
+      if (!activeTab) setInternalActive(id);
+      onTabChange?.(id);
+    },
+    [activeTab, onTabChange]
+  );
+  const enabledTabs = tabs.filter((t) => !t.disabled);
+  const handleKeyDown = (0, import_react9.useCallback)(
+    (e) => {
+      const currentIndex = enabledTabs.findIndex((t) => t.id === active);
+      let nextIndex = currentIndex;
+      switch (e.key) {
+        case "ArrowRight":
+          nextIndex = (currentIndex + 1) % enabledTabs.length;
+          break;
+        case "ArrowLeft":
+          nextIndex = (currentIndex - 1 + enabledTabs.length) % enabledTabs.length;
+          break;
+        case "Home":
+          nextIndex = 0;
+          break;
+        case "End":
+          nextIndex = enabledTabs.length - 1;
+          break;
+        default:
+          return;
+      }
+      e.preventDefault();
+      const nextTab = enabledTabs[nextIndex];
+      setActive(nextTab.id);
+      const button = tabListRef.current?.querySelector(`[data-tab-id="${nextTab.id}"]`);
+      button?.focus();
+    },
+    [active, enabledTabs, setActive]
+  );
+  const activePanel = tabs.find((t) => t.id === active);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn(Tabs_default.wrapper, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      {
+        ref: tabListRef,
+        role: "tablist",
+        className: Tabs_default.tabList,
+        onKeyDown: handleKeyDown,
+        children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "button",
+          {
+            role: "tab",
+            "data-tab-id": tab.id,
+            id: `tab-${tab.id}`,
+            className: cn(Tabs_default.tab, tab.id === active && Tabs_default.active),
+            "aria-selected": tab.id === active,
+            "aria-controls": `panel-${tab.id}`,
+            tabIndex: tab.id === active ? 0 : -1,
+            disabled: tab.disabled,
+            onClick: () => setActive(tab.id),
+            children: tab.label
+          },
+          tab.id
+        ))
+      }
+    ),
+    activePanel && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      {
+        role: "tabpanel",
+        id: `panel-${activePanel.id}`,
+        "aria-labelledby": `tab-${activePanel.id}`,
+        className: Tabs_default.panel,
+        tabIndex: 0,
+        children: activePanel.content
+      },
+      activePanel.id
+    )
+  ] });
+}
+
+// src/components/Modal/Modal.tsx
+var import_react10 = require("react");
+
+// src/components/Modal/Modal.module.css
+var Modal_default = {};
+
+// src/components/Modal/Modal.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function Modal({ open, onClose, title, size = "md", footer, className, children }) {
+  const dialogRef = (0, import_react10.useRef)(null);
+  (0, import_react10.useEffect)(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (open && !dialog.open) {
+      dialog.showModal();
+    } else if (!open && dialog.open) {
+      dialog.close();
+    }
+  }, [open]);
+  (0, import_react10.useEffect)(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const handleClose = () => onClose();
+    dialog.addEventListener("close", handleClose);
+    return () => dialog.removeEventListener("close", handleClose);
+  }, [onClose]);
+  const handleBackdropClick = (e) => {
+    if (e.target === dialogRef.current) {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "dialog",
+    {
+      ref: dialogRef,
+      className: cn(Modal_default.dialog, Modal_default[size], className),
+      "aria-labelledby": "aegis-modal-title",
+      onClick: handleBackdropClick,
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: Modal_default.content, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("header", { className: Modal_default.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h2", { id: "aegis-modal-title", className: Modal_default.title, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "button",
+            {
+              className: Modal_default.close,
+              onClick: onClose,
+              "aria-label": "Close dialog",
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("line", { x1: "5", y1: "5", x2: "15", y2: "15" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("line", { x1: "15", y1: "5", x2: "5", y2: "15" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: Modal_default.body, children }),
+        footer && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("footer", { className: Modal_default.footer, children: footer })
+      ] })
+    }
+  );
+}
+
+// src/components/Table/Table.module.css
+var Table_default = {};
+
+// src/components/Table/Table.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function Table({ density = "default", striped = false, className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: Table_default.wrapper, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "table",
+    {
+      className: cn(Table_default.table, Table_default[density], striped && Table_default.striped, className),
+      ...props,
+      children
+    }
+  ) });
+}
+function TableHead({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("thead", { className: cn(Table_default.thead, className), ...props, children });
+}
+function TableBody({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tbody", { className: cn(Table_default.tbody, className), ...props, children });
+}
+function TableRow({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tr", { className: cn(Table_default.tr, className), ...props, children });
+}
+function TableHeaderCell({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { scope: "col", className: cn(Table_default.th, className), ...props, children });
+}
+function TableCell({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: cn(Table_default.td, className), ...props, children });
+}
+
+// src/components/Tooltip/Tooltip.tsx
+var import_react11 = require("react");
+
+// src/components/Tooltip/Tooltip.module.css
+var Tooltip_default = {};
+
+// src/components/Tooltip/Tooltip.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function Tooltip({ content, children, placement = "top", delay = 200, className }) {
+  const [visible, setVisible] = (0, import_react11.useState)(false);
+  const timeoutRef = (0, import_react11.useRef)();
+  const tooltipId = (0, import_react11.useRef)(`tooltip-${Math.random().toString(36).slice(2, 9)}`).current;
+  const show = () => {
+    timeoutRef.current = setTimeout(() => setVisible(true), delay);
+  };
+  const hide = () => {
+    clearTimeout(timeoutRef.current);
+    setVisible(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "div",
+    {
+      className: cn(Tooltip_default.wrapper, className),
+      onMouseEnter: show,
+      onMouseLeave: hide,
+      onFocus: show,
+      onBlur: hide,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { "aria-describedby": visible ? tooltipId : void 0, children }),
+        visible && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "div",
+          {
+            id: tooltipId,
+            role: "tooltip",
+            className: cn(Tooltip_default.tooltip, Tooltip_default[placement]),
+            children: content
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/Divider/Divider.module.css
+var Divider_default = {};
+
+// src/components/Divider/Divider.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function Divider({ spacing = "md", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("hr", { className: cn(Divider_default.divider, Divider_default[spacing], className), ...props });
+}
+
+// src/components/Spinner/Spinner.module.css
+var Spinner_default = {};
+
+// src/components/Spinner/Spinner.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Spinner({ size = "md", label = "Loading", className, ...props }) {
+  const sizeMap = { sm: 16, md: 24, lg: 32 };
+  const s = sizeMap[size];
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "span",
+    {
+      className: cn(Spinner_default.spinner, className),
+      role: "status",
+      "aria-label": label,
+      "aria-live": "polite",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        "svg",
+        {
+          width: s,
+          height: s,
+          viewBox: "0 0 24 24",
+          fill: "none",
+          className: Spinner_default.svg,
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              "circle",
+              {
+                cx: "12",
+                cy: "12",
+                r: "10",
+                stroke: "currentColor",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                opacity: "0.2"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              "circle",
+              {
+                cx: "12",
+                cy: "12",
+                r: "10",
+                stroke: "currentColor",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                strokeDasharray: "50",
+                strokeDashoffset: "35"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/Skeleton/Skeleton.module.css
+var Skeleton_default = {};
+
+// src/components/Skeleton/Skeleton.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function Skeleton({
+  variant = "text",
+  width,
+  height,
+  lines = 1,
+  className,
+  style,
+  ...props
+}) {
+  if (variant === "text" && lines > 1) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn(Skeleton_default.group, className), "aria-hidden": "true", ...props, children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      "div",
+      {
+        className: cn(Skeleton_default.skeleton, Skeleton_default.text),
+        style: {
+          width: i === lines - 1 ? "75%" : width ?? "100%",
+          height: height ?? void 0,
+          ...style
+        }
+      },
+      i
+    )) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      className: cn(Skeleton_default.skeleton, Skeleton_default[variant], className),
+      "aria-hidden": "true",
+      style: {
+        width: width ?? (variant === "circular" ? 40 : "100%"),
+        height: height ?? (variant === "circular" ? 40 : variant === "rectangular" ? 120 : void 0),
+        ...style
+      },
+      ...props
+    }
+  );
+}
+
+// src/components/StatusBadge/StatusBadge.module.css
+var StatusBadge_default = {};
+
+// src/components/StatusBadge/StatusBadge.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var statusLabels = {
+  active: "Active",
+  inactive: "Inactive",
+  pending: "Pending",
+  critical: "Critical",
+  discharged: "Discharged",
+  scheduled: "Scheduled",
+  cancelled: "Cancelled",
+  "in-progress": "In Progress"
+};
+function StatusBadge({
+  status,
+  size = "md",
+  dot = false,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    "span",
+    {
+      className: cn(StatusBadge_default.badge, StatusBadge_default[status], StatusBadge_default[size], className),
+      ...props,
+      children: [
+        dot && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: StatusBadge_default.dot, "aria-hidden": "true" }),
+        children ?? statusLabels[status]
+      ]
+    }
+  );
+}
+
+// src/components/Avatar/Avatar.tsx
+var import_react12 = require("react");
+
+// src/components/Avatar/Avatar.module.css
+var Avatar_default = {};
+
+// src/components/Avatar/Avatar.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function getInitials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length === 0) return "";
+  if (parts.length === 1) return parts[0][0]?.toUpperCase() ?? "";
+  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+function Avatar({
+  src,
+  alt,
+  name,
+  size = "md",
+  status,
+  className,
+  ...props
+}) {
+  const [imgError, setImgError] = (0, import_react12.useState)(false);
+  const showImage = src && !imgError;
+  const initials = name ? getInitials(name) : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    "span",
+    {
+      className: cn(Avatar_default.avatar, Avatar_default[size], className),
+      role: "img",
+      "aria-label": alt ?? name ?? "Avatar",
+      ...props,
+      children: [
+        showImage ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          "img",
+          {
+            src,
+            alt: alt ?? name ?? "Avatar",
+            className: Avatar_default.image,
+            onError: () => setImgError(true)
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: Avatar_default.initials, "aria-hidden": "true", children: initials }),
+        status && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: cn(Avatar_default.status, Avatar_default[`status-${status}`]), "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: Avatar_default.srOnly, children: status }) })
+      ]
+    }
+  );
+}
+
+// src/components/EmptyState/EmptyState.module.css
+var EmptyState_default = {};
+
+// src/components/EmptyState/EmptyState.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function EmptyState({
+  icon,
+  title,
+  description,
+  action,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: cn(EmptyState_default.container, className), ...props, children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: EmptyState_default.icon, "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h3", { className: EmptyState_default.title, children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: EmptyState_default.description, children: description }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: EmptyState_default.action, children: action })
+  ] });
+}
+
+// src/components/ProgressBar/ProgressBar.module.css
+var ProgressBar_default = {};
+
+// src/components/ProgressBar/ProgressBar.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function ProgressBar({
+  value,
+  max = 100,
+  size = "md",
+  variant = "default",
+  label,
+  showValue = false,
+  className,
+  ...props
+}) {
+  const pct = Math.min(100, Math.max(0, value / max * 100));
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn(ProgressBar_default.container, className), ...props, children: [
+    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: ProgressBar_default.header, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: ProgressBar_default.label, children: label }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: ProgressBar_default.value, children: [
+        Math.round(pct),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "div",
+      {
+        className: cn(ProgressBar_default.track, ProgressBar_default[size]),
+        role: "progressbar",
+        "aria-valuenow": value,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-label": label,
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          "div",
+          {
+            className: cn(ProgressBar_default.fill, ProgressBar_default[variant]),
+            style: { width: `${pct}%` }
+          }
+        )
+      }
+    )
+  ] });
+}
+
+// src/components/Pagination/Pagination.module.css
+var Pagination_default = {};
+
+// src/components/Pagination/Pagination.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function getPageRange(current, total, siblings) {
+  const totalNumbers = siblings * 2 + 3;
+  const totalBlocks = totalNumbers + 2;
+  if (total <= totalBlocks) {
+    return Array.from({ length: total }, (_, i) => i + 1);
+  }
+  const leftSibling = Math.max(current - siblings, 1);
+  const rightSibling = Math.min(current + siblings, total);
+  const showLeftEllipsis = leftSibling > 2;
+  const showRightEllipsis = rightSibling < total - 1;
+  if (!showLeftEllipsis && showRightEllipsis) {
+    const leftCount = 3 + 2 * siblings;
+    const leftRange = Array.from({ length: leftCount }, (_, i) => i + 1);
+    return [...leftRange, "ellipsis", total];
+  }
+  if (showLeftEllipsis && !showRightEllipsis) {
+    const rightCount = 3 + 2 * siblings;
+    const rightRange = Array.from({ length: rightCount }, (_, i) => total - rightCount + i + 1);
+    return [1, "ellipsis", ...rightRange];
+  }
+  const middleRange = Array.from(
+    { length: rightSibling - leftSibling + 1 },
+    (_, i) => leftSibling + i
+  );
+  return [1, "ellipsis", ...middleRange, "ellipsis", total];
+}
+function Pagination({
+  currentPage,
+  totalPages,
+  onPageChange,
+  siblingCount = 1,
+  size = "md",
+  className,
+  ...props
+}) {
+  const pages = getPageRange(currentPage, totalPages, siblingCount);
+  if (totalPages <= 1) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    "nav",
+    {
+      className: cn(Pagination_default.pagination, Pagination_default[size], className),
+      "aria-label": "Pagination",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          "button",
+          {
+            className: cn(Pagination_default.button, Pagination_default.nav),
+            onClick: () => onPageChange(currentPage - 1),
+            disabled: currentPage <= 1,
+            "aria-label": "Previous page",
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("polyline", { points: "10 4 6 8 10 12" }) })
+          }
+        ),
+        pages.map(
+          (page, idx) => page === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: Pagination_default.ellipsis, "aria-hidden": "true", children: "\u2026" }, `ellipsis-${idx}`) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            "button",
+            {
+              className: cn(Pagination_default.button, page === currentPage && Pagination_default.active),
+              onClick: () => onPageChange(page),
+              "aria-current": page === currentPage ? "page" : void 0,
+              "aria-label": `Page ${page}`,
+              children: page
+            },
+            page
+          )
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          "button",
+          {
+            className: cn(Pagination_default.button, Pagination_default.nav),
+            onClick: () => onPageChange(currentPage + 1),
+            disabled: currentPage >= totalPages,
+            "aria-label": "Next page",
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("polyline", { points: "6 4 10 8 6 12" }) })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/DescriptionList/DescriptionList.module.css
+var DescriptionList_default = {};
+
+// src/components/DescriptionList/DescriptionList.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function DescriptionList({
+  items,
+  layout = "vertical",
+  columns = 2,
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    "dl",
+    {
+      className: cn(DescriptionList_default.list, DescriptionList_default[layout], className),
+      style: {
+        ...layout === "grid" ? { "--dl-columns": columns } : {},
+        ...style
+      },
+      ...props,
+      children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: DescriptionList_default.item, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dt", { className: DescriptionList_default.term, children: item.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("dd", { className: DescriptionList_default.definition, children: item.value })
+      ] }, i))
+    }
+  );
+}
+
+// src/components/Popover/Popover.tsx
+var import_react13 = require("react");
+
+// src/components/Popover/Popover.module.css
+var Popover_default = {};
+
+// src/components/Popover/Popover.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function Popover({
+  trigger,
+  content,
+  open: controlledOpen,
+  onOpenChange,
+  placement = "bottom",
+  align = "center",
+  className,
+  ...props
+}) {
+  const [internalOpen, setInternalOpen] = (0, import_react13.useState)(false);
+  const isControlled = controlledOpen !== void 0;
+  const isOpen = isControlled ? controlledOpen : internalOpen;
+  const containerRef = (0, import_react13.useRef)(null);
+  const contentRef = (0, import_react13.useRef)(null);
+  const setOpen = (0, import_react13.useCallback)(
+    (value) => {
+      if (!isControlled) setInternalOpen(value);
+      onOpenChange?.(value);
+    },
+    [isControlled, onOpenChange]
+  );
+  const toggle = (0, import_react13.useCallback)(() => setOpen(!isOpen), [isOpen, setOpen]);
+  (0, import_react13.useEffect)(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, setOpen]);
+  (0, import_react13.useEffect)(() => {
+    if (!isOpen) return;
+    const handleClick = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [isOpen, setOpen]);
+  (0, import_react13.useEffect)(() => {
+    if (isOpen && contentRef.current) {
+      const firstFocusable = contentRef.current.querySelector(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+      );
+      if (firstFocusable) {
+        firstFocusable.focus();
+      }
+    }
+  }, [isOpen]);
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { ref: containerRef, className: cn(Popover_default.container, className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: Popover_default.trigger, onClick: toggle, children: trigger }),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      "div",
+      {
+        ref: contentRef,
+        className: cn(Popover_default.content, Popover_default[placement], Popover_default[`align-${align}`]),
+        role: "dialog",
+        "aria-modal": "false",
+        children: content
+      }
+    )
+  ] });
+}
+
+// src/components/Drawer/Drawer.tsx
+var import_react14 = require("react");
+
+// src/components/Drawer/Drawer.module.css
+var Drawer_default = {};
+
+// src/components/Drawer/Drawer.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function Drawer({
+  open,
+  onClose,
+  title,
+  size = "md",
+  position = "right",
+  footer,
+  className,
+  children
+}) {
+  const dialogRef = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (open && !dialog.open) {
+      dialog.showModal();
+    } else if (!open && dialog.open) {
+      dialog.close();
+    }
+  }, [open]);
+  (0, import_react14.useEffect)(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const handleClose = () => onClose();
+    dialog.addEventListener("close", handleClose);
+    return () => dialog.removeEventListener("close", handleClose);
+  }, [onClose]);
+  const handleBackdropClick = (e) => {
+    if (e.target === dialogRef.current) {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    "dialog",
+    {
+      ref: dialogRef,
+      className: cn(Drawer_default.dialog, Drawer_default[position], Drawer_default[size], className),
+      "aria-labelledby": "aegis-drawer-title",
+      onClick: handleBackdropClick,
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: Drawer_default.panel, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("header", { className: Drawer_default.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h2", { id: "aegis-drawer-title", className: Drawer_default.title, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            "button",
+            {
+              className: Drawer_default.close,
+              onClick: onClose,
+              "aria-label": "Close drawer",
+              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("line", { x1: "5", y1: "5", x2: "15", y2: "15" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("line", { x1: "15", y1: "5", x2: "5", y2: "15" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: Drawer_default.body, children }),
+        footer && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("footer", { className: Drawer_default.footer, children: footer })
+      ] })
+    }
+  );
+}
+
+// src/components/DataGrid/DataGrid.tsx
+var import_react15 = require("react");
+
+// src/components/DataGrid/DataGrid.module.css
+var DataGrid_default = {};
+
+// src/components/DataGrid/DataGrid.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function DataGrid({
+  columns,
+  data,
+  selectable = false,
+  onSelectionChange,
+  selectedRows = [],
+  sortColumn,
+  sortDirection,
+  onSort,
+  loading = false,
+  emptyMessage = "No data available",
+  density = "default",
+  stickyHeader = false,
+  striped = false,
+  onRowClick,
+  className,
+  ...props
+}) {
+  const allSelected = data.length > 0 && selectedRows.length === data.length;
+  const someSelected = selectedRows.length > 0 && !allSelected;
+  const handleSelectAll = (0, import_react15.useCallback)(() => {
+    if (!onSelectionChange) return;
+    if (allSelected) {
+      onSelectionChange([]);
+    } else {
+      onSelectionChange(data.map((_, i) => i));
+    }
+  }, [allSelected, data, onSelectionChange]);
+  const handleSelectRow = (0, import_react15.useCallback)(
+    (index) => {
+      if (!onSelectionChange) return;
+      if (selectedRows.includes(index)) {
+        onSelectionChange(selectedRows.filter((i) => i !== index));
+      } else {
+        onSelectionChange([...selectedRows, index]);
+      }
+    },
+    [selectedRows, onSelectionChange]
+  );
+  const handleSort = (0, import_react15.useCallback)(
+    (key) => {
+      if (!onSort) return;
+      const newDirection = sortColumn === key && sortDirection === "asc" ? "desc" : "asc";
+      onSort(key, newDirection);
+    },
+    [sortColumn, sortDirection, onSort]
+  );
+  const tableDensity = density === "comfortable" ? "default" : density;
+  const getAriaSort = (key) => {
+    if (sortColumn !== key) return "none";
+    return sortDirection === "asc" ? "ascending" : "descending";
+  };
+  const getValue = (row, key) => {
+    return key.split(".").reduce((obj, k) => {
+      if (obj && typeof obj === "object") return obj[k];
+      return void 0;
+    }, row);
+  };
+  const loadingRows = 5;
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "div",
+    {
+      className: cn(DataGrid_default.container, stickyHeader && DataGrid_default.stickyHeader, className),
+      "aria-busy": loading,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        Table,
+        {
+          density: tableDensity,
+          striped,
+          className: cn(density === "comfortable" && DataGrid_default.comfortable),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(TableRow, { children: [
+              selectable && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableHeaderCell, { style: { width: 44 }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: allSelected,
+                  ref: (el) => {
+                    if (el) el.indeterminate = someSelected;
+                  },
+                  onChange: handleSelectAll,
+                  "aria-label": "Select all rows",
+                  className: DataGrid_default.checkbox
+                }
+              ) }),
+              columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                TableHeaderCell,
+                {
+                  style: {
+                    width: col.width,
+                    textAlign: col.align
+                  },
+                  "aria-sort": col.sortable ? getAriaSort(col.key) : void 0,
+                  children: col.sortable ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+                    "button",
+                    {
+                      className: DataGrid_default.sortButton,
+                      onClick: () => handleSort(col.key),
+                      style: { textAlign: col.align },
+                      children: [
+                        col.header,
+                        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: DataGrid_default.sortIcon, "aria-hidden": "true", children: sortColumn === col.key ? sortDirection === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("polyline", { points: "4 8 7 5 10 8" }) }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("polyline", { points: "4 6 7 9 10 6" }) }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", opacity: "0.3", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("polyline", { points: "4 5 7 3 10 5" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("polyline", { points: "4 9 7 11 10 9" })
+                        ] }) })
+                      ]
+                    }
+                  ) : col.header
+                },
+                col.key
+              ))
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableBody, { children: loading ? Array.from({ length: loadingRows }, (_, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(TableRow, { children: [
+              selectable && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Skeleton, { variant: "rectangular", width: 16, height: 16 }) }),
+              columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Skeleton, { variant: "text", width: "80%" }) }, col.key))
+            ] }, `skeleton-${rowIdx}`)) : data.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { colSpan: columns.length + (selectable ? 1 : 0), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(EmptyState, { title: emptyMessage }) }) }) : data.map((row, rowIdx) => {
+              const isSelected = selectedRows.includes(rowIdx);
+              return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+                TableRow,
+                {
+                  className: cn(
+                    isSelected && DataGrid_default.selectedRow,
+                    onRowClick && DataGrid_default.clickableRow
+                  ),
+                  onClick: onRowClick ? () => onRowClick(row, rowIdx) : void 0,
+                  children: [
+                    selectable && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                      "input",
+                      {
+                        type: "checkbox",
+                        checked: isSelected,
+                        onChange: (e) => {
+                          e.stopPropagation();
+                          handleSelectRow(rowIdx);
+                        },
+                        onClick: (e) => e.stopPropagation(),
+                        "aria-label": `Select row ${rowIdx + 1}`,
+                        className: DataGrid_default.checkbox
+                      }
+                    ) }),
+                    columns.map((col) => {
+                      const value = getValue(row, col.key);
+                      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { style: { textAlign: col.align }, children: col.render ? col.render(value, row, rowIdx) : value }, col.key);
+                    })
+                  ]
+                },
+                rowIdx
+              );
+            }) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/FormField/FormField.tsx
+var import_react16 = require("react");
+
+// src/components/FormField/FormField.module.css
+var FormField_default = {};
+
+// src/components/FormField/FormField.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function FormField({
+  label,
+  htmlFor,
+  required,
+  error,
+  helperText,
+  children,
+  disabled,
+  className
+}) {
+  const generatedId = (0, import_react16.useId)();
+  const descriptionId = `${generatedId}-description`;
+  const hasDescription = Boolean(error || helperText);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn(FormField_default.formField, disabled && FormField_default.disabled, className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Label, { htmlFor, required, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: FormField_default.control, "data-describedby": hasDescription ? descriptionId : void 0, children }),
+    (error || helperText) && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HelperText, { id: descriptionId, error: Boolean(error), children: error || helperText })
+  ] });
+}
+
+// src/components/SearchField/SearchField.tsx
+var import_react17 = require("react");
+
+// src/components/SearchField/SearchField.module.css
+var SearchField_default = {};
+
+// src/components/SearchField/SearchField.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var SearchField = (0, import_react17.forwardRef)(
+  ({
+    size = "md",
+    error = false,
+    fullWidth = false,
+    onClear,
+    showClearButton = true,
+    className,
+    value,
+    defaultValue,
+    ...props
+  }, ref) => {
+    const hasValue = Boolean(value || defaultValue);
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn(SearchField_default.wrapper, SearchField_default[size], fullWidth && SearchField_default.fullWidth, className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        "svg",
+        {
+          className: SearchField_default.searchIcon,
+          width: "16",
+          height: "16",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("circle", { cx: "6.5", cy: "6.5", r: "5.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M11 11l4 4" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        "input",
+        {
+          ref,
+          type: "search",
+          role: "searchbox",
+          className: cn(SearchField_default.input, error && SearchField_default.error),
+          value,
+          defaultValue,
+          "aria-invalid": error || void 0,
+          ...props
+        }
+      ),
+      showClearButton && hasValue && onClear && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        "button",
+        {
+          type: "button",
+          className: SearchField_default.clearButton,
+          onClick: onClear,
+          "aria-label": "Clear search",
+          tabIndex: -1,
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 14 14",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M3 3l8 8M11 3l-8 8" })
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+SearchField.displayName = "SearchField";
+
+// src/components/NumberField/NumberField.tsx
+var import_react18 = require("react");
+
+// src/components/NumberField/NumberField.module.css
+var NumberField_default = {};
+
+// src/components/NumberField/NumberField.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var NumberField = (0, import_react18.forwardRef)(
+  ({
+    value,
+    onChange,
+    min,
+    max,
+    step = 1,
+    size = "md",
+    error = false,
+    disabled = false,
+    prefix,
+    suffix,
+    className,
+    ...props
+  }, ref) => {
+    const clamp = (0, import_react18.useCallback)(
+      (v) => {
+        let clamped = v;
+        if (min !== void 0) clamped = Math.max(min, clamped);
+        if (max !== void 0) clamped = Math.min(max, clamped);
+        return clamped;
+      },
+      [min, max]
+    );
+    const handleChange = (0, import_react18.useCallback)(
+      (e) => {
+        const raw = parseFloat(e.target.value);
+        if (!isNaN(raw)) onChange?.(clamp(raw));
+      },
+      [onChange, clamp]
+    );
+    const increment = (0, import_react18.useCallback)(() => {
+      if (disabled) return;
+      const current = value ?? 0;
+      onChange?.(clamp(current + step));
+    }, [value, step, onChange, clamp, disabled]);
+    const decrement = (0, import_react18.useCallback)(() => {
+      if (disabled) return;
+      const current = value ?? 0;
+      onChange?.(clamp(current - step));
+    }, [value, step, onChange, clamp, disabled]);
+    const atMin = min !== void 0 && value !== void 0 && value <= min;
+    const atMax = max !== void 0 && value !== void 0 && value >= max;
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      "div",
+      {
+        className: cn(
+          NumberField_default.wrapper,
+          NumberField_default[size],
+          error && NumberField_default.error,
+          disabled && NumberField_default.disabled,
+          className
+        ),
+        children: [
+          prefix && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: NumberField_default.prefix, children: prefix }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "input",
+            {
+              ref,
+              type: "number",
+              className: NumberField_default.input,
+              value: value ?? "",
+              onChange: handleChange,
+              min,
+              max,
+              step,
+              disabled,
+              "aria-invalid": error || void 0,
+              ...props
+            }
+          ),
+          suffix && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: NumberField_default.suffix, children: suffix }),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: NumberField_default.buttons, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              "button",
+              {
+                type: "button",
+                className: NumberField_default.button,
+                onClick: increment,
+                disabled: disabled || atMax,
+                "aria-label": "Increment",
+                tabIndex: -1,
+                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M2 6.5L5 3.5L8 6.5" }) })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              "button",
+              {
+                type: "button",
+                className: NumberField_default.button,
+                onClick: decrement,
+                disabled: disabled || atMin,
+                "aria-label": "Decrement",
+                tabIndex: -1,
+                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M2 3.5L5 6.5L8 3.5" }) })
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+NumberField.displayName = "NumberField";
+
+// src/components/CheckboxGroup/CheckboxGroup.tsx
+var import_react19 = require("react");
+
+// src/components/CheckboxGroup/CheckboxGroup.module.css
+var CheckboxGroup_default = {};
+
+// src/components/CheckboxGroup/CheckboxGroup.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function CheckboxGroup({
+  label,
+  name,
+  options,
+  value = [],
+  onChange,
+  error,
+  orientation = "vertical",
+  disabled = false,
+  className
+}) {
+  const handleChange = (0, import_react19.useCallback)(
+    (optionValue, checked) => {
+      if (!onChange) return;
+      const next = checked ? [...value, optionValue] : value.filter((v) => v !== optionValue);
+      onChange(next);
+    },
+    [value, onChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    "fieldset",
+    {
+      className: cn(CheckboxGroup_default.fieldset, className),
+      disabled,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("legend", { className: CheckboxGroup_default.legend, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn(CheckboxGroup_default.options, CheckboxGroup_default[orientation]), children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          Checkbox,
+          {
+            name,
+            label: opt.label,
+            value: opt.value,
+            checked: value.includes(opt.value),
+            onChange: (e) => handleChange(opt.value, e.target.checked),
+            disabled: opt.disabled || disabled,
+            error: Boolean(error)
+          },
+          opt.value
+        )) }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(HelperText, { error: true, children: error })
+      ]
+    }
+  );
+}
+
+// src/components/RadioGroup/RadioGroup.tsx
+var import_react20 = require("react");
+
+// src/components/RadioGroup/RadioGroup.module.css
+var RadioGroup_default = {};
+
+// src/components/RadioGroup/RadioGroup.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function RadioGroup({
+  label,
+  name,
+  options,
+  value,
+  onChange,
+  error,
+  orientation = "vertical",
+  disabled = false,
+  className
+}) {
+  const handleChange = (0, import_react20.useCallback)(
+    (optionValue) => {
+      onChange?.(optionValue);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    "fieldset",
+    {
+      className: cn(RadioGroup_default.fieldset, className),
+      disabled,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("legend", { className: RadioGroup_default.legend, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn(RadioGroup_default.options, RadioGroup_default[orientation]), children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          Radio,
+          {
+            name,
+            label: opt.label,
+            value: opt.value,
+            checked: value === opt.value,
+            onChange: () => handleChange(opt.value),
+            disabled: opt.disabled || disabled,
+            error: Boolean(error)
+          },
+          opt.value
+        )) }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(HelperText, { error: true, children: error })
+      ]
+    }
+  );
+}
+
+// src/components/Slider/Slider.tsx
+var import_react21 = require("react");
+
+// src/components/Slider/Slider.module.css
+var Slider_default = {};
+
+// src/components/Slider/Slider.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var Slider = (0, import_react21.forwardRef)(
+  ({
+    value,
+    onChange,
+    min = 0,
+    max = 100,
+    step = 1,
+    disabled = false,
+    size = "md",
+    label,
+    showValue = false,
+    className,
+    id,
+    ...props
+  }, ref) => {
+    const generatedId = (0, import_react21.useId)();
+    const inputId = id || generatedId;
+    const current = value ?? min;
+    const percentage = (current - min) / (max - min) * 100;
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cn(Slider_default.wrapper, Slider_default[size], disabled && Slider_default.disabled, className), children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: Slider_default.header, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("label", { htmlFor: inputId, className: Slider_default.label, children: label }),
+        showValue && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: Slider_default.value, "aria-hidden": "true", children: current })
+      ] }),
+      !label && showValue && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: Slider_default.value, "aria-hidden": "true", children: current }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        "input",
+        {
+          ref,
+          id: inputId,
+          type: "range",
+          className: Slider_default.input,
+          value,
+          onChange: (e) => onChange?.(Number(e.target.value)),
+          min,
+          max,
+          step,
+          disabled,
+          style: { "--slider-fill": `${percentage}%` },
+          ...props
+        }
+      )
+    ] });
+  }
+);
+Slider.displayName = "Slider";
+
+// src/components/FileUpload/FileUpload.tsx
+var import_react22 = require("react");
+
+// src/components/FileUpload/FileUpload.module.css
+var FileUpload_default = {};
+
+// src/components/FileUpload/FileUpload.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function FileUpload({
+  accept,
+  multiple = false,
+  maxSize,
+  onFilesSelected,
+  disabled = false,
+  error,
+  className
+}) {
+  const inputRef = (0, import_react22.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react22.useState)(false);
+  const [files, setFiles] = (0, import_react22.useState)([]);
+  const [sizeError, setSizeError] = (0, import_react22.useState)(null);
+  const processFiles = (0, import_react22.useCallback)(
+    (fileList) => {
+      if (!fileList) return;
+      const selected = Array.from(fileList);
+      if (maxSize) {
+        const oversized = selected.filter((f) => f.size > maxSize);
+        if (oversized.length > 0) {
+          setSizeError(`File(s) exceed maximum size of ${formatFileSize(maxSize)}`);
+          return;
+        }
+      }
+      setSizeError(null);
+      setFiles(selected);
+      onFilesSelected?.(selected);
+    },
+    [maxSize, onFilesSelected]
+  );
+  const handleClick = () => {
+    if (!disabled) inputRef.current?.click();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      handleClick();
+    }
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    if (!disabled) setIsDragging(true);
+  };
+  const handleDragLeave = (e) => {
+    e.preventDefault();
+    setIsDragging(false);
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragging(false);
+    if (!disabled) processFiles(e.dataTransfer.files);
+  };
+  const handleInputChange = (e) => {
+    processFiles(e.target.files);
+  };
+  const removeFile = (index) => {
+    const next = files.filter((_, i) => i !== index);
+    setFiles(next);
+    onFilesSelected?.(next);
+  };
+  const displayError = error || sizeError;
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: cn(FileUpload_default.container, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      "div",
+      {
+        className: cn(
+          FileUpload_default.dropzone,
+          isDragging && FileUpload_default.dragging,
+          disabled && FileUpload_default.disabled,
+          displayError && FileUpload_default.error
+        ),
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        "aria-label": `Upload file${multiple ? "s" : ""}`,
+        "aria-disabled": disabled,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+            "svg",
+            {
+              className: FileUpload_default.icon,
+              width: "32",
+              height: "32",
+              viewBox: "0 0 32 32",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M16 20V8M16 8l-5 5M16 8l5 5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M4 22v4a2 2 0 002 2h20a2 2 0 002-2v-4" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: FileUpload_default.text, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: FileUpload_default.link, children: "Click to upload" }),
+            " or drag and drop"
+          ] }),
+          accept && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: FileUpload_default.hint, children: accept.replace(/,/g, ", ") }),
+          maxSize && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: FileUpload_default.hint, children: [
+            "Max size: ",
+            formatFileSize(maxSize)
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        className: FileUpload_default.input,
+        accept,
+        multiple,
+        onChange: handleInputChange,
+        disabled,
+        tabIndex: -1,
+        "aria-hidden": "true"
+      }
+    ),
+    files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: FileUpload_default.fileList, "aria-label": "Selected files", children: files.map((file, i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("li", { className: FileUpload_default.fileItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        "svg",
+        {
+          width: "16",
+          height: "16",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M9 1H4a1 1 0 00-1 1v12a1 1 0 001 1h8a1 1 0 001-1V5L9 1z" }),
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M9 1v4h4" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: FileUpload_default.fileName, children: file.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: FileUpload_default.fileSize, children: formatFileSize(file.size) }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        "button",
+        {
+          type: "button",
+          className: FileUpload_default.removeButton,
+          onClick: () => removeFile(i),
+          "aria-label": `Remove ${file.name}`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M2 2l8 8M10 2l-8 8" }) })
+        }
+      )
+    ] }, `${file.name}-${i}`)) }),
+    displayError && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(HelperText, { error: true, children: displayError })
+  ] });
+}
+
+// src/components/OTPInput/OTPInput.tsx
+var import_react23 = require("react");
+
+// src/components/OTPInput/OTPInput.module.css
+var OTPInput_default = {};
+
+// src/components/OTPInput/OTPInput.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function OTPInput({
+  length = 6,
+  value = "",
+  onChange,
+  error = false,
+  disabled = false,
+  autoFocus = false,
+  className
+}) {
+  const inputRefs = (0, import_react23.useRef)([]);
+  (0, import_react23.useEffect)(() => {
+    if (autoFocus && inputRefs.current[0]) {
+      inputRefs.current[0].focus();
+    }
+  }, [autoFocus]);
+  const focusInput = (0, import_react23.useCallback)((index) => {
+    if (index >= 0 && index < length) {
+      inputRefs.current[index]?.focus();
+      inputRefs.current[index]?.select();
+    }
+  }, [length]);
+  const updateValue = (0, import_react23.useCallback)(
+    (newValue) => {
+      onChange?.(newValue.slice(0, length));
+    },
+    [onChange, length]
+  );
+  const handleInput = (0, import_react23.useCallback)(
+    (index, digit) => {
+      if (!/^\d$/.test(digit)) return;
+      const chars = value.split("");
+      while (chars.length < length) chars.push("");
+      chars[index] = digit;
+      updateValue(chars.join(""));
+      if (index < length - 1) {
+        focusInput(index + 1);
+      }
+    },
+    [value, length, updateValue, focusInput]
+  );
+  const handleKeyDown = (0, import_react23.useCallback)(
+    (index, e) => {
+      if (e.key === "Backspace") {
+        e.preventDefault();
+        const chars = value.split("");
+        while (chars.length < length) chars.push("");
+        if (chars[index]) {
+          chars[index] = "";
+          updateValue(chars.join(""));
+        } else if (index > 0) {
+          chars[index - 1] = "";
+          updateValue(chars.join(""));
+          focusInput(index - 1);
+        }
+      } else if (e.key === "ArrowLeft") {
+        e.preventDefault();
+        focusInput(index - 1);
+      } else if (e.key === "ArrowRight") {
+        e.preventDefault();
+        focusInput(index + 1);
+      }
+    },
+    [value, length, updateValue, focusInput]
+  );
+  const handlePaste = (0, import_react23.useCallback)(
+    (e) => {
+      e.preventDefault();
+      const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, length);
+      if (pasted) {
+        updateValue(pasted);
+        focusInput(Math.min(pasted.length, length - 1));
+      }
+    },
+    [length, updateValue, focusInput]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn(OTPInput_default.wrapper, error && OTPInput_default.error, disabled && OTPInput_default.disabled, className), role: "group", "aria-label": "One-time password", children: Array.from({ length }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "input",
+    {
+      ref: (el) => {
+        inputRefs.current[i] = el;
+      },
+      type: "text",
+      inputMode: "numeric",
+      autoComplete: "one-time-code",
+      maxLength: 1,
+      className: OTPInput_default.digit,
+      value: value[i] || "",
+      onChange: (e) => {
+        const v = e.target.value;
+        if (v.length <= 1) handleInput(i, v);
+      },
+      onKeyDown: (e) => handleKeyDown(i, e),
+      onPaste: handlePaste,
+      onFocus: (e) => e.target.select(),
+      disabled,
+      "aria-label": `Digit ${i + 1} of ${length}`,
+      "aria-invalid": error || void 0
+    },
+    i
+  )) });
+}
+
+// src/components/DatePicker/DatePicker.tsx
+var import_react24 = require("react");
+
+// src/components/DatePicker/DatePicker.module.css
+var DatePicker_default = {};
+
+// src/components/DatePicker/DatePicker.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var DatePicker = (0, import_react24.forwardRef)(
+  ({ size = "md", error = false, fullWidth = false, className, min, max, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn(DatePicker_default.wrapper, DatePicker_default[size], fullWidth && DatePicker_default.fullWidth, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      "input",
+      {
+        ref,
+        type: "date",
+        className: cn(DatePicker_default.input, error && DatePicker_default.error),
+        min,
+        max,
+        "aria-invalid": error || void 0,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+      "svg",
+      {
+        className: DatePicker_default.icon,
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("rect", { x: "2", y: "3", width: "12", height: "11", rx: "1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M5 1v3M11 1v3M2 7h12" })
+        ]
+      }
+    )
+  ] })
+);
+DatePicker.displayName = "DatePicker";
+
+// src/components/MultiSelect/MultiSelect.tsx
+var import_react25 = require("react");
+
+// src/components/MultiSelect/MultiSelect.module.css
+var MultiSelect_default = {};
+
+// src/components/MultiSelect/MultiSelect.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function MultiSelect({
+  options,
+  value = [],
+  onChange,
+  placeholder = "Select...",
+  disabled = false,
+  error = false,
+  size = "md",
+  maxDisplayedTags,
+  className
+}) {
+  const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
+  const [focusedIndex, setFocusedIndex] = (0, import_react25.useState)(-1);
+  const wrapperRef = (0, import_react25.useRef)(null);
+  const listboxId = (0, import_react25.useId)();
+  const toggle = (0, import_react25.useCallback)(
+    (optionValue) => {
+      if (!onChange) return;
+      const next = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
+      onChange(next);
+    },
+    [value, onChange]
+  );
+  const removeTag = (0, import_react25.useCallback)(
+    (optionValue) => {
+      onChange?.(value.filter((v) => v !== optionValue));
+    },
+    [value, onChange]
+  );
+  const handleKeyDown = (0, import_react25.useCallback)(
+    (e) => {
+      if (disabled) return;
+      switch (e.key) {
+        case "Enter":
+        case " ":
+          e.preventDefault();
+          if (isOpen && focusedIndex >= 0) {
+            toggle(options[focusedIndex].value);
+          } else {
+            setIsOpen(!isOpen);
+          }
+          break;
+        case "Escape":
+          e.preventDefault();
+          setIsOpen(false);
+          break;
+        case "ArrowDown":
+          e.preventDefault();
+          if (!isOpen) {
+            setIsOpen(true);
+            setFocusedIndex(0);
+          } else {
+            setFocusedIndex((prev) => Math.min(prev + 1, options.length - 1));
+          }
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          setFocusedIndex((prev) => Math.max(prev - 1, 0));
+          break;
+        case "Backspace":
+          if (value.length > 0) {
+            onChange?.(value.slice(0, -1));
+          }
+          break;
+      }
+    },
+    [disabled, isOpen, focusedIndex, options, value, onChange, toggle]
+  );
+  (0, import_react25.useEffect)(() => {
+    if (!isOpen) return;
+    const handleClick = (e) => {
+      if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [isOpen]);
+  const selectedLabels = value.map((v) => options.find((o) => o.value === v)).filter(Boolean);
+  const displayedTags = maxDisplayedTags ? selectedLabels.slice(0, maxDisplayedTags) : selectedLabels;
+  const hiddenCount = maxDisplayedTags ? Math.max(0, selectedLabels.length - maxDisplayedTags) : 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { ref: wrapperRef, className: cn(MultiSelect_default.wrapper, MultiSelect_default[size], className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+      "div",
+      {
+        className: cn(
+          MultiSelect_default.control,
+          isOpen && MultiSelect_default.open,
+          error && MultiSelect_default.error,
+          disabled && MultiSelect_default.disabled
+        ),
+        role: "combobox",
+        "aria-expanded": isOpen,
+        "aria-haspopup": "listbox",
+        "aria-controls": listboxId,
+        "aria-disabled": disabled,
+        tabIndex: disabled ? -1 : 0,
+        onClick: () => !disabled && setIsOpen(!isOpen),
+        onKeyDown: handleKeyDown,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: MultiSelect_default.tags, children: [
+            displayedTags.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: MultiSelect_default.placeholder, children: placeholder }),
+            displayedTags.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: MultiSelect_default.tag, children: [
+              opt.label,
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: MultiSelect_default.tagRemove,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    removeTag(opt.value);
+                  },
+                  "aria-label": `Remove ${opt.label}`,
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M2 2l6 6M8 2l-6 6" }) })
+                }
+              )
+            ] }, opt.value)),
+            hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: MultiSelect_default.moreTag, children: [
+              "+",
+              hiddenCount,
+              " more"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            "svg",
+            {
+              className: cn(MultiSelect_default.chevron, isOpen && MultiSelect_default.chevronOpen),
+              width: "14",
+              height: "14",
+              viewBox: "0 0 14 14",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M3 5l4 4 4-4" })
+            }
+          )
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("ul", { id: listboxId, className: MultiSelect_default.dropdown, role: "listbox", "aria-multiselectable": "true", children: options.map((opt, i) => {
+      const isSelected = value.includes(opt.value);
+      const isFocused = i === focusedIndex;
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        "li",
+        {
+          className: cn(MultiSelect_default.option, isFocused && MultiSelect_default.optionFocused),
+          role: "option",
+          "aria-selected": isSelected,
+          onClick: () => toggle(opt.value),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: cn(MultiSelect_default.checkbox, isSelected && MultiSelect_default.checkboxChecked), "aria-hidden": "true", children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M2 5l2 2 4-4" }) }) }),
+            opt.label
+          ]
+        },
+        opt.value
+      );
+    }) })
+  ] });
+}
+
+// src/components/Autocomplete/Autocomplete.tsx
+var import_react26 = require("react");
+
+// src/components/Autocomplete/Autocomplete.module.css
+var Autocomplete_default = {};
+
+// src/components/Autocomplete/Autocomplete.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+function Autocomplete({
+  options,
+  value,
+  onChange,
+  onInputChange,
+  placeholder = "Search...",
+  disabled = false,
+  error = false,
+  size = "md",
+  loading = false,
+  noResultsText = "No results found",
+  className
+}) {
+  const selectedLabel = options.find((o) => o.value === value)?.label ?? "";
+  const [inputValue, setInputValue] = (0, import_react26.useState)(selectedLabel);
+  const [isOpen, setIsOpen] = (0, import_react26.useState)(false);
+  const [focusedIndex, setFocusedIndex] = (0, import_react26.useState)(-1);
+  const wrapperRef = (0, import_react26.useRef)(null);
+  const inputRef = (0, import_react26.useRef)(null);
+  const listboxId = (0, import_react26.useId)();
+  (0, import_react26.useEffect)(() => {
+    const label = options.find((o) => o.value === value)?.label ?? "";
+    setInputValue(label);
+  }, [value, options]);
+  const filteredOptions = options.filter(
+    (opt) => opt.label.toLowerCase().includes(inputValue.toLowerCase())
+  );
+  const handleInputChange = (0, import_react26.useCallback)(
+    (e) => {
+      const val = e.target.value;
+      setInputValue(val);
+      setIsOpen(true);
+      setFocusedIndex(-1);
+      onInputChange?.(val);
+    },
+    [onInputChange]
+  );
+  const selectOption = (0, import_react26.useCallback)(
+    (opt) => {
+      setInputValue(opt.label);
+      onChange?.(opt.value);
+      setIsOpen(false);
+      setFocusedIndex(-1);
+      inputRef.current?.focus();
+    },
+    [onChange]
+  );
+  const handleKeyDown = (0, import_react26.useCallback)(
+    (e) => {
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault();
+          if (!isOpen) {
+            setIsOpen(true);
+            setFocusedIndex(0);
+          } else {
+            setFocusedIndex((prev) => Math.min(prev + 1, filteredOptions.length - 1));
+          }
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          setFocusedIndex((prev) => Math.max(prev - 1, 0));
+          break;
+        case "Enter":
+          e.preventDefault();
+          if (isOpen && focusedIndex >= 0 && filteredOptions[focusedIndex]) {
+            selectOption(filteredOptions[focusedIndex]);
+          }
+          break;
+        case "Escape":
+          e.preventDefault();
+          setIsOpen(false);
+          setFocusedIndex(-1);
+          break;
+      }
+    },
+    [isOpen, focusedIndex, filteredOptions, selectOption]
+  );
+  (0, import_react26.useEffect)(() => {
+    if (!isOpen) return;
+    const handleClick = (e) => {
+      if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [isOpen]);
+  const activeDescendant = focusedIndex >= 0 && filteredOptions[focusedIndex] ? `${listboxId}-option-${focusedIndex}` : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { ref: wrapperRef, className: cn(Autocomplete_default.wrapper, Autocomplete_default[size], className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      "input",
+      {
+        ref: inputRef,
+        type: "text",
+        className: cn(Autocomplete_default.input, error && Autocomplete_default.error),
+        value: inputValue,
+        onChange: handleInputChange,
+        onFocus: () => setIsOpen(true),
+        onKeyDown: handleKeyDown,
+        placeholder,
+        disabled,
+        role: "combobox",
+        "aria-expanded": isOpen,
+        "aria-haspopup": "listbox",
+        "aria-controls": listboxId,
+        "aria-activedescendant": activeDescendant,
+        "aria-autocomplete": "list",
+        "aria-invalid": error || void 0,
+        autoComplete: "off"
+      }
+    ),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("ul", { id: listboxId, className: Autocomplete_default.dropdown, role: "listbox", children: [
+      loading && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("li", { className: Autocomplete_default.message, "aria-live": "polite", children: "Loading..." }),
+      !loading && filteredOptions.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("li", { className: Autocomplete_default.message, children: noResultsText }),
+      !loading && filteredOptions.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        "li",
+        {
+          id: `${listboxId}-option-${i}`,
+          className: cn(
+            Autocomplete_default.option,
+            i === focusedIndex && Autocomplete_default.optionFocused,
+            opt.value === value && Autocomplete_default.optionSelected
+          ),
+          role: "option",
+          "aria-selected": opt.value === value,
+          onClick: () => selectOption(opt),
+          children: opt.label
+        },
+        opt.value
+      ))
+    ] })
+  ] });
+}
+
+// src/components/Stepper/Stepper.module.css
+var Stepper_default = {};
+
+// src/components/Stepper/Stepper.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+function Stepper({
+  steps,
+  activeStep,
+  orientation = "horizontal",
+  onStepClick,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    "nav",
+    {
+      className: cn(Stepper_default.stepper, Stepper_default[orientation], className),
+      "aria-label": "Progress",
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("ol", { className: Stepper_default.list, children: steps.map((step, index) => {
+        const isCompleted = index < activeStep;
+        const isCurrent = index === activeStep;
+        const isClickable = Boolean(onStepClick);
+        const stepContent = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            "span",
+            {
+              className: cn(
+                Stepper_default.indicator,
+                isCompleted && Stepper_default.indicatorCompleted,
+                isCurrent && Stepper_default.indicatorCurrent
+              ),
+              children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                "svg",
+                {
+                  width: "14",
+                  height: "14",
+                  viewBox: "0 0 14 14",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M3 7l3 3 5-5" })
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { "aria-hidden": "true", children: index + 1 })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: Stepper_default.content, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: cn(Stepper_default.label, isCurrent && Stepper_default.labelCurrent), children: step.label }),
+            step.description && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: Stepper_default.description, children: step.description })
+          ] }),
+          isCompleted && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: Stepper_default.srOnly, children: "(completed)" }),
+          isCurrent && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: Stepper_default.srOnly, children: "(current step)" })
+        ] });
+        return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("li", { className: cn(Stepper_default.step, index < steps.length - 1 && Stepper_default.stepWithConnector), children: [
+          isClickable ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            "button",
+            {
+              type: "button",
+              className: Stepper_default.stepButton,
+              onClick: () => onStepClick?.(index),
+              "aria-current": isCurrent ? "step" : void 0,
+              children: stepContent
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            "div",
+            {
+              className: Stepper_default.stepButton,
+              "aria-current": isCurrent ? "step" : void 0,
+              children: stepContent
+            }
+          ),
+          index < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            "span",
+            {
+              className: cn(Stepper_default.connector, isCompleted && Stepper_default.connectorCompleted),
+              "aria-hidden": "true"
+            }
+          )
+        ] }, index);
+      }) })
+    }
+  );
+}
+
+// src/components/Accordion/Accordion.tsx
+var import_react27 = require("react");
+
+// src/components/Accordion/Accordion.module.css
+var Accordion_default = {};
+
+// src/components/Accordion/Accordion.tsx
+var import_jsx_runtime42 = require("react/jsx-runtime");
+function AccordionPanel({
+  item,
+  isOpen,
+  onToggle
+}) {
+  const contentRef = (0, import_react27.useRef)(null);
+  const [height, setHeight] = (0, import_react27.useState)(isOpen ? void 0 : 0);
+  (0, import_react27.useEffect)(() => {
+    if (!contentRef.current) return;
+    if (isOpen) {
+      setHeight(contentRef.current.scrollHeight);
+      const timer = setTimeout(() => setHeight(void 0), 200);
+      return () => clearTimeout(timer);
+    } else {
+      setHeight(contentRef.current.scrollHeight);
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => setHeight(0));
+      });
+    }
+  }, [isOpen]);
+  const triggerId = `accordion-trigger-${item.id}`;
+  const panelId = `accordion-panel-${item.id}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn(Accordion_default.item, isOpen && Accordion_default.open), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: Accordion_default.heading, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+      "button",
+      {
+        type: "button",
+        id: triggerId,
+        className: Accordion_default.trigger,
+        "aria-expanded": isOpen,
+        "aria-controls": panelId,
+        onClick: () => onToggle(item.id),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: Accordion_default.triggerLabel, children: item.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            "svg",
+            {
+              className: Accordion_default.chevron,
+              width: "20",
+              height: "20",
+              viewBox: "0 0 20 20",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("polyline", { points: "6 8 10 12 14 8" })
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      "div",
+      {
+        id: panelId,
+        role: "region",
+        "aria-labelledby": triggerId,
+        className: Accordion_default.panel,
+        style: { height: height !== void 0 ? `${height}px` : "auto" },
+        hidden: !isOpen && height === 0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ref: contentRef, className: Accordion_default.panelContent, children: item.content })
+      }
+    )
+  ] });
+}
+function Accordion({ items, allowMultiple = false, defaultOpenIds = [], className }) {
+  const [openIds, setOpenIds] = (0, import_react27.useState)(new Set(defaultOpenIds));
+  const handleToggle = (0, import_react27.useCallback)(
+    (id) => {
+      setOpenIds((prev) => {
+        const next = new Set(prev);
+        if (next.has(id)) {
+          next.delete(id);
+        } else {
+          if (!allowMultiple) {
+            next.clear();
+          }
+          next.add(id);
+        }
+        return next;
+      });
+    },
+    [allowMultiple]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn(Accordion_default.accordion, className), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    AccordionPanel,
+    {
+      item,
+      isOpen: openIds.has(item.id),
+      onToggle: handleToggle
+    },
+    item.id
+  )) });
+}
+
+// src/components/Breadcrumbs/Breadcrumbs.module.css
+var Breadcrumbs_default = {};
+
+// src/components/Breadcrumbs/Breadcrumbs.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
+function Breadcrumbs({ items, separator = "/", className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("nav", { "aria-label": "Breadcrumb", className: cn(Breadcrumbs_default.nav, className), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ol", { className: Breadcrumbs_default.list, children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("li", { className: Breadcrumbs_default.item, children: [
+      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: Breadcrumbs_default.separator, "aria-hidden": "true", children: separator }),
+      isLast ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: Breadcrumbs_default.current, "aria-current": "page", children: item.label }) : item.href ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("a", { href: item.href, className: Breadcrumbs_default.link, onClick: item.onClick, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        "button",
+        {
+          type: "button",
+          className: Breadcrumbs_default.link,
+          onClick: item.onClick,
+          children: item.label
+        }
+      )
+    ] }, index);
+  }) }) });
+}
+
+// src/components/SideNav/SideNav.module.css
+var SideNav_default = {};
+
+// src/components/SideNav/SideNav.tsx
+var import_jsx_runtime44 = require("react/jsx-runtime");
+function NavItem({ item, collapsed, depth = 0 }) {
+  const hasChildren = item.children && item.children.length > 0;
+  const content = /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+    item.icon && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: SideNav_default.icon, "aria-hidden": "true", children: item.icon }),
+    !collapsed && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: SideNav_default.label, children: item.label })
+  ] });
+  const commonProps = {
+    className: cn(
+      SideNav_default.navItem,
+      item.active && SideNav_default.active,
+      collapsed && SideNav_default.iconOnly,
+      depth > 0 && SideNav_default.nested
+    ),
+    ...item.active ? { "aria-current": "page" } : {},
+    ...collapsed ? { title: item.label } : {}
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("li", { children: [
+    item.href ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("a", { href: item.href, onClick: item.onClick, ...commonProps, children: content }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("button", { type: "button", onClick: item.onClick, ...commonProps, children: content }),
+    hasChildren && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { className: SideNav_default.subList, children: item.children.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavItem, { item: child, collapsed, depth: depth + 1 }, index)) })
+  ] });
+}
+function SideNav({ items, collapsed = false, onCollapse, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("nav", { "aria-label": "Side navigation", className: cn(SideNav_default.sideNav, collapsed && SideNav_default.collapsed, className), children: [
+    onCollapse && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      "button",
+      {
+        type: "button",
+        className: SideNav_default.collapseToggle,
+        onClick: () => onCollapse(!collapsed),
+        "aria-label": collapsed ? "Expand navigation" : "Collapse navigation",
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          "svg",
+          {
+            width: "20",
+            height: "20",
+            viewBox: "0 0 20 20",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("polyline", { points: "8 4 14 10 8 16" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("polyline", { points: "12 4 6 10 12 16" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { className: SideNav_default.list, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavItem, { item, collapsed }, index)) })
+  ] });
+}
+
+// src/components/TopNav/TopNav.module.css
+var TopNav_default = {};
+
+// src/components/TopNav/TopNav.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+function TopNav({ logo, children, actions, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("header", { className: cn(TopNav_default.topNav, className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: TopNav_default.inner, children: [
+    logo && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: TopNav_default.logo, children: logo }),
+    children && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("nav", { "aria-label": "Main navigation", className: TopNav_default.nav, children }),
+    actions && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: TopNav_default.actions, children: actions })
+  ] }) });
+}
+
+// src/components/StatCard/StatCard.module.css
+var StatCard_default = {};
+
+// src/components/StatCard/StatCard.tsx
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var trendIcons = {
+  up: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M8 3l5 5h-3v5H6V8H3l5-5z" }) }),
+  down: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M8 13l5-5h-3V3H6v5H3l5 5z" }) }),
+  neutral: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M2 7h12v2H2V7z" }) })
+};
+function StatCard({
+  label,
+  value,
+  change,
+  changeLabel,
+  trend = "neutral",
+  icon,
+  className,
+  ...props
+}) {
+  const formattedChange = change !== void 0 ? `${change > 0 ? "+" : ""}${change}%` : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn(StatCard_default.card, className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: StatCard_default.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: StatCard_default.label, children: label }),
+      icon && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: StatCard_default.icon, "aria-hidden": "true", children: icon })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: StatCard_default.value, children: value }),
+    formattedChange && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn(StatCard_default.trend, StatCard_default[trend]), children: [
+      trendIcons[trend],
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: formattedChange }),
+      changeLabel && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: StatCard_default.changeLabel, children: changeLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: StatCard_default.srOnly, children: trend === "up" ? "increase" : trend === "down" ? "decrease" : "no change" })
+    ] })
+  ] });
+}
+
+// src/components/List/List.tsx
+var import_react28 = require("react");
+
+// src/components/List/List.module.css
+var List_default = {};
+
+// src/components/List/List.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var List = (0, import_react28.forwardRef)(
+  ({ divided = false, padding = "md", className, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      "ul",
+      {
+        ref,
+        className: cn(List_default.list, divided && List_default.divided, List_default[`pad-${padding}`], className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+List.displayName = "List";
+var ListItem = (0, import_react28.forwardRef)(
+  ({ onClick, selected, disabled, prefix, suffix, description, className, children, ...props }, ref) => {
+    const isInteractive = !!onClick;
+    const content = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+      prefix && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: List_default.prefix, children: prefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: List_default.content, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: List_default.primary, children }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: List_default.description, children: description })
+      ] }),
+      suffix && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: List_default.suffix, children: suffix })
+    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      "li",
+      {
+        ref,
+        className: cn(List_default.item, className),
+        ...props,
+        children: isInteractive ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          "button",
+          {
+            type: "button",
+            className: cn(List_default.interactive, selected && List_default.selected, disabled && List_default.disabled),
+            onClick,
+            disabled,
+            "aria-selected": selected || void 0,
+            "aria-disabled": disabled || void 0,
+            children: content
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn(List_default.static, selected && List_default.selected, disabled && List_default.disabled), children: content })
+      }
+    );
+  }
+);
+ListItem.displayName = "ListItem";
+
+// src/components/CollapsiblePanel/CollapsiblePanel.tsx
+var import_react29 = require("react");
+
+// src/components/CollapsiblePanel/CollapsiblePanel.module.css
+var CollapsiblePanel_default = {};
+
+// src/components/CollapsiblePanel/CollapsiblePanel.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
+function CollapsiblePanel({
+  title,
+  defaultOpen = false,
+  open: controlledOpen,
+  onToggle,
+  children,
+  className
+}) {
+  const [internalOpen, setInternalOpen] = (0, import_react29.useState)(defaultOpen);
+  const isOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
+  const contentRef = (0, import_react29.useRef)(null);
+  const [height, setHeight] = (0, import_react29.useState)(isOpen ? void 0 : 0);
+  const panelId = (0, import_react29.useRef)(`collapsible-panel-${Math.random().toString(36).slice(2, 9)}`).current;
+  const triggerId = `${panelId}-trigger`;
+  (0, import_react29.useEffect)(() => {
+    if (!contentRef.current) return;
+    if (isOpen) {
+      setHeight(contentRef.current.scrollHeight);
+      const timer = setTimeout(() => setHeight(void 0), 200);
+      return () => clearTimeout(timer);
+    } else {
+      setHeight(contentRef.current.scrollHeight);
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => setHeight(0));
+      });
+    }
+  }, [isOpen]);
+  const handleToggle = () => {
+    const next = !isOpen;
+    if (controlledOpen === void 0) {
+      setInternalOpen(next);
+    }
+    onToggle?.(next);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn(CollapsiblePanel_default.panel, isOpen && CollapsiblePanel_default.open, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+      "button",
+      {
+        type: "button",
+        id: triggerId,
+        className: CollapsiblePanel_default.trigger,
+        "aria-expanded": isOpen,
+        "aria-controls": panelId,
+        onClick: handleToggle,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            "svg",
+            {
+              className: CollapsiblePanel_default.chevron,
+              width: "20",
+              height: "20",
+              viewBox: "0 0 20 20",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("polyline", { points: "8 4 14 10 8 16" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: CollapsiblePanel_default.title, children: title })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      "div",
+      {
+        id: panelId,
+        role: "region",
+        "aria-labelledby": triggerId,
+        className: CollapsiblePanel_default.content,
+        style: { height: height !== void 0 ? `${height}px` : "auto" },
+        hidden: !isOpen && height === 0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref: contentRef, className: CollapsiblePanel_default.contentInner, children })
+      }
+    )
+  ] });
+}
+
+// src/components/PatientCard/PatientCard.module.css
+var PatientCard_default = {};
+
+// src/components/PatientCard/PatientCard.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var statusLabels2 = {
+  active: "Active",
+  inactive: "Inactive",
+  critical: "Critical"
+};
+function PatientCard({
+  name,
+  mrn,
+  dob,
+  age,
+  gender,
+  avatar,
+  status = "active",
+  allergies = [],
+  primaryPhysician,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    "div",
+    {
+      className: cn(PatientCard_default.card, PatientCard_default[status], className),
+      role: "region",
+      "aria-label": `Patient card for ${name}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: PatientCard_default.header, children: [
+          avatar && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: PatientCard_default.avatar, "aria-hidden": "true", children: avatar }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: PatientCard_default.identity, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h3", { className: PatientCard_default.name, children: name }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: PatientCard_default.mrn, children: [
+              "MRN: ",
+              mrn
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: cn(PatientCard_default.statusBadge, PatientCard_default[`status-${status}`]), children: statusLabels2[status] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: PatientCard_default.details, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: PatientCard_default.field, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: PatientCard_default.label, children: "DOB" }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: PatientCard_default.value, children: dob })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: PatientCard_default.field, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: PatientCard_default.label, children: "Age" }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: PatientCard_default.value, children: age })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: PatientCard_default.field, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: PatientCard_default.label, children: "Gender" }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: PatientCard_default.value, children: gender })
+          ] }),
+          primaryPhysician && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: PatientCard_default.field, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: PatientCard_default.label, children: "PCP" }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: PatientCard_default.value, children: primaryPhysician })
+          ] })
+        ] }),
+        allergies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: PatientCard_default.allergies, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: PatientCard_default.allergiesLabel, children: "Allergies:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ul", { className: PatientCard_default.allergyList, children: allergies.map((allergy) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("li", { className: PatientCard_default.allergyItem, children: allergy }, allergy)) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/AppointmentCard/AppointmentCard.module.css
+var AppointmentCard_default = {};
+
+// src/components/AppointmentCard/AppointmentCard.tsx
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var statusLabels3 = {
+  scheduled: "Scheduled",
+  "checked-in": "Checked In",
+  "in-progress": "In Progress",
+  completed: "Completed",
+  cancelled: "Cancelled",
+  "no-show": "No Show"
+};
+function AppointmentCard({
+  patientName,
+  date,
+  time,
+  type,
+  provider,
+  status,
+  location,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    "div",
+    {
+      className: cn(AppointmentCard_default.card, AppointmentCard_default[status], className),
+      role: "region",
+      "aria-label": `Appointment for ${patientName}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: AppointmentCard_default.statusBar, "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: AppointmentCard_default.content, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: AppointmentCard_default.header, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h3", { className: AppointmentCard_default.patientName, children: patientName }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: cn(AppointmentCard_default.statusBadge, AppointmentCard_default[`badge-${status}`]), children: statusLabels3[status] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: AppointmentCard_default.type, children: type }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: AppointmentCard_default.details, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: AppointmentCard_default.field, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { className: AppointmentCard_default.icon, width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M5 0a1 1 0 011 1v1h4V1a1 1 0 112 0v1h1.5A2.5 2.5 0 0116 4.5v9a2.5 2.5 0 01-2.5 2.5h-11A2.5 2.5 0 010 13.5v-9A2.5 2.5 0 012.5 2H4V1a1 1 0 011-1zM2 6v7.5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V6H2z" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: date })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: AppointmentCard_default.field, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { className: AppointmentCard_default.icon, width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M8 0a8 8 0 110 16A8 8 0 018 0zm0 2a6 6 0 100 12A6 6 0 008 2zm.5 2a.5.5 0 01.5.5V8h2a.5.5 0 010 1H8a.5.5 0 01-.5-.5v-4a.5.5 0 01.5-.5z" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: time })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: AppointmentCard_default.field, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { className: AppointmentCard_default.icon, width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M8 0a5 5 0 014.9 5.9L8 14.5 3.1 5.9A5 5 0 018 0zm0 3a2 2 0 100 4 2 2 0 000-4z" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: provider })
+            ] }),
+            location && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: AppointmentCard_default.field, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { className: AppointmentCard_default.icon, width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M2 2a2 2 0 012-2h8a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V2zm2 0v12h8V2H4zm2 1h4v2H6V3z" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: location })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/Timeline/Timeline.module.css
+var Timeline_default = {};
+
+// src/components/Timeline/Timeline.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+function Timeline({ items, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("ol", { className: cn(Timeline_default.timeline, className), ...props, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    "li",
+    {
+      className: cn(Timeline_default.item, Timeline_default[item.variant ?? "default"]),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: Timeline_default.indicator, "aria-hidden": "true", children: [
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: Timeline_default.icon, children: item.icon }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: Timeline_default.dot }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: Timeline_default.line })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: Timeline_default.content, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: Timeline_default.title, children: item.title }),
+          item.description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: Timeline_default.description, children: item.description }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("time", { className: Timeline_default.timestamp, children: item.timestamp })
+        ] })
+      ]
+    },
+    item.id
+  )) });
+}
+
+// src/components/ClinicalBanner/ClinicalBanner.module.css
+var ClinicalBanner_default = {};
+
+// src/components/ClinicalBanner/ClinicalBanner.tsx
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var severityIcons = {
+  critical: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm3.5 6.5a1 1 0 00-1.4 0L10 8.6 7.9 6.5a1 1 0 10-1.4 1.4L8.6 10l-2.1 2.1a1 1 0 101.4 1.4L10 11.4l2.1 2.1a1 1 0 001.4-1.4L11.4 10l2.1-2.1a1 1 0 000-1.4z" }) }),
+  high: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm0 13a1 1 0 100 2 1 1 0 000-2zm0-8a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" }) }),
+  moderate: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm0 8a1 1 0 00-1 1v5a1 1 0 102 0V9a1 1 0 00-1-1zm0-3.5a1 1 0 100 2 1 1 0 000-2z" }) }),
+  low: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm0 8a1 1 0 00-1 1v5a1 1 0 102 0V9a1 1 0 00-1-1zm0-3.5a1 1 0 100 2 1 1 0 000-2z" }) })
+};
+function ClinicalBanner({
+  severity,
+  title,
+  dismissible = false,
+  onDismiss,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    "div",
+    {
+      className: cn(ClinicalBanner_default.banner, ClinicalBanner_default[severity], className),
+      role: "alert",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: ClinicalBanner_default.icon, "aria-hidden": "true", children: severityIcons[severity] }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: ClinicalBanner_default.content, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: ClinicalBanner_default.title, children: title }),
+          children && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: ClinicalBanner_default.body, children })
+        ] }),
+        dismissible && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          "button",
+          {
+            className: ClinicalBanner_default.dismiss,
+            onClick: onDismiss,
+            "aria-label": "Dismiss alert",
+            type: "button",
+            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("line", { x1: "4", y1: "4", x2: "12", y2: "12" }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("line", { x1: "12", y1: "4", x2: "4", y2: "12" })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/MedicationRow/MedicationRow.module.css
+var MedicationRow_default = {};
+
+// src/components/MedicationRow/MedicationRow.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var statusLabels4 = {
+  active: "Active",
+  discontinued: "Discontinued",
+  hold: "On Hold",
+  prn: "PRN"
+};
+function MedicationRow({
+  name,
+  dosage,
+  frequency,
+  route,
+  prescribedBy,
+  startDate,
+  endDate,
+  status,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    "div",
+    {
+      className: cn(MedicationRow_default.row, MedicationRow_default[status], className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: MedicationRow_default.primary, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: cn(MedicationRow_default.statusIndicator, MedicationRow_default[`indicator-${status}`]), "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: MedicationRow_default.name, children: name }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: MedicationRow_default.dosage, children: dosage }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: cn(MedicationRow_default.statusBadge, MedicationRow_default[`badge-${status}`]), children: statusLabels4[status] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: MedicationRow_default.secondary, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: MedicationRow_default.detail, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: MedicationRow_default.detailLabel, children: "Freq:" }),
+            " ",
+            frequency
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: MedicationRow_default.detail, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: MedicationRow_default.detailLabel, children: "Route:" }),
+            " ",
+            route
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: MedicationRow_default.detail, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: MedicationRow_default.detailLabel, children: "By:" }),
+            " ",
+            prescribedBy
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: MedicationRow_default.detail, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: MedicationRow_default.detailLabel, children: "Start:" }),
+            " ",
+            startDate
+          ] }),
+          endDate && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: MedicationRow_default.detail, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: MedicationRow_default.detailLabel, children: "End:" }),
+            " ",
+            endDate
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/LabResultRow/LabResultRow.module.css
+var LabResultRow_default = {};
+
+// src/components/LabResultRow/LabResultRow.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var statusLabels5 = {
+  normal: "Normal",
+  "abnormal-high": "High",
+  "abnormal-low": "Low",
+  critical: "Critical"
+};
+var statusArrow = {
+  normal: "",
+  "abnormal-high": "\u2191",
+  "abnormal-low": "\u2193",
+  critical: "\u2191\u2191"
+};
+function LabResultRow({
+  testName,
+  value,
+  unit,
+  referenceRange,
+  status,
+  collectedDate,
+  className,
+  ...props
+}) {
+  const isAbnormal = status !== "normal";
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    "div",
+    {
+      className: cn(LabResultRow_default.row, LabResultRow_default[status], className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: LabResultRow_default.testInfo, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: LabResultRow_default.testName, children: testName }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: LabResultRow_default.result, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: cn(LabResultRow_default.value, isAbnormal && LabResultRow_default.abnormalValue), children: [
+            value,
+            statusArrow[status] && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: LabResultRow_default.arrow, "aria-hidden": "true", children: [
+              " ",
+              statusArrow[status]
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: LabResultRow_default.unit, children: unit })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: LabResultRow_default.range, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: LabResultRow_default.rangeLabel, children: "Ref:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: LabResultRow_default.rangeValue, children: referenceRange })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: LabResultRow_default.meta, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: cn(LabResultRow_default.statusBadge, LabResultRow_default[`badge-${status}`]), children: statusLabels5[status] }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: LabResultRow_default.date, children: collectedDate })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/InsuranceCard/InsuranceCard.module.css
+var InsuranceCard_default = {};
+
+// src/components/InsuranceCard/InsuranceCard.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var statusLabels6 = {
+  active: "Active",
+  inactive: "Inactive",
+  pending: "Pending"
+};
+function InsuranceCard({
+  planName,
+  memberId,
+  groupNumber,
+  planType,
+  status,
+  effectiveDate,
+  expirationDate,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    "div",
+    {
+      className: cn(InsuranceCard_default.card, className),
+      role: "region",
+      "aria-label": `Insurance: ${planName}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: InsuranceCard_default.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: InsuranceCard_default.planInfo, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h3", { className: InsuranceCard_default.planName, children: planName }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: InsuranceCard_default.planType, children: planType })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: cn(InsuranceCard_default.statusBadge, InsuranceCard_default[`status-${status}`]), children: statusLabels6[status] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: InsuranceCard_default.details, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: InsuranceCard_default.field, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: InsuranceCard_default.label, children: "Member ID" }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: InsuranceCard_default.value, children: memberId })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: InsuranceCard_default.field, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: InsuranceCard_default.label, children: "Group #" }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: InsuranceCard_default.value, children: groupNumber })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: InsuranceCard_default.field, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: InsuranceCard_default.label, children: "Effective" }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: InsuranceCard_default.value, children: effectiveDate })
+          ] }),
+          expirationDate && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: InsuranceCard_default.field, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: InsuranceCard_default.label, children: "Expires" }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: InsuranceCard_default.value, children: expirationDate })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/Toast/Toast.tsx
+var import_react30 = require("react");
+
+// src/components/Toast/Toast.module.css
+var Toast_default = {};
+
+// src/components/Toast/Toast.tsx
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var statusIcons2 = {
+  info: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm0 8a1 1 0 00-1 1v5a1 1 0 102 0V9a1 1 0 00-1-1zm0-3.5a1 1 0 100 2 1 1 0 000-2z" }) }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm4.3 7.3a1 1 0 00-1.4-1.4L8.5 10.3 7.1 8.9a1 1 0 10-1.4 1.4l2.1 2.1a1 1 0 001.4 0l5.1-5.1z" }) }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm0 13a1 1 0 100 2 1 1 0 000-2zm0-8a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" }) }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm3.5 6.5a1 1 0 00-1.4 0L10 8.6 7.9 6.5a1 1 0 10-1.4 1.4L8.6 10l-2.1 2.1a1 1 0 101.4 1.4L10 11.4l2.1 2.1a1 1 0 001.4-1.4L11.4 10l2.1-2.1a1 1 0 000-1.4z" }) })
+};
+function Toast({
+  message,
+  title,
+  status = "info",
+  action,
+  onClose,
+  duration: duration2 = 5e3,
+  className
+}) {
+  (0, import_react30.useEffect)(() => {
+    if (duration2 <= 0) return;
+    const timer = setTimeout(onClose, duration2);
+    return () => clearTimeout(timer);
+  }, [duration2, onClose]);
+  const isUrgent = status === "error" || status === "warning";
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+    "div",
+    {
+      className: cn(Toast_default.toast, Toast_default[status], className),
+      role: isUrgent ? "alert" : "status",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: Toast_default.icon, "aria-hidden": "true", children: statusIcons2[status] }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: Toast_default.content, children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: Toast_default.title, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: Toast_default.message, children: message })
+        ] }),
+        action && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: Toast_default.action, children: action }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          "button",
+          {
+            className: Toast_default.close,
+            onClick: onClose,
+            "aria-label": "Dismiss notification",
+            type: "button",
+            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("line", { x1: "4", y1: "4", x2: "12", y2: "12" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("line", { x1: "12", y1: "4", x2: "4", y2: "12" })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ConfirmDialog/ConfirmDialog.tsx
+var import_react31 = require("react");
+
+// src/components/ConfirmDialog/ConfirmDialog.module.css
+var ConfirmDialog_default = {};
+
+// src/components/ConfirmDialog/ConfirmDialog.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+function ConfirmDialog({
+  open,
+  onConfirm,
+  onCancel,
+  title,
+  message,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  variant = "default",
+  loading = false,
+  className
+}) {
+  const dialogRef = (0, import_react31.useRef)(null);
+  const cancelRef = (0, import_react31.useRef)(null);
+  (0, import_react31.useEffect)(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (open && !dialog.open) {
+      dialog.showModal();
+      cancelRef.current?.focus();
+    } else if (!open && dialog.open) {
+      dialog.close();
+    }
+  }, [open]);
+  (0, import_react31.useEffect)(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    const handleClose = () => onCancel();
+    dialog.addEventListener("close", handleClose);
+    return () => dialog.removeEventListener("close", handleClose);
+  }, [onCancel]);
+  const handleBackdropClick = (e) => {
+    if (e.target === dialogRef.current) {
+      onCancel();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    "dialog",
+    {
+      ref: dialogRef,
+      className: cn(ConfirmDialog_default.dialog, className),
+      "aria-labelledby": "aegis-confirm-title",
+      "aria-describedby": "aegis-confirm-message",
+      onClick: handleBackdropClick,
+      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: ConfirmDialog_default.content, children: [
+        variant === "danger" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: ConfirmDialog_default.dangerIcon, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M12 0a12 12 0 110 24 12 12 0 010-24zm0 15a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zm0-9a1 1 0 00-1 1v5.5a1 1 0 102 0V7a1 1 0 00-1-1z" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h2", { id: "aegis-confirm-title", className: ConfirmDialog_default.title, children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { id: "aegis-confirm-message", className: ConfirmDialog_default.message, children: typeof message === "string" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { children: message }) : message }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: ConfirmDialog_default.actions, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            "button",
+            {
+              ref: cancelRef,
+              className: ConfirmDialog_default.cancelButton,
+              onClick: onCancel,
+              type: "button",
+              disabled: loading,
+              children: cancelLabel
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            "button",
+            {
+              className: cn(ConfirmDialog_default.confirmButton, ConfirmDialog_default[variant]),
+              onClick: onConfirm,
+              type: "button",
+              disabled: loading,
+              "aria-busy": loading,
+              children: loading ? "Loading..." : confirmLabel
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/components/Banner/Banner.module.css
+var Banner_default = {};
+
+// src/components/Banner/Banner.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var statusIcons3 = {
+  info: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm0 8a1 1 0 00-1 1v5a1 1 0 102 0V9a1 1 0 00-1-1zm0-3.5a1 1 0 100 2 1 1 0 000-2z" }) }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm4.3 7.3a1 1 0 00-1.4-1.4L8.5 10.3 7.1 8.9a1 1 0 10-1.4 1.4l2.1 2.1a1 1 0 001.4 0l5.1-5.1z" }) }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm0 13a1 1 0 100 2 1 1 0 000-2zm0-8a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" }) }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { d: "M10 0a10 10 0 110 20 10 10 0 010-20zm3.5 6.5a1 1 0 00-1.4 0L10 8.6 7.9 6.5a1 1 0 10-1.4 1.4L8.6 10l-2.1 2.1a1 1 0 101.4 1.4L10 11.4l2.1 2.1a1 1 0 001.4-1.4L11.4 10l2.1-2.1a1 1 0 000-1.4z" }) })
+};
+function Banner({
+  status = "info",
+  dismissible = false,
+  onDismiss,
+  action,
+  children,
+  className,
+  ...props
+}) {
+  const isUrgent = status === "error" || status === "warning";
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    "div",
+    {
+      className: cn(Banner_default.banner, Banner_default[status], className),
+      role: isUrgent ? "alert" : "status",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: Banner_default.inner, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: Banner_default.icon, "aria-hidden": "true", children: statusIcons3[status] }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: Banner_default.content, children }),
+        action && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: Banner_default.action, children: action }),
+        dismissible && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          "button",
+          {
+            className: Banner_default.dismiss,
+            onClick: onDismiss,
+            "aria-label": "Dismiss banner",
+            type: "button",
+            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("line", { x1: "4", y1: "4", x2: "12", y2: "12" }),
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("line", { x1: "12", y1: "4", x2: "4", y2: "12" })
+            ] })
+          }
+        )
+      ] })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  Alert,
+  AppointmentCard,
+  Autocomplete,
+  Avatar,
+  Badge,
+  Banner,
+  Breadcrumbs,
+  Button,
+  Card,
+  Checkbox,
+  CheckboxGroup,
+  ClinicalBanner,
+  CollapsiblePanel,
+  ConfirmDialog,
+  DataGrid,
+  DatePicker,
+  DescriptionList,
+  Divider,
+  Drawer,
+  EmptyState,
+  FileUpload,
+  FormField,
+  HelperText,
+  IconButton,
+  Input,
+  InsuranceCard,
+  LabResultRow,
+  Label,
+  List,
+  ListItem,
+  MedicationRow,
+  Modal,
+  MultiSelect,
+  NumberField,
+  OTPInput,
+  Pagination,
+  PatientCard,
+  Popover,
+  ProgressBar,
+  Radio,
+  RadioGroup,
+  SearchField,
+  Select,
+  SideNav,
+  Skeleton,
+  Slider,
+  Spinner,
+  StatCard,
+  StatusBadge,
+  Stepper,
+  Switch,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeaderCell,
+  TableRow,
+  Tabs,
+  Textarea,
+  Timeline,
+  Toast,
+  Tooltip,
+  TopNav,
+  accentTeal,
+  border,
+  borderStyle,
+  borderWidth,
+  brandPrimary,
+  cn,
+  container,
+  controlSize,
+  dataVis,
+  duration,
+  easing,
+  focusRing,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  grid,
+  iconSize,
+  lineHeight,
+  modalSize,
+  neutral,
+  opacity,
+  radius,
+  semantic,
+  shadow,
+  sidebarDefault,
+  space,
+  surface,
+  text,
+  touchMin,
+  tracking,
+  zIndex
+});
+//# sourceMappingURL=index.js.map