@ostack.tech/ui-exhibit 0.10.0

package/dist/ostack-ui-exhibit.js

@@ -0,0 +1,1466 @@
+import { jsxs, jsx, Fragment as Fragment$1 } from "react/jsx-runtime";
+import { Stack, Heading, Link, VisuallyHidden, AlertDialog, AlertDialogTrigger, Button, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogBody, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, Alert, AlertTitle, ButtonGroup, IconButton, Calendar, Field, Label, CheckboxGroup, Checkbox, Feedback, HelperText, Code, useSpacing, Collapsible, CollapsibleTrigger, CollapsibleContent, useCssVars, useKeyboardShortcut, Keybinds, CommandMenuDialog, CommandMenu, CommandMenuGroup, CommandMenuItem, DataTable, DataTableFilter, DataTableContent, DataTableRowsPerPage, DataTablePagination, DateInput, DateRangeInput, Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogBody, DialogDescription, Input, DialogFooter, DialogClose, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuCheckboxItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, Keyboard, Mark, MenuList, MenuListGroup, MenuListItem, NumericInput, ControlAddon, Output, Popover, PopoverTrigger, PopoverContent, TextArea, RadioGroup, Radio, Select, Option, Spinner, Table, TableHead, TableColumn, TableBody, TableRow, TableCell, TableFoot, Tabs, TabList, Tab, TabContent, Tag, useToastManager, Tooltip, Root, enGB, Container } from "@ostack.tech/ui";
+import { createContext, useContext, Fragment, useState } from "react";
+import { faFolderOpen, faSave, faTrashCan, faBolt, faCaretUp, faCaretDown, faGear, faWifi, faNetworkWired, faDisplay, faVolumeHigh, faKeyboard, faPrint, faClock, faUser, faCircleXmark, faSeedling, faEye, faPencil, faComment, faStar, faBookmark } from "@fortawesome/free-solid-svg-icons";
+const DEV_DOCS_URL = "http://localhost:6006/";
+const ExhibitContext = createContext(null);
+function useDocsUrl() {
+  return useContext(ExhibitContext)?.docsUrl ?? DEV_DOCS_URL;
+}
+function ExhibitGrid({
+  rows,
+  cols,
+  renderItem
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "exhibit-grid",
+      style: {
+        "--exhibit-grid-cols": Object.keys(cols).length + (rows ? 1 : 0)
+      },
+      tabIndex: 0,
+      children: [
+        rows && /* @__PURE__ */ jsx("div", {}),
+        Object.keys(cols).map((colLabel) => /* @__PURE__ */ jsx("div", { className: "exhibit-grid-col-label", children: colLabel }, colLabel)),
+        Object.entries(rows ?? { "": void 0 }).map(
+          ([rowLabel, row]) => /* @__PURE__ */ jsxs(Fragment, { children: [
+            rowLabel && /* @__PURE__ */ jsx("div", { className: "exhibit-grid-row-label", children: rowLabel }),
+            Object.entries(cols).map(([colLabel, col]) => /* @__PURE__ */ jsx("div", { className: "exhibit-grid-item", children: renderItem({ row, col }) }, colLabel))
+          ] }, rowLabel)
+        )
+      ]
+    }
+  );
+}
+function ExhibitSection({
+  title,
+  docsPage,
+  children
+}) {
+  const docsUrl = useDocsUrl();
+  const headingId = title.toLowerCase().replace(/[^a-z0-9]/g, "-");
+  return /* @__PURE__ */ jsx(Stack, { asChild: true, children: /* @__PURE__ */ jsxs("section", { className: "exhibit-section", "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ jsx(Stack, { asChild: true, direction: "row", gap: 4, alignItems: "center", children: /* @__PURE__ */ jsxs("header", { children: [
+      /* @__PURE__ */ jsx(Heading, { id: headingId, children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: `#${headingId}`,
+          color: "neutral",
+          style: { color: "var(--o-ui-neutral-12)" },
+          children: title
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(
+        Link,
+        {
+          className: "exhibit-section-docs-link",
+          href: `${docsUrl}?path=/docs/${docsPage}--docs`,
+          external: true,
+          children: [
+            "View docs",
+            /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+              " of ",
+              title
+            ] })
+          ]
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "exhibit-section-content", children })
+  ] }) });
+}
+function AlertDialogSection() {
+  return /* @__PURE__ */ jsx(
+    ExhibitSection,
+    {
+      title: "Alert dialog",
+      docsPage: "ostack-ui-overlay-alert-dialog",
+      children: /* @__PURE__ */ jsx(
+        ExhibitGrid,
+        {
+          cols: {
+            Neutral: "neutral",
+            Primary: "primary",
+            Success: "success",
+            Danger: "danger",
+            Warning: "warning"
+          },
+          rows: {
+            Solid: "solid",
+            Subtle: "subtle",
+            Outlined: "outlined",
+            Ghost: "ghost"
+          },
+          renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(AlertDialog, { children: [
+            /* @__PURE__ */ jsx(AlertDialogTrigger, { children: /* @__PURE__ */ jsx(Button, { variant: row, color: col, children: "Restore" }) }),
+            /* @__PURE__ */ jsxs(AlertDialogContent, { variant: row, color: col, children: [
+              /* @__PURE__ */ jsx(AlertDialogHeader, { children: /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Restore previous version?" }) }),
+              /* @__PURE__ */ jsx(AlertDialogBody, { children: /* @__PURE__ */ jsx(AlertDialogDescription, { children: "This will overwrite your current draft with the version saved on January 12th. Current changes will be lost." }) }),
+              /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+                /* @__PURE__ */ jsx(AlertDialogCancel, { children: /* @__PURE__ */ jsx(Button, { variant: "subtle", children: "Go back" }) }),
+                /* @__PURE__ */ jsx(AlertDialogAction, { children: /* @__PURE__ */ jsx(Button, { color: col, children: "Restore" }) })
+              ] })
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+}
+function AlertSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Alert", docsPage: "ostack-ui-feedback-alert", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Neutral: "neutral",
+        Info: "info",
+        Success: "success",
+        Danger: "danger",
+        Warning: "warning",
+        Title: "title",
+        Action: "action",
+        "Close button": "showCloseButton"
+      },
+      rows: {
+        Solid: "solid",
+        Subtle: "subtle",
+        Outlined: "outlined"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(
+        Alert,
+        {
+          variant: row,
+          action: col === "action" && /* @__PURE__ */ jsx(Button, { color: "primary", children: "Accept" }),
+          severity: col === "title" || col === "action" || col === "showCloseButton" ? void 0 : col,
+          showCloseButton: col === "showCloseButton",
+          children: [
+            col === "title" && /* @__PURE__ */ jsx(AlertTitle, { children: "Notice" }),
+            "Terms may apply."
+          ]
+        }
+      )
+    }
+  ) });
+}
+function ButtonGroupSection() {
+  return /* @__PURE__ */ jsx(
+    ExhibitSection,
+    {
+      title: "Button group",
+      docsPage: "ostack-ui-layout-button-group",
+      children: /* @__PURE__ */ jsx(
+        ExhibitGrid,
+        {
+          cols: {
+            Neutral: "neutral",
+            Primary: "primary",
+            Success: "success",
+            Danger: "danger",
+            Warning: "warning"
+          },
+          rows: {
+            Solid: "solid",
+            Subtle: "subtle",
+            Outlined: "outlined",
+            Ghost: "ghost"
+          },
+          renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+            /* @__PURE__ */ jsx(Button, { icon: faFolderOpen, variant: row, color: col, children: "Load" }),
+            /* @__PURE__ */ jsx(Button, { icon: faSave, variant: row, color: col, children: "Save" }),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                icon: faTrashCan,
+                label: "Delete",
+                variant: row,
+                color: col
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+function ButtonSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Button", docsPage: "ostack-ui-forms-button", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Neutral: "neutral",
+        Primary: "primary",
+        Success: "success",
+        Danger: "danger",
+        Warning: "warning",
+        Disabled: "disabled",
+        Loading: "loading",
+        Keybinds: "keybinds",
+        Vertical: "vertical"
+      },
+      rows: {
+        Solid: "solid",
+        Subtle: "subtle",
+        Outlined: "outlined",
+        Ghost: "ghost"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: faBolt,
+          variant: row,
+          color: col === "disabled" || col === "loading" || col === "keybinds" || col === "vertical" ? void 0 : col,
+          disabled: col === "disabled",
+          loading: col === "loading",
+          loadingContent: col === "loading" ? "Zapping…" : void 0,
+          keybinds: col === "keybinds" ? "Alt+Shift+Z" : void 0,
+          vertical: col === "vertical",
+          children: "Zap"
+        }
+      )
+    }
+  ) });
+}
+function CalendarSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Calendar", docsPage: "ostack-ui-data-display-calendar", children: /* @__PURE__ */ jsx(Calendar, {}) });
+}
+function CheckboxGroupSection() {
+  return /* @__PURE__ */ jsx(
+    ExhibitSection,
+    {
+      title: "Checkbox group",
+      docsPage: "ostack-ui-forms-checkbox-group",
+      children: /* @__PURE__ */ jsx(
+        ExhibitGrid,
+        {
+          cols: {
+            Basic: "",
+            "Helper text": "helperText",
+            Required: "required",
+            Disabled: "disabled",
+            "Read-only": "readOnly",
+            Loading: "loading",
+            Code: "code",
+            "All codes": "allCodes"
+          },
+          rows: {
+            "No status": void 0,
+            Valid: "valid",
+            Invalid: "invalid",
+            Warned: "warned"
+          },
+          renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(Field, { children: [
+            /* @__PURE__ */ jsx(Label, { children: "Toppings" }),
+            /* @__PURE__ */ jsxs(
+              CheckboxGroup,
+              {
+                defaultValue: ["caramel"],
+                status: row,
+                required: col === "required",
+                disabled: col === "disabled",
+                readOnly: col === "readOnly",
+                loading: col === "loading",
+                code: col === "code" || col === "allCodes" ? "3.2" : void 0,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      value: "caramel",
+                      code: col === "allCodes" ? "a" : void 0,
+                      children: "Caramel"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      value: "chocolate",
+                      code: col === "allCodes" ? "b" : void 0,
+                      children: "Chocolate"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      value: "strawberry",
+                      code: col === "allCodes" ? "c" : void 0,
+                      children: "Strawberry"
+                    }
+                  )
+                ]
+              }
+            ),
+            row === "valid" && /* @__PURE__ */ jsx(Feedback, { type: "success", children: "Available." }),
+            row === "warned" && /* @__PURE__ */ jsx(Feedback, { type: "warning", children: "Maybe unavailable." }),
+            row === "invalid" && /* @__PURE__ */ jsx(Feedback, { children: "Unavailable." }),
+            col === "helperText" && /* @__PURE__ */ jsx(HelperText, { children: "Select all wanted." })
+          ] })
+        }
+      )
+    }
+  );
+}
+function CheckboxSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Checkbox", docsPage: "ostack-ui-forms-checkbox", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Basic: "",
+        Indeterminate: "indeterminate",
+        "Helper text": "helperText",
+        Required: "required",
+        Disabled: "disabled",
+        "Read-only": "readOnly",
+        Loading: "loading",
+        Code: "code"
+      },
+      rows: {
+        "No status": void 0,
+        Valid: "valid",
+        Invalid: "invalid",
+        Warned: "warned"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            status: row,
+            defaultChecked: col === "indeterminate" ? "indeterminate" : true,
+            required: col === "required",
+            disabled: col === "disabled",
+            readOnly: col === "readOnly",
+            loading: col === "loading",
+            code: col === "code" ? "1.5" : void 0,
+            children: "I accept"
+          }
+        ),
+        row === "valid" && /* @__PURE__ */ jsx(Feedback, { type: "success", children: "Accepted." }),
+        row === "warned" && /* @__PURE__ */ jsx(Feedback, { type: "warning", children: "Are you sure?" }),
+        row === "invalid" && /* @__PURE__ */ jsx(Feedback, { children: "Must accept." }),
+        col === "helperText" && /* @__PURE__ */ jsx(HelperText, { children: "Please indicate." })
+      ] })
+    }
+  ) });
+}
+function CodeSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Code", docsPage: "ostack-ui-typography-code", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Neutral: "neutral",
+        Primary: "primary",
+        Success: "success",
+        Danger: "danger",
+        Warning: "warning"
+      },
+      renderItem: ({ col }) => /* @__PURE__ */ jsx(Code, { color: col, children: "Math.sin(1)" })
+    }
+  ) });
+}
+function CollapsibleSection() {
+  const spacing = useSpacing();
+  return /* @__PURE__ */ jsx(
+    ExhibitSection,
+    {
+      title: "Collapsible",
+      docsPage: "ostack-ui-disclosure-collapsible",
+      children: /* @__PURE__ */ jsxs(Collapsible, { children: [
+        /* @__PURE__ */ jsx(CollapsibleTrigger, { children: (open) => /* @__PURE__ */ jsxs(Button, { icon: open ? faCaretUp : faCaretDown, iconPlacement: "end", children: [
+          open ? "Hide" : "Show",
+          " quote"
+        ] }) }),
+        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxs(
+          "blockquote",
+          {
+            cite: "https://gutenberg.net.au/ebooks02/0201091h.html",
+            style: { marginTop: spacing(4) },
+            children: [
+              /* @__PURE__ */ jsx("p", { children: '"The sun had not yet risen. The sea was indistinguishable from the sky, except that the sea was slightly creased as if a cloth had wrinkles in it. Gradually as the sky whitened a dark line lay on the horizon dividing the sea from the sky and the grey cloth became barred with thick strokes moving, one after another, beneath the surface, following each other, pursuing each other, perpetually."' }),
+              /* @__PURE__ */ jsxs("p", { children: [
+                "—Virginia Woolf, ",
+                /* @__PURE__ */ jsx("cite", { children: "The Waves" })
+              ] })
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function CommandMenuSection() {
+  const [open, setOpen] = useState(false);
+  const { cssVar } = useCssVars();
+  const keybind = "$mod+K";
+  useKeyboardShortcut(keybind, () => setOpen(true), { preventDefault: true });
+  const handleSelect = () => setOpen(false);
+  return /* @__PURE__ */ jsxs(
+    ExhibitSection,
+    {
+      title: "Command menu",
+      docsPage: "ostack-ui-overlay-command-menu",
+      children: [
+        /* @__PURE__ */ jsxs("span", { style: { color: cssVar("neutral-11") }, children: [
+          "Press ",
+          /* @__PURE__ */ jsx(Keybinds, { keybinds: keybind }),
+          " to open the command menu."
+        ] }),
+        /* @__PURE__ */ jsx(CommandMenuDialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(CommandMenu, { children: [
+          /* @__PURE__ */ jsxs(CommandMenuGroup, { label: "Actions", children: [
+            /* @__PURE__ */ jsx(CommandMenuItem, { onSelect: handleSelect, children: "Find" }),
+            /* @__PURE__ */ jsx(CommandMenuItem, { onSelect: handleSelect, children: "Replace" }),
+            /* @__PURE__ */ jsx(CommandMenuItem, { onSelect: handleSelect, children: "Analyse" }),
+            /* @__PURE__ */ jsx(CommandMenuItem, { onSelect: handleSelect, children: "Inspect" })
+          ] }),
+          /* @__PURE__ */ jsxs(CommandMenuGroup, { label: "Languages", children: [
+            /* @__PURE__ */ jsx(CommandMenuItem, { onSelect: handleSelect, children: "C" }),
+            /* @__PURE__ */ jsx(CommandMenuItem, { onSelect: handleSelect, children: "C++" }),
+            /* @__PURE__ */ jsx(CommandMenuItem, { onSelect: handleSelect, children: "Java" }),
+            /* @__PURE__ */ jsx(CommandMenuItem, { onSelect: handleSelect, children: "JavaScript" }),
+            /* @__PURE__ */ jsx(CommandMenuItem, { onSelect: handleSelect, children: "Python" }),
+            /* @__PURE__ */ jsx(CommandMenuItem, { onSelect: handleSelect, children: "Rust" })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+const ROWS$1 = [
+  { id: 0, student: "Allyson Meyer", grade: 84.2 },
+  { id: 1, student: "Tristan Hogan", grade: 71.5 },
+  { id: 2, student: "Kathryn Duarte", grade: 92.8 },
+  { id: 3, student: "Abdullah Flynn", grade: 58.4 },
+  { id: 4, student: "Dorothy Davidson", grade: 76.1 },
+  { id: 5, student: "Dante Hurst", grade: 89 },
+  { id: 6, student: "Adalee Koch", grade: 94.3 },
+  { id: 7, student: "Salvador Reeves", grade: 62.7 },
+  { id: 8, student: "Lana Carr", grade: 81.9 },
+  { id: 9, student: "Kash Shaffer", grade: 45.6 },
+  { id: 10, student: "Alanna Bradley", grade: 88.3 },
+  { id: 11, student: "Richard Barker", grade: 73.4 },
+  { id: 12, student: "Remington Villalobos", grade: 90.1 },
+  { id: 13, student: "Reuben Rivera", grade: 66.8 },
+  { id: 14, student: "Lillian Page", grade: 95.5 },
+  { id: 15, student: "Pablo Miranda", grade: 52.2 },
+  { id: 16, student: "Amina McDowell", grade: 79.7 },
+  { id: 17, student: "Lachlan Austin", grade: 83.1 },
+  { id: 18, student: "Alivia Roberts", grade: 70.4 },
+  { id: 19, student: "Josiah Medina", grade: 61.9 },
+  { id: 20, student: "Elliana Delgado", grade: 87.6 },
+  { id: 21, student: "Colt Martin", grade: 74.3 },
+  { id: 22, student: "Mila Jenkins", grade: 98.2 },
+  { id: 23, student: "Declan Byrd", grade: 55.9 },
+  { id: 24, student: "Giselle Parsons", grade: 82 },
+  { id: 25, student: "Lewis Wallace", grade: 69.1 },
+  { id: 26, student: "Arianna Ahmed", grade: 91.4 },
+  { id: 27, student: "Harry Willis", grade: 48.7 },
+  { id: 28, student: "Alexa Griffin", grade: 77.8 },
+  { id: 29, student: "Ayden Woods", grade: 63.5 },
+  { id: 30, student: "Reese Allen", grade: 85.3 },
+  { id: 31, student: "Carter Moore", grade: 90.7 },
+  { id: 32, student: "Emily Spears", grade: 72.2 },
+  { id: 33, student: "Ameer McKinney", grade: 59.9 },
+  { id: 34, student: "Gwendolyn Sanford", grade: 93.6 },
+  { id: 35, student: "Truett Rangel", grade: 68.4 },
+  { id: 36, student: "Gloria Yoder", grade: 80.5 },
+  { id: 37, student: "Johan Fleming", grade: 74.9 },
+  { id: 38, student: "Fatima Gates", grade: 88.2 },
+  { id: 39, student: "Ermias McPherson", grade: 51.3 },
+  { id: 40, student: "Emmaline Ali", grade: 96.4 },
+  { id: 41, student: "Arjun Wade", grade: 71.8 },
+  { id: 42, student: "Evie Yates", grade: 84.7 },
+  { id: 43, student: "Braylon Golden", grade: 67.2 },
+  { id: 44, student: "Giuliana Paul", grade: 92.1 },
+  { id: 45, student: "Noel Wilkerson", grade: 54.5 },
+  { id: 46, student: "Janiyah Floyd", grade: 78.9 },
+  { id: 47, student: "Pierce Farmer", grade: 86.4 },
+  { id: 48, student: "Madelynn Duarte", grade: 73.6 },
+  { id: 49, student: "Abdullah Massey", grade: 60.2 },
+  { id: 50, student: "Clementine Clay", grade: 99.1 },
+  { id: 51, student: "Yosef Blair", grade: 65.8 },
+  { id: 52, student: "Frances Truong", grade: 82.5 },
+  { id: 53, student: "Ayan Davis", grade: 75.3 },
+  { id: 54, student: "Mia Roach", grade: 90.9 },
+  { id: 55, student: "Caspian Stein", grade: 57.1 },
+  { id: 56, student: "Leilany Villegas", grade: 81.4 },
+  { id: 57, student: "Clyde Corona", grade: 64.6 },
+  { id: 58, student: "Marianna Fletcher", grade: 88.7 },
+  { id: 59, student: "Jay McCarty", grade: 72.9 },
+  { id: 60, student: "Halo Rocha", grade: 85 },
+  { id: 61, student: "Onyx Davidson", grade: 49.2 },
+  { id: 62, student: "Jayla Whitehead", grade: 77.4 },
+  { id: 63, student: "Zayd Harvey", grade: 93.2 },
+  { id: 64, student: "Nicole Hubbard", grade: 68.7 },
+  { id: 65, student: "Forrest Bartlett", grade: 80.1 },
+  { id: 66, student: "Aubrielle Gallegos", grade: 95.8 },
+  { id: 67, student: "Jonas Mosley", grade: 56.4 },
+  { id: 68, student: "Zaniyah Lee", grade: 82.3 },
+  { id: 69, student: "Jack Giles", grade: 71 },
+  { id: 70, student: "Bailee Warren", grade: 89.5 },
+  { id: 71, student: "Abel Cruz", grade: 63.8 },
+  { id: 72, student: "Claire Steele", grade: 91.2 },
+  { id: 73, student: "Elian Berg", grade: 74.5 },
+  { id: 74, student: "Emmalyn McClain", grade: 86.9 },
+  { id: 75, student: "Mitchell Clayton", grade: 53.7 },
+  { id: 76, student: "Saige Graves", grade: 78.2 },
+  { id: 77, student: "Cesar Kane", grade: 83.4 },
+  { id: 78, student: "Ellianna Ortega", grade: 97 },
+  { id: 79, student: "Kobe Wallace", grade: 33.5 },
+  { id: 80, student: "Arianna Dorsey", grade: 84.8 },
+  { id: 81, student: "Enoch Elliott", grade: 76.3 },
+  { id: 82, student: "Noelle Estes", grade: 90.4 },
+  { id: 83, student: "Hakeem Andrews", grade: 58.1 },
+  { id: 84, student: "Payton Phelps", grade: 82.6 },
+  { id: 85, student: "Hamza Anthony", grade: 69.9 },
+  { id: 86, student: "Macy Horton", grade: 87.2 },
+  { id: 87, student: "Garrett Meyer", grade: 75.8 },
+  { id: 88, student: "Sara McClain", grade: 94.1 },
+  { id: 89, student: "Mitchell Magana", grade: 52.9 },
+  { id: 90, student: "Amaris Foster", grade: 80.3 },
+  { id: 91, student: "Kayden McGee", grade: 66.4 },
+  { id: 92, student: "Kayleigh Bean", grade: 91.7 },
+  { id: 93, student: "Mccoy Dunlap", grade: 73.1 },
+  { id: 94, student: "Iliana Ochoa", grade: 85.5 },
+  { id: 95, student: "Winston Hall", grade: 47.8 },
+  { id: 96, student: "Leah David", grade: 79.2 },
+  { id: 97, student: "Alonso Ballard", grade: 88.9 },
+  { id: 98, student: "Alejandra Bass", grade: 62.1 },
+  { id: 99, student: "Landen Santana", grade: 95.2 },
+  { id: 100, student: "Myra Knight", grade: 70.8 },
+  { id: 101, student: "Beckett Gilmore", grade: 83.7 },
+  { id: 102, student: "Chanel Rosas", grade: 31.4 },
+  { id: 103, student: "Remi Wade", grade: 92.6 },
+  { id: 104, student: "Evie Church", grade: 68.2 },
+  { id: 105, student: "Terrance Luna", grade: 81.1 },
+  { id: 106, student: "Journey Alfaro", grade: 77.5 },
+  { id: 107, student: "Xzavier Colon", grade: 89.3 },
+  { id: 108, student: "Remy Curry", grade: 64.9 },
+  { id: 109, student: "Briggs Hale", grade: 96.7 },
+  { id: 110, student: "Brinley Phillips", grade: 59.3 },
+  { id: 111, student: "Andrew Huynh", grade: 82.4 },
+  { id: 112, student: "Oaklee Gross", grade: 74.1 },
+  { id: 113, student: "Quinn Rosales", grade: 90.8 },
+  { id: 114, student: "Kinley Bartlett", grade: 61.2 },
+  { id: 115, student: "Kace Pineda", grade: 85.9 },
+  { id: 116, student: "Nola Maynard", grade: 27.6 },
+  { id: 117, student: "Landry Rowland", grade: 93.4 },
+  { id: 118, student: "Harleigh Camacho", grade: 50.5 },
+  { id: 119, student: "Tatum Lynn", grade: 78.7 },
+  { id: 120, student: "Samira Nelson", grade: 86.2 },
+  { id: 121, student: "Dylan Giles", grade: 67.5 },
+  { id: 122, student: "Bailee Hendricks", grade: 94.8 },
+  { id: 123, student: "Dash Carr", grade: 71.3 },
+  { id: 124, student: "Rowan Acosta", grade: 44 },
+  { id: 125, student: "Jensen Santana", grade: 56.7 },
+  { id: 126, student: "Myra Christensen", grade: 91.9 },
+  { id: 127, student: "Gregory Vu", grade: 79.4 },
+  { id: 128, student: "Kimora Delarosa", grade: 88.5 },
+  { id: 129, student: "Osiris Padilla", grade: 28.2 }
+];
+function DataTableSection() {
+  return /* @__PURE__ */ jsx(
+    ExhibitSection,
+    {
+      title: "Data table",
+      docsPage: "ostack-ui-data-data-display-data-table",
+      children: /* @__PURE__ */ jsx(
+        ExhibitGrid,
+        {
+          cols: {
+            Default: "default",
+            Control: "control",
+            Scrolled: "scrolled",
+            Selectable: "showSelectionColumn"
+          },
+          renderItem: ({ col }) => /* @__PURE__ */ jsx(Field, { style: { width: 450 }, children: /* @__PURE__ */ jsxs(
+            DataTable,
+            {
+              displayMode: col === "scrolled" ? col : void 0,
+              showSelectionColumn: col === "showSelectionColumn",
+              rowKey: "id",
+              defaultLimit: 5,
+              columns: {
+                student: {
+                  label: "Student",
+                  header: true,
+                  sortable: true,
+                  filterable: true
+                },
+                grade: {
+                  label: "Grade",
+                  align: "right",
+                  sortable: true,
+                  filterable: true,
+                  format: ({ value }) => value.toFixed(1)
+                }
+              },
+              rows: ROWS$1,
+              children: [
+                /* @__PURE__ */ jsx(Label, { children: "Exam grades" }),
+                /* @__PURE__ */ jsx(DataTableFilter, {}),
+                /* @__PURE__ */ jsx(
+                  DataTableContent,
+                  {
+                    variant: col === "default" || col === "control" ? col : void 0
+                  }
+                ),
+                /* @__PURE__ */ jsx(DataTableRowsPerPage, { limitOptions: [5, 10, 25, 50, 100] }),
+                /* @__PURE__ */ jsx(DataTablePagination, {})
+              ]
+            }
+          ) })
+        }
+      )
+    }
+  );
+}
+function DateInputSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Date input", docsPage: "ostack-ui-forms-date-input", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Basic: "",
+        "Helper text": "helperText",
+        Required: "required",
+        Disabled: "disabled",
+        "Read-only": "readOnly",
+        Loading: "loading",
+        Code: "code"
+      },
+      rows: {
+        "No status": void 0,
+        Valid: "valid",
+        Invalid: "invalid",
+        Warned: "warned"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(Label, { children: "Birthday" }),
+        /* @__PURE__ */ jsx(
+          DateInput,
+          {
+            containerProps: { style: { width: 145 } },
+            defaultValue: new Date(1990, 3, 10),
+            status: row,
+            required: col === "required",
+            disabled: col === "disabled",
+            readOnly: col === "readOnly",
+            loading: col === "loading",
+            code: col === "code" ? "7.2" : void 0
+          }
+        ),
+        row === "valid" && /* @__PURE__ */ jsx(Feedback, { type: "success", children: "Confirmed." }),
+        row === "warned" && /* @__PURE__ */ jsx(Feedback, { type: "warning", children: "Awaiting confirmation…" }),
+        row === "invalid" && /* @__PURE__ */ jsx(Feedback, { children: "Unable to confirm." }),
+        col === "helperText" && /* @__PURE__ */ jsx(HelperText, { children: "For legal purposes." })
+      ] })
+    }
+  ) });
+}
+function DateRangeInputSection() {
+  return /* @__PURE__ */ jsx(
+    ExhibitSection,
+    {
+      title: "Date-range input",
+      docsPage: "ostack-ui-forms-date-range-input",
+      children: /* @__PURE__ */ jsx(
+        ExhibitGrid,
+        {
+          cols: {
+            Basic: "",
+            "Helper text": "helperText",
+            Required: "required",
+            Disabled: "disabled",
+            "Read-only": "readOnly",
+            Loading: "loading",
+            Code: "code"
+          },
+          rows: {
+            "No status": void 0,
+            Valid: "valid",
+            Invalid: "invalid",
+            Warned: "warned"
+          },
+          renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(Field, { children: [
+            /* @__PURE__ */ jsx(Label, { children: "Time off" }),
+            /* @__PURE__ */ jsx(
+              DateRangeInput,
+              {
+                popoverAnchorProps: { style: { width: 280 } },
+                defaultValue: {
+                  start: new Date(2026, 2, 10),
+                  end: new Date(2026, 2, 24)
+                },
+                status: row,
+                required: col === "required",
+                disabled: col === "disabled",
+                readOnly: col === "readOnly",
+                loading: col === "loading",
+                code: col === "code" ? "1.6" : void 0
+              }
+            ),
+            row === "valid" && /* @__PURE__ */ jsx(Feedback, { type: "success", children: "Accepted." }),
+            row === "warned" && /* @__PURE__ */ jsx(Feedback, { type: "warning", children: "Processing…" }),
+            row === "invalid" && /* @__PURE__ */ jsx(Feedback, { children: "Not accepted." }),
+            col === "helperText" && /* @__PURE__ */ jsx(HelperText, { children: "Reserve your paid time off." })
+          ] })
+        }
+      )
+    }
+  );
+}
+function DialogSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Dialog", docsPage: "ostack-ui-overlay-dialog", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Neutral: "neutral",
+        Primary: "primary",
+        Success: "success",
+        Danger: "danger",
+        Warning: "warning"
+      },
+      rows: {
+        Solid: "solid",
+        Subtle: "subtle",
+        Outlined: "outlined",
+        Ghost: "ghost"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(Dialog, { children: [
+        /* @__PURE__ */ jsx(DialogTrigger, { children: /* @__PURE__ */ jsx(Button, { variant: row, color: col, children: "Edit" }) }),
+        /* @__PURE__ */ jsx(DialogContent, { variant: row, color: col, asChild: true, children: /* @__PURE__ */ jsxs("form", { children: [
+          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Edit user information" }) }),
+          /* @__PURE__ */ jsxs(DialogBody, { children: [
+            /* @__PURE__ */ jsx(DialogDescription, { children: "Edit user information below, changes are saved automatically." }),
+            /* @__PURE__ */ jsxs(Stack, { children: [
+              /* @__PURE__ */ jsxs(Field, { children: [
+                /* @__PURE__ */ jsx(Label, { children: "Name" }),
+                /* @__PURE__ */ jsx(Input, { defaultValue: "Charles McClain" })
+              ] }),
+              /* @__PURE__ */ jsxs(Field, { children: [
+                /* @__PURE__ */ jsx(Label, { children: "Date of birth" }),
+                /* @__PURE__ */ jsx(DateInput, { defaultValue: new Date(1993, 4, 4) })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(DialogClose, { children: /* @__PURE__ */ jsx(Button, { color: col, children: "Close" }) }) })
+        ] }) })
+      ] })
+    }
+  ) });
+}
+var faBluetooth = {
+  prefix: "fab",
+  iconName: "bluetooth",
+  icon: [384, 512, [], "f293", "M260.6 171.1l-42.9 42.9-.3-86 43.2 43.1zM217.4 390.9l43.1-43.1-42.9-42.9-.2 86zM384 259.4C384 465 312.1 512 198.9 512S0 465 0 259.4 83.4 0 196.6 0 384 53.9 384 259.4zm-158.5 0l79.4-88.6-125.1-134.3 0 176.9-73.8-73.8-27 26.9 92.7 93-92.7 93 26.9 26.9 73.8-73.8 2.3 170 127.4-127.5-83.9-88.7z"]
+};
+var faReact = {
+  prefix: "fab",
+  iconName: "react",
+  icon: [512, 512, [], "f41b", "M418.2 177.2c-5.4-1.8-10.8-3.5-16.2-5.1 .9-3.7 1.7-7.4 2.5-11.1 12.3-59.6 4.2-107.5-23.1-123.3-26.3-15.1-69.2 .6-112.6 38.4-4.3 3.7-8.5 7.6-12.5 11.5-2.7-2.6-5.5-5.2-8.3-7.7-45.5-40.4-91.1-57.4-118.4-41.5-26.2 15.2-34 60.3-23 116.7 1.1 5.6 2.3 11.1 3.7 16.7-6.4 1.8-12.7 3.8-18.6 5.9-53.4 18.5-91.7 47.7-91.7 77.9 0 31.2 40.8 62.5 96.3 81.5 4.5 1.5 9 3 13.6 4.3-1.5 6-2.8 11.9-4 18-10.5 55.5-2.3 99.5 23.9 114.6 27 15.6 72.4-.4 116.6-39.1 3.5-3.1 7-6.3 10.5-9.7 4.4 4.3 9 8.4 13.6 12.4 42.8 36.8 85.1 51.7 111.2 36.6 27-15.6 35.8-62.9 24.4-120.5-.9-4.4-1.9-8.9-3-13.5 3.2-.9 6.3-1.9 9.4-2.9 57.7-19.1 99.5-50 99.5-81.7 0-30.3-39.4-59.7-93.8-78.4zM282.9 92.3c37.2-32.4 71.9-45.1 87.7-36 16.9 9.7 23.4 48.9 12.8 100.4-.7 3.4-1.4 6.7-2.3 10-22.2-5-44.7-8.6-67.3-10.6-13-18.6-27.2-36.4-42.6-53.1 3.9-3.7 7.7-7.2 11.7-10.7zM167.2 307.5c5.1 8.7 10.3 17.4 15.8 25.9-15.6-1.7-31.1-4.2-46.4-7.5 4.4-14.4 9.9-29.3 16.3-44.5 4.6 8.8 9.3 17.5 14.3 26.1zM136.9 187.2c14.4-3.2 29.7-5.8 45.6-7.8-5.3 8.3-10.5 16.8-15.4 25.4-4.9 8.5-9.7 17.2-14.2 26-6.3-14.9-11.6-29.5-16-43.6zm27.4 68.9c6.6-13.8 13.8-27.3 21.4-40.6s15.8-26.2 24.4-38.9c15-1.1 30.3-1.7 45.9-1.7s31 .6 45.9 1.7c8.5 12.6 16.6 25.5 24.3 38.7s14.9 26.7 21.7 40.4c-6.7 13.8-13.9 27.4-21.6 40.8-7.6 13.3-15.7 26.2-24.2 39-14.9 1.1-30.4 1.6-46.1 1.6s-30.9-.5-45.6-1.4c-8.7-12.7-16.9-25.7-24.6-39s-14.8-26.8-21.5-40.6zm180.6 51.2c5.1-8.8 9.9-17.7 14.6-26.7 6.4 14.5 12 29.2 16.9 44.3-15.5 3.5-31.2 6.2-47 8 5.4-8.4 10.5-17 15.5-25.6zm14.4-76.5c-4.7-8.8-9.5-17.6-14.5-26.2-4.9-8.5-10-16.9-15.3-25.2 16.1 2 31.5 4.7 45.9 8-4.6 14.8-10 29.2-16.1 43.4zM256.2 118.3c10.5 11.4 20.4 23.4 29.6 35.8-19.8-.9-39.7-.9-59.5 0 9.8-12.9 19.9-24.9 29.9-35.8zM140.2 57c16.8-9.8 54.1 4.2 93.4 39 2.5 2.2 5 4.6 7.6 7-15.5 16.7-29.8 34.5-42.9 53.1-22.6 2-45 5.5-67.2 10.4-1.3-5.1-2.4-10.3-3.5-15.5-9.4-48.4-3.2-84.9 12.6-94zM115.7 320.6c-4.2-1.2-8.3-2.5-12.4-3.9-21.3-6.7-45.5-17.3-63-31.2-10.1-7-16.9-17.8-18.8-29.9 0-18.3 31.6-41.7 77.2-57.6 5.7-2 11.5-3.8 17.3-5.5 6.8 21.7 15 43 24.5 63.6-9.6 20.9-17.9 42.5-24.8 64.5zm116.6 98c-16.5 15.1-35.6 27.1-56.4 35.3-11.1 5.3-23.9 5.8-35.3 1.3-15.9-9.2-22.5-44.5-13.5-92 1.1-5.6 2.3-11.2 3.7-16.7 22.4 4.8 45 8.1 67.9 9.8 13.2 18.7 27.7 36.6 43.2 53.4-3.2 3.1-6.4 6.1-9.6 8.9zm24.5-24.3c-10.2-11-20.4-23.2-30.3-36.3 9.6 .4 19.5 .6 29.5 .6 10.3 0 20.4-.2 30.4-.7-9.2 12.7-19.1 24.8-29.6 36.4zm130.7 30c-.9 12.2-6.9 23.6-16.5 31.3-15.9 9.2-49.8-2.8-86.4-34.2-4.2-3.6-8.4-7.5-12.7-11.5 15.3-16.9 29.4-34.8 42.2-53.6 22.9-1.9 45.7-5.4 68.2-10.5 1 4.1 1.9 8.2 2.7 12.2 4.9 21.6 5.7 44.1 2.5 66.3zm18.2-107.5c-2.8 .9-5.6 1.8-8.5 2.6-7-21.8-15.6-43.1-25.5-63.8 9.6-20.4 17.7-41.4 24.5-62.9 5.2 1.5 10.2 3.1 15 4.7 46.6 16 79.3 39.8 79.3 58 0 19.6-34.9 44.9-84.8 61.4zM256 301.8a45.8 45.8 0 1 0 0-91.6 45.8 45.8 0 1 0 0 91.6z"]
+};
+var faWikipediaW = {
+  prefix: "fab",
+  iconName: "wikipedia-w",
+  icon: [640, 512, [], "f266", "M640 51.2l-.3 12.2c-28.1 .8-45 15.8-55.8 40.3-25 57.8-103.3 240-155.3 358.6l-13.6 0-81.9-193.1c-32.5 63.6-68.3 130-99.2 193.1-.3 .3-15 0-15-.3-46.9-109.7-96.1-218.6-143.1-328.6-11.4-26.7-49.4-70-75.6-69.7 0-3.1-.3-10-.3-14.2l161.9 0 0 13.9c-19.2 1.1-52.8 13.3-43.3 34.2 21.9 49.7 103.6 240.3 125.6 288.6 15-29.7 57.8-109.2 75.3-142.8-13.9-28.3-58.6-133.9-72.8-160-9.7-17.8-36.1-19.4-55.8-19.7l0-13.9 142.5 .3 0 13.1c-19.4 .6-38.1 7.8-29.4 26.1 18.9 40 30.6 68.1 48.1 104.7 5.6-10.8 34.7-69.4 48.1-100.8 8.9-20.6-3.9-28.6-38.6-29.4 .3-3.6 0-10.3 .3-13.6 44.4-.3 111.1-.3 123.1-.6l0 13.6C462.4 64 439.1 76 426.8 94.9L367.6 217.7c6.4 16.1 63.3 142.8 69.2 156.7L559.2 91.8c-8.6-23.1-36.4-28.1-47.2-28.3l0-13.9 127.8 1.1 .2 .5z"]
+};
+function DropdownMenuSection() {
+  return /* @__PURE__ */ jsx(
+    ExhibitSection,
+    {
+      title: "Dropdown menu",
+      docsPage: "ostack-ui-overlay-dropdown-menu",
+      children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { children: /* @__PURE__ */ jsx(Button, { icon: faGear, children: "Settings" }) }),
+        /* @__PURE__ */ jsxs(DropdownMenuContent, { style: { minWidth: 200 }, children: [
+          /* @__PURE__ */ jsxs(DropdownMenuGroup, { label: "Connectivity", children: [
+            /* @__PURE__ */ jsx(DropdownMenuItem, { icon: faWifi, children: "Wi-Fi" }),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { icon: faNetworkWired, children: "Network" }),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { icon: faBluetooth, children: "Bluetooth" })
+          ] }),
+          /* @__PURE__ */ jsxs(DropdownMenuGroup, { label: "Devices", children: [
+            /* @__PURE__ */ jsx(DropdownMenuItem, { icon: faDisplay, children: "Displays" }),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { icon: faVolumeHigh, children: "Sound" }),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { icon: faKeyboard, children: "Input" }),
+            /* @__PURE__ */ jsx(DropdownMenuItem, { icon: faPrint, children: "Printers" })
+          ] }),
+          /* @__PURE__ */ jsxs(DropdownMenuRadioGroup, { label: "Language", value: "en", children: [
+            /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: "en", children: "English" }),
+            /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: "pt", children: "Portuguese" }),
+            /* @__PURE__ */ jsx(DropdownMenuRadioItem, { value: "es", disabled: true, children: "Spanish" })
+          ] }),
+          /* @__PURE__ */ jsxs(DropdownMenuGroup, { label: "Notifications", children: [
+            /* @__PURE__ */ jsx(DropdownMenuCheckboxItem, { children: "Calendar" }),
+            /* @__PURE__ */ jsx(DropdownMenuCheckboxItem, { checked: true, children: "Weather" })
+          ] }),
+          /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { children: "System" }),
+            /* @__PURE__ */ jsxs(DropdownMenuSubContent, { children: [
+              /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+                /* @__PURE__ */ jsx(DropdownMenuItem, { icon: faClock, children: "Date & Time" }),
+                /* @__PURE__ */ jsx(DropdownMenuItem, { icon: faUser, children: "Users" })
+              ] }),
+              /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(DropdownMenuItem, { icon: faCircleXmark, color: "danger", children: "Factory reset" }) })
+            ] })
+          ] }) })
+        ] })
+      ] })
+    }
+  );
+}
+function IconButtonSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Icon button", docsPage: "ostack-ui-forms-icon-button", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Neutral: "neutral",
+        Primary: "primary",
+        Success: "success",
+        Danger: "danger",
+        Warning: "warning",
+        Disabled: "disabled",
+        Loading: "loading",
+        Keybinds: "keybinds"
+      },
+      rows: {
+        Solid: "solid",
+        Subtle: "subtle",
+        Outlined: "outlined",
+        Ghost: "ghost"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          label: "Bloom",
+          icon: faSeedling,
+          variant: row,
+          color: col === "disabled" || col === "loading" || col === "keybinds" ? void 0 : col,
+          disabled: col === "disabled",
+          loading: col === "loading",
+          loadingLabel: col === "loading" ? "Blooming…" : void 0,
+          keybinds: col === "keybinds" ? "Alt+Shift+B" : void 0
+        }
+      )
+    }
+  ) });
+}
+function InputSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Input", docsPage: "ostack-ui-forms-input", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Basic: "",
+        "Helper text": "helperText",
+        Required: "required",
+        "Label help": "labelHelp",
+        Disabled: "disabled",
+        "Read-only": "readOnly",
+        Loading: "loading",
+        Code: "code",
+        "Clear button": "showClearButton"
+      },
+      rows: {
+        "No status": void 0,
+        Valid: "valid",
+        Invalid: "invalid",
+        Warned: "warned"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(
+          Label,
+          {
+            helperText: col === "labelHelp" ? "Used to sign in." : void 0,
+            children: "Username"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            containerProps: { style: { width: 110 } },
+            defaultValue: "j_smith",
+            status: row,
+            required: col === "required",
+            disabled: col === "disabled",
+            readOnly: col === "readOnly",
+            loading: col === "loading",
+            code: col === "code" ? "1.1" : void 0,
+            showClearButton: col === "showClearButton" ? "auto" : void 0
+          }
+        ),
+        row === "valid" && /* @__PURE__ */ jsx(Feedback, { type: "success", children: "Available." }),
+        row === "warned" && /* @__PURE__ */ jsx(Feedback, { type: "warning", children: "Already taken." }),
+        row === "invalid" && /* @__PURE__ */ jsx(Feedback, { children: "Invalid format." }),
+        col === "helperText" && /* @__PURE__ */ jsx(HelperText, { children: "Used to sign in." })
+      ] })
+    }
+  ) });
+}
+function KeyboardSection() {
+  return /* @__PURE__ */ jsxs(ExhibitSection, { title: "Keyboard", docsPage: "ostack-ui-typography-keyboard", children: [
+    "Press ",
+    /* @__PURE__ */ jsx(Keyboard, { children: "Ctrl" }),
+    " + ",
+    /* @__PURE__ */ jsx(Keyboard, { children: "P" }),
+    " to print."
+  ] });
+}
+function LinkSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Link", docsPage: "ostack-ui-typography-link", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Neutral: "neutral",
+        Primary: "primary",
+        Success: "success",
+        Danger: "danger",
+        Warning: "warning",
+        External: "external"
+      },
+      renderItem: ({ col }) => /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: col === "external" ? "https://www.wikipedia.org/" : "#",
+          color: col === "external" ? void 0 : col,
+          external: col === "external",
+          children: col === "external" ? "Wikipedia" : "Go to top"
+        }
+      )
+    }
+  ) });
+}
+function MarkSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Mark", docsPage: "ostack-ui-typography-mark", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Neutral: "neutral",
+        Primary: "primary",
+        Success: "success",
+        Danger: "danger",
+        Warning: "warning"
+      },
+      renderItem: ({ col }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        "The deadline is ",
+        /* @__PURE__ */ jsx(Mark, { color: col, children: "Friday" }),
+        "."
+      ] })
+    }
+  ) });
+}
+function MenuListSection() {
+  return /* @__PURE__ */ jsx(
+    ExhibitSection,
+    {
+      title: "Menu list",
+      docsPage: "ostack-ui-overlay-dropdown-menu",
+      children: /* @__PURE__ */ jsx(
+        ExhibitGrid,
+        {
+          cols: {
+            Subtle: "subtle",
+            Solid: "solid"
+          },
+          renderItem: ({ col }) => /* @__PURE__ */ jsxs(MenuList, { variant: col, style: { width: 250 }, children: [
+            /* @__PURE__ */ jsxs(MenuListGroup, { label: "Actions", children: [
+              /* @__PURE__ */ jsx(MenuListItem, { icon: faEye, selected: true, children: "View" }),
+              /* @__PURE__ */ jsx(MenuListItem, { icon: faPencil, children: "Edit" }),
+              /* @__PURE__ */ jsx(MenuListItem, { icon: faTrashCan, color: "danger", children: "Delete" })
+            ] }),
+            /* @__PURE__ */ jsxs(MenuListGroup, { label: "Links", children: [
+              /* @__PURE__ */ jsx(
+                MenuListItem,
+                {
+                  type: "link",
+                  href: "https://www.wikipedia.org/",
+                  icon: faWikipediaW,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: "Wikipedia"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                MenuListItem,
+                {
+                  type: "link",
+                  href: "https://react.dev",
+                  icon: faReact,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: "React"
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+}
+function NumericInputSection() {
+  return /* @__PURE__ */ jsx(
+    ExhibitSection,
+    {
+      title: "Numeric input",
+      docsPage: "ostack-ui-forms-numeric-input",
+      children: /* @__PURE__ */ jsx(
+        ExhibitGrid,
+        {
+          cols: {
+            Basic: "",
+            "Helper text": "helperText",
+            Required: "required",
+            Disabled: "disabled",
+            "Read-only": "readOnly",
+            Loading: "loading",
+            Code: "code",
+            "Clear button": "showClearButton"
+          },
+          rows: {
+            "No status": void 0,
+            Valid: "valid",
+            Invalid: "invalid",
+            Warned: "warned"
+          },
+          renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(Field, { children: [
+            /* @__PURE__ */ jsx(Label, { children: "Income" }),
+            /* @__PURE__ */ jsx(
+              NumericInput,
+              {
+                containerProps: { style: { width: 120 } },
+                defaultValue: 42000.9,
+                precision: 11,
+                scale: 2,
+                groupDigits: true,
+                min: 0,
+                endAdornment: /* @__PURE__ */ jsx(ControlAddon, { children: "€" }),
+                status: row,
+                required: col === "required",
+                disabled: col === "disabled",
+                readOnly: col === "readOnly",
+                loading: col === "loading",
+                code: col === "code" ? "3.9" : void 0,
+                showClearButton: col === "showClearButton" ? "auto" : void 0
+              }
+            ),
+            row === "valid" && /* @__PURE__ */ jsx(Feedback, { type: "success", children: "Confirmed." }),
+            row === "warned" && /* @__PURE__ */ jsx(Feedback, { type: "warning", children: "Processing…" }),
+            row === "invalid" && /* @__PURE__ */ jsx(Feedback, { children: "Insufficient." }),
+            col === "helperText" && /* @__PURE__ */ jsx(HelperText, { children: "For tax purposes." })
+          ] })
+        }
+      )
+    }
+  );
+}
+function OutputSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Output", docsPage: "ostack-ui-forms-output", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Basic: "",
+        "Helper text": "helperText",
+        Pending: "pending",
+        Code: "code"
+      },
+      rows: {
+        "No status": void 0,
+        Valid: "valid",
+        Invalid: "invalid",
+        Warned: "warned"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(Label, { children: "Total" }),
+        /* @__PURE__ */ jsx(
+          Output,
+          {
+            containerProps: { style: { width: 150 } },
+            status: row,
+            pending: col === "pending",
+            code: col === "code" ? "6.2" : void 0,
+            children: "$30,000"
+          }
+        ),
+        row === "valid" && /* @__PURE__ */ jsx(Feedback, { type: "success", children: "Funds available." }),
+        row === "warned" && /* @__PURE__ */ jsx(Feedback, { type: "warning", children: "Funds unavailable." }),
+        row === "invalid" && /* @__PURE__ */ jsx(Feedback, { children: "Incorrect amount." }),
+        col === "helperText" && /* @__PURE__ */ jsx(HelperText, { children: "A + B + C + D - E" })
+      ] })
+    }
+  ) });
+}
+function PopoverSection() {
+  const spacing = useSpacing();
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Popover", docsPage: "ostack-ui-overlay-popover", children: /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsx(Button, { icon: faComment, children: "Comment" }) }),
+    /* @__PURE__ */ jsx(PopoverContent, { style: { padding: spacing(2) }, children: /* @__PURE__ */ jsx(Stack, { asChild: true, gap: 2, alignItems: "flex-end", children: /* @__PURE__ */ jsxs("form", { children: [
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(Label, { children: "Leave a comment" }),
+        /* @__PURE__ */ jsx(TextArea, { rows: 6, style: { width: 300 } })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          color: "primary",
+          type: "submit",
+          onClick: (evt) => evt.preventDefault(),
+          children: "Submit"
+        }
+      )
+    ] }) }) })
+  ] }) });
+}
+function RadioGroupSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Radio group", docsPage: "ostack-ui-forms-radio-group", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Basic: "",
+        "Helper text": "helperText",
+        Required: "required",
+        Disabled: "disabled",
+        "Read-only": "readOnly",
+        Loading: "loading",
+        Code: "code",
+        "All codes": "allCodes",
+        "Clear button": "clearButton"
+      },
+      rows: {
+        "No status": void 0,
+        Valid: "valid",
+        Invalid: "invalid",
+        Warned: "warned"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(Label, { children: "Preferred make" }),
+        /* @__PURE__ */ jsxs(
+          RadioGroup,
+          {
+            status: row,
+            defaultValue: "fiat",
+            required: col === "required",
+            disabled: col === "disabled",
+            readOnly: col === "readOnly",
+            loading: col === "loading",
+            code: col === "code" || col === "allCodes" ? "1.7" : void 0,
+            showClearButton: col === "clearButton" ? "auto" : void 0,
+            children: [
+              /* @__PURE__ */ jsx(Radio, { value: "fiat", code: col === "allCodes" ? "a" : void 0, children: "Fiat" }),
+              /* @__PURE__ */ jsx(
+                Radio,
+                {
+                  value: "renault",
+                  code: col === "allCodes" ? "b" : void 0,
+                  children: "Renault"
+                }
+              ),
+              /* @__PURE__ */ jsx(Radio, { value: "toyota", code: col === "allCodes" ? "c" : void 0, children: "Toyota" })
+            ]
+          }
+        ),
+        row === "valid" && /* @__PURE__ */ jsx(Feedback, { type: "success", children: "Available." }),
+        row === "warned" && /* @__PURE__ */ jsx(Feedback, { type: "warning", children: "Maybe unavailable." }),
+        row === "invalid" && /* @__PURE__ */ jsx(Feedback, { children: "Unavailable." }),
+        col === "helperText" && /* @__PURE__ */ jsx(HelperText, { children: "All with low mileage." })
+      ] })
+    }
+  ) });
+}
+function SelectSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Select", docsPage: "ostack-ui-forms-select", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Single: "",
+        Multiple: "multiple",
+        "Helper text": "helperText",
+        Required: "required",
+        Disabled: "disabled",
+        "Read-only": "readOnly",
+        Loading: "loading",
+        Code: "code"
+      },
+      rows: {
+        "No status": void 0,
+        Valid: "valid",
+        Invalid: "invalid",
+        Warned: "warned"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsxs(Label, { children: [
+          "Pick your fruit",
+          col === "multiple" && "s"
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            containerProps: { style: { width: 120 } },
+            multiple: col === "multiple",
+            defaultValue: col === "multiple" ? ["apple", "kiwi"] : "apple",
+            status: row,
+            required: col === "required",
+            disabled: col === "disabled",
+            readOnly: col === "readOnly",
+            loading: col === "loading",
+            code: col === "code" ? "2.1" : void 0,
+            children: [
+              /* @__PURE__ */ jsx(Option, { value: "apple", children: "Apple" }),
+              /* @__PURE__ */ jsx(Option, { value: "kiwi", children: "Kiwi" }),
+              /* @__PURE__ */ jsx(Option, { value: "pear", children: "Pear" })
+            ]
+          }
+        ),
+        row === "valid" && /* @__PURE__ */ jsx(Feedback, { type: "success", children: "Available." }),
+        row === "warned" && /* @__PURE__ */ jsx(Feedback, { type: "warning", children: "Maybe unavailable." }),
+        row === "invalid" && /* @__PURE__ */ jsx(Feedback, { children: "Unavailable." }),
+        col === "helperText" && /* @__PURE__ */ jsx(HelperText, { children: "For breakfast." })
+      ] })
+    }
+  ) });
+}
+function SpinnerSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Spinner", docsPage: "ostack-ui-feedback-spinner", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Neutral: "neutral",
+        Primary: "primary",
+        Success: "success",
+        Danger: "danger",
+        Warning: "warning",
+        Labelled: "label"
+      },
+      renderItem: ({ col }) => /* @__PURE__ */ jsx(
+        Spinner,
+        {
+          color: col === "label" ? void 0 : col,
+          label: col === "label" ? "Loading…" : void 0
+        }
+      )
+    }
+  ) });
+}
+const ROWS = [
+  { student: "Avi Everett", grade: 82.5 },
+  { student: "Evan Gutierrez", grade: 67.8 },
+  { student: "Jackson Ford", grade: 55.1 },
+  { student: "Olivia Cortes", grade: 77.5 }
+];
+const AVG_GRADE = ROWS.reduce((total, { grade }) => total + grade, 0) / ROWS.length;
+function TableSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Table", docsPage: "ostack-ui-data-data-display-table", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Default: "default",
+        Annexes: "control"
+      },
+      renderItem: ({ col }) => /* @__PURE__ */ jsxs(Table, { caption: "Exam grades", variant: col, style: { width: 250 }, children: [
+        /* @__PURE__ */ jsxs(TableHead, { children: [
+          /* @__PURE__ */ jsx(TableColumn, { label: "Student" }),
+          /* @__PURE__ */ jsx(TableColumn, { label: "Grade", align: "right" })
+        ] }),
+        /* @__PURE__ */ jsx(TableBody, { children: ROWS.map(({ student, grade }, i) => /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableCell, { header: true, children: student }),
+          /* @__PURE__ */ jsx(TableCell, { align: "right", children: grade.toFixed(1) })
+        ] }, i)) }),
+        /* @__PURE__ */ jsx(TableFoot, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableCell, { header: true, children: "Average" }),
+          /* @__PURE__ */ jsx(TableCell, { align: "right", children: AVG_GRADE.toFixed(1) })
+        ] }) })
+      ] })
+    }
+  ) });
+}
+function TabsSection() {
+  const spacing = useSpacing();
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Tabs", docsPage: "ostack-ui-data-disclosure-tabs", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Default: "default",
+        Annexes: "annexes"
+      },
+      renderItem: ({ col }) => /* @__PURE__ */ jsxs(Tabs, { variant: col, defaultValue: "accessibility", children: [
+        /* @__PURE__ */ jsxs(TabList, { children: [
+          /* @__PURE__ */ jsx(Tab, { value: "accessibility", children: "Accessibility" }),
+          /* @__PURE__ */ jsx(Tab, { value: "privacy", children: "Privacy & Security" }),
+          /* @__PURE__ */ jsx(Tab, { value: "system", children: "System" })
+        ] }),
+        /* @__PURE__ */ jsx(TabContent, { value: "accessibility", style: { marginTop: spacing(2) }, children: "Accessibility options…" }),
+        /* @__PURE__ */ jsx(TabContent, { value: "privacy", style: { marginTop: spacing(2) }, children: "Privacy & Security settings…" }),
+        /* @__PURE__ */ jsx(TabContent, { value: "system", style: { marginTop: spacing(2) }, children: "System configuration…" })
+      ] })
+    }
+  ) });
+}
+function TagSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Tag", docsPage: "ostack-ui-data-display-tag", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Neutral: "neutral",
+        Primary: "primary",
+        Success: "success",
+        Danger: "danger",
+        Warning: "warning",
+        Pill: "pill",
+        Icon: "icon",
+        "Close button": "showCloseButton"
+      },
+      rows: {
+        Solid: "solid",
+        Subtle: "subtle",
+        Outlined: "outlined"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsx(
+        Tag,
+        {
+          variant: row,
+          color: col === "pill" || col === "icon" || col === "showCloseButton" ? "neutral" : col,
+          pill: col === "pill",
+          icon: col === "icon" ? faStar : void 0,
+          showCloseButton: col === "showCloseButton",
+          children: "New"
+        }
+      )
+    }
+  ) });
+}
+function TextAreaSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Text area", docsPage: "ostack-ui-forms-text-area", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Basic: "",
+        "Helper text": "helperText",
+        Required: "required",
+        Disabled: "disabled",
+        "Read-only": "readOnly",
+        Loading: "loading",
+        Code: "code",
+        "Clear button": "showClearButton"
+      },
+      rows: {
+        "No status": void 0,
+        Valid: "valid",
+        Invalid: "invalid",
+        Warned: "warned"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(Label, { children: "Additional requests" }),
+        /* @__PURE__ */ jsx(
+          TextArea,
+          {
+            containerProps: { style: { width: 130 } },
+            defaultValue: "Please provide two extra towels.",
+            status: row,
+            required: col === "required",
+            disabled: col === "disabled",
+            readOnly: col === "readOnly",
+            loading: col === "loading",
+            code: col === "code" ? "4.1" : void 0,
+            showClearButton: col === "showClearButton" ? "auto" : void 0
+          }
+        ),
+        row === "valid" && /* @__PURE__ */ jsx(Feedback, { type: "success", children: "Accepted." }),
+        row === "warned" && /* @__PURE__ */ jsx(Feedback, { type: "warning", children: "Unable to process." }),
+        row === "invalid" && /* @__PURE__ */ jsx(Feedback, { children: "Invalid request." }),
+        col === "helperText" && /* @__PURE__ */ jsx(HelperText, { children: "We will attempt to honour them." })
+      ] })
+    }
+  ) });
+}
+function ToastSection() {
+  const { addToast } = useToastManager();
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Toast", docsPage: "ostack-ui-feedback-toast", children: /* @__PURE__ */ jsx(
+    ExhibitGrid,
+    {
+      cols: {
+        Neutral: "neutral",
+        Info: "info",
+        Success: "success",
+        Danger: "danger",
+        Warning: "warning",
+        Title: "title",
+        Action: "action"
+      },
+      rows: {
+        Solid: "solid",
+        Subtle: "subtle",
+        Outlined: "outlined"
+      },
+      renderItem: ({ col, row }) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: faBookmark,
+          color: col === "info" || col === "title" || col === "action" ? "primary" : col,
+          variant: row,
+          onClick: () => {
+            addToast("Item has been bookmarked.", {
+              title: col === "title" ? "Bookmarked" : void 0,
+              variant: row,
+              severity: col === "title" || col === "action" ? void 0 : col,
+              action: col === "action" && /* @__PURE__ */ jsx(Button, { keybinds: "$mod+Z", color: "primary", children: "Undo" }),
+              actionAltText: "Undo (Ctrl+Z)"
+            });
+          },
+          children: "Bookmark"
+        }
+      )
+    }
+  ) });
+}
+function TooltipSection() {
+  return /* @__PURE__ */ jsx(ExhibitSection, { title: "Tooltip", docsPage: "ostack-ui-overlay-tooltip", children: /* @__PURE__ */ jsx(Tooltip, { content: "Press to reload all content", children: /* @__PURE__ */ jsx(Button, { children: "Refresh" }) }) });
+}
+const DEFAULT_PROD_DOCS_URL = "https://ui.ostack.tech/";
+function ExhibitApp({
+  docsUrl = DEFAULT_PROD_DOCS_URL,
+  title = document.title,
+  prefix,
+  actions
+}) {
+  return /* @__PURE__ */ jsx(ExhibitContext, { value: { docsUrl }, children: /* @__PURE__ */ jsxs(Root, { prefix, locale: enGB, children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { focusable: true, asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "#exhibit-main", style: { top: 6, left: 6 }, children: "Skip to main content" }) }),
+    /* @__PURE__ */ jsx(Container, { asChild: true, children: /* @__PURE__ */ jsxs("header", { id: "exhibit-header", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 1, id: "exhibit-title", children: title }),
+      actions && /* @__PURE__ */ jsx(Stack, { id: "exhibit-actions", direction: "row", gap: 2, children: actions })
+    ] }) }),
+    /* @__PURE__ */ jsx(Stack, { asChild: true, gap: 15, children: /* @__PURE__ */ jsx(Container, { asChild: true, children: /* @__PURE__ */ jsxs("main", { id: "exhibit-main", tabIndex: -1, children: [
+      /* @__PURE__ */ jsx(AlertSection, {}),
+      /* @__PURE__ */ jsx(AlertDialogSection, {}),
+      /* @__PURE__ */ jsx(ButtonSection, {}),
+      /* @__PURE__ */ jsx(ButtonGroupSection, {}),
+      /* @__PURE__ */ jsx(CalendarSection, {}),
+      /* @__PURE__ */ jsx(CheckboxSection, {}),
+      /* @__PURE__ */ jsx(CheckboxGroupSection, {}),
+      /* @__PURE__ */ jsx(CodeSection, {}),
+      /* @__PURE__ */ jsx(CollapsibleSection, {}),
+      /* @__PURE__ */ jsx(CommandMenuSection, {}),
+      /* @__PURE__ */ jsx(DataTableSection, {}),
+      /* @__PURE__ */ jsx(DateInputSection, {}),
+      /* @__PURE__ */ jsx(DateRangeInputSection, {}),
+      /* @__PURE__ */ jsx(DialogSection, {}),
+      /* @__PURE__ */ jsx(DropdownMenuSection, {}),
+      /* @__PURE__ */ jsx(IconButtonSection, {}),
+      /* @__PURE__ */ jsx(InputSection, {}),
+      /* @__PURE__ */ jsx(LinkSection, {}),
+      /* @__PURE__ */ jsx(MarkSection, {}),
+      /* @__PURE__ */ jsx(MenuListSection, {}),
+      /* @__PURE__ */ jsx(NumericInputSection, {}),
+      /* @__PURE__ */ jsx(OutputSection, {}),
+      /* @__PURE__ */ jsx(PopoverSection, {}),
+      /* @__PURE__ */ jsx(RadioGroupSection, {}),
+      /* @__PURE__ */ jsx(SelectSection, {}),
+      /* @__PURE__ */ jsx(SpinnerSection, {}),
+      /* @__PURE__ */ jsx(TableSection, {}),
+      /* @__PURE__ */ jsx(TabsSection, {}),
+      /* @__PURE__ */ jsx(TagSection, {}),
+      /* @__PURE__ */ jsx(ToastSection, {}),
+      /* @__PURE__ */ jsx(TextAreaSection, {}),
+      /* @__PURE__ */ jsx(TooltipSection, {}),
+      /* @__PURE__ */ jsx(KeyboardSection, {})
+    ] }) }) })
+  ] }) });
+}
+export {
+  ExhibitApp
+};
+//# sourceMappingURL=ostack-ui-exhibit.js.map