@yourrealm/sdk 0.0.0-alpha.1378.ce03c8dc

package/src/ui/components/tooltip.tsx

@@ -0,0 +1,56 @@
+import type { ComponentChildren, ComponentProps } from "preact";
+import { Tooltip as TooltipPrimitive } from "@ark-ui/react/tooltip";
+
+import { cn } from "../utils.ts";
+
+function TooltipProvider({ children }: { children: ComponentChildren }) {
+  return <>{children}</>;
+}
+
+function Tooltip({ openDelay = 0, ...props }: ComponentProps<typeof TooltipPrimitive.Root>) {
+  return <TooltipPrimitive.Root openDelay={openDelay} {...props} />;
+}
+
+function TooltipTrigger({ ...props }: ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
+}
+
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}: ComponentProps<typeof TooltipPrimitive.Content> & {
+  side?: "top" | "right" | "bottom" | "left";
+  sideOffset?: number;
+  align?: "start" | "center" | "end";
+  alignOffset?: number;
+}) {
+  const placement =
+    align === "center" ? side : (`${side}-${align === "start" ? "start" : "end"}` as const);
+  return (
+    <TooltipPrimitive.Positioner
+      className="isolate z-50"
+      positioning={{ placement, offset: { mainAxis: sideOffset, crossAxis: alignOffset } }}
+    >
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        className={cn(
+          "z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+          className,
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground">
+          <TooltipPrimitive.ArrowTip />
+        </TooltipPrimitive.Arrow>
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Positioner>
+  );
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/src/ui/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "base-nova",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "tokens.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@yourrealm/sdk/ui",
+    "utils": "@yourrealm/sdk/ui/utils",
+    "ui": "@yourrealm/sdk/ui/components",
+    "lib": "@yourrealm/sdk/ui",
+    "hooks": "@yourrealm/sdk/ui/hooks"
+  }
+}

package/src/ui/dev/dev-shell.tsx

@@ -0,0 +1,145 @@
+// Shell chrome shared by `realm-sdk dev`'s entry points
+// (dev-landing-entry.tsx, install-entry.tsx), so the chrome matches a real Home
+// install bit-for-bit. Wraps a Home-style sidebar (the same `Sidebar*`
+// primitives Home's DashboardShell uses) around the page-specific content:
+//
+//   - Navigation: Home, Install
+//   - Pages: every declared `ui.pages` entry (sidebar label + icon comes from
+//     the resolved UI manifest)
+//
+// Widgets are not in the sidebar — they appear on Home alongside router tiles,
+// mirroring Home's `/` layout.
+
+import type { ComponentChildren, JSX } from "preact";
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarProvider,
+  SidebarTrigger,
+} from "../components/sidebar.tsx";
+import { DownloadSimpleIcon, HouseIcon, resolveIcon } from "../components/icons.tsx";
+
+export interface PageEntry {
+  key: string;
+  title: string;
+  icon?: string;
+}
+
+export interface DevShellState {
+  appName: string;
+  pages: PageEntry[];
+}
+
+interface NavItem {
+  href: string;
+  label: string;
+  Icon: (props: { className?: string }) => JSX.Element;
+}
+
+const NAV: NavItem[] = [
+  { href: "/", label: "Home", Icon: HouseIcon },
+  { href: "/install", label: "Install", Icon: DownloadSimpleIcon },
+];
+
+interface DevShellProps {
+  state: DevShellState;
+  pathname: string;
+  sidebarOpen?: boolean;
+  /** Breadcrumb / page title shown in the top bar. */
+  title: string;
+  /** Icon (by name) shown next to `title`. */
+  titleIcon?: string;
+  children: ComponentChildren;
+}
+
+export function DevShell({
+  state,
+  pathname,
+  sidebarOpen = true,
+  title,
+  titleIcon,
+  children,
+}: DevShellProps) {
+  const TitleIcon = resolveIcon(titleIcon);
+  return (
+    <SidebarProvider defaultOpen={sidebarOpen}>
+      <Sidebar collapsible="icon">
+        <SidebarHeader>
+          <div class="px-2 py-1 text-sm font-bold tracking-tight group-data-[collapsible=icon]:hidden">
+            {state.appName}
+          </div>
+        </SidebarHeader>
+        <SidebarContent>
+          <SidebarGroup>
+            <SidebarGroupLabel>Navigation</SidebarGroupLabel>
+            <SidebarMenu>
+              {NAV.map(({ href, label, Icon }) => (
+                <SidebarMenuItem key={href}>
+                  <SidebarMenuButton asChild tooltip={label} isActive={pathname === href}>
+                    <a href={href}>
+                      <Icon />
+                      <span class="flex-1">{label}</span>
+                    </a>
+                  </SidebarMenuButton>
+                </SidebarMenuItem>
+              ))}
+            </SidebarMenu>
+          </SidebarGroup>
+          {state.pages.length > 0 && (
+            <SidebarGroup>
+              <SidebarGroupLabel>Pages</SidebarGroupLabel>
+              <SidebarMenu>
+                {state.pages.map((p) => {
+                  const href = `/pages/${encodeURIComponent(p.key)}`;
+                  const Icon = resolveIcon(p.icon);
+                  return (
+                    <SidebarMenuItem key={p.key}>
+                      <SidebarMenuButton asChild tooltip={p.title} isActive={pathname === href}>
+                        <a href={href}>
+                          <Icon />
+                          <span class="flex-1 truncate">{p.title}</span>
+                        </a>
+                      </SidebarMenuButton>
+                    </SidebarMenuItem>
+                  );
+                })}
+              </SidebarMenu>
+            </SidebarGroup>
+          )}
+        </SidebarContent>
+        <SidebarFooter>
+          <SidebarMenu>
+            <SidebarMenuItem>
+              <div class="flex items-center gap-2 px-2 py-1 text-xs text-sidebar-foreground/70 group-data-[collapsible=icon]:hidden">
+                <span class="truncate font-mono font-semibold text-sidebar-foreground">
+                  realm-sdk dev
+                </span>
+              </div>
+            </SidebarMenuItem>
+          </SidebarMenu>
+        </SidebarFooter>
+      </Sidebar>
+      <SidebarInset>
+        <div class="flex h-12 shrink-0 items-center gap-3 border-b border-border px-3">
+          <SidebarTrigger />
+          <nav
+            aria-label="Breadcrumb"
+            class="flex items-center gap-2 text-sm font-medium text-foreground min-w-0"
+          >
+            <TitleIcon className="size-4 text-muted-foreground" />
+            <span class="truncate">{title}</span>
+          </nav>
+        </div>
+        <div class="flex min-h-0 flex-1 flex-col">{children}</div>
+      </SidebarInset>
+    </SidebarProvider>
+  );
+}

