@skyfall_ai/aegis 0.1.0

package/dist/index.mjs

@@ -0,0 +1,3677 @@
+"use client";
+
+// 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
+import { forwardRef } from "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
+import { jsx, jsxs } from "react/jsx-runtime";
+var Button = forwardRef(
+  ({
+    variant = "primary",
+    size = "md",
+    fullWidth = false,
+    loading = false,
+    disabled = false,
+    iconLeft,
+    iconRight,
+    children,
+    className,
+    ...props
+  }, ref) => {
+    const isDisabled = disabled || loading;
+    return /* @__PURE__ */ 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__ */ jsx("span", { className: Button_default.spinner, "aria-hidden": "true", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: "28", strokeDashoffset: "8" }) }) }),
+          iconLeft && /* @__PURE__ */ jsx("span", { className: Button_default.iconLeft, "aria-hidden": "true", children: iconLeft }),
+          /* @__PURE__ */ jsx("span", { className: Button_default.label, children }),
+          iconRight && /* @__PURE__ */ jsx("span", { className: Button_default.iconRight, "aria-hidden": "true", children: iconRight })
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/IconButton/IconButton.tsx
+import { forwardRef as forwardRef2 } from "react";
+
+// src/components/IconButton/IconButton.module.css
+var IconButton_default = {};
+
+// src/components/IconButton/IconButton.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var IconButton = forwardRef2(
+  ({ icon, variant = "ghost", size = "md", className, ...props }, ref) => /* @__PURE__ */ jsx2(
+    "button",
+    {
+      ref,
+      className: cn(IconButton_default.iconButton, IconButton_default[variant], IconButton_default[size], className),
+      ...props,
+      children: /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", children: icon })
+    }
+  )
+);
+IconButton.displayName = "IconButton";
+
+// src/components/Input/Input.tsx
+import { forwardRef as forwardRef3 } from "react";
+
+// src/components/Input/Input.module.css
+var Input_default = {};
+
+// src/components/Input/Input.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Input = forwardRef3(
+  ({ size = "md", error = false, fullWidth = false, className, ...props }, ref) => /* @__PURE__ */ jsx3(
+    "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
+import { forwardRef as forwardRef4 } from "react";
+
+// src/components/Textarea/Textarea.module.css
+var Textarea_default = {};
+
+// src/components/Textarea/Textarea.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Textarea = forwardRef4(
+  ({ error = false, fullWidth = false, resize = "vertical", className, style, ...props }, ref) => /* @__PURE__ */ jsx4(
+    "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
+import { forwardRef as forwardRef5 } from "react";
+
+// src/components/Select/Select.module.css
+var Select_default = {};
+
+// src/components/Select/Select.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var Select = forwardRef5(
+  ({ size = "md", error = false, fullWidth = false, className, children, ...props }, ref) => /* @__PURE__ */ jsxs2("div", { className: cn(Select_default.wrapper, fullWidth && Select_default.fullWidth), children: [
+    /* @__PURE__ */ jsx5(
+      "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__ */ jsx5("span", { className: Select_default.chevron, "aria-hidden": "true", children: /* @__PURE__ */ jsx5("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx5("path", { d: "M4 6l4 4 4-4" }) }) })
+  ] })
+);
+Select.displayName = "Select";
+
+// src/components/Checkbox/Checkbox.tsx
+import { forwardRef as forwardRef6 } from "react";
+
+// src/components/Checkbox/Checkbox.module.css
+var Checkbox_default = {};
+
+// src/components/Checkbox/Checkbox.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var Checkbox = forwardRef6(
+  ({ label, error = false, className, id, ...props }, ref) => {
+    const inputId = id || (label ? `checkbox-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0);
+    return /* @__PURE__ */ jsxs3("label", { className: cn(Checkbox_default.wrapper, error && Checkbox_default.error, className), children: [
+      /* @__PURE__ */ jsx6(
+        "input",
+        {
+          ref,
+          type: "checkbox",
+          className: Checkbox_default.input,
+          id: inputId,
+          "aria-invalid": error || void 0,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx6("span", { className: Checkbox_default.control, "aria-hidden": "true", children: /* @__PURE__ */ jsx6("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx6("path", { d: "M2.5 6L5 8.5L9.5 3.5" }) }) }),
+      label && /* @__PURE__ */ jsx6("span", { className: Checkbox_default.label, children: label })
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/components/Radio/Radio.tsx
+import { forwardRef as forwardRef7 } from "react";
+
+// src/components/Radio/Radio.module.css
+var Radio_default = {};
+
+// src/components/Radio/Radio.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var Radio = forwardRef7(
+  ({ label, error = false, className, id, ...props }, ref) => {
+    const inputId = id || (label ? `radio-${label.replace(/\s+/g, "-").toLowerCase()}` : void 0);
+    return /* @__PURE__ */ jsxs4("label", { className: cn(Radio_default.wrapper, error && Radio_default.error, className), children: [
+      /* @__PURE__ */ jsx7(
+        "input",
+        {
+          ref,
+          type: "radio",
+          className: Radio_default.input,
+          id: inputId,
+          "aria-invalid": error || void 0,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx7("span", { className: Radio_default.control, "aria-hidden": "true", children: /* @__PURE__ */ jsx7("span", { className: Radio_default.dot }) }),
+      label && /* @__PURE__ */ jsx7("span", { className: Radio_default.label, children: label })
+    ] });
+  }
+);
+Radio.displayName = "Radio";
+
+// src/components/Switch/Switch.tsx
+import { forwardRef as forwardRef8 } from "react";
+
+// src/components/Switch/Switch.module.css
+var Switch_default = {};
+
+// src/components/Switch/Switch.tsx
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var Switch = forwardRef8(
+  ({ label, className, checked, defaultChecked, ...props }, ref) => /* @__PURE__ */ jsxs5("label", { className: cn(Switch_default.wrapper, className), children: [
+    /* @__PURE__ */ jsx8(
+      "input",
+      {
+        ref,
+        type: "checkbox",
+        role: "switch",
+        className: Switch_default.input,
+        checked,
+        defaultChecked,
+        "aria-checked": checked,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx8("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx8("span", { className: Switch_default.thumb }) }),
+    label && /* @__PURE__ */ jsx8("span", { className: Switch_default.label, children: label })
+  ] })
+);
+Switch.displayName = "Switch";
+
+// src/components/Label/Label.module.css
+var Label_default = {};
+
+// src/components/Label/Label.tsx
+import { Fragment, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+function Label({ required, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs6("label", { className: cn(Label_default.label, className), ...props, children: [
+    children,
+    required && /* @__PURE__ */ jsxs6(Fragment, { children: [
+      /* @__PURE__ */ jsx9("span", { className: Label_default.required, "aria-hidden": "true", children: " *" }),
+      /* @__PURE__ */ jsx9("span", { className: Label_default.srOnly, children: " (required)" })
+    ] })
+  ] });
+}
+
+// src/components/HelperText/HelperText.module.css
+var HelperText_default = {};
+
+// src/components/HelperText/HelperText.tsx
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+function HelperText({ error = false, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs7(
+    "p",
+    {
+      className: cn(HelperText_default.helperText, error && HelperText_default.error, className),
+      role: error ? "alert" : void 0,
+      ...props,
+      children: [
+        error && /* @__PURE__ */ jsx10("svg", { className: HelperText_default.icon, width: "14", height: "14", viewBox: "0 0 14 14", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx10("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
+import { jsx as jsx11 } from "react/jsx-runtime";
+function Card({ elevation = "flat", padding = "md", className, children, ...props }) {
+  return /* @__PURE__ */ jsx11(
+    "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
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Badge({ status = "neutral", className, children, ...props }) {
+  return /* @__PURE__ */ jsx12("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
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+var statusIcons = {
+  info: /* @__PURE__ */ jsx13("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx13("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__ */ jsx13("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx13("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__ */ jsx13("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx13("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__ */ jsx13("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx13("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__ */ jsxs8(
+    "div",
+    {
+      className: cn(Alert_default.alert, Alert_default[status], className),
+      role: isUrgent ? "alert" : "status",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx13("span", { className: Alert_default.icon, "aria-hidden": "true", children: statusIcons[status] }),
+        /* @__PURE__ */ jsxs8("div", { className: Alert_default.content, children: [
+          title && /* @__PURE__ */ jsx13("p", { className: Alert_default.title, children: title }),
+          children && /* @__PURE__ */ jsx13("div", { className: Alert_default.body, children })
+        ] }),
+        action && /* @__PURE__ */ jsx13("div", { className: Alert_default.action, children: action })
+      ]
+    }
+  );
+}
+
+// src/components/Tabs/Tabs.tsx
+import { useState, useRef, useCallback } from "react";
+
+// src/components/Tabs/Tabs.module.css
+var Tabs_default = {};
+
+// src/components/Tabs/Tabs.tsx
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+function Tabs({ tabs, activeTab, onTabChange, className }) {
+  const [internalActive, setInternalActive] = useState(tabs[0]?.id ?? "");
+  const tabListRef = useRef(null);
+  const active = activeTab ?? internalActive;
+  const setActive = useCallback(
+    (id) => {
+      if (!activeTab) setInternalActive(id);
+      onTabChange?.(id);
+    },
+    [activeTab, onTabChange]
+  );
+  const enabledTabs = tabs.filter((t) => !t.disabled);
+  const handleKeyDown = 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__ */ jsxs9("div", { className: cn(Tabs_default.wrapper, className), children: [
+    /* @__PURE__ */ jsx14(
+      "div",
+      {
+        ref: tabListRef,
+        role: "tablist",
+        className: Tabs_default.tabList,
+        onKeyDown: handleKeyDown,
+        children: tabs.map((tab) => /* @__PURE__ */ jsx14(
+          "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__ */ jsx14(
+      "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
+import { useEffect, useRef as useRef2 } from "react";
+
+// src/components/Modal/Modal.module.css
+var Modal_default = {};
+
+// src/components/Modal/Modal.tsx
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+function Modal({ open, onClose, title, size = "md", footer, className, children }) {
+  const dialogRef = useRef2(null);
+  useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (open && !dialog.open) {
+      dialog.showModal();
+    } else if (!open && dialog.open) {
+      dialog.close();
+    }
+  }, [open]);
+  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__ */ jsx15(
+    "dialog",
+    {
+      ref: dialogRef,
+      className: cn(Modal_default.dialog, Modal_default[size], className),
+      "aria-labelledby": "aegis-modal-title",
+      onClick: handleBackdropClick,
+      children: /* @__PURE__ */ jsxs10("div", { className: Modal_default.content, children: [
+        /* @__PURE__ */ jsxs10("header", { className: Modal_default.header, children: [
+          /* @__PURE__ */ jsx15("h2", { id: "aegis-modal-title", className: Modal_default.title, children: title }),
+          /* @__PURE__ */ jsx15(
+            "button",
+            {
+              className: Modal_default.close,
+              onClick: onClose,
+              "aria-label": "Close dialog",
+              children: /* @__PURE__ */ jsxs10("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", children: [
+                /* @__PURE__ */ jsx15("line", { x1: "5", y1: "5", x2: "15", y2: "15" }),
+                /* @__PURE__ */ jsx15("line", { x1: "15", y1: "5", x2: "5", y2: "15" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx15("div", { className: Modal_default.body, children }),
+        footer && /* @__PURE__ */ jsx15("footer", { className: Modal_default.footer, children: footer })
+      ] })
+    }
+  );
+}
+
+// src/components/Table/Table.module.css
+var Table_default = {};
+
+// src/components/Table/Table.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+function Table({ density = "default", striped = false, className, children, ...props }) {
+  return /* @__PURE__ */ jsx16("div", { className: Table_default.wrapper, children: /* @__PURE__ */ jsx16(
+    "table",
+    {
+      className: cn(Table_default.table, Table_default[density], striped && Table_default.striped, className),
+      ...props,
+      children
+    }
+  ) });
+}
+function TableHead({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx16("thead", { className: cn(Table_default.thead, className), ...props, children });
+}
+function TableBody({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx16("tbody", { className: cn(Table_default.tbody, className), ...props, children });
+}
+function TableRow({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx16("tr", { className: cn(Table_default.tr, className), ...props, children });
+}
+function TableHeaderCell({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx16("th", { scope: "col", className: cn(Table_default.th, className), ...props, children });
+}
+function TableCell({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx16("td", { className: cn(Table_default.td, className), ...props, children });
+}
+
+// src/components/Tooltip/Tooltip.tsx
+import { useState as useState2, useRef as useRef3 } from "react";
+
+// src/components/Tooltip/Tooltip.module.css
+var Tooltip_default = {};
+
+// src/components/Tooltip/Tooltip.tsx
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+function Tooltip({ content, children, placement = "top", delay = 200, className }) {
+  const [visible, setVisible] = useState2(false);
+  const timeoutRef = useRef3();
+  const tooltipId = useRef3(`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__ */ jsxs11(
+    "div",
+    {
+      className: cn(Tooltip_default.wrapper, className),
+      onMouseEnter: show,
+      onMouseLeave: hide,
+      onFocus: show,
+      onBlur: hide,
+      children: [
+        /* @__PURE__ */ jsx17("div", { "aria-describedby": visible ? tooltipId : void 0, children }),
+        visible && /* @__PURE__ */ jsx17(
+          "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
+import { jsx as jsx18 } from "react/jsx-runtime";
+function Divider({ spacing = "md", className, ...props }) {
+  return /* @__PURE__ */ jsx18("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
+import { jsx as jsx19, jsxs as jsxs12 } from "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__ */ jsx19(
+    "span",
+    {
+      className: cn(Spinner_default.spinner, className),
+      role: "status",
+      "aria-label": label,
+      "aria-live": "polite",
+      ...props,
+      children: /* @__PURE__ */ jsxs12(
+        "svg",
+        {
+          width: s,
+          height: s,
+          viewBox: "0 0 24 24",
+          fill: "none",
+          className: Spinner_default.svg,
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsx19(
+              "circle",
+              {
+                cx: "12",
+                cy: "12",
+                r: "10",
+                stroke: "currentColor",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                opacity: "0.2"
+              }
+            ),
+            /* @__PURE__ */ jsx19(
+              "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
+import { jsx as jsx20 } from "react/jsx-runtime";
+function Skeleton({
+  variant = "text",
+  width,
+  height,
+  lines = 1,
+  className,
+  style,
+  ...props
+}) {
+  if (variant === "text" && lines > 1) {
+    return /* @__PURE__ */ jsx20("div", { className: cn(Skeleton_default.group, className), "aria-hidden": "true", ...props, children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx20(
+      "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__ */ jsx20(
+    "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
+import { jsx as jsx21, jsxs as jsxs13 } from "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__ */ jsxs13(
+    "span",
+    {
+      className: cn(StatusBadge_default.badge, StatusBadge_default[status], StatusBadge_default[size], className),
+      ...props,
+      children: [
+        dot && /* @__PURE__ */ jsx21("span", { className: StatusBadge_default.dot, "aria-hidden": "true" }),
+        children ?? statusLabels[status]
+      ]
+    }
+  );
+}
+
+// src/components/Avatar/Avatar.tsx
+import { useState as useState3 } from "react";
+
+// src/components/Avatar/Avatar.module.css
+var Avatar_default = {};
+
+// src/components/Avatar/Avatar.tsx
+import { jsx as jsx22, jsxs as jsxs14 } from "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] = useState3(false);
+  const showImage = src && !imgError;
+  const initials = name ? getInitials(name) : "";
+  return /* @__PURE__ */ jsxs14(
+    "span",
+    {
+      className: cn(Avatar_default.avatar, Avatar_default[size], className),
+      role: "img",
+      "aria-label": alt ?? name ?? "Avatar",
+      ...props,
+      children: [
+        showImage ? /* @__PURE__ */ jsx22(
+          "img",
+          {
+            src,
+            alt: alt ?? name ?? "Avatar",
+            className: Avatar_default.image,
+            onError: () => setImgError(true)
+          }
+        ) : /* @__PURE__ */ jsx22("span", { className: Avatar_default.initials, "aria-hidden": "true", children: initials }),
+        status && /* @__PURE__ */ jsx22("span", { className: cn(Avatar_default.status, Avatar_default[`status-${status}`]), "aria-hidden": "true", children: /* @__PURE__ */ jsx22("span", { className: Avatar_default.srOnly, children: status }) })
+      ]
+    }
+  );
+}
+
+// src/components/EmptyState/EmptyState.module.css
+var EmptyState_default = {};
+
+// src/components/EmptyState/EmptyState.tsx
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+function EmptyState({
+  icon,
+  title,
+  description,
+  action,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs15("div", { className: cn(EmptyState_default.container, className), ...props, children: [
+    icon && /* @__PURE__ */ jsx23("div", { className: EmptyState_default.icon, "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx23("h3", { className: EmptyState_default.title, children: title }),
+    description && /* @__PURE__ */ jsx23("p", { className: EmptyState_default.description, children: description }),
+    action && /* @__PURE__ */ jsx23("div", { className: EmptyState_default.action, children: action })
+  ] });
+}
+
+// src/components/ProgressBar/ProgressBar.module.css
+var ProgressBar_default = {};
+
+// src/components/ProgressBar/ProgressBar.tsx
+import { jsx as jsx24, jsxs as jsxs16 } from "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__ */ jsxs16("div", { className: cn(ProgressBar_default.container, className), ...props, children: [
+    (label || showValue) && /* @__PURE__ */ jsxs16("div", { className: ProgressBar_default.header, children: [
+      label && /* @__PURE__ */ jsx24("span", { className: ProgressBar_default.label, children: label }),
+      showValue && /* @__PURE__ */ jsxs16("span", { className: ProgressBar_default.value, children: [
+        Math.round(pct),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx24(
+      "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__ */ jsx24(
+          "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
+import { jsx as jsx25, jsxs as jsxs17 } from "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__ */ jsxs17(
+    "nav",
+    {
+      className: cn(Pagination_default.pagination, Pagination_default[size], className),
+      "aria-label": "Pagination",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx25(
+          "button",
+          {
+            className: cn(Pagination_default.button, Pagination_default.nav),
+            onClick: () => onPageChange(currentPage - 1),
+            disabled: currentPage <= 1,
+            "aria-label": "Previous page",
+            children: /* @__PURE__ */ jsx25("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__ */ jsx25("polyline", { points: "10 4 6 8 10 12" }) })
+          }
+        ),
+        pages.map(
+          (page, idx) => page === "ellipsis" ? /* @__PURE__ */ jsx25("span", { className: Pagination_default.ellipsis, "aria-hidden": "true", children: "\u2026" }, `ellipsis-${idx}`) : /* @__PURE__ */ jsx25(
+            "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__ */ jsx25(
+          "button",
+          {
+            className: cn(Pagination_default.button, Pagination_default.nav),
+            onClick: () => onPageChange(currentPage + 1),
+            disabled: currentPage >= totalPages,
+            "aria-label": "Next page",
+            children: /* @__PURE__ */ jsx25("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__ */ jsx25("polyline", { points: "6 4 10 8 6 12" }) })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/DescriptionList/DescriptionList.module.css
+var DescriptionList_default = {};
+
+// src/components/DescriptionList/DescriptionList.tsx
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+function DescriptionList({
+  items,
+  layout = "vertical",
+  columns = 2,
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx26(
+    "dl",
+    {
+      className: cn(DescriptionList_default.list, DescriptionList_default[layout], className),
+      style: {
+        ...layout === "grid" ? { "--dl-columns": columns } : {},
+        ...style
+      },
+      ...props,
+      children: items.map((item, i) => /* @__PURE__ */ jsxs18("div", { className: DescriptionList_default.item, children: [
+        /* @__PURE__ */ jsx26("dt", { className: DescriptionList_default.term, children: item.label }),
+        /* @__PURE__ */ jsx26("dd", { className: DescriptionList_default.definition, children: item.value })
+      ] }, i))
+    }
+  );
+}
+
+// src/components/Popover/Popover.tsx
+import { useState as useState4, useRef as useRef4, useEffect as useEffect2, useCallback as useCallback2 } from "react";
+
+// src/components/Popover/Popover.module.css
+var Popover_default = {};
+
+// src/components/Popover/Popover.tsx
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+function Popover({
+  trigger,
+  content,
+  open: controlledOpen,
+  onOpenChange,
+  placement = "bottom",
+  align = "center",
+  className,
+  ...props
+}) {
+  const [internalOpen, setInternalOpen] = useState4(false);
+  const isControlled = controlledOpen !== void 0;
+  const isOpen = isControlled ? controlledOpen : internalOpen;
+  const containerRef = useRef4(null);
+  const contentRef = useRef4(null);
+  const setOpen = useCallback2(
+    (value) => {
+      if (!isControlled) setInternalOpen(value);
+      onOpenChange?.(value);
+    },
+    [isControlled, onOpenChange]
+  );
+  const toggle = useCallback2(() => setOpen(!isOpen), [isOpen, setOpen]);
+  useEffect2(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, setOpen]);
+  useEffect2(() => {
+    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]);
+  useEffect2(() => {
+    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__ */ jsxs19("div", { ref: containerRef, className: cn(Popover_default.container, className), ...props, children: [
+    /* @__PURE__ */ jsx27("div", { className: Popover_default.trigger, onClick: toggle, children: trigger }),
+    isOpen && /* @__PURE__ */ jsx27(
+      "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
+import { useEffect as useEffect3, useRef as useRef5 } from "react";
+
+// src/components/Drawer/Drawer.module.css
+var Drawer_default = {};
+
+// src/components/Drawer/Drawer.tsx
+import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+function Drawer({
+  open,
+  onClose,
+  title,
+  size = "md",
+  position = "right",
+  footer,
+  className,
+  children
+}) {
+  const dialogRef = useRef5(null);
+  useEffect3(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (open && !dialog.open) {
+      dialog.showModal();
+    } else if (!open && dialog.open) {
+      dialog.close();
+    }
+  }, [open]);
+  useEffect3(() => {
+    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__ */ jsx28(
+    "dialog",
+    {
+      ref: dialogRef,
+      className: cn(Drawer_default.dialog, Drawer_default[position], Drawer_default[size], className),
+      "aria-labelledby": "aegis-drawer-title",
+      onClick: handleBackdropClick,
+      children: /* @__PURE__ */ jsxs20("div", { className: Drawer_default.panel, children: [
+        /* @__PURE__ */ jsxs20("header", { className: Drawer_default.header, children: [
+          /* @__PURE__ */ jsx28("h2", { id: "aegis-drawer-title", className: Drawer_default.title, children: title }),
+          /* @__PURE__ */ jsx28(
+            "button",
+            {
+              className: Drawer_default.close,
+              onClick: onClose,
+              "aria-label": "Close drawer",
+              children: /* @__PURE__ */ jsxs20("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsx28("line", { x1: "5", y1: "5", x2: "15", y2: "15" }),
+                /* @__PURE__ */ jsx28("line", { x1: "15", y1: "5", x2: "5", y2: "15" })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx28("div", { className: Drawer_default.body, children }),
+        footer && /* @__PURE__ */ jsx28("footer", { className: Drawer_default.footer, children: footer })
+      ] })
+    }
+  );
+}
+
+// src/components/DataGrid/DataGrid.tsx
+import { useCallback as useCallback3 } from "react";
+
+// src/components/DataGrid/DataGrid.module.css
+var DataGrid_default = {};
+
+// src/components/DataGrid/DataGrid.tsx
+import { jsx as jsx29, jsxs as jsxs21 } from "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 = useCallback3(() => {
+    if (!onSelectionChange) return;
+    if (allSelected) {
+      onSelectionChange([]);
+    } else {
+      onSelectionChange(data.map((_, i) => i));
+    }
+  }, [allSelected, data, onSelectionChange]);
+  const handleSelectRow = useCallback3(
+    (index) => {
+      if (!onSelectionChange) return;
+      if (selectedRows.includes(index)) {
+        onSelectionChange(selectedRows.filter((i) => i !== index));
+      } else {
+        onSelectionChange([...selectedRows, index]);
+      }
+    },
+    [selectedRows, onSelectionChange]
+  );
+  const handleSort = useCallback3(
+    (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__ */ jsx29(
+    "div",
+    {
+      className: cn(DataGrid_default.container, stickyHeader && DataGrid_default.stickyHeader, className),
+      "aria-busy": loading,
+      ...props,
+      children: /* @__PURE__ */ jsxs21(
+        Table,
+        {
+          density: tableDensity,
+          striped,
+          className: cn(density === "comfortable" && DataGrid_default.comfortable),
+          children: [
+            /* @__PURE__ */ jsx29(TableHead, { children: /* @__PURE__ */ jsxs21(TableRow, { children: [
+              selectable && /* @__PURE__ */ jsx29(TableHeaderCell, { style: { width: 44 }, children: /* @__PURE__ */ jsx29(
+                "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__ */ jsx29(
+                TableHeaderCell,
+                {
+                  style: {
+                    width: col.width,
+                    textAlign: col.align
+                  },
+                  "aria-sort": col.sortable ? getAriaSort(col.key) : void 0,
+                  children: col.sortable ? /* @__PURE__ */ jsxs21(
+                    "button",
+                    {
+                      className: DataGrid_default.sortButton,
+                      onClick: () => handleSort(col.key),
+                      style: { textAlign: col.align },
+                      children: [
+                        col.header,
+                        /* @__PURE__ */ jsx29("span", { className: DataGrid_default.sortIcon, "aria-hidden": "true", children: sortColumn === col.key ? sortDirection === "asc" ? /* @__PURE__ */ jsx29("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx29("polyline", { points: "4 8 7 5 10 8" }) }) : /* @__PURE__ */ jsx29("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx29("polyline", { points: "4 6 7 9 10 6" }) }) : /* @__PURE__ */ jsxs21("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__ */ jsx29("polyline", { points: "4 5 7 3 10 5" }),
+                          /* @__PURE__ */ jsx29("polyline", { points: "4 9 7 11 10 9" })
+                        ] }) })
+                      ]
+                    }
+                  ) : col.header
+                },
+                col.key
+              ))
+            ] }) }),
+            /* @__PURE__ */ jsx29(TableBody, { children: loading ? Array.from({ length: loadingRows }, (_, rowIdx) => /* @__PURE__ */ jsxs21(TableRow, { children: [
+              selectable && /* @__PURE__ */ jsx29(TableCell, { children: /* @__PURE__ */ jsx29(Skeleton, { variant: "rectangular", width: 16, height: 16 }) }),
+              columns.map((col) => /* @__PURE__ */ jsx29(TableCell, { children: /* @__PURE__ */ jsx29(Skeleton, { variant: "text", width: "80%" }) }, col.key))
+            ] }, `skeleton-${rowIdx}`)) : data.length === 0 ? /* @__PURE__ */ jsx29("tr", { children: /* @__PURE__ */ jsx29("td", { colSpan: columns.length + (selectable ? 1 : 0), children: /* @__PURE__ */ jsx29(EmptyState, { title: emptyMessage }) }) }) : data.map((row, rowIdx) => {
+              const isSelected = selectedRows.includes(rowIdx);
+              return /* @__PURE__ */ jsxs21(
+                TableRow,
+                {
+                  className: cn(
+                    isSelected && DataGrid_default.selectedRow,
+                    onRowClick && DataGrid_default.clickableRow
+                  ),
+                  onClick: onRowClick ? () => onRowClick(row, rowIdx) : void 0,
+                  children: [
+                    selectable && /* @__PURE__ */ jsx29(TableCell, { children: /* @__PURE__ */ jsx29(
+                      "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__ */ jsx29(TableCell, { style: { textAlign: col.align }, children: col.render ? col.render(value, row, rowIdx) : value }, col.key);
+                    })
+                  ]
+                },
+                rowIdx
+              );
+            }) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/FormField/FormField.tsx
+import { useId } from "react";
+
+// src/components/FormField/FormField.module.css
+var FormField_default = {};
+
+// src/components/FormField/FormField.tsx
+import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
+function FormField({
+  label,
+  htmlFor,
+  required,
+  error,
+  helperText,
+  children,
+  disabled,
+  className
+}) {
+  const generatedId = useId();
+  const descriptionId = `${generatedId}-description`;
+  const hasDescription = Boolean(error || helperText);
+  return /* @__PURE__ */ jsxs22("div", { className: cn(FormField_default.formField, disabled && FormField_default.disabled, className), children: [
+    label && /* @__PURE__ */ jsx30(Label, { htmlFor, required, children: label }),
+    /* @__PURE__ */ jsx30("div", { className: FormField_default.control, "data-describedby": hasDescription ? descriptionId : void 0, children }),
+    (error || helperText) && /* @__PURE__ */ jsx30(HelperText, { id: descriptionId, error: Boolean(error), children: error || helperText })
+  ] });
+}
+
+// src/components/SearchField/SearchField.tsx
+import { forwardRef as forwardRef9 } from "react";
+
+// src/components/SearchField/SearchField.module.css
+var SearchField_default = {};
+
+// src/components/SearchField/SearchField.tsx
+import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+var SearchField = forwardRef9(
+  ({
+    size = "md",
+    error = false,
+    fullWidth = false,
+    onClear,
+    showClearButton = true,
+    className,
+    value,
+    defaultValue,
+    ...props
+  }, ref) => {
+    const hasValue = Boolean(value || defaultValue);
+    return /* @__PURE__ */ jsxs23("div", { className: cn(SearchField_default.wrapper, SearchField_default[size], fullWidth && SearchField_default.fullWidth, className), children: [
+      /* @__PURE__ */ jsxs23(
+        "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__ */ jsx31("circle", { cx: "6.5", cy: "6.5", r: "5.5" }),
+            /* @__PURE__ */ jsx31("path", { d: "M11 11l4 4" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx31(
+        "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__ */ jsx31(
+        "button",
+        {
+          type: "button",
+          className: SearchField_default.clearButton,
+          onClick: onClear,
+          "aria-label": "Clear search",
+          tabIndex: -1,
+          children: /* @__PURE__ */ jsx31(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 14 14",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx31("path", { d: "M3 3l8 8M11 3l-8 8" })
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+SearchField.displayName = "SearchField";
+
+// src/components/NumberField/NumberField.tsx
+import { forwardRef as forwardRef10, useCallback as useCallback4 } from "react";
+
+// src/components/NumberField/NumberField.module.css
+var NumberField_default = {};
+
+// src/components/NumberField/NumberField.tsx
+import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+var NumberField = forwardRef10(
+  ({
+    value,
+    onChange,
+    min,
+    max,
+    step = 1,
+    size = "md",
+    error = false,
+    disabled = false,
+    prefix,
+    suffix,
+    className,
+    ...props
+  }, ref) => {
+    const clamp = useCallback4(
+      (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 = useCallback4(
+      (e) => {
+        const raw = parseFloat(e.target.value);
+        if (!isNaN(raw)) onChange?.(clamp(raw));
+      },
+      [onChange, clamp]
+    );
+    const increment = useCallback4(() => {
+      if (disabled) return;
+      const current = value ?? 0;
+      onChange?.(clamp(current + step));
+    }, [value, step, onChange, clamp, disabled]);
+    const decrement = useCallback4(() => {
+      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__ */ jsxs24(
+      "div",
+      {
+        className: cn(
+          NumberField_default.wrapper,
+          NumberField_default[size],
+          error && NumberField_default.error,
+          disabled && NumberField_default.disabled,
+          className
+        ),
+        children: [
+          prefix && /* @__PURE__ */ jsx32("span", { className: NumberField_default.prefix, children: prefix }),
+          /* @__PURE__ */ jsx32(
+            "input",
+            {
+              ref,
+              type: "number",
+              className: NumberField_default.input,
+              value: value ?? "",
+              onChange: handleChange,
+              min,
+              max,
+              step,
+              disabled,
+              "aria-invalid": error || void 0,
+              ...props
+            }
+          ),
+          suffix && /* @__PURE__ */ jsx32("span", { className: NumberField_default.suffix, children: suffix }),
+          /* @__PURE__ */ jsxs24("div", { className: NumberField_default.buttons, children: [
+            /* @__PURE__ */ jsx32(
+              "button",
+              {
+                type: "button",
+                className: NumberField_default.button,
+                onClick: increment,
+                disabled: disabled || atMax,
+                "aria-label": "Increment",
+                tabIndex: -1,
+                children: /* @__PURE__ */ jsx32("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx32("path", { d: "M2 6.5L5 3.5L8 6.5" }) })
+              }
+            ),
+            /* @__PURE__ */ jsx32(
+              "button",
+              {
+                type: "button",
+                className: NumberField_default.button,
+                onClick: decrement,
+                disabled: disabled || atMin,
+                "aria-label": "Decrement",
+                tabIndex: -1,
+                children: /* @__PURE__ */ jsx32("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx32("path", { d: "M2 3.5L5 6.5L8 3.5" }) })
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+NumberField.displayName = "NumberField";
+
+// src/components/CheckboxGroup/CheckboxGroup.tsx
+import { useCallback as useCallback5 } from "react";
+
+// src/components/CheckboxGroup/CheckboxGroup.module.css
+var CheckboxGroup_default = {};
+
+// src/components/CheckboxGroup/CheckboxGroup.tsx
+import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+function CheckboxGroup({
+  label,
+  name,
+  options,
+  value = [],
+  onChange,
+  error,
+  orientation = "vertical",
+  disabled = false,
+  className
+}) {
+  const handleChange = useCallback5(
+    (optionValue, checked) => {
+      if (!onChange) return;
+      const next = checked ? [...value, optionValue] : value.filter((v) => v !== optionValue);
+      onChange(next);
+    },
+    [value, onChange]
+  );
+  return /* @__PURE__ */ jsxs25(
+    "fieldset",
+    {
+      className: cn(CheckboxGroup_default.fieldset, className),
+      disabled,
+      children: [
+        /* @__PURE__ */ jsx33("legend", { className: CheckboxGroup_default.legend, children: label }),
+        /* @__PURE__ */ jsx33("div", { className: cn(CheckboxGroup_default.options, CheckboxGroup_default[orientation]), children: options.map((opt) => /* @__PURE__ */ jsx33(
+          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__ */ jsx33(HelperText, { error: true, children: error })
+      ]
+    }
+  );
+}
+
+// src/components/RadioGroup/RadioGroup.tsx
+import { useCallback as useCallback6 } from "react";
+
+// src/components/RadioGroup/RadioGroup.module.css
+var RadioGroup_default = {};
+
+// src/components/RadioGroup/RadioGroup.tsx
+import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
+function RadioGroup({
+  label,
+  name,
+  options,
+  value,
+  onChange,
+  error,
+  orientation = "vertical",
+  disabled = false,
+  className
+}) {
+  const handleChange = useCallback6(
+    (optionValue) => {
+      onChange?.(optionValue);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsxs26(
+    "fieldset",
+    {
+      className: cn(RadioGroup_default.fieldset, className),
+      disabled,
+      children: [
+        /* @__PURE__ */ jsx34("legend", { className: RadioGroup_default.legend, children: label }),
+        /* @__PURE__ */ jsx34("div", { className: cn(RadioGroup_default.options, RadioGroup_default[orientation]), children: options.map((opt) => /* @__PURE__ */ jsx34(
+          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__ */ jsx34(HelperText, { error: true, children: error })
+      ]
+    }
+  );
+}
+
+// src/components/Slider/Slider.tsx
+import { forwardRef as forwardRef11, useId as useId2 } from "react";
+
+// src/components/Slider/Slider.module.css
+var Slider_default = {};
+
+// src/components/Slider/Slider.tsx
+import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+var Slider = forwardRef11(
+  ({
+    value,
+    onChange,
+    min = 0,
+    max = 100,
+    step = 1,
+    disabled = false,
+    size = "md",
+    label,
+    showValue = false,
+    className,
+    id,
+    ...props
+  }, ref) => {
+    const generatedId = useId2();
+    const inputId = id || generatedId;
+    const current = value ?? min;
+    const percentage = (current - min) / (max - min) * 100;
+    return /* @__PURE__ */ jsxs27("div", { className: cn(Slider_default.wrapper, Slider_default[size], disabled && Slider_default.disabled, className), children: [
+      label && /* @__PURE__ */ jsxs27("div", { className: Slider_default.header, children: [
+        /* @__PURE__ */ jsx35("label", { htmlFor: inputId, className: Slider_default.label, children: label }),
+        showValue && /* @__PURE__ */ jsx35("span", { className: Slider_default.value, "aria-hidden": "true", children: current })
+      ] }),
+      !label && showValue && /* @__PURE__ */ jsx35("span", { className: Slider_default.value, "aria-hidden": "true", children: current }),
+      /* @__PURE__ */ jsx35(
+        "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
+import { useCallback as useCallback7, useRef as useRef6, useState as useState5 } from "react";
+
+// src/components/FileUpload/FileUpload.module.css
+var FileUpload_default = {};
+
+// src/components/FileUpload/FileUpload.tsx
+import { jsx as jsx36, jsxs as jsxs28 } from "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 = useRef6(null);
+  const [isDragging, setIsDragging] = useState5(false);
+  const [files, setFiles] = useState5([]);
+  const [sizeError, setSizeError] = useState5(null);
+  const processFiles = useCallback7(
+    (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__ */ jsxs28("div", { className: cn(FileUpload_default.container, className), children: [
+    /* @__PURE__ */ jsxs28(
+      "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__ */ jsxs28(
+            "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__ */ jsx36("path", { d: "M16 20V8M16 8l-5 5M16 8l5 5" }),
+                /* @__PURE__ */ jsx36("path", { d: "M4 22v4a2 2 0 002 2h20a2 2 0 002-2v-4" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs28("p", { className: FileUpload_default.text, children: [
+            /* @__PURE__ */ jsx36("span", { className: FileUpload_default.link, children: "Click to upload" }),
+            " or drag and drop"
+          ] }),
+          accept && /* @__PURE__ */ jsx36("p", { className: FileUpload_default.hint, children: accept.replace(/,/g, ", ") }),
+          maxSize && /* @__PURE__ */ jsxs28("p", { className: FileUpload_default.hint, children: [
+            "Max size: ",
+            formatFileSize(maxSize)
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx36(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        className: FileUpload_default.input,
+        accept,
+        multiple,
+        onChange: handleInputChange,
+        disabled,
+        tabIndex: -1,
+        "aria-hidden": "true"
+      }
+    ),
+    files.length > 0 && /* @__PURE__ */ jsx36("ul", { className: FileUpload_default.fileList, "aria-label": "Selected files", children: files.map((file, i) => /* @__PURE__ */ jsxs28("li", { className: FileUpload_default.fileItem, children: [
+      /* @__PURE__ */ jsxs28(
+        "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__ */ jsx36("path", { d: "M9 1H4a1 1 0 00-1 1v12a1 1 0 001 1h8a1 1 0 001-1V5L9 1z" }),
+            /* @__PURE__ */ jsx36("path", { d: "M9 1v4h4" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx36("span", { className: FileUpload_default.fileName, children: file.name }),
+      /* @__PURE__ */ jsx36("span", { className: FileUpload_default.fileSize, children: formatFileSize(file.size) }),
+      /* @__PURE__ */ jsx36(
+        "button",
+        {
+          type: "button",
+          className: FileUpload_default.removeButton,
+          onClick: () => removeFile(i),
+          "aria-label": `Remove ${file.name}`,
+          children: /* @__PURE__ */ jsx36("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx36("path", { d: "M2 2l8 8M10 2l-8 8" }) })
+        }
+      )
+    ] }, `${file.name}-${i}`)) }),
+    displayError && /* @__PURE__ */ jsx36(HelperText, { error: true, children: displayError })
+  ] });
+}
+
+// src/components/OTPInput/OTPInput.tsx
+import { useCallback as useCallback8, useRef as useRef7, useEffect as useEffect4 } from "react";
+
+// src/components/OTPInput/OTPInput.module.css
+var OTPInput_default = {};
+
+// src/components/OTPInput/OTPInput.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+function OTPInput({
+  length = 6,
+  value = "",
+  onChange,
+  error = false,
+  disabled = false,
+  autoFocus = false,
+  className
+}) {
+  const inputRefs = useRef7([]);
+  useEffect4(() => {
+    if (autoFocus && inputRefs.current[0]) {
+      inputRefs.current[0].focus();
+    }
+  }, [autoFocus]);
+  const focusInput = useCallback8((index) => {
+    if (index >= 0 && index < length) {
+      inputRefs.current[index]?.focus();
+      inputRefs.current[index]?.select();
+    }
+  }, [length]);
+  const updateValue = useCallback8(
+    (newValue) => {
+      onChange?.(newValue.slice(0, length));
+    },
+    [onChange, length]
+  );
+  const handleInput = useCallback8(
+    (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 = useCallback8(
+    (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 = useCallback8(
+    (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__ */ jsx37("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__ */ jsx37(
+    "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
+import { forwardRef as forwardRef12 } from "react";
+
+// src/components/DatePicker/DatePicker.module.css
+var DatePicker_default = {};
+
+// src/components/DatePicker/DatePicker.tsx
+import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
+var DatePicker = forwardRef12(
+  ({ size = "md", error = false, fullWidth = false, className, min, max, ...props }, ref) => /* @__PURE__ */ jsxs29("div", { className: cn(DatePicker_default.wrapper, DatePicker_default[size], fullWidth && DatePicker_default.fullWidth, className), children: [
+    /* @__PURE__ */ jsx38(
+      "input",
+      {
+        ref,
+        type: "date",
+        className: cn(DatePicker_default.input, error && DatePicker_default.error),
+        min,
+        max,
+        "aria-invalid": error || void 0,
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsxs29(
+      "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__ */ jsx38("rect", { x: "2", y: "3", width: "12", height: "11", rx: "1" }),
+          /* @__PURE__ */ jsx38("path", { d: "M5 1v3M11 1v3M2 7h12" })
+        ]
+      }
+    )
+  ] })
+);
+DatePicker.displayName = "DatePicker";
+
+// src/components/MultiSelect/MultiSelect.tsx
+import { useState as useState6, useRef as useRef8, useCallback as useCallback9, useEffect as useEffect5, useId as useId3 } from "react";
+
+// src/components/MultiSelect/MultiSelect.module.css
+var MultiSelect_default = {};
+
+// src/components/MultiSelect/MultiSelect.tsx
+import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
+function MultiSelect({
+  options,
+  value = [],
+  onChange,
+  placeholder = "Select...",
+  disabled = false,
+  error = false,
+  size = "md",
+  maxDisplayedTags,
+  className
+}) {
+  const [isOpen, setIsOpen] = useState6(false);
+  const [focusedIndex, setFocusedIndex] = useState6(-1);
+  const wrapperRef = useRef8(null);
+  const listboxId = useId3();
+  const toggle = useCallback9(
+    (optionValue) => {
+      if (!onChange) return;
+      const next = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
+      onChange(next);
+    },
+    [value, onChange]
+  );
+  const removeTag = useCallback9(
+    (optionValue) => {
+      onChange?.(value.filter((v) => v !== optionValue));
+    },
+    [value, onChange]
+  );
+  const handleKeyDown = useCallback9(
+    (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]
+  );
+  useEffect5(() => {
+    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__ */ jsxs30("div", { ref: wrapperRef, className: cn(MultiSelect_default.wrapper, MultiSelect_default[size], className), children: [
+    /* @__PURE__ */ jsxs30(
+      "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__ */ jsxs30("div", { className: MultiSelect_default.tags, children: [
+            displayedTags.length === 0 && /* @__PURE__ */ jsx39("span", { className: MultiSelect_default.placeholder, children: placeholder }),
+            displayedTags.map((opt) => /* @__PURE__ */ jsxs30("span", { className: MultiSelect_default.tag, children: [
+              opt.label,
+              /* @__PURE__ */ jsx39(
+                "button",
+                {
+                  type: "button",
+                  className: MultiSelect_default.tagRemove,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    removeTag(opt.value);
+                  },
+                  "aria-label": `Remove ${opt.label}`,
+                  tabIndex: -1,
+                  children: /* @__PURE__ */ jsx39("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx39("path", { d: "M2 2l6 6M8 2l-6 6" }) })
+                }
+              )
+            ] }, opt.value)),
+            hiddenCount > 0 && /* @__PURE__ */ jsxs30("span", { className: MultiSelect_default.moreTag, children: [
+              "+",
+              hiddenCount,
+              " more"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx39(
+            "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__ */ jsx39("path", { d: "M3 5l4 4 4-4" })
+            }
+          )
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx39("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__ */ jsxs30(
+        "li",
+        {
+          className: cn(MultiSelect_default.option, isFocused && MultiSelect_default.optionFocused),
+          role: "option",
+          "aria-selected": isSelected,
+          onClick: () => toggle(opt.value),
+          children: [
+            /* @__PURE__ */ jsx39("span", { className: cn(MultiSelect_default.checkbox, isSelected && MultiSelect_default.checkboxChecked), "aria-hidden": "true", children: isSelected && /* @__PURE__ */ jsx39("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx39("path", { d: "M2 5l2 2 4-4" }) }) }),
+            opt.label
+          ]
+        },
+        opt.value
+      );
+    }) })
+  ] });
+}
+
+// src/components/Autocomplete/Autocomplete.tsx
+import { useState as useState7, useRef as useRef9, useCallback as useCallback10, useEffect as useEffect6, useId as useId4 } from "react";
+
+// src/components/Autocomplete/Autocomplete.module.css
+var Autocomplete_default = {};
+
+// src/components/Autocomplete/Autocomplete.tsx
+import { jsx as jsx40, jsxs as jsxs31 } from "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] = useState7(selectedLabel);
+  const [isOpen, setIsOpen] = useState7(false);
+  const [focusedIndex, setFocusedIndex] = useState7(-1);
+  const wrapperRef = useRef9(null);
+  const inputRef = useRef9(null);
+  const listboxId = useId4();
+  useEffect6(() => {
+    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 = useCallback10(
+    (e) => {
+      const val = e.target.value;
+      setInputValue(val);
+      setIsOpen(true);
+      setFocusedIndex(-1);
+      onInputChange?.(val);
+    },
+    [onInputChange]
+  );
+  const selectOption = useCallback10(
+    (opt) => {
+      setInputValue(opt.label);
+      onChange?.(opt.value);
+      setIsOpen(false);
+      setFocusedIndex(-1);
+      inputRef.current?.focus();
+    },
+    [onChange]
+  );
+  const handleKeyDown = useCallback10(
+    (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]
+  );
+  useEffect6(() => {
+    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__ */ jsxs31("div", { ref: wrapperRef, className: cn(Autocomplete_default.wrapper, Autocomplete_default[size], className), children: [
+    /* @__PURE__ */ jsx40(
+      "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__ */ jsxs31("ul", { id: listboxId, className: Autocomplete_default.dropdown, role: "listbox", children: [
+      loading && /* @__PURE__ */ jsx40("li", { className: Autocomplete_default.message, "aria-live": "polite", children: "Loading..." }),
+      !loading && filteredOptions.length === 0 && /* @__PURE__ */ jsx40("li", { className: Autocomplete_default.message, children: noResultsText }),
+      !loading && filteredOptions.map((opt, i) => /* @__PURE__ */ jsx40(
+        "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
+import { Fragment as Fragment2, jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
+function Stepper({
+  steps,
+  activeStep,
+  orientation = "horizontal",
+  onStepClick,
+  className
+}) {
+  return /* @__PURE__ */ jsx41(
+    "nav",
+    {
+      className: cn(Stepper_default.stepper, Stepper_default[orientation], className),
+      "aria-label": "Progress",
+      children: /* @__PURE__ */ jsx41("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__ */ jsxs32(Fragment2, { children: [
+          /* @__PURE__ */ jsx41(
+            "span",
+            {
+              className: cn(
+                Stepper_default.indicator,
+                isCompleted && Stepper_default.indicatorCompleted,
+                isCurrent && Stepper_default.indicatorCurrent
+              ),
+              children: isCompleted ? /* @__PURE__ */ jsx41(
+                "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__ */ jsx41("path", { d: "M3 7l3 3 5-5" })
+                }
+              ) : /* @__PURE__ */ jsx41("span", { "aria-hidden": "true", children: index + 1 })
+            }
+          ),
+          /* @__PURE__ */ jsxs32("span", { className: Stepper_default.content, children: [
+            /* @__PURE__ */ jsx41("span", { className: cn(Stepper_default.label, isCurrent && Stepper_default.labelCurrent), children: step.label }),
+            step.description && /* @__PURE__ */ jsx41("span", { className: Stepper_default.description, children: step.description })
+          ] }),
+          isCompleted && /* @__PURE__ */ jsx41("span", { className: Stepper_default.srOnly, children: "(completed)" }),
+          isCurrent && /* @__PURE__ */ jsx41("span", { className: Stepper_default.srOnly, children: "(current step)" })
+        ] });
+        return /* @__PURE__ */ jsxs32("li", { className: cn(Stepper_default.step, index < steps.length - 1 && Stepper_default.stepWithConnector), children: [
+          isClickable ? /* @__PURE__ */ jsx41(
+            "button",
+            {
+              type: "button",
+              className: Stepper_default.stepButton,
+              onClick: () => onStepClick?.(index),
+              "aria-current": isCurrent ? "step" : void 0,
+              children: stepContent
+            }
+          ) : /* @__PURE__ */ jsx41(
+            "div",
+            {
+              className: Stepper_default.stepButton,
+              "aria-current": isCurrent ? "step" : void 0,
+              children: stepContent
+            }
+          ),
+          index < steps.length - 1 && /* @__PURE__ */ jsx41(
+            "span",
+            {
+              className: cn(Stepper_default.connector, isCompleted && Stepper_default.connectorCompleted),
+              "aria-hidden": "true"
+            }
+          )
+        ] }, index);
+      }) })
+    }
+  );
+}
+
+// src/components/Accordion/Accordion.tsx
+import { useState as useState8, useCallback as useCallback11, useRef as useRef10, useEffect as useEffect7 } from "react";
+
+// src/components/Accordion/Accordion.module.css
+var Accordion_default = {};
+
+// src/components/Accordion/Accordion.tsx
+import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
+function AccordionPanel({
+  item,
+  isOpen,
+  onToggle
+}) {
+  const contentRef = useRef10(null);
+  const [height, setHeight] = useState8(isOpen ? void 0 : 0);
+  useEffect7(() => {
+    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__ */ jsxs33("div", { className: cn(Accordion_default.item, isOpen && Accordion_default.open), children: [
+    /* @__PURE__ */ jsx42("h3", { className: Accordion_default.heading, children: /* @__PURE__ */ jsxs33(
+      "button",
+      {
+        type: "button",
+        id: triggerId,
+        className: Accordion_default.trigger,
+        "aria-expanded": isOpen,
+        "aria-controls": panelId,
+        onClick: () => onToggle(item.id),
+        children: [
+          /* @__PURE__ */ jsx42("span", { className: Accordion_default.triggerLabel, children: item.title }),
+          /* @__PURE__ */ jsx42(
+            "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__ */ jsx42("polyline", { points: "6 8 10 12 14 8" })
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx42(
+      "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__ */ jsx42("div", { ref: contentRef, className: Accordion_default.panelContent, children: item.content })
+      }
+    )
+  ] });
+}
+function Accordion({ items, allowMultiple = false, defaultOpenIds = [], className }) {
+  const [openIds, setOpenIds] = useState8(new Set(defaultOpenIds));
+  const handleToggle = useCallback11(
+    (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__ */ jsx42("div", { className: cn(Accordion_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsx42(
+    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
+import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
+function Breadcrumbs({ items, separator = "/", className }) {
+  return /* @__PURE__ */ jsx43("nav", { "aria-label": "Breadcrumb", className: cn(Breadcrumbs_default.nav, className), children: /* @__PURE__ */ jsx43("ol", { className: Breadcrumbs_default.list, children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ jsxs34("li", { className: Breadcrumbs_default.item, children: [
+      index > 0 && /* @__PURE__ */ jsx43("span", { className: Breadcrumbs_default.separator, "aria-hidden": "true", children: separator }),
+      isLast ? /* @__PURE__ */ jsx43("span", { className: Breadcrumbs_default.current, "aria-current": "page", children: item.label }) : item.href ? /* @__PURE__ */ jsx43("a", { href: item.href, className: Breadcrumbs_default.link, onClick: item.onClick, children: item.label }) : /* @__PURE__ */ jsx43(
+        "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
+import { Fragment as Fragment3, jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+function NavItem({ item, collapsed, depth = 0 }) {
+  const hasChildren = item.children && item.children.length > 0;
+  const content = /* @__PURE__ */ jsxs35(Fragment3, { children: [
+    item.icon && /* @__PURE__ */ jsx44("span", { className: SideNav_default.icon, "aria-hidden": "true", children: item.icon }),
+    !collapsed && /* @__PURE__ */ jsx44("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__ */ jsxs35("li", { children: [
+    item.href ? /* @__PURE__ */ jsx44("a", { href: item.href, onClick: item.onClick, ...commonProps, children: content }) : /* @__PURE__ */ jsx44("button", { type: "button", onClick: item.onClick, ...commonProps, children: content }),
+    hasChildren && !collapsed && /* @__PURE__ */ jsx44("ul", { className: SideNav_default.subList, children: item.children.map((child, index) => /* @__PURE__ */ jsx44(NavItem, { item: child, collapsed, depth: depth + 1 }, index)) })
+  ] });
+}
+function SideNav({ items, collapsed = false, onCollapse, className }) {
+  return /* @__PURE__ */ jsxs35("nav", { "aria-label": "Side navigation", className: cn(SideNav_default.sideNav, collapsed && SideNav_default.collapsed, className), children: [
+    onCollapse && /* @__PURE__ */ jsx44(
+      "button",
+      {
+        type: "button",
+        className: SideNav_default.collapseToggle,
+        onClick: () => onCollapse(!collapsed),
+        "aria-label": collapsed ? "Expand navigation" : "Collapse navigation",
+        children: /* @__PURE__ */ jsx44(
+          "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__ */ jsx44("polyline", { points: "8 4 14 10 8 16" }) : /* @__PURE__ */ jsx44("polyline", { points: "12 4 6 10 12 16" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx44("ul", { className: SideNav_default.list, children: items.map((item, index) => /* @__PURE__ */ jsx44(NavItem, { item, collapsed }, index)) })
+  ] });
+}
+
+// src/components/TopNav/TopNav.module.css
+var TopNav_default = {};
+
+// src/components/TopNav/TopNav.tsx
+import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+function TopNav({ logo, children, actions, className, ...props }) {
+  return /* @__PURE__ */ jsx45("header", { className: cn(TopNav_default.topNav, className), ...props, children: /* @__PURE__ */ jsxs36("div", { className: TopNav_default.inner, children: [
+    logo && /* @__PURE__ */ jsx45("div", { className: TopNav_default.logo, children: logo }),
+    children && /* @__PURE__ */ jsx45("nav", { "aria-label": "Main navigation", className: TopNav_default.nav, children }),
+    actions && /* @__PURE__ */ jsx45("div", { className: TopNav_default.actions, children: actions })
+  ] }) });
+}
+
+// src/components/StatCard/StatCard.module.css
+var StatCard_default = {};
+
+// src/components/StatCard/StatCard.tsx
+import { jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
+var trendIcons = {
+  up: /* @__PURE__ */ jsx46("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx46("path", { d: "M8 3l5 5h-3v5H6V8H3l5-5z" }) }),
+  down: /* @__PURE__ */ jsx46("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx46("path", { d: "M8 13l5-5h-3V3H6v5H3l5 5z" }) }),
+  neutral: /* @__PURE__ */ jsx46("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx46("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__ */ jsxs37("div", { className: cn(StatCard_default.card, className), ...props, children: [
+    /* @__PURE__ */ jsxs37("div", { className: StatCard_default.header, children: [
+      /* @__PURE__ */ jsx46("span", { className: StatCard_default.label, children: label }),
+      icon && /* @__PURE__ */ jsx46("span", { className: StatCard_default.icon, "aria-hidden": "true", children: icon })
+    ] }),
+    /* @__PURE__ */ jsx46("div", { className: StatCard_default.value, children: value }),
+    formattedChange && /* @__PURE__ */ jsxs37("div", { className: cn(StatCard_default.trend, StatCard_default[trend]), children: [
+      trendIcons[trend],
+      /* @__PURE__ */ jsx46("span", { children: formattedChange }),
+      changeLabel && /* @__PURE__ */ jsx46("span", { className: StatCard_default.changeLabel, children: changeLabel }),
+      /* @__PURE__ */ jsx46("span", { className: StatCard_default.srOnly, children: trend === "up" ? "increase" : trend === "down" ? "decrease" : "no change" })
+    ] })
+  ] });
+}
+
+// src/components/List/List.tsx
+import { forwardRef as forwardRef13 } from "react";
+
+// src/components/List/List.module.css
+var List_default = {};
+
+// src/components/List/List.tsx
+import { Fragment as Fragment4, jsx as jsx47, jsxs as jsxs38 } from "react/jsx-runtime";
+var List = forwardRef13(
+  ({ divided = false, padding = "md", className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx47(
+      "ul",
+      {
+        ref,
+        className: cn(List_default.list, divided && List_default.divided, List_default[`pad-${padding}`], className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+List.displayName = "List";
+var ListItem = forwardRef13(
+  ({ onClick, selected, disabled, prefix, suffix, description, className, children, ...props }, ref) => {
+    const isInteractive = !!onClick;
+    const content = /* @__PURE__ */ jsxs38(Fragment4, { children: [
+      prefix && /* @__PURE__ */ jsx47("span", { className: List_default.prefix, children: prefix }),
+      /* @__PURE__ */ jsxs38("span", { className: List_default.content, children: [
+        /* @__PURE__ */ jsx47("span", { className: List_default.primary, children }),
+        description && /* @__PURE__ */ jsx47("span", { className: List_default.description, children: description })
+      ] }),
+      suffix && /* @__PURE__ */ jsx47("span", { className: List_default.suffix, children: suffix })
+    ] });
+    return /* @__PURE__ */ jsx47(
+      "li",
+      {
+        ref,
+        className: cn(List_default.item, className),
+        ...props,
+        children: isInteractive ? /* @__PURE__ */ jsx47(
+          "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__ */ jsx47("div", { className: cn(List_default.static, selected && List_default.selected, disabled && List_default.disabled), children: content })
+      }
+    );
+  }
+);
+ListItem.displayName = "ListItem";
+
+// src/components/CollapsiblePanel/CollapsiblePanel.tsx
+import { useState as useState9, useRef as useRef11, useEffect as useEffect8 } from "react";
+
+// src/components/CollapsiblePanel/CollapsiblePanel.module.css
+var CollapsiblePanel_default = {};
+
+// src/components/CollapsiblePanel/CollapsiblePanel.tsx
+import { jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
+function CollapsiblePanel({
+  title,
+  defaultOpen = false,
+  open: controlledOpen,
+  onToggle,
+  children,
+  className
+}) {
+  const [internalOpen, setInternalOpen] = useState9(defaultOpen);
+  const isOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
+  const contentRef = useRef11(null);
+  const [height, setHeight] = useState9(isOpen ? void 0 : 0);
+  const panelId = useRef11(`collapsible-panel-${Math.random().toString(36).slice(2, 9)}`).current;
+  const triggerId = `${panelId}-trigger`;
+  useEffect8(() => {
+    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__ */ jsxs39("div", { className: cn(CollapsiblePanel_default.panel, isOpen && CollapsiblePanel_default.open, className), children: [
+    /* @__PURE__ */ jsxs39(
+      "button",
+      {
+        type: "button",
+        id: triggerId,
+        className: CollapsiblePanel_default.trigger,
+        "aria-expanded": isOpen,
+        "aria-controls": panelId,
+        onClick: handleToggle,
+        children: [
+          /* @__PURE__ */ jsx48(
+            "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__ */ jsx48("polyline", { points: "8 4 14 10 8 16" })
+            }
+          ),
+          /* @__PURE__ */ jsx48("span", { className: CollapsiblePanel_default.title, children: title })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx48(
+      "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__ */ jsx48("div", { ref: contentRef, className: CollapsiblePanel_default.contentInner, children })
+      }
+    )
+  ] });
+}
+
+// src/components/PatientCard/PatientCard.module.css
+var PatientCard_default = {};
+
+// src/components/PatientCard/PatientCard.tsx
+import { jsx as jsx49, jsxs as jsxs40 } from "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__ */ jsxs40(
+    "div",
+    {
+      className: cn(PatientCard_default.card, PatientCard_default[status], className),
+      role: "region",
+      "aria-label": `Patient card for ${name}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs40("div", { className: PatientCard_default.header, children: [
+          avatar && /* @__PURE__ */ jsx49("div", { className: PatientCard_default.avatar, "aria-hidden": "true", children: avatar }),
+          /* @__PURE__ */ jsxs40("div", { className: PatientCard_default.identity, children: [
+            /* @__PURE__ */ jsx49("h3", { className: PatientCard_default.name, children: name }),
+            /* @__PURE__ */ jsxs40("span", { className: PatientCard_default.mrn, children: [
+              "MRN: ",
+              mrn
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx49("span", { className: cn(PatientCard_default.statusBadge, PatientCard_default[`status-${status}`]), children: statusLabels2[status] })
+        ] }),
+        /* @__PURE__ */ jsxs40("div", { className: PatientCard_default.details, children: [
+          /* @__PURE__ */ jsxs40("div", { className: PatientCard_default.field, children: [
+            /* @__PURE__ */ jsx49("span", { className: PatientCard_default.label, children: "DOB" }),
+            /* @__PURE__ */ jsx49("span", { className: PatientCard_default.value, children: dob })
+          ] }),
+          /* @__PURE__ */ jsxs40("div", { className: PatientCard_default.field, children: [
+            /* @__PURE__ */ jsx49("span", { className: PatientCard_default.label, children: "Age" }),
+            /* @__PURE__ */ jsx49("span", { className: PatientCard_default.value, children: age })
+          ] }),
+          /* @__PURE__ */ jsxs40("div", { className: PatientCard_default.field, children: [
+            /* @__PURE__ */ jsx49("span", { className: PatientCard_default.label, children: "Gender" }),
+            /* @__PURE__ */ jsx49("span", { className: PatientCard_default.value, children: gender })
+          ] }),
+          primaryPhysician && /* @__PURE__ */ jsxs40("div", { className: PatientCard_default.field, children: [
+            /* @__PURE__ */ jsx49("span", { className: PatientCard_default.label, children: "PCP" }),
+            /* @__PURE__ */ jsx49("span", { className: PatientCard_default.value, children: primaryPhysician })
+          ] })
+        ] }),
+        allergies.length > 0 && /* @__PURE__ */ jsxs40("div", { className: PatientCard_default.allergies, children: [
+          /* @__PURE__ */ jsx49("span", { className: PatientCard_default.allergiesLabel, children: "Allergies:" }),
+          /* @__PURE__ */ jsx49("ul", { className: PatientCard_default.allergyList, children: allergies.map((allergy) => /* @__PURE__ */ jsx49("li", { className: PatientCard_default.allergyItem, children: allergy }, allergy)) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/AppointmentCard/AppointmentCard.module.css
+var AppointmentCard_default = {};
+
+// src/components/AppointmentCard/AppointmentCard.tsx
+import { jsx as jsx50, jsxs as jsxs41 } from "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__ */ jsxs41(
+    "div",
+    {
+      className: cn(AppointmentCard_default.card, AppointmentCard_default[status], className),
+      role: "region",
+      "aria-label": `Appointment for ${patientName}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx50("div", { className: AppointmentCard_default.statusBar, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs41("div", { className: AppointmentCard_default.content, children: [
+          /* @__PURE__ */ jsxs41("div", { className: AppointmentCard_default.header, children: [
+            /* @__PURE__ */ jsx50("h3", { className: AppointmentCard_default.patientName, children: patientName }),
+            /* @__PURE__ */ jsx50("span", { className: cn(AppointmentCard_default.statusBadge, AppointmentCard_default[`badge-${status}`]), children: statusLabels3[status] })
+          ] }),
+          /* @__PURE__ */ jsx50("p", { className: AppointmentCard_default.type, children: type }),
+          /* @__PURE__ */ jsxs41("div", { className: AppointmentCard_default.details, children: [
+            /* @__PURE__ */ jsxs41("div", { className: AppointmentCard_default.field, children: [
+              /* @__PURE__ */ jsx50("svg", { className: AppointmentCard_default.icon, width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx50("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__ */ jsx50("span", { children: date })
+            ] }),
+            /* @__PURE__ */ jsxs41("div", { className: AppointmentCard_default.field, children: [
+              /* @__PURE__ */ jsx50("svg", { className: AppointmentCard_default.icon, width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx50("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__ */ jsx50("span", { children: time })
+            ] }),
+            /* @__PURE__ */ jsxs41("div", { className: AppointmentCard_default.field, children: [
+              /* @__PURE__ */ jsx50("svg", { className: AppointmentCard_default.icon, width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx50("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__ */ jsx50("span", { children: provider })
+            ] }),
+            location && /* @__PURE__ */ jsxs41("div", { className: AppointmentCard_default.field, children: [
+              /* @__PURE__ */ jsx50("svg", { className: AppointmentCard_default.icon, width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx50("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__ */ jsx50("span", { children: location })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/Timeline/Timeline.module.css
+var Timeline_default = {};
+
+// src/components/Timeline/Timeline.tsx
+import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
+function Timeline({ items, className, ...props }) {
+  return /* @__PURE__ */ jsx51("ol", { className: cn(Timeline_default.timeline, className), ...props, children: items.map((item) => /* @__PURE__ */ jsxs42(
+    "li",
+    {
+      className: cn(Timeline_default.item, Timeline_default[item.variant ?? "default"]),
+      children: [
+        /* @__PURE__ */ jsxs42("div", { className: Timeline_default.indicator, "aria-hidden": "true", children: [
+          item.icon ? /* @__PURE__ */ jsx51("span", { className: Timeline_default.icon, children: item.icon }) : /* @__PURE__ */ jsx51("span", { className: Timeline_default.dot }),
+          /* @__PURE__ */ jsx51("span", { className: Timeline_default.line })
+        ] }),
+        /* @__PURE__ */ jsxs42("div", { className: Timeline_default.content, children: [
+          /* @__PURE__ */ jsx51("p", { className: Timeline_default.title, children: item.title }),
+          item.description && /* @__PURE__ */ jsx51("p", { className: Timeline_default.description, children: item.description }),
+          /* @__PURE__ */ jsx51("time", { className: Timeline_default.timestamp, children: item.timestamp })
+        ] })
+      ]
+    },
+    item.id
+  )) });
+}
+
+// src/components/ClinicalBanner/ClinicalBanner.module.css
+var ClinicalBanner_default = {};
+
+// src/components/ClinicalBanner/ClinicalBanner.tsx
+import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
+var severityIcons = {
+  critical: /* @__PURE__ */ jsx52("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx52("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__ */ jsx52("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx52("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__ */ jsx52("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx52("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__ */ jsx52("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx52("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__ */ jsxs43(
+    "div",
+    {
+      className: cn(ClinicalBanner_default.banner, ClinicalBanner_default[severity], className),
+      role: "alert",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx52("span", { className: ClinicalBanner_default.icon, "aria-hidden": "true", children: severityIcons[severity] }),
+        /* @__PURE__ */ jsxs43("div", { className: ClinicalBanner_default.content, children: [
+          /* @__PURE__ */ jsx52("p", { className: ClinicalBanner_default.title, children: title }),
+          children && /* @__PURE__ */ jsx52("div", { className: ClinicalBanner_default.body, children })
+        ] }),
+        dismissible && /* @__PURE__ */ jsx52(
+          "button",
+          {
+            className: ClinicalBanner_default.dismiss,
+            onClick: onDismiss,
+            "aria-label": "Dismiss alert",
+            type: "button",
+            children: /* @__PURE__ */ jsxs43("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", children: [
+              /* @__PURE__ */ jsx52("line", { x1: "4", y1: "4", x2: "12", y2: "12" }),
+              /* @__PURE__ */ jsx52("line", { x1: "12", y1: "4", x2: "4", y2: "12" })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/MedicationRow/MedicationRow.module.css
+var MedicationRow_default = {};
+
+// src/components/MedicationRow/MedicationRow.tsx
+import { jsx as jsx53, jsxs as jsxs44 } from "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__ */ jsxs44(
+    "div",
+    {
+      className: cn(MedicationRow_default.row, MedicationRow_default[status], className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs44("div", { className: MedicationRow_default.primary, children: [
+          /* @__PURE__ */ jsx53("span", { className: cn(MedicationRow_default.statusIndicator, MedicationRow_default[`indicator-${status}`]), "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx53("span", { className: MedicationRow_default.name, children: name }),
+          /* @__PURE__ */ jsx53("span", { className: MedicationRow_default.dosage, children: dosage }),
+          /* @__PURE__ */ jsx53("span", { className: cn(MedicationRow_default.statusBadge, MedicationRow_default[`badge-${status}`]), children: statusLabels4[status] })
+        ] }),
+        /* @__PURE__ */ jsxs44("div", { className: MedicationRow_default.secondary, children: [
+          /* @__PURE__ */ jsxs44("span", { className: MedicationRow_default.detail, children: [
+            /* @__PURE__ */ jsx53("span", { className: MedicationRow_default.detailLabel, children: "Freq:" }),
+            " ",
+            frequency
+          ] }),
+          /* @__PURE__ */ jsxs44("span", { className: MedicationRow_default.detail, children: [
+            /* @__PURE__ */ jsx53("span", { className: MedicationRow_default.detailLabel, children: "Route:" }),
+            " ",
+            route
+          ] }),
+          /* @__PURE__ */ jsxs44("span", { className: MedicationRow_default.detail, children: [
+            /* @__PURE__ */ jsx53("span", { className: MedicationRow_default.detailLabel, children: "By:" }),
+            " ",
+            prescribedBy
+          ] }),
+          /* @__PURE__ */ jsxs44("span", { className: MedicationRow_default.detail, children: [
+            /* @__PURE__ */ jsx53("span", { className: MedicationRow_default.detailLabel, children: "Start:" }),
+            " ",
+            startDate
+          ] }),
+          endDate && /* @__PURE__ */ jsxs44("span", { className: MedicationRow_default.detail, children: [
+            /* @__PURE__ */ jsx53("span", { className: MedicationRow_default.detailLabel, children: "End:" }),
+            " ",
+            endDate
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/LabResultRow/LabResultRow.module.css
+var LabResultRow_default = {};
+
+// src/components/LabResultRow/LabResultRow.tsx
+import { jsx as jsx54, jsxs as jsxs45 } from "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__ */ jsxs45(
+    "div",
+    {
+      className: cn(LabResultRow_default.row, LabResultRow_default[status], className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx54("div", { className: LabResultRow_default.testInfo, children: /* @__PURE__ */ jsx54("span", { className: LabResultRow_default.testName, children: testName }) }),
+        /* @__PURE__ */ jsxs45("div", { className: LabResultRow_default.result, children: [
+          /* @__PURE__ */ jsxs45("span", { className: cn(LabResultRow_default.value, isAbnormal && LabResultRow_default.abnormalValue), children: [
+            value,
+            statusArrow[status] && /* @__PURE__ */ jsxs45("span", { className: LabResultRow_default.arrow, "aria-hidden": "true", children: [
+              " ",
+              statusArrow[status]
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx54("span", { className: LabResultRow_default.unit, children: unit })
+        ] }),
+        /* @__PURE__ */ jsxs45("div", { className: LabResultRow_default.range, children: [
+          /* @__PURE__ */ jsx54("span", { className: LabResultRow_default.rangeLabel, children: "Ref:" }),
+          /* @__PURE__ */ jsx54("span", { className: LabResultRow_default.rangeValue, children: referenceRange })
+        ] }),
+        /* @__PURE__ */ jsxs45("div", { className: LabResultRow_default.meta, children: [
+          /* @__PURE__ */ jsx54("span", { className: cn(LabResultRow_default.statusBadge, LabResultRow_default[`badge-${status}`]), children: statusLabels5[status] }),
+          /* @__PURE__ */ jsx54("span", { className: LabResultRow_default.date, children: collectedDate })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/InsuranceCard/InsuranceCard.module.css
+var InsuranceCard_default = {};
+
+// src/components/InsuranceCard/InsuranceCard.tsx
+import { jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
+var statusLabels6 = {
+  active: "Active",
+  inactive: "Inactive",
+  pending: "Pending"
+};
+function InsuranceCard({
+  planName,
+  memberId,
+  groupNumber,
+  planType,
+  status,
+  effectiveDate,
+  expirationDate,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs46(
+    "div",
+    {
+      className: cn(InsuranceCard_default.card, className),
+      role: "region",
+      "aria-label": `Insurance: ${planName}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs46("div", { className: InsuranceCard_default.header, children: [
+          /* @__PURE__ */ jsxs46("div", { className: InsuranceCard_default.planInfo, children: [
+            /* @__PURE__ */ jsx55("h3", { className: InsuranceCard_default.planName, children: planName }),
+            /* @__PURE__ */ jsx55("span", { className: InsuranceCard_default.planType, children: planType })
+          ] }),
+          /* @__PURE__ */ jsx55("span", { className: cn(InsuranceCard_default.statusBadge, InsuranceCard_default[`status-${status}`]), children: statusLabels6[status] })
+        ] }),
+        /* @__PURE__ */ jsxs46("div", { className: InsuranceCard_default.details, children: [
+          /* @__PURE__ */ jsxs46("div", { className: InsuranceCard_default.field, children: [
+            /* @__PURE__ */ jsx55("span", { className: InsuranceCard_default.label, children: "Member ID" }),
+            /* @__PURE__ */ jsx55("span", { className: InsuranceCard_default.value, children: memberId })
+          ] }),
+          /* @__PURE__ */ jsxs46("div", { className: InsuranceCard_default.field, children: [
+            /* @__PURE__ */ jsx55("span", { className: InsuranceCard_default.label, children: "Group #" }),
+            /* @__PURE__ */ jsx55("span", { className: InsuranceCard_default.value, children: groupNumber })
+          ] }),
+          /* @__PURE__ */ jsxs46("div", { className: InsuranceCard_default.field, children: [
+            /* @__PURE__ */ jsx55("span", { className: InsuranceCard_default.label, children: "Effective" }),
+            /* @__PURE__ */ jsx55("span", { className: InsuranceCard_default.value, children: effectiveDate })
+          ] }),
+          expirationDate && /* @__PURE__ */ jsxs46("div", { className: InsuranceCard_default.field, children: [
+            /* @__PURE__ */ jsx55("span", { className: InsuranceCard_default.label, children: "Expires" }),
+            /* @__PURE__ */ jsx55("span", { className: InsuranceCard_default.value, children: expirationDate })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/Toast/Toast.tsx
+import { useEffect as useEffect9 } from "react";
+
+// src/components/Toast/Toast.module.css
+var Toast_default = {};
+
+// src/components/Toast/Toast.tsx
+import { jsx as jsx56, jsxs as jsxs47 } from "react/jsx-runtime";
+var statusIcons2 = {
+  info: /* @__PURE__ */ jsx56("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx56("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__ */ jsx56("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx56("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__ */ jsx56("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx56("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__ */ jsx56("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx56("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
+}) {
+  useEffect9(() => {
+    if (duration2 <= 0) return;
+    const timer = setTimeout(onClose, duration2);
+    return () => clearTimeout(timer);
+  }, [duration2, onClose]);
+  const isUrgent = status === "error" || status === "warning";
+  return /* @__PURE__ */ jsxs47(
+    "div",
+    {
+      className: cn(Toast_default.toast, Toast_default[status], className),
+      role: isUrgent ? "alert" : "status",
+      children: [
+        /* @__PURE__ */ jsx56("span", { className: Toast_default.icon, "aria-hidden": "true", children: statusIcons2[status] }),
+        /* @__PURE__ */ jsxs47("div", { className: Toast_default.content, children: [
+          title && /* @__PURE__ */ jsx56("p", { className: Toast_default.title, children: title }),
+          /* @__PURE__ */ jsx56("p", { className: Toast_default.message, children: message })
+        ] }),
+        action && /* @__PURE__ */ jsx56("div", { className: Toast_default.action, children: action }),
+        /* @__PURE__ */ jsx56(
+          "button",
+          {
+            className: Toast_default.close,
+            onClick: onClose,
+            "aria-label": "Dismiss notification",
+            type: "button",
+            children: /* @__PURE__ */ jsxs47("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", children: [
+              /* @__PURE__ */ jsx56("line", { x1: "4", y1: "4", x2: "12", y2: "12" }),
+              /* @__PURE__ */ jsx56("line", { x1: "12", y1: "4", x2: "4", y2: "12" })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ConfirmDialog/ConfirmDialog.tsx
+import { useEffect as useEffect10, useRef as useRef12 } from "react";
+
+// src/components/ConfirmDialog/ConfirmDialog.module.css
+var ConfirmDialog_default = {};
+
+// src/components/ConfirmDialog/ConfirmDialog.tsx
+import { jsx as jsx57, jsxs as jsxs48 } from "react/jsx-runtime";
+function ConfirmDialog({
+  open,
+  onConfirm,
+  onCancel,
+  title,
+  message,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  variant = "default",
+  loading = false,
+  className
+}) {
+  const dialogRef = useRef12(null);
+  const cancelRef = useRef12(null);
+  useEffect10(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (open && !dialog.open) {
+      dialog.showModal();
+      cancelRef.current?.focus();
+    } else if (!open && dialog.open) {
+      dialog.close();
+    }
+  }, [open]);
+  useEffect10(() => {
+    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__ */ jsx57(
+    "dialog",
+    {
+      ref: dialogRef,
+      className: cn(ConfirmDialog_default.dialog, className),
+      "aria-labelledby": "aegis-confirm-title",
+      "aria-describedby": "aegis-confirm-message",
+      onClick: handleBackdropClick,
+      children: /* @__PURE__ */ jsxs48("div", { className: ConfirmDialog_default.content, children: [
+        variant === "danger" && /* @__PURE__ */ jsx57("div", { className: ConfirmDialog_default.dangerIcon, "aria-hidden": "true", children: /* @__PURE__ */ jsx57("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx57("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__ */ jsx57("h2", { id: "aegis-confirm-title", className: ConfirmDialog_default.title, children: title }),
+        /* @__PURE__ */ jsx57("div", { id: "aegis-confirm-message", className: ConfirmDialog_default.message, children: typeof message === "string" ? /* @__PURE__ */ jsx57("p", { children: message }) : message }),
+        /* @__PURE__ */ jsxs48("div", { className: ConfirmDialog_default.actions, children: [
+          /* @__PURE__ */ jsx57(
+            "button",
+            {
+              ref: cancelRef,
+              className: ConfirmDialog_default.cancelButton,
+              onClick: onCancel,
+              type: "button",
+              disabled: loading,
+              children: cancelLabel
+            }
+          ),
+          /* @__PURE__ */ jsx57(
+            "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
+import { jsx as jsx58, jsxs as jsxs49 } from "react/jsx-runtime";
+var statusIcons3 = {
+  info: /* @__PURE__ */ jsx58("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx58("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__ */ jsx58("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx58("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__ */ jsx58("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx58("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__ */ jsx58("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx58("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__ */ jsx58(
+    "div",
+    {
+      className: cn(Banner_default.banner, Banner_default[status], className),
+      role: isUrgent ? "alert" : "status",
+      ...props,
+      children: /* @__PURE__ */ jsxs49("div", { className: Banner_default.inner, children: [
+        /* @__PURE__ */ jsx58("span", { className: Banner_default.icon, "aria-hidden": "true", children: statusIcons3[status] }),
+        /* @__PURE__ */ jsx58("div", { className: Banner_default.content, children }),
+        action && /* @__PURE__ */ jsx58("div", { className: Banner_default.action, children: action }),
+        dismissible && /* @__PURE__ */ jsx58(
+          "button",
+          {
+            className: Banner_default.dismiss,
+            onClick: onDismiss,
+            "aria-label": "Dismiss banner",
+            type: "button",
+            children: /* @__PURE__ */ jsxs49("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", children: [
+              /* @__PURE__ */ jsx58("line", { x1: "4", y1: "4", x2: "12", y2: "12" }),
+              /* @__PURE__ */ jsx58("line", { x1: "12", y1: "4", x2: "4", y2: "12" })
+            ] })
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  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.mjs.map