@jerco/ui 0.2.0

package/dist/index.cjs

@@ -0,0 +1,1812 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AlertDialog: () => AlertDialog,
+  AlertDialogAction: () => AlertDialogAction,
+  AlertDialogCancel: () => AlertDialogCancel,
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogFooter: () => AlertDialogFooter,
+  AlertDialogHeader: () => AlertDialogHeader,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger,
+  AppNavigation: () => AppNavigation,
+  AppShell: () => AppShell,
+  AppShellCollapseButton: () => AppShellCollapseButton,
+  AppShellMenuButton: () => AppShellMenuButton,
+  Badge: () => Badge,
+  BrandLogo: () => BrandLogo,
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Checkbox: () => Checkbox,
+  CheckboxField: () => CheckboxField,
+  DataTable: () => DataTable,
+  DesignSystemProvider: () => DesignSystemProvider,
+  DeviceCard: () => DeviceCard,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuPortal: () => DropdownMenuPortal,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  EmptyState: () => EmptyState,
+  ErrorState: () => ErrorState,
+  Header: () => Header,
+  IconButton: () => IconButton,
+  Input: () => Input,
+  Label: () => Label2,
+  MainContent: () => MainContent,
+  MetricCard: () => MetricCard,
+  NativeSelect: () => NativeSelect,
+  PageHeader: () => PageHeader,
+  RadioField: () => RadioField,
+  RadioGroup: () => RadioGroup2,
+  RadioGroupItem: () => RadioGroupItem,
+  Select: () => Select,
+  SelectGroup: () => SelectGroup,
+  SelectLabel: () => SelectLabel,
+  SelectValue: () => SelectValue,
+  Separator: () => Separator2,
+  ServiceHealth: () => ServiceHealth,
+  Sidebar: () => Sidebar,
+  SimpleTooltip: () => SimpleTooltip,
+  Skeleton: () => Skeleton,
+  Spinner: () => Spinner,
+  StatusIndicator: () => StatusIndicator,
+  Switch: () => Switch,
+  SwitchField: () => SwitchField,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  Textarea: () => Textarea,
+  Toast: () => Toast,
+  ToastAction: () => ToastAction,
+  ToastClose: () => ToastClose,
+  ToastDescription: () => ToastDescription,
+  ToastProvider: () => ToastProvider,
+  ToastTitle: () => ToastTitle,
+  ToastViewport: () => ToastViewport,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  buttonVariants: () => buttonVariants,
+  createBrowserBooleanStateAdapter: () => createBrowserBooleanStateAdapter,
+  createBrowserDataTableUrlStateAdapter: () => createBrowserDataTableUrlStateAdapter,
+  createDataTableRequestManager: () => createDataTableRequestManager,
+  createDataTableUrlStateAdapter: () => createDataTableUrlStateAdapter,
+  matchNavigationPath: () => matchNavigationPath,
+  parseDataTableUrlState: () => parseDataTableUrlState,
+  serializeDataTableUrlState: () => serializeDataTableUrlState,
+  useDesignSystem: () => useDesignSystem
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/provider.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DesignSystemContext = (0, import_react.createContext)({
+  theme: "base-light",
+  density: "comfortable"
+});
+function DesignSystemProvider({
+  children,
+  theme = "base-light",
+  density = "comfortable",
+  target
+}) {
+  (0, import_react.useEffect)(() => {
+    const element = target ?? document.documentElement;
+    const previousTheme = element.dataset.theme;
+    const previousDensity = element.dataset.density;
+    element.setAttribute("data-theme", theme);
+    element.setAttribute("data-density", density);
+    return () => {
+      if (previousTheme === void 0) element.removeAttribute("data-theme");
+      else element.setAttribute("data-theme", previousTheme);
+      if (previousDensity === void 0) element.removeAttribute("data-density");
+      else element.setAttribute("data-density", previousDensity);
+    };
+  }, [density, target, theme]);
+  const value = (0, import_react.useMemo)(() => ({ theme, density }), [density, theme]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DesignSystemContext.Provider, { value, children });
+}
+function useDesignSystem() {
+  return (0, import_react.useContext)(DesignSystemContext);
+}
+
+// src/adapters/data-table-state.ts
+function parameterName(prefix, name) {
+  return prefix ? `${prefix}.${name}` : name;
+}
+function positiveInteger(value, fallback) {
+  const parsed = Number.parseInt(value ?? "", 10);
+  return Number.isFinite(parsed) && parsed > 0 ? parsed : fallback;
+}
+function parseDataTableUrlState(search, fallback, options = {}) {
+  const params = new URLSearchParams(search.startsWith("?") ? search.slice(1) : search);
+  const query = params.get(parameterName(options.prefix, "q")) ?? fallback.query;
+  const pageSize = positiveInteger(
+    params.get(parameterName(options.prefix, "pageSize")),
+    fallback.pagination.pageSize
+  );
+  const page = positiveInteger(
+    params.get(parameterName(options.prefix, "page")),
+    fallback.pagination.pageIndex + 1
+  );
+  const sortingValue = params.get(parameterName(options.prefix, "sort"));
+  const sorting = sortingValue ? sortingValue.split(",").map((entry) => entry.trim()).filter(Boolean).map((entry) => {
+    const separator = entry.lastIndexOf(":");
+    const id = separator >= 0 ? entry.slice(0, separator) : entry;
+    const direction = separator >= 0 ? entry.slice(separator + 1) : "asc";
+    return { id, desc: direction === "desc" };
+  }).filter((entry) => entry.id) : fallback.sorting;
+  const filterPrefix = parameterName(options.prefix, "filter.");
+  const filters = { ...fallback.filters };
+  for (const [key, value] of params) {
+    if (key.startsWith(filterPrefix)) filters[key.slice(filterPrefix.length)] = value;
+  }
+  return {
+    query,
+    sorting,
+    filters,
+    pagination: { pageIndex: page - 1, pageSize }
+  };
+}
+function serializeDataTableUrlState(state, currentSearch = "", options = {}) {
+  const params = new URLSearchParams(
+    currentSearch.startsWith("?") ? currentSearch.slice(1) : currentSearch
+  );
+  const names = {
+    query: parameterName(options.prefix, "q"),
+    page: parameterName(options.prefix, "page"),
+    pageSize: parameterName(options.prefix, "pageSize"),
+    sorting: parameterName(options.prefix, "sort"),
+    filter: parameterName(options.prefix, "filter.")
+  };
+  for (const key of [...params.keys()]) {
+    if (key === names.query || key === names.page || key === names.pageSize || key === names.sorting || key.startsWith(names.filter)) {
+      params.delete(key);
+    }
+  }
+  if (state.query) params.set(names.query, state.query);
+  params.set(names.page, String(state.pagination.pageIndex + 1));
+  params.set(names.pageSize, String(state.pagination.pageSize));
+  if (state.sorting.length) {
+    params.set(
+      names.sorting,
+      state.sorting.map((entry) => `${entry.id}:${entry.desc ? "desc" : "asc"}`).join(",")
+    );
+  }
+  for (const [id, value] of Object.entries(state.filters).sort(
+    ([left], [right]) => left.localeCompare(right)
+  )) {
+    if (value && value !== "all") params.set(`${names.filter}${id}`, value);
+  }
+  const serialized = params.toString();
+  return serialized ? `?${serialized}` : "";
+}
+function createDataTableUrlStateAdapter(port, options = {}) {
+  return {
+    read: (fallback) => parseDataTableUrlState(port.getSearch(), fallback, options),
+    write: (state, mode = "push") => port.writeSearch(serializeDataTableUrlState(state, port.getSearch(), options), mode),
+    subscribe: (listener, fallback) => port.subscribe(() => listener(parseDataTableUrlState(port.getSearch(), fallback, options)))
+  };
+}
+function createBrowserDataTableUrlStateAdapter(options = {}) {
+  if (typeof window === "undefined") {
+    throw new Error(
+      "The browser URL adapter requires a window. Use createDataTableUrlStateAdapter for SSR or tests."
+    );
+  }
+  return createDataTableUrlStateAdapter(
+    {
+      getSearch: () => window.location.search,
+      writeSearch: (search, mode) => {
+        const url = `${window.location.pathname}${search}${window.location.hash}`;
+        window.history[mode === "replace" ? "replaceState" : "pushState"]({}, "", url);
+      },
+      subscribe: (listener) => {
+        window.addEventListener("popstate", listener);
+        return () => window.removeEventListener("popstate", listener);
+      }
+    },
+    options
+  );
+}
+function createDataTableRequestManager(loader) {
+  let sequence = 0;
+  let active;
+  return {
+    async run(state) {
+      active?.controller.abort();
+      const requestId = ++sequence;
+      const controller = new AbortController();
+      active = { requestId, controller };
+      try {
+        const value = await loader(state, { requestId, signal: controller.signal });
+        if (controller.signal.aborted) return { status: "aborted", requestId };
+        if (active?.requestId !== requestId) return { status: "stale", requestId };
+        active = void 0;
+        return { status: "applied", requestId, value };
+      } catch (error) {
+        if (controller.signal.aborted || error instanceof DOMException && error.name === "AbortError") {
+          return { status: "aborted", requestId };
+        }
+        if (active?.requestId !== requestId) return { status: "stale", requestId };
+        active = void 0;
+        throw error;
+      }
+    },
+    cancel() {
+      active?.controller.abort();
+      active = void 0;
+    },
+    getActiveRequestId: () => active?.requestId
+  };
+}
+
+// src/adapters/navigation-state.ts
+function createBrowserBooleanStateAdapter(key, options = {}) {
+  const storage = options.storage ?? (typeof window !== "undefined" ? window.localStorage : void 0);
+  const eventSource = options.eventSource ?? (typeof window !== "undefined" ? {
+    addEventListener: (type, listener) => window.addEventListener(type, listener),
+    removeEventListener: (type, listener) => window.removeEventListener(type, listener)
+  } : void 0);
+  if (!storage) throw new Error("A storage implementation is required outside the browser.");
+  return {
+    read: () => {
+      const value = storage.getItem(key);
+      return value === null ? void 0 : value === "true";
+    },
+    write: (value) => storage.setItem(key, String(value)),
+    ...eventSource ? {
+      subscribe: (listener) => {
+        const onStorage = (event) => {
+          if (event.key !== key) return;
+          listener(event.newValue === null ? void 0 : event.newValue === "true");
+        };
+        eventSource.addEventListener("storage", onStorage);
+        return () => eventSource.removeEventListener("storage", onStorage);
+      }
+    } : {}
+  };
+}
+function normalizePath(path) {
+  const withoutQuery = path.split(/[?#]/, 1)[0] ?? "/";
+  if (withoutQuery === "/") return "/";
+  return withoutQuery.replace(/\/+$/, "");
+}
+function matchNavigationPath(currentPath, targetPath, end = false) {
+  if (!targetPath.startsWith("/")) return false;
+  const current = normalizePath(currentPath);
+  const target = normalizePath(targetPath);
+  if (target === "/" || end) return current === target;
+  return current === target || current.startsWith(`${target}/`);
+}
+
+// src/components/badge.tsx
+var import_utils = require("@jerco/utils");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority.cva)("j-badge", {
+  variants: {
+    variant: {
+      neutral: "j-badge--neutral",
+      success: "j-badge--success",
+      warning: "j-badge--warning",
+      danger: "j-badge--danger",
+      info: "j-badge--info"
+    }
+  },
+  defaultVariants: { variant: "neutral" }
+});
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: (0, import_utils.cn)(badgeVariants({ variant }), className), ...props });
+}
+
+// src/components/alert-dialog.tsx
+var import_utils2 = require("@jerco/utils");
+var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogCancel = AlertDialogPrimitive.Cancel;
+var AlertDialogAction = AlertDialogPrimitive.Action;
+var AlertDialogContent = (0, import_react2.forwardRef)(function AlertDialogContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(AlertDialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AlertDialogPrimitive.Overlay, { className: "j-dialog-overlay" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      AlertDialogPrimitive.Content,
+      {
+        ref,
+        className: (0, import_utils2.cn)("j-dialog-content", className),
+        ...props
+      }
+    )
+  ] });
+});
+var AlertDialogTitle = (0, import_react2.forwardRef)(function AlertDialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AlertDialogPrimitive.Title, { ref, className: (0, import_utils2.cn)("j-dialog-title", className), ...props });
+});
+var AlertDialogDescription = (0, import_react2.forwardRef)(function AlertDialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    AlertDialogPrimitive.Description,
+    {
+      ref,
+      className: (0, import_utils2.cn)("j-dialog-description", className),
+      ...props
+    }
+  );
+});
+function AlertDialogHeader({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "j-dialog-header", children });
+}
+function AlertDialogFooter({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "j-dialog-footer", children });
+}
+
+// src/components/brand-logo.tsx
+var import_utils3 = require("@jerco/utils");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function BrandLogo({ asset, name = "Product", className }) {
+  if (asset) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: (0, import_utils3.cn)("j-brand-logo", className), children: asset });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "span",
+    {
+      className: (0, import_utils3.cn)("j-brand-logo j-brand-logo--placeholder", className),
+      "aria-label": `${name} placeholder logo`,
+      children: name.slice(0, 1).toUpperCase()
+    }
+  );
+}
+
+// src/components/button.tsx
+var import_icons = require("@jerco/icons");
+var import_utils4 = require("@jerco/utils");
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_react3 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority2.cva)("j-button", {
+  variants: {
+    variant: {
+      primary: "j-button--primary",
+      secondary: "j-button--secondary",
+      outline: "j-button--outline",
+      ghost: "j-button--ghost",
+      destructive: "j-button--destructive"
+    },
+    size: {
+      sm: "j-button--sm",
+      md: "j-button--md",
+      lg: "j-button--lg",
+      icon: "j-button--icon"
+    }
+  },
+  defaultVariants: { variant: "primary", size: "md" }
+});
+var Button = (0, import_react3.forwardRef)(function Button2({ className, variant, size, asChild = false, loading = false, disabled, children, ...props }, ref) {
+  const Component = asChild ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    Component,
+    {
+      ref,
+      className: (0, import_utils4.cn)(buttonVariants({ variant, size }), className),
+      disabled: asChild ? void 0 : disabled || loading,
+      "aria-disabled": disabled || loading || void 0,
+      "aria-busy": loading || void 0,
+      ...props,
+      children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons.LoaderCircle, { className: "j-spinner j-icon", "aria-hidden": "true" }) : null,
+        children
+      ]
+    }
+  );
+});
+var IconButton = (0, import_react3.forwardRef)(function IconButton2({ label, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Button, { ref, size: "icon", "aria-label": label, ...props, children });
+});
+
+// src/components/card.tsx
+var import_utils5 = require("@jerco/utils");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: (0, import_utils5.cn)("j-card", className), ...props });
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: (0, import_utils5.cn)("j-card-header", className), ...props });
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: (0, import_utils5.cn)("j-card-title", className), ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: (0, import_utils5.cn)("j-card-description", className), ...props });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: (0, import_utils5.cn)("j-card-content", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: (0, import_utils5.cn)("j-card-footer", className), ...props });
+}
+
+// src/components/checkbox.tsx
+var import_icons2 = require("@jerco/icons");
+var import_utils6 = require("@jerco/utils");
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
+var import_react4 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Checkbox = (0, import_react4.forwardRef)(function Checkbox2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckboxPrimitive.Root, { ref, className: (0, import_utils6.cn)("j-checkbox", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckboxPrimitive.Indicator, { className: "j-checkbox-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons2.Check, { "aria-hidden": "true" }) }) });
+});
+function CheckboxField({ label, description, id, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "j-choice-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Checkbox, { id, ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("label", { className: "j-choice-label", htmlFor: id, children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "j-choice-description", children: description }) : null
+    ] })
+  ] });
+}
+
+// src/components/data-table.tsx
+var import_icons5 = require("@jerco/icons");
+var import_utils11 = require("@jerco/utils");
+var import_react_table = require("@tanstack/react-table");
+var import_react_virtual = require("@tanstack/react-virtual");
+var import_react8 = require("react");
+
+// src/components/dropdown-menu.tsx
+var import_icons3 = require("@jerco/icons");
+var import_utils7 = require("@jerco/utils");
+var DropdownPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
+var import_react5 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var DropdownMenu = DropdownPrimitive.Root;
+var DropdownMenuTrigger = DropdownPrimitive.Trigger;
+var DropdownMenuGroup = DropdownPrimitive.Group;
+var DropdownMenuPortal = DropdownPrimitive.Portal;
+var DropdownMenuSub = DropdownPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownPrimitive.RadioGroup;
+var DropdownMenuContent = (0, import_react5.forwardRef)(function DropdownMenuContent2({ className, sideOffset = 6, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    DropdownPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: (0, import_utils7.cn)("j-dropdown-content", className),
+      ...props
+    }
+  ) });
+});
+var DropdownMenuItem = (0, import_react5.forwardRef)(function DropdownMenuItem2({ className, inset, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    DropdownPrimitive.Item,
+    {
+      ref,
+      className: (0, import_utils7.cn)("j-dropdown-item", inset && "j-dropdown-item--inset", className),
+      ...props
+    }
+  );
+});
+var DropdownMenuCheckboxItem = (0, import_react5.forwardRef)(function DropdownMenuCheckboxItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    DropdownPrimitive.CheckboxItem,
+    {
+      ref,
+      className: (0, import_utils7.cn)("j-dropdown-item j-dropdown-check-item", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "j-dropdown-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons3.Check, { "aria-hidden": "true" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var DropdownMenuRadioItem = (0, import_react5.forwardRef)(function DropdownMenuRadioItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    DropdownPrimitive.RadioItem,
+    {
+      ref,
+      className: (0, import_utils7.cn)("j-dropdown-item j-dropdown-check-item", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "j-dropdown-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "j-dropdown-dot" }) }) }),
+        children
+      ]
+    }
+  );
+});
+var DropdownMenuLabel = (0, import_react5.forwardRef)(function DropdownMenuLabel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownPrimitive.Label, { ref, className: (0, import_utils7.cn)("j-dropdown-label", className), ...props });
+});
+var DropdownMenuSeparator = (0, import_react5.forwardRef)(function DropdownMenuSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    DropdownPrimitive.Separator,
+    {
+      ref,
+      className: (0, import_utils7.cn)("j-dropdown-separator", className),
+      ...props
+    }
+  );
+});
+var DropdownMenuSubTrigger = (0, import_react5.forwardRef)(function DropdownMenuSubTrigger2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownPrimitive.SubTrigger, { ref, className: (0, import_utils7.cn)("j-dropdown-item", className), ...props, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons3.ChevronRight, { className: "j-dropdown-chevron", "aria-hidden": "true" })
+  ] });
+});
+var DropdownMenuSubContent = (0, import_react5.forwardRef)(function DropdownMenuSubContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    DropdownPrimitive.SubContent,
+    {
+      ref,
+      className: (0, import_utils7.cn)("j-dropdown-content", className),
+      ...props
+    }
+  );
+});
+
+// src/components/input.tsx
+var import_utils8 = require("@jerco/utils");
+var import_react6 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Input = (0, import_react6.forwardRef)(function Input2({ className, invalid, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "input",
+    {
+      ref,
+      className: (0, import_utils8.cn)("j-input", className),
+      "aria-invalid": invalid || void 0,
+      ...props
+    }
+  );
+});
+var Textarea = (0, import_react6.forwardRef)(function Textarea2({ className, invalid, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "textarea",
+    {
+      ref,
+      className: (0, import_utils8.cn)("j-input j-textarea", className),
+      "aria-invalid": invalid || void 0,
+      ...props
+    }
+  );
+});
+var Label2 = (0, import_react6.forwardRef)(
+  function Label3({ className, ...props }, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { ref, className: (0, import_utils8.cn)("j-label", className), ...props });
+  }
+);
+function Separator2({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_utils8.cn)("j-separator", className), role: "separator" });
+}
+
+// src/components/select.tsx
+var import_icons4 = require("@jerco/icons");
+var import_utils9 = require("@jerco/utils");
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
+var import_react7 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Select({
+  options,
+  label,
+  placeholder = "Select an option",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(SelectPrimitive.Root, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(SelectPrimitive.Trigger, { className: "j-select", "aria-label": label, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectPrimitive.Value, { placeholder }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons4.ChevronDown, { className: "j-icon", "aria-hidden": "true" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectPrimitive.Content, { className: "j-select-content", position: "popper", sideOffset: 6, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectPrimitive.Viewport, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      SelectPrimitive.Item,
+      {
+        className: "j-select-item",
+        value: option.value,
+        ...option.disabled === void 0 ? {} : { disabled: option.disabled },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectPrimitive.ItemText, { children: option.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectPrimitive.ItemIndicator, { className: "j-select-check", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons4.Check, { className: "j-icon", "aria-hidden": "true" }) })
+        ]
+      },
+      option.value
+    )) }) }) })
+  ] });
+}
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectLabel = (0, import_react7.forwardRef)(function SelectLabel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectPrimitive.Label, { ref, className: (0, import_utils9.cn)("j-select-label", className), ...props });
+});
+function NativeSelect({
+  label,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("select", { className: (0, import_utils9.cn)("j-select j-native-select", className), "aria-label": label, ...props, children });
+}
+
+// src/components/skeleton.tsx
+var import_utils10 = require("@jerco/utils");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_utils10.cn)("j-skeleton", className), "aria-hidden": "true", ...props });
+}
+
+// src/components/data-table.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function resolveUpdate(updater, current) {
+  return typeof updater === "function" ? updater(current) : updater;
+}
+function DataTable({
+  data,
+  columns,
+  getRowId,
+  getSearchText,
+  searchPlaceholder = "Search",
+  filters = [],
+  pageSize = 10,
+  paginate = true,
+  server,
+  virtualization,
+  loading = false,
+  emptyState = "No results found.",
+  bulkActions,
+  className
+}) {
+  const [localQuery, setLocalQuery] = (0, import_react8.useState)("");
+  const [localFilterValues, setLocalFilterValues] = (0, import_react8.useState)({});
+  const [localSorting, setLocalSorting] = (0, import_react8.useState)([]);
+  const [localPagination, setLocalPagination] = (0, import_react8.useState)({
+    pageIndex: 0,
+    pageSize
+  });
+  const [columnVisibility, setColumnVisibility] = (0, import_react8.useState)({});
+  const [rowSelection, setRowSelection] = (0, import_react8.useState)({});
+  const scrollRef = (0, import_react8.useRef)(null);
+  const query = server?.state.query ?? localQuery;
+  const filterValues = server?.state.filters ?? localFilterValues;
+  const sorting = server?.state.sorting ?? localSorting;
+  const pagination = server?.state.pagination ?? localPagination;
+  const updateServerState = (next) => {
+    if (!server) return;
+    server.onStateChange({ ...server.state, ...next });
+  };
+  const updatePagination = (updater) => {
+    const next = resolveUpdate(updater, pagination);
+    if (server) updateServerState({ pagination: next });
+    else setLocalPagination(next);
+  };
+  const updateSorting = (updater) => {
+    const next = resolveUpdate(updater, sorting);
+    const nextPagination = { ...pagination, pageIndex: 0 };
+    if (server) updateServerState({ sorting: next, pagination: nextPagination });
+    else {
+      setLocalSorting(next);
+      setLocalPagination(nextPagination);
+    }
+  };
+  const updateQuery = (next) => {
+    const nextPagination = { ...pagination, pageIndex: 0 };
+    if (server) updateServerState({ query: next, pagination: nextPagination });
+    else {
+      setLocalQuery(next);
+      setLocalPagination(nextPagination);
+    }
+  };
+  const updateFilter = (id, value) => {
+    const nextFilters = { ...filterValues, [id]: value };
+    const nextPagination = { ...pagination, pageIndex: 0 };
+    if (server) updateServerState({ filters: nextFilters, pagination: nextPagination });
+    else {
+      setLocalFilterValues(nextFilters);
+      setLocalPagination(nextPagination);
+    }
+  };
+  const filteredData = (0, import_react8.useMemo)(() => {
+    if (server) return data;
+    const normalized = query.trim().toLocaleLowerCase();
+    return data.filter((row) => {
+      const matchesQuery = !normalized || (getSearchText?.(row) ?? Object.values(row).join(" ")).toLocaleLowerCase().includes(normalized);
+      const matchesFilters = filters.every((filter) => {
+        const value = filterValues[filter.id];
+        return !value || value === "all" || filter.getValue(row) === value;
+      });
+      return matchesQuery && matchesFilters;
+    });
+  }, [data, filterValues, filters, getSearchText, query, server]);
+  const selectionColumn = (0, import_react8.useMemo)(
+    () => ({
+      id: "select",
+      size: 44,
+      enableSorting: false,
+      enableHiding: false,
+      header: ({ table: table2 }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        Checkbox,
+        {
+          "aria-label": "Select all visible rows",
+          checked: table2.getIsAllPageRowsSelected() || (table2.getIsSomePageRowsSelected() ? "indeterminate" : false),
+          onCheckedChange: (checked) => table2.toggleAllPageRowsSelected(Boolean(checked))
+        }
+      ),
+      cell: ({ row }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        Checkbox,
+        {
+          "aria-label": `Select row ${row.index + 1}`,
+          checked: row.getIsSelected(),
+          onCheckedChange: (checked) => row.toggleSelected(Boolean(checked))
+        }
+      )
+    }),
+    []
+  );
+  const table = (0, import_react_table.useReactTable)({
+    data: filteredData,
+    columns: [selectionColumn, ...columns],
+    ...getRowId ? { getRowId } : {},
+    state: { sorting, columnVisibility, rowSelection, pagination },
+    onSortingChange: updateSorting,
+    onColumnVisibilityChange: setColumnVisibility,
+    onRowSelectionChange: setRowSelection,
+    onPaginationChange: updatePagination,
+    getCoreRowModel: (0, import_react_table.getCoreRowModel)(),
+    ...server ? {
+      manualPagination: true,
+      manualSorting: true,
+      manualFiltering: true,
+      pageCount: server.pageCount,
+      rowCount: server.rowCount
+    } : {
+      getSortedRowModel: (0, import_react_table.getSortedRowModel)(),
+      ...paginate ? { getPaginationRowModel: (0, import_react_table.getPaginationRowModel)() } : {}
+    },
+    columnResizeMode: "onChange",
+    enableRowSelection: true
+  });
+  const selectedRows = table.getSelectedRowModel().rows;
+  const visibleColumnCount = table.getVisibleLeafColumns().length;
+  const rows = table.getRowModel().rows;
+  const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
+    count: virtualization ? rows.length : 0,
+    getScrollElement: () => scrollRef.current,
+    estimateSize: () => virtualization?.estimateRowHeight ?? 48,
+    overscan: virtualization?.overscan ?? 6
+  });
+  const virtualRows = virtualization ? rowVirtualizer.getVirtualItems() : [];
+  const paddingTop = virtualRows.length ? virtualRows[0].start : 0;
+  const paddingBottom = virtualRows.length ? rowVirtualizer.getTotalSize() - virtualRows[virtualRows.length - 1].end : 0;
+  const renderRow = (row) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { "data-selected": row.getIsSelected() || void 0, children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { className: (0, import_utils11.cn)("j-data-table", className), "aria-busy": loading || void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "j-data-table-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "j-data-table-search", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons5.Search, { "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          Input,
+          {
+            "aria-label": searchPlaceholder,
+            placeholder: searchPlaceholder,
+            value: query,
+            onChange: (event) => updateQuery(event.target.value)
+          }
+        )
+      ] }),
+      filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        NativeSelect,
+        {
+          label: filter.label,
+          value: filterValues[filter.id] ?? "all",
+          onChange: (event) => updateFilter(filter.id, event.target.value),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("option", { value: "all", children: [
+              "All ",
+              filter.label.toLocaleLowerCase()
+            ] }),
+            filter.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: option.value, children: option.label }, option.value))
+          ]
+        },
+        filter.id
+      )),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DropdownMenu, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Button, { variant: "outline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons5.Columns3, { "aria-hidden": "true" }),
+          " Columns"
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DropdownMenuContent, { align: "end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuLabel, { children: "Visible columns" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuSeparator, {}),
+          table.getAllLeafColumns().filter((column) => column.getCanHide()).map((column) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            DropdownMenuCheckboxItem,
+            {
+              checked: column.getIsVisible(),
+              onCheckedChange: (value) => column.toggleVisibility(Boolean(value)),
+              children: column.id
+            },
+            column.id
+          ))
+        ] })
+      ] })
+    ] }),
+    selectedRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "j-data-table-selection", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
+        selectedRows.length,
+        " selected"
+      ] }),
+      bulkActions?.(selectedRows)
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "div",
+      {
+        ref: scrollRef,
+        className: (0, import_utils11.cn)("j-data-table-scroll", virtualization && "j-data-table-scroll--virtual"),
+        style: virtualization ? { maxHeight: virtualization.height ?? 480 } : void 0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", { "aria-rowcount": server?.rowCount, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { children: headerGroup.headers.map((header) => {
+            const sorted = header.column.getIsSorted();
+            return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+              "th",
+              {
+                style: { width: header.getSize() },
+                scope: "col",
+                "aria-sort": sorted === "asc" ? "ascending" : sorted === "desc" ? "descending" : void 0,
+                children: [
+                  header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                    "button",
+                    {
+                      className: "j-data-table-sort",
+                      onClick: header.column.getToggleSortingHandler(),
+                      children: [
+                        (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()),
+                        sorted === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons5.ChevronUp, { "aria-hidden": "true" }) : sorted === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons5.ChevronDown, { "aria-hidden": "true" }) : null
+                      ]
+                    }
+                  ) : (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()),
+                  header.column.getCanResize() ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                    "div",
+                    {
+                      className: "j-data-table-resizer",
+                      onMouseDown: header.getResizeHandler(),
+                      onTouchStart: header.getResizeHandler()
+                    }
+                  ) : null
+                ]
+              },
+              header.id
+            );
+          }) }, headerGroup.id)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tbody", { children: loading ? Array.from({ length: Math.min(pageSize, 5) }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { colSpan: visibleColumnCount, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Skeleton, { className: "j-data-table-skeleton" }) }) }, index)) : rows.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+            virtualization && paddingTop > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { colSpan: visibleColumnCount, style: { height: paddingTop, padding: 0 } }) }) : null,
+            virtualization ? virtualRows.map((virtualRow) => rows[virtualRow.index]).map(renderRow) : rows.map(renderRow),
+            virtualization && paddingBottom > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "td",
+              {
+                colSpan: visibleColumnCount,
+                style: { height: paddingBottom, padding: 0 }
+              }
+            ) }) : null
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "j-data-table-empty", colSpan: visibleColumnCount, children: emptyState }) }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "j-data-table-footer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: server ? `${data.length} of ${server.rowCount} rows` : `${filteredData.length} rows` }),
+      paginate || server ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
+          "Page ",
+          pagination.pageIndex + 1,
+          " of ",
+          Math.max(table.getPageCount(), 1)
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "j-data-table-pagination", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            IconButton,
+            {
+              label: "Previous page",
+              variant: "outline",
+              disabled: !table.getCanPreviousPage(),
+              onClick: () => table.previousPage(),
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons5.ChevronLeft, { "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            IconButton,
+            {
+              label: "Next page",
+              variant: "outline",
+              disabled: !table.getCanNextPage(),
+              onClick: () => table.nextPage(),
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons5.ChevronRight, { "aria-hidden": "true" })
+            }
+          )
+        ] })
+      ] }) : null
+    ] })
+  ] });
+}
+
+// src/components/device-card.tsx
+var import_icons7 = require("@jerco/icons");
+var import_utils13 = require("@jerco/utils");
+
+// src/components/status-indicator.tsx
+var import_icons6 = require("@jerco/icons");
+var import_utils12 = require("@jerco/utils");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var statusMeta = {
+  online: { defaultLabel: "Online", icon: import_icons6.CheckCircle2 },
+  healthy: { defaultLabel: "Healthy", icon: import_icons6.CheckCircle2 },
+  degraded: { defaultLabel: "Degraded", icon: import_icons6.TriangleAlert },
+  warning: { defaultLabel: "Warning", icon: import_icons6.TriangleAlert },
+  offline: { defaultLabel: "Offline", icon: import_icons6.XCircle },
+  error: { defaultLabel: "Error", icon: import_icons6.AlertCircle },
+  unknown: { defaultLabel: "Unknown", icon: import_icons6.Circle }
+};
+function StatusIndicator({
+  status,
+  label,
+  showIcon = true,
+  className
+}) {
+  const meta = statusMeta[status];
+  const Icon2 = meta.icon;
+  const visibleLabel = label ?? meta.defaultLabel;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "span",
+    {
+      className: (0, import_utils12.cn)("j-status", `j-status--${status}`, className),
+      role: "status",
+      "aria-label": visibleLabel,
+      children: [
+        showIcon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon2, { className: "j-status-icon", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "j-status-dot", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: visibleLabel })
+      ]
+    }
+  );
+}
+
+// src/components/device-card.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function DeviceCard({
+  name,
+  type,
+  status,
+  address,
+  latency,
+  description,
+  icon: Icon2 = import_icons7.Router,
+  actions,
+  loading = false,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Card, { className: (0, import_utils13.cn)("j-device-card", className), "aria-busy": loading || void 0, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Skeleton, { className: "j-device-card-icon" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Skeleton, { className: "j-device-card-line" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Skeleton, { className: "j-device-card-line j-device-card-line--short" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "j-sr-only", children: [
+      "Loading ",
+      name
+    ] })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "j-device-card-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "j-device-card-icon", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon2, { "aria-hidden": "true" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: type })
+      ] }),
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "j-device-card-actions", children: actions }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "j-device-card-status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(StatusIndicator, { status }),
+      latency ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: latency }) : null
+    ] }),
+    address ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("code", { className: "j-device-card-address", children: address }) : null,
+    description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "j-device-card-description", children: description }) : null
+  ] }) });
+}
+
+// src/components/dialog.tsx
+var import_icons8 = require("@jerco/icons");
+var import_utils14 = require("@jerco/utils");
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_react9 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogClose = DialogPrimitive.Close;
+var DialogContent = (0, import_react9.forwardRef)(function DialogContent2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogPrimitive.Overlay, { className: "j-dialog-overlay" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DialogPrimitive.Content, { ref, className: (0, import_utils14.cn)("j-dialog-content", className), ...props, children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IconButton, { className: "j-dialog-close", variant: "ghost", label: "Close dialog", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons8.X, { className: "j-icon", "aria-hidden": "true" }) }) })
+    ] })
+  ] });
+});
+var DialogTitle = (0, import_react9.forwardRef)(function DialogTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DialogPrimitive.Title, { ref, className: (0, import_utils14.cn)("j-dialog-title", className), ...props });
+});
+var DialogDescription = (0, import_react9.forwardRef)(function DialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    DialogPrimitive.Description,
+    {
+      ref,
+      className: (0, import_utils14.cn)("j-dialog-description", className),
+      ...props
+    }
+  );
+});
+function DialogHeader({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "j-dialog-header", children });
+}
+function DialogFooter({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "j-dialog-footer", children });
+}
+
+// src/components/layout.tsx
+var import_icons9 = require("@jerco/icons");
+var import_utils15 = require("@jerco/utils");
+var import_react10 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var AppShellContext = (0, import_react10.createContext)(null);
+function AppShell({
+  className,
+  defaultMobileOpen = false,
+  defaultSidebarCollapsed = false,
+  sidebarCollapsed: controlledSidebarCollapsed,
+  onSidebarCollapsedChange,
+  sidebarPersistence,
+  ...props
+}) {
+  const navigationId = (0, import_react10.useId)();
+  const [mobileOpen, setMobileOpen] = (0, import_react10.useState)(defaultMobileOpen);
+  const [internalSidebarCollapsed, setInternalSidebarCollapsed] = (0, import_react10.useState)(
+    () => sidebarPersistence?.read() ?? defaultSidebarCollapsed
+  );
+  const sidebarCollapsed = controlledSidebarCollapsed ?? internalSidebarCollapsed;
+  const setSidebarCollapsed = (0, import_react10.useCallback)(
+    (collapsed) => {
+      if (controlledSidebarCollapsed === void 0) setInternalSidebarCollapsed(collapsed);
+      sidebarPersistence?.write(collapsed);
+      onSidebarCollapsedChange?.(collapsed);
+    },
+    [controlledSidebarCollapsed, onSidebarCollapsedChange, sidebarPersistence]
+  );
+  (0, import_react10.useEffect)(() => {
+    if (!mobileOpen) return;
+    const close = (event) => {
+      if (event.key === "Escape") setMobileOpen(false);
+    };
+    window.addEventListener("keydown", close);
+    return () => window.removeEventListener("keydown", close);
+  }, [mobileOpen]);
+  (0, import_react10.useEffect)(() => {
+    if (!sidebarPersistence?.subscribe) return;
+    return sidebarPersistence.subscribe((collapsed) => {
+      if (collapsed !== void 0 && controlledSidebarCollapsed === void 0) {
+        setInternalSidebarCollapsed(collapsed);
+      }
+    });
+  }, [controlledSidebarCollapsed, sidebarPersistence]);
+  const value = (0, import_react10.useMemo)(
+    () => ({ navigationId, mobileOpen, setMobileOpen, sidebarCollapsed, setSidebarCollapsed }),
+    [mobileOpen, navigationId, setSidebarCollapsed, sidebarCollapsed]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AppShellContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      className: (0, import_utils15.cn)(
+        "j-app-shell",
+        mobileOpen && "j-app-shell--nav-open",
+        sidebarCollapsed && "j-app-shell--collapsed",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function Sidebar({ className, children, ...props }) {
+  const shell = (0, import_react10.useContext)(AppShellContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "button",
+      {
+        className: "j-sidebar-overlay",
+        "aria-label": "Close navigation",
+        tabIndex: shell?.mobileOpen ? 0 : -1,
+        onClick: () => shell?.setMobileOpen(false)
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "aside",
+      {
+        id: shell?.navigationId,
+        className: (0, import_utils15.cn)("j-sidebar", className),
+        "aria-label": props["aria-label"] ?? "Primary navigation",
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "j-sidebar-mobile-header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: "Navigation" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              IconButton,
+              {
+                label: "Close navigation",
+                variant: "ghost",
+                onClick: () => shell?.setMobileOpen(false),
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons9.X, { "aria-hidden": "true" })
+              }
+            )
+          ] }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function AppShellMenuButton({
+  className,
+  label = "Open navigation",
+  ...props
+}) {
+  const shell = (0, import_react10.useContext)(AppShellContext);
+  if (!shell) throw new Error("AppShellMenuButton must be used inside AppShell");
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    IconButton,
+    {
+      className: (0, import_utils15.cn)("j-app-shell-menu", className),
+      label,
+      variant: "ghost",
+      "aria-controls": shell.navigationId,
+      "aria-expanded": shell.mobileOpen,
+      onClick: () => shell.setMobileOpen(!shell.mobileOpen),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons9.Menu, { "aria-hidden": "true" })
+    }
+  );
+}
+function AppShellCollapseButton({
+  className,
+  ...props
+}) {
+  const shell = (0, import_react10.useContext)(AppShellContext);
+  if (!shell) throw new Error("AppShellCollapseButton must be used inside AppShell");
+  const label = shell.sidebarCollapsed ? "Expand navigation" : "Collapse navigation";
+  const Icon2 = shell.sidebarCollapsed ? import_icons9.PanelLeftOpen : import_icons9.PanelLeftClose;
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    IconButton,
+    {
+      className: (0, import_utils15.cn)("j-app-shell-collapse", className),
+      label,
+      variant: "ghost",
+      "aria-pressed": shell.sidebarCollapsed,
+      onClick: () => shell.setSidebarCollapsed(!shell.sidebarCollapsed),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon2, { "aria-hidden": "true" })
+    }
+  );
+}
+function Header({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("header", { className: (0, import_utils15.cn)("j-header", className), ...props });
+}
+function MainContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("main", { className: (0, import_utils15.cn)("j-main-content", className), ...props });
+}
+function itemIsActive(item, currentPath, isPathActive) {
+  if (item.active !== void 0) return item.active;
+  if (!currentPath || !item.href) return false;
+  return isPathActive ? isPathActive(currentPath, item.href, item) : matchNavigationPath(currentPath, item.href, item.matchEnd);
+}
+function branchIsActive(item, currentPath, isPathActive) {
+  return itemIsActive(item, currentPath, isPathActive) || Boolean(item.items?.some((child) => branchIsActive(child, currentPath, isPathActive)));
+}
+function collectExpanded(items, currentPath, isPathActive, result = /* @__PURE__ */ new Set(), includeDefaults = true) {
+  for (const item of items) {
+    const id = item.id ?? `${item.href ?? "group"}-${item.label}`;
+    if (includeDefaults && item.defaultExpanded || item.items?.some((child) => branchIsActive(child, currentPath, isPathActive))) {
+      result.add(id);
+    }
+    if (item.items) collectExpanded(item.items, currentPath, isPathActive, result, includeDefaults);
+  }
+  return result;
+}
+function NavigationBranch({
+  items,
+  level,
+  expanded,
+  toggle,
+  shell,
+  currentPath,
+  isPathActive,
+  onNavigate,
+  renderLink
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      className: (0, import_utils15.cn)("j-app-navigation-list", level > 0 && "j-app-navigation-sublist"),
+      role: level > 0 ? "group" : void 0,
+      children: items.map((navigationItem) => {
+        const {
+          id: providedId,
+          label,
+          icon: Icon2,
+          badge,
+          active,
+          items: nestedItems,
+          defaultExpanded,
+          matchEnd,
+          className,
+          onClick,
+          ...item
+        } = navigationItem;
+        const id = providedId ?? `${item.href ?? "group"}-${label}`;
+        if (nestedItems?.length) {
+          const open = expanded.has(id);
+          const nestedActive = branchIsActive(navigationItem, currentPath, isPathActive);
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            "div",
+            {
+              className: "j-app-navigation-group",
+              "data-active": nestedActive || void 0,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    className: (0, import_utils15.cn)("j-app-navigation-link j-app-navigation-group-trigger", className),
+                    "aria-expanded": open,
+                    "aria-controls": `${id}-children`,
+                    "data-default-expanded": defaultExpanded || void 0,
+                    title: shell?.sidebarCollapsed ? label : void 0,
+                    onClick: () => toggle(id),
+                    children: [
+                      Icon2 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon2, { "aria-hidden": "true" }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: label }),
+                      badge ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "j-app-navigation-badge", children: badge }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons9.ChevronDown, { className: "j-app-navigation-chevron", "aria-hidden": "true" })
+                    ]
+                  }
+                ),
+                open ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { id: `${id}-children`, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  NavigationBranch,
+                  {
+                    items: nestedItems,
+                    level: level + 1,
+                    expanded,
+                    toggle,
+                    shell,
+                    currentPath,
+                    isPathActive,
+                    onNavigate,
+                    renderLink
+                  }
+                ) }) : null
+              ]
+            },
+            id
+          );
+        }
+        const resolvedActive = active ?? (currentPath && item.href ? isPathActive ? isPathActive(currentPath, item.href, navigationItem) : matchNavigationPath(currentPath, item.href, matchEnd) : false);
+        const linkClassName = (0, import_utils15.cn)("j-app-navigation-link", className);
+        const children = /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+          Icon2 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon2, { "aria-hidden": "true" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: label }),
+          badge ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "j-app-navigation-badge", children: badge }) : null
+        ] });
+        const handleClick = (event) => {
+          onClick?.(event);
+          onNavigate?.(navigationItem, event);
+          if (!event.defaultPrevented) shell?.setMobileOpen(false);
+        };
+        return renderLink ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react10.Fragment, { children: renderLink({
+          item: navigationItem,
+          active: resolvedActive,
+          className: linkClassName,
+          children,
+          onClick: handleClick
+        }) }, id) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "a",
+          {
+            className: linkClassName,
+            "aria-current": resolvedActive ? "page" : void 0,
+            title: shell?.sidebarCollapsed ? label : void 0,
+            onClick: handleClick,
+            ...item,
+            children
+          },
+          id
+        );
+      })
+    }
+  );
+}
+function AppNavigation({
+  items,
+  label = "Primary navigation",
+  footer,
+  currentPath,
+  isPathActive,
+  onNavigate,
+  renderLink,
+  className,
+  ...props
+}) {
+  const shell = (0, import_react10.useContext)(AppShellContext);
+  const [expanded, setExpanded] = (0, import_react10.useState)(() => collectExpanded(items, currentPath, isPathActive));
+  const visibleExpanded = (0, import_react10.useMemo)(
+    () => /* @__PURE__ */ new Set([
+      ...expanded,
+      ...collectExpanded(items, currentPath, isPathActive, /* @__PURE__ */ new Set(), false)
+    ]),
+    [currentPath, expanded, isPathActive, items]
+  );
+  const toggle = (id) => setExpanded((current) => {
+    const next = new Set(current);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    return next;
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("nav", { className: (0, import_utils15.cn)("j-app-navigation", className), "aria-label": label, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      NavigationBranch,
+      {
+        items,
+        level: 0,
+        expanded: visibleExpanded,
+        toggle,
+        shell,
+        currentPath,
+        isPathActive,
+        onNavigate,
+        renderLink
+      }
+    ),
+    footer ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "j-app-navigation-footer", children: footer }) : null
+  ] });
+}
+function PageHeader({
+  title,
+  description,
+  eyebrow,
+  actions,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: (0, import_utils15.cn)("j-page-header", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+      eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "j-page-eyebrow", children: eyebrow }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h1", { className: "j-page-title", children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "j-page-description", children: description }) : null
+    ] }),
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "j-page-actions", children: actions }) : null
+  ] });
+}
+
+// src/components/metric-card.tsx
+var import_utils16 = require("@jerco/utils");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function MetricCard({
+  label,
+  value,
+  description,
+  trend,
+  status,
+  icon: Icon2,
+  loading = false,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Card, { className: (0, import_utils16.cn)("j-metric-card", className), "aria-busy": loading || void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "j-metric-card-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "j-metric-label", children: label }),
+      Icon2 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon2, { className: "j-metric-icon", "aria-hidden": "true" }) : null
+    ] }),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Skeleton, { className: "j-metric-skeleton-value" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Skeleton, { className: "j-metric-skeleton-text" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "j-sr-only", children: [
+        "Loading ",
+        label
+      ] })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "j-metric-value", children: value }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "j-metric-meta", children: [
+        trend ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "j-metric-trend", children: trend }) : null,
+        status ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(StatusIndicator, { status }) : null
+      ] }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "j-metric-description", children: description }) : null
+    ] })
+  ] });
+}
+
+// src/components/operational-state.tsx
+var import_icons10 = require("@jerco/icons");
+var import_utils17 = require("@jerco/utils");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function EmptyState({
+  icon: Icon2 = import_icons10.Info,
+  title,
+  description,
+  action,
+  compact = false,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "div",
+    {
+      className: (0, import_utils17.cn)("j-operational-state", compact && "j-operational-state--compact", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon2, { className: "j-operational-state-icon", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { children: description }),
+        action ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "j-operational-state-action", children: action }) : null
+      ]
+    }
+  );
+}
+function ErrorState({
+  icon: Icon2 = import_icons10.AlertCircle,
+  title,
+  description,
+  action,
+  onRetry,
+  retryLabel = "Try again",
+  compact = false,
+  className
+}) {
+  const resolvedAction = action ?? (onRetry ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Button, { variant: "outline", onClick: onRetry, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons10.RefreshCw, { "aria-hidden": "true" }),
+    " ",
+    retryLabel
+  ] }) : null);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "div",
+    {
+      className: (0, import_utils17.cn)(
+        "j-operational-state j-operational-state--error",
+        compact && "j-operational-state--compact",
+        className
+      ),
+      role: "alert",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon2, { className: "j-operational-state-icon", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { children: description }),
+        resolvedAction ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "j-operational-state-action", children: resolvedAction }) : null
+      ]
+    }
+  );
+}
+
+// src/components/radio-group.tsx
+var import_utils18 = require("@jerco/utils");
+var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
+var import_react11 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var RadioGroup2 = (0, import_react11.forwardRef)(function RadioGroup3({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RadioGroupPrimitive.Root, { ref, className: (0, import_utils18.cn)("j-radio-group", className), ...props });
+});
+var RadioGroupItem = (0, import_react11.forwardRef)(function RadioGroupItem2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RadioGroupPrimitive.Item, { ref, className: (0, import_utils18.cn)("j-radio", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RadioGroupPrimitive.Indicator, { className: "j-radio-indicator" }) });
+});
+function RadioField({
+  id,
+  label,
+  description,
+  value
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "j-choice-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RadioGroupItem, { id, value }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "j-choice-label", htmlFor: id, children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "j-choice-description", children: description }) : null
+    ] })
+  ] });
+}
+
+// src/components/service-health.tsx
+var import_icons11 = require("@jerco/icons");
+var import_utils19 = require("@jerco/utils");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function ServiceHealth({
+  name,
+  status,
+  endpoint,
+  latency,
+  description,
+  meta,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("article", { className: (0, import_utils19.cn)("j-service-health", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "j-service-health-icon", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons11.Activity, { "aria-hidden": "true" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "j-service-health-main", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "j-service-health-title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h3", { children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StatusIndicator, { status })
+      ] }),
+      endpoint ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("code", { children: endpoint }) : null,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { children: description }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "j-service-health-meta", children: [
+      latency ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("strong", { children: latency }) : null,
+      meta
+    ] })
+  ] });
+}
+
+// src/components/spinner.tsx
+var import_icons12 = require("@jerco/icons");
+var import_utils20 = require("@jerco/utils");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function Spinner({ label = "Loading", className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: (0, import_utils20.cn)("j-spinner-wrap", className), role: "status", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons12.LoaderCircle, { className: "j-spinner", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "j-sr-only", children: label })
+  ] });
+}
+
+// src/components/switch.tsx
+var import_utils21 = require("@jerco/utils");
+var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"), 1);
+var import_react12 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Switch = (0, import_react12.forwardRef)(function Switch2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SwitchPrimitive.Root, { ref, className: (0, import_utils21.cn)("j-switch", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SwitchPrimitive.Thumb, { className: "j-switch-thumb" }) });
+});
+function SwitchField({
+  id,
+  label,
+  description,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "j-switch-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { className: "j-choice-label", htmlFor: id, children: label }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "j-choice-description", children: description }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Switch, { id, ...props })
+  ] });
+}
+
+// src/components/tabs.tsx
+var import_utils22 = require("@jerco/utils");
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
+var import_react13 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Tabs = TabsPrimitive.Root;
+var TabsList = (0, import_react13.forwardRef)(function TabsList2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsPrimitive.List, { ref, className: (0, import_utils22.cn)("j-tabs-list", className), ...props });
+});
+var TabsTrigger = (0, import_react13.forwardRef)(function TabsTrigger2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsPrimitive.Trigger, { ref, className: (0, import_utils22.cn)("j-tabs-trigger", className), ...props });
+});
+var TabsContent = (0, import_react13.forwardRef)(function TabsContent2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsPrimitive.Content, { ref, className: (0, import_utils22.cn)("j-tabs-content", className), ...props });
+});
+
+// src/components/toast.tsx
+var import_icons13 = require("@jerco/icons");
+var import_utils23 = require("@jerco/utils");
+var ToastPrimitive = __toESM(require("@radix-ui/react-toast"), 1);
+var import_react14 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var ToastProvider = ToastPrimitive.Provider;
+var Toast = (0, import_react14.forwardRef)(function Toast2({ className, tone = "neutral", ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    ToastPrimitive.Root,
+    {
+      ref,
+      className: (0, import_utils23.cn)("j-toast", `j-toast--${tone}`, className),
+      ...props
+    }
+  );
+});
+var ToastTitle = (0, import_react14.forwardRef)(function ToastTitle2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToastPrimitive.Title, { ref, className: (0, import_utils23.cn)("j-toast-title", className), ...props });
+});
+var ToastDescription = (0, import_react14.forwardRef)(function ToastDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    ToastPrimitive.Description,
+    {
+      ref,
+      className: (0, import_utils23.cn)("j-toast-description", className),
+      ...props
+    }
+  );
+});
+var ToastAction = ToastPrimitive.Action;
+var ToastClose = (0, import_react14.forwardRef)(function ToastClose2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    ToastPrimitive.Close,
+    {
+      ref,
+      className: (0, import_utils23.cn)("j-toast-close", className),
+      "aria-label": "Dismiss notification",
+      ...props,
+      children: children ?? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons13.X, { "aria-hidden": "true" })
+    }
+  );
+});
+var ToastViewport = (0, import_react14.forwardRef)(function ToastViewport2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ToastPrimitive.Viewport, { ref, className: (0, import_utils23.cn)("j-toast-viewport", className), ...props });
+});
+
+// src/components/tooltip.tsx
+var import_utils24 = require("@jerco/utils");
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
+var import_react15 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = (0, import_react15.forwardRef)(function TooltipContent2({ className, sideOffset = 6, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      className: (0, import_utils24.cn)("j-tooltip", className),
+      sideOffset,
+      ...props
+    }
+  ) });
+});
+function SimpleTooltip({ content, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipContent, { children: content })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AppNavigation,
+  AppShell,
+  AppShellCollapseButton,
+  AppShellMenuButton,
+  Badge,
+  BrandLogo,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  CheckboxField,
+  DataTable,
+  DesignSystemProvider,
+  DeviceCard,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EmptyState,
+  ErrorState,
+  Header,
+  IconButton,
+  Input,
+  Label,
+  MainContent,
+  MetricCard,
+  NativeSelect,
+  PageHeader,
+  RadioField,
+  RadioGroup,
+  RadioGroupItem,
+  Select,
+  SelectGroup,
+  SelectLabel,
+  SelectValue,
+  Separator,
+  ServiceHealth,
+  Sidebar,
+  SimpleTooltip,
+  Skeleton,
+  Spinner,
+  StatusIndicator,
+  Switch,
+  SwitchField,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  buttonVariants,
+  createBrowserBooleanStateAdapter,
+  createBrowserDataTableUrlStateAdapter,
+  createDataTableRequestManager,
+  createDataTableUrlStateAdapter,
+  matchNavigationPath,
+  parseDataTableUrlState,
+  serializeDataTableUrlState,
+  useDesignSystem
+});