package/src/ui/home/home-grid.tsx

@@ -0,0 +1,177 @@
+// Mixed router-tile + widget-iframe grid used by Home's home page and
+// `realm-sdk dev`'s landing page. Both render the same chrome (8rem
+// square app icons + 2×2 widget iframes in an auto-fill grid), they
+// just point at different iframe URLs.
+//
+// Home call site: platform/home/src/routes/(authed)/index.tsx
+// Dev call site: packages/sdk/src/ui-runtime/dev-landing-entry.tsx
+
+import type { ComponentChildren, JSX } from "preact";
+import type { WidgetManifest } from "../../resolve.ts";
+import { CubeIcon, resolveIcon } from "../components/icons.tsx";
+
+export interface RouterTile {
+  /** Stable preact key. Home uses `${appId}/${serviceId}`, dev uses `serviceId`. */
+  key: string;
+  label: string;
+  /** Anchor target. Omit to render a non-clickable tile. */
+  href?: string;
+  /** Open in a new tab. Only meaningful when `href` is set. */
+  external?: boolean;
+  /** Icon URL. Home serves its own `/api/icons/<hash>`; dev uses the source URL. */
+  iconSrc?: string;
+  /** Optional `data-testid` for the anchor; Home uses `home-app-<appId>-<serviceId>`. */
+  testId?: string;
+}
+
+/**
+ * Tile shape for one homepage widget. `title`/`icon`/`cols`/`rows`
+ * come straight from the wire-side `WidgetManifest` (Home's
+ * `extractUiSurfaces` projects them, dev's landing payload mirrors
+ * them); `key` and `iframeSrc` are produced by the renderer that
+ * decided where this tile mounts.
+ *
+ * Below `sm` the grid collapses to two full-width cells: `cols` clamps
+ * to 2 and `rows` grows via `ceil(cols * rows / min(cols, 2))` so the
+ * widget keeps its area. `rows === 1` widgets skip the title-bar
+ * chrome — author owns labeling inside the iframe.
+ */
+export type WidgetTile = Pick<WidgetManifest, "title" | "icon" | "cols" | "rows"> & {
+  /** Stable preact key. Home uses `${appId}/${widgetKey}`, dev uses `widgetKey`. */
+  key: string;
+  /** Full iframe `src` — Home: `/api/ui/<appId>/widget/<key>`, dev: `/iframe/widget/<key>`. */
+  iframeSrc: string;
+  /** Whether the widget declares a non-empty `configSchema` (drives the tile's
+   * "configure" affordance). Omitted where a caller doesn't track it. */
+  hasConfig?: boolean;
+};
+
+interface HomeGridProps {
+  routers: RouterTile[];
+  widgets: WidgetTile[];
+  /**
+   * Bump nonce. Appended to each widget iframe's `key` so the iframe
+   * remounts when the value changes. Dev mode uses this to reload
+   * widgets on realm.ts edits; Home leaves it at 0.
+   */
+  reloadNonce?: number;
+  /** Rendered when both `routers` and `widgets` are empty. */
+  emptyState: ComponentChildren;
+  /**
+   * Whether to apply the grid's own `p-6`. True (default) for full-bleed use
+   * (the home page, dev landing). Set false when embedding inside a page that
+   * already pads its body, so the grid doesn't sit doubly inset.
+   */
+  padded?: boolean;
+}
+
+// Responsive grid + widget sizing, expressed with Tailwind arbitrary-value
+// utilities so the rules land in the bundled stylesheet - an injected <style>
+// element doesn't survive island hydration when this renders as slotted
+// children of Home's DashboardShell island, and silently falls back to
+// display:block.
+//
+// Desktop (≥ sm): fixed 8rem cells in an auto-fill grid; each widget spans its
+// declared `--cols × --rows`. Mobile (< sm): two stretched columns, with
+// `--mobile-cols` / `--mobile-rows` preserving the widget's area. Cell height
+// stays 8rem so a `rows=2` widget stays 16rem tall.
+const GRID_CLASS =
+  "grid gap-4 grid-cols-[repeat(auto-fill,8rem)] auto-rows-[8rem] max-sm:grid-cols-2";
+const WIDGET_SPAN_CLASS =
+  "[grid-column:span_var(--cols)] [grid-row:span_var(--rows)] " +
+  "max-sm:[grid-column:span_var(--mobile-cols)] max-sm:[grid-row:span_var(--mobile-rows)]";
+
+interface WidgetSize {
+  cols: number;
+  rows: number;
+  mobileCols: number;
+  mobileRows: number;
+}
+
+function widgetSize(tile: WidgetTile): WidgetSize {
+  const mobileCols = Math.min(tile.cols, 2);
+  // Preserve area: a 3×2 widget becomes 2×3 on mobile, a 4×2 becomes 2×4.
+  const mobileRows = Math.ceil((tile.cols * tile.rows) / mobileCols);
+  return { cols: tile.cols, rows: tile.rows, mobileCols, mobileRows };
+}
+
+export function HomeGrid({
+  routers,
+  widgets,
+  reloadNonce = 0,
+  emptyState,
+  padded = true,
+}: HomeGridProps): JSX.Element {
+  const isEmpty = routers.length === 0 && widgets.length === 0;
+  return (
+    <div class={padded ? "flex flex-col gap-6 p-6" : "flex flex-col gap-6"}>
+      {isEmpty ? (
+        emptyState
+      ) : (
+        <div class={GRID_CLASS}>
+          {routers.map((r) => {
+            const anchorProps = r.href
+              ? {
+                  href: r.href,
+                  ...(r.external ? { target: "_blank", rel: "noreferrer" } : {}),
+                }
+              : {};
+            const Tag = r.href ? "a" : "div";
+            return (
+              <Tag
+                key={r.key}
+                {...anchorProps}
+                {...(r.testId ? { "data-testid": r.testId } : {})}
+                class="group flex flex-col items-center justify-center gap-2.5 p-2 rounded-2xl"
+              >
+                <div class="size-20 rounded-3xl bg-gradient-to-br from-card to-purple-light shadow-clay flex items-center justify-center transition-transform duration-200 group-hover:-translate-y-1 dark:shadow-clay-dark">
+                  {r.iconSrc ? (
+                    <img src={r.iconSrc} alt="" class="size-12" loading="lazy" />
+                  ) : (
+                    <CubeIcon className="size-10 text-primary/70" />
+                  )}
+                </div>
+                <span class="text-xs font-medium text-center w-full truncate">{r.label}</span>
+              </Tag>
+            );
+          })}
+          {widgets.map((w) => {
+            const Icon = resolveIcon(w.icon);
+            const size = widgetSize(w);
+            // `rows === 1` widgets are too short for a title bar; the
+            // author owns labeling inside the iframe. Gate on the
+            // declared rows so the chrome stays off even when mobile
+            // collapse reflows a `cols=3, rows=1` strip into 2×2.
+            const showChrome = w.rows > 1;
+            return (
+              <div
+                key={w.key}
+                class={`${WIDGET_SPAN_CLASS} rounded-3xl bg-card shadow-clay overflow-hidden flex flex-col dark:shadow-clay-dark`}
+                style={{
+                  "--cols": size.cols,
+                  "--rows": size.rows,
+                  "--mobile-cols": size.mobileCols,
+                  "--mobile-rows": size.mobileRows,
+                }}
+              >
+                {showChrome && (
+                  <div class="flex items-center gap-2 px-3 py-2 text-sm border-b border-border">
+                    <Icon className="size-4 text-muted-foreground" />
+                    <span class="truncate font-medium">{w.title}</span>
+                  </div>
+                )}
+                <iframe
+                  key={`${w.key}:${reloadNonce}`}
+                  src={w.iframeSrc}
+                  sandbox="allow-scripts allow-forms"
+                  class="w-full flex-1 border-0 bg-card"
+                  title={w.title}
+                />
+              </div>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}

package/src/ui/hooks/use-mobile.ts

@@ -0,0 +1,19 @@
+import { useEffect, useState } from "preact/hooks";
+
+const MOBILE_BREAKPOINT = 768;
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);
+
+  useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+
+  return !!isMobile;
+}

package/src/ui/index.ts

@@ -0,0 +1,189 @@
+// Render functions declared on `ui.pages.*` / `ui.widgets.*` are extracted by
+// realm-sdk and bundled with `@yourrealm/sdk/ui` externalized. The actual
+// component implementations are served by Home as the iframe runtime; this
+// module is a type-only contract with stubs that throw if invoked outside the
+// iframe.
+//
+// The `loader`, `action`, `page`, and `widget` helpers are real (identity at
+// runtime) because they exist purely for TS inference — see ui-surface.ts. The
+// matching types (`Page<T>`, `Widget<T>`) aren't re-exported here to avoid
+// colliding with the `Page` layout component below; authors use the helpers
+// and never need to spell the types out.
+
+export { action, loader, page, widget } from "../ui-surface.ts";
+// Typed loader/action failures — the codes a surface (or the runtime's
+// initial-load gate) branches on instead of substring-matching a message.
+export { isTransientUiError, isUiError, UiError, type UiErrorCode } from "../ui-error.ts";
+// `Props<L, A>` is the type of a default-exported surface render fn when a
+// surface lives in its own `pages/*.tsx` / `widgets/*.tsx` module. Unlike
+// `Page<T>` / `Widget<T>` it has no name clash, so it's safe to export.
+export type {
+  Action,
+  IconName,
+  Loader,
+  Props,
+  SurfaceConfig,
+  SurfaceConfigSchema,
+  WorkerResult,
+} from "../ui-surface.ts";
+
+import type * as _badge from "./components/badge.tsx";
+import type * as _button from "./components/button.tsx";
+import type * as _card from "./components/card.tsx";
+import type * as _checkbox from "./components/checkbox.tsx";
+import type * as _combobox from "./components/combobox.tsx";
+import type * as _dialog from "./components/dialog.tsx";
+import type * as _emptyState from "./components/empty-state.tsx";
+import type * as _icons from "./components/icons.tsx";
+import type * as _input from "./components/input.tsx";
+import type * as _label from "./components/label.tsx";
+import type * as _lineChart from "./components/line-chart.tsx";
+import type * as _page from "./components/page.tsx";
+import type * as _pieChart from "./components/pie-chart.tsx";
+import type * as _separator from "./components/separator.tsx";
+import type * as _sheet from "./components/sheet.tsx";
+import type * as _skeleton from "./components/skeleton.tsx";
+import type * as _switch from "./components/switch.tsx";
+import type * as _table from "./components/table.tsx";
+import type * as _timeago from "./components/timeago.tsx";
+import type * as _tooltip from "./components/tooltip.tsx";
+import type * as _preact from "preact";
+
+export type { ComponentChildren, JSX, VNode } from "preact";
+
+const stub = ((): never => {
+  throw new Error(
+    "@yourrealm/sdk/ui has no runtime in this environment. Render functions are bundled by realm-sdk and execute inside the Home iframe.",
+  );
+  // deno-lint-ignore no-explicit-any
+}) as any;
+
+export const h: typeof _preact.h = stub;
+export const Fragment: typeof _preact.Fragment = stub;
+
+export const Badge: typeof _badge.Badge = stub;
+
+export const Button: typeof _button.Button = stub;
+export const buttonVariants: typeof _button.buttonVariants = stub;
+
+export const Card: typeof _card.Card = stub;
+export const CardAction: typeof _card.CardAction = stub;
+export const CardContent: typeof _card.CardContent = stub;
+export const CardDescription: typeof _card.CardDescription = stub;
+export const CardFooter: typeof _card.CardFooter = stub;
+export const CardHeader: typeof _card.CardHeader = stub;
+export const CardTitle: typeof _card.CardTitle = stub;
+
+export const Checkbox: typeof _checkbox.Checkbox = stub;
+
+export const Combobox: typeof _combobox.Combobox = stub;
+
+export const EmptyState: typeof _emptyState.EmptyState = stub;
+
+export const Dialog: typeof _dialog.Dialog = stub;
+export const DialogClose: typeof _dialog.DialogClose = stub;
+export const DialogContent: typeof _dialog.DialogContent = stub;
+export const DialogDescription: typeof _dialog.DialogDescription = stub;
+export const DialogFooter: typeof _dialog.DialogFooter = stub;
+export const DialogHeader: typeof _dialog.DialogHeader = stub;
+export const DialogOverlay: typeof _dialog.DialogOverlay = stub;
+export const DialogTitle: typeof _dialog.DialogTitle = stub;
+export const DialogTrigger: typeof _dialog.DialogTrigger = stub;
+
+export const Input: typeof _input.Input = stub;
+
+export const Label: typeof _label.Label = stub;
+
+export const LineChart: typeof _lineChart.LineChart = stub;
+export const AreaChart: typeof _lineChart.AreaChart = stub;
+
+export const Page: typeof _page.Page = stub;
+
+export const PieChart: typeof _pieChart.PieChart = stub;
+export type { PieSegment } from "./components/pie-chart.tsx";
+
+export const Separator: typeof _separator.Separator = stub;
+
+export const Sheet: typeof _sheet.Sheet = stub;
+export const SheetClose: typeof _sheet.SheetClose = stub;
+export const SheetContent: typeof _sheet.SheetContent = stub;
+export const SheetDescription: typeof _sheet.SheetDescription = stub;
+export const SheetFooter: typeof _sheet.SheetFooter = stub;
+export const SheetHeader: typeof _sheet.SheetHeader = stub;
+export const SheetTitle: typeof _sheet.SheetTitle = stub;
+export const SheetTrigger: typeof _sheet.SheetTrigger = stub;
+
+export const Skeleton: typeof _skeleton.Skeleton = stub;
+
+export const Switch: typeof _switch.Switch = stub;
+
+export const Table: typeof _table.Table = stub;
+export const TableBody: typeof _table.TableBody = stub;
+export const TableCell: typeof _table.TableCell = stub;
+export const TableHead: typeof _table.TableHead = stub;
+export const TableHeader: typeof _table.TableHeader = stub;
+export const TableRow: typeof _table.TableRow = stub;
+export const TablePagination: typeof _table.TablePagination = stub;
+// The generic signature survives the assignment to `stub`, so `K` still infers
+// from the `columns` literal at the call site.
+export const useTableView: typeof _table.useTableView = stub;
+// `export type`, not a stub: `verbatimModuleSyntax` is on, and these are the
+// shapes an author's accessors and sort state are written against.
+export type { SortDirection, SortState, SortValue } from "./components/table-view.ts";
+
+export const TimeAgo: typeof _timeago.TimeAgo = stub;
+export const timeago: typeof _timeago.timeago = stub;
+
+export const Tooltip: typeof _tooltip.Tooltip = stub;
+export const TooltipContent: typeof _tooltip.TooltipContent = stub;
+export const TooltipProvider: typeof _tooltip.TooltipProvider = stub;
+export const TooltipTrigger: typeof _tooltip.TooltipTrigger = stub;
+
+export const ArrowsClockwiseIcon: typeof _icons.ArrowsClockwiseIcon = stub;
+export const ArrowSquareOutIcon: typeof _icons.ArrowSquareOutIcon = stub;
+export const CheckBoldIcon: typeof _icons.CheckBoldIcon = stub;
+export const CheckCircleIcon: typeof _icons.CheckCircleIcon = stub;
+export const CheckIcon: typeof _icons.CheckIcon = stub;
+export const ClipboardIcon: typeof _icons.ClipboardIcon = stub;
+export const ClockIcon: typeof _icons.ClockIcon = stub;
+export const CloudArrowDownIcon: typeof _icons.CloudArrowDownIcon = stub;
+export const CubeIcon: typeof _icons.CubeIcon = stub;
+export const DownloadSimpleIcon: typeof _icons.DownloadSimpleIcon = stub;
+export const EnvelopeIcon: typeof _icons.EnvelopeIcon = stub;
+export const EyeIcon: typeof _icons.EyeIcon = stub;
+export const FadersIcon: typeof _icons.FadersIcon = stub;
+export const FolderOpenIcon: typeof _icons.FolderOpenIcon = stub;
+export const FolderSimpleIcon: typeof _icons.FolderSimpleIcon = stub;
+export const GearIcon: typeof _icons.GearIcon = stub;
+export const GiftIcon: typeof _icons.GiftIcon = stub;
+export const GithubLogoIcon: typeof _icons.GithubLogoIcon = stub;
+export const GlobeIcon: typeof _icons.GlobeIcon = stub;
+export const GraphicsCardIcon: typeof _icons.GraphicsCardIcon = stub;
+export const HandshakeIcon: typeof _icons.HandshakeIcon = stub;
+export const HardDrivesIcon: typeof _icons.HardDrivesIcon = stub;
+export const HouseIcon: typeof _icons.HouseIcon = stub;
+export const InfoIcon: typeof _icons.InfoIcon = stub;
+export const KeyIcon: typeof _icons.KeyIcon = stub;
+export const LightbulbIcon: typeof _icons.LightbulbIcon = stub;
+export const ListChecksIcon: typeof _icons.ListChecksIcon = stub;
+export const LockIcon: typeof _icons.LockIcon = stub;
+export const MagnifyingGlassIcon: typeof _icons.MagnifyingGlassIcon = stub;
+export const PackageIcon: typeof _icons.PackageIcon = stub;
+export const PlugIcon: typeof _icons.PlugIcon = stub;
+export const PlusIcon: typeof _icons.PlusIcon = stub;
+export const PulseIcon: typeof _icons.PulseIcon = stub;
+export const QuestionIcon: typeof _icons.QuestionIcon = stub;
+export const RocketLaunchIcon: typeof _icons.RocketLaunchIcon = stub;
+export const ShareNetworkIcon: typeof _icons.ShareNetworkIcon = stub;
+export const ShieldIcon: typeof _icons.ShieldIcon = stub;
+export const SidebarIcon: typeof _icons.SidebarIcon = stub;
+export const SignOutIcon: typeof _icons.SignOutIcon = stub;
+export const StackIcon: typeof _icons.StackIcon = stub;
+export const StarIcon: typeof _icons.StarIcon = stub;
+export const TerminalWindowIcon: typeof _icons.TerminalWindowIcon = stub;
+export const TrashIcon: typeof _icons.TrashIcon = stub;
+export const UserIcon: typeof _icons.UserIcon = stub;
+export const WarningIcon: typeof _icons.WarningIcon = stub;
+export const WarningOctagonIcon: typeof _icons.WarningOctagonIcon = stub;
+export const XBoldIcon: typeof _icons.XBoldIcon = stub;
+export const XIcon: typeof _icons.XIcon = stub;