@oxide/design-system 1.4.4--canary.b28fbb9.0 → 1.4.5--canary.e348504.0

package/components/dist/index.js

@@ -56762,7 +56762,7 @@ var import_jsx_runtime47 = require("react/jsx-runtime");
 // icons/react/Security24Icon.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
 
-// icons/react/Racks24Icon.tsx
+// icons/react/Servers24Icon.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
 
 // icons/react/Settings24Icon.tsx
@@ -56795,114 +56795,117 @@ var import_jsx_runtime58 = require("react/jsx-runtime");
 // icons/react/Wireless24Icon.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 
-// icons/react/Access16Icon.tsx
+// icons/react/Question24Icon.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
 
-// icons/react/Action16Icon.tsx
+// icons/react/Access16Icon.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
 
-// icons/react/AddRoundel16Icon.tsx
+// icons/react/Action16Icon.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
 
-// icons/react/Calendar16Icon.tsx
+// icons/react/AddRoundel16Icon.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
 
-// icons/react/Chat16Icon.tsx
+// icons/react/Calendar16Icon.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
 
-// icons/react/Clipboard16Icon.tsx
+// icons/react/Chat16Icon.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
 
-// icons/react/Cloud16Icon.tsx
+// icons/react/Clipboard16Icon.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
 
-// icons/react/Close16Icon.tsx
+// icons/react/Cloud16Icon.tsx
 var import_jsx_runtime67 = require("react/jsx-runtime");
 
-// icons/react/Compability16Icon.tsx
+// icons/react/Close16Icon.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
 
-// icons/react/Contrast16Icon.tsx
+// icons/react/Compability16Icon.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
 
-// icons/react/Cpu16Icon.tsx
+// icons/react/Contrast16Icon.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
 
-// icons/react/Delete16Icon.tsx
+// icons/react/Cpu16Icon.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
 
-// icons/react/Dislike16Icon.tsx
+// icons/react/Delete16Icon.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
 
-// icons/react/Document16Icon.tsx
+// icons/react/Dislike16Icon.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
 
-// icons/react/Dots16Icon.tsx
+// icons/react/Document16Icon.tsx
 var import_jsx_runtime74 = require("react/jsx-runtime");
 
-// icons/react/DownloadRoundel16Icon.tsx
+// icons/react/Dots16Icon.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
 
-// icons/react/Edit16Icon.tsx
+// icons/react/DownloadRoundel16Icon.tsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
 
-// icons/react/Email16Icon.tsx
+// icons/react/Edit16Icon.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
 
-// icons/react/Error16Icon.tsx
+// icons/react/Email16Icon.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
 
-// icons/react/Filter16Icon.tsx
+// icons/react/Error16Icon.tsx
 var import_jsx_runtime79 = require("react/jsx-runtime");
 
-// icons/react/Firewall16Icon.tsx
+// icons/react/Filter16Icon.tsx
 var import_jsx_runtime80 = require("react/jsx-runtime");
 
-// icons/react/Folder16Icon.tsx
+// icons/react/Firewall16Icon.tsx
 var import_jsx_runtime81 = require("react/jsx-runtime");
 
-// icons/react/Gateway16Icon.tsx
+// icons/react/Folder16Icon.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
 
-// icons/react/Heart16Icon.tsx
+// icons/react/Gateway16Icon.tsx
 var import_jsx_runtime83 = require("react/jsx-runtime");
 
-// icons/react/Hide16Icon.tsx
+// icons/react/Heart16Icon.tsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
 
-// icons/react/Hourglass16Icon.tsx
+// icons/react/Hide16Icon.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
 
-// icons/react/Images16Icon.tsx
+// icons/react/Hourglass16Icon.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
 
-// icons/react/Info16Icon.tsx
+// icons/react/Images16Icon.tsx
 var import_jsx_runtime87 = require("react/jsx-runtime");
 
-// icons/react/Instances16Icon.tsx
+// icons/react/Info16Icon.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
 
-// icons/react/Integration16Icon.tsx
+// icons/react/Instances16Icon.tsx
 var import_jsx_runtime89 = require("react/jsx-runtime");
 
-// icons/react/IpGlobal16Icon.tsx
+// icons/react/Integration16Icon.tsx
 var import_jsx_runtime90 = require("react/jsx-runtime");
 
-// icons/react/IpLocal16Icon.tsx
+// icons/react/IpGlobal16Icon.tsx
 var import_jsx_runtime91 = require("react/jsx-runtime");
 
-// icons/react/Issues16Icon.tsx
+// icons/react/IpLocal16Icon.tsx
 var import_jsx_runtime92 = require("react/jsx-runtime");
 
-// icons/react/Key16Icon.tsx
+// icons/react/Issues16Icon.tsx
 var import_jsx_runtime93 = require("react/jsx-runtime");
 
-// icons/react/Like16Icon.tsx
+// icons/react/Key16Icon.tsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
 
-// icons/react/Link16Icon.tsx
+// icons/react/Like16Icon.tsx
 var import_jsx_runtime95 = require("react/jsx-runtime");
-var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+
+// icons/react/Link16Icon.tsx
+var import_jsx_runtime96 = require("react/jsx-runtime");
+var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
   "svg",
   {
     width: 16,
@@ -56913,10 +56916,10 @@ var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_js
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("g", { fill: "currentColor", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "m6.586 12.243 1.59-1.591a.75.75 0 0 1 1.061 0l.354.353a.75.75 0 0 1 0 1.06L8 13.658A4 4 0 0 1 2.343 8l1.591-1.591a.75.75 0 0 1 1.06 0l.354.354a.75.75 0 0 1 0 1.06l-1.59 1.591a2 2 0 1 0 2.828 2.829ZM12.066 9.591a.75.75 0 0 1-1.06 0l-.354-.354a.75.75 0 0 1 0-1.06l1.59-1.591a2 2 0 1 0-2.828-2.829l-1.59 1.591a.75.75 0 0 1-1.061 0l-.354-.353a.75.75 0 0 1 0-1.06L8 2.342A4 4 0 0 1 13.657 8l-1.591 1.591Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M9.945 5.702a.75.75 0 0 0-1.061 0L5.702 8.884a.75.75 0 0 0 0 1.06l.353.354a.75.75 0 0 0 1.061 0l3.182-3.182a.75.75 0 0 0 0-1.06l-.353-.354Z" })
+      title ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("g", { fill: "currentColor", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("path", { d: "m6.586 12.243 1.59-1.591a.75.75 0 0 1 1.061 0l.354.353a.75.75 0 0 1 0 1.06L8 13.658A4 4 0 0 1 2.343 8l1.591-1.591a.75.75 0 0 1 1.06 0l.354.354a.75.75 0 0 1 0 1.06l-1.59 1.591a2 2 0 1 0 2.828 2.829ZM12.066 9.591a.75.75 0 0 1-1.06 0l-.354-.354a.75.75 0 0 1 0-1.06l1.59-1.591a2 2 0 1 0-2.828-2.829l-1.59 1.591a.75.75 0 0 1-1.061 0l-.354-.353a.75.75 0 0 1 0-1.06L8 2.342A4 4 0 0 1 13.657 8l-1.591 1.591Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("path", { d: "M9.945 5.702a.75.75 0 0 0-1.061 0L5.702 8.884a.75.75 0 0 0 0 1.06l.353.354a.75.75 0 0 0 1.061 0l3.182-3.182a.75.75 0 0 0 0-1.06l-.353-.354Z" })
       ] })
     ]
   }
@@ -56924,117 +56927,120 @@ var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_js
 var Link16Icon_default = Link16Icon;
 
 // icons/react/LoadBalancer16Icon.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 
 // icons/react/Logs16Icon.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 
 // icons/react/Metrics16Icon.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 
 // icons/react/Monitoring16Icon.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 
 // icons/react/Networking16Icon.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 
 // icons/react/NewWindow16Icon.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 
 // icons/react/Notifications16Icon.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 
 // icons/react/Organization16Icon.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 
 // icons/react/Overview16Icon.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 
 // icons/react/Person16Icon.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 
 // icons/react/PersonGroup16Icon.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 
 // icons/react/Profile16Icon.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 
 // icons/react/Refresh16Icon.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 
 // icons/react/Ram16Icon.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 
 // icons/react/Repair16Icon.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 
 // icons/react/Resize16Icon.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 
 // icons/react/Router16Icon.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 
 // icons/react/Sort16Icon.tsx
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 
 // icons/react/Search16Icon.tsx
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 
 // icons/react/Security16Icon.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 
 // icons/react/Servers16Icon.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 
 // icons/react/Settings16Icon.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 
 // icons/react/Show16Icon.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 
 // icons/react/SignOut16Icon.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 
 // icons/react/Snapshots16Icon.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 
 // icons/react/SoftwareUpdate16Icon.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 
 // icons/react/Ssd16Icon.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 
 // icons/react/Storage16Icon.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 
 // icons/react/Subnet16Icon.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 
 // icons/react/Tags16Icon.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 
 // icons/react/Terminal16Icon.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 
 // icons/react/Time16Icon.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 
 // icons/react/Transmit16Icon.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
+
+// icons/react/Question16Icon.tsx
+var import_jsx_runtime130 = require("react/jsx-runtime");
 
 // icons/react/Add12Icon.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 
 // icons/react/AddRoundel12Icon.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 
 // icons/react/Checkmark12Icon.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var Checkmark12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
   "svg",
   {
     width: 12,
@@ -57045,8 +57051,8 @@ var Checkmark12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+      title ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -57061,90 +57067,90 @@ var Checkmark12Icon = ({
 var Checkmark12Icon_default = Checkmark12Icon;
 
 // icons/react/Close12Icon.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 
 // icons/react/DirectionRightIcon.tsx
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 
 // icons/react/DirectionUpIcon.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 
 // icons/react/DirectionDownIcon.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_jsx_runtime137 = require("react/jsx-runtime");
 
 // icons/react/DirectionLeftIcon.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime138 = require("react/jsx-runtime");
 
 // icons/react/Clipboard12Icon.tsx
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_jsx_runtime139 = require("react/jsx-runtime");
 
 // icons/react/Copy12Icon.tsx
-var import_jsx_runtime138 = require("react/jsx-runtime");
+var import_jsx_runtime140 = require("react/jsx-runtime");
 
 // icons/react/Disabled12Icon.tsx
-var import_jsx_runtime139 = require("react/jsx-runtime");
+var import_jsx_runtime141 = require("react/jsx-runtime");
 
 // icons/react/Error12Icon.tsx
-var import_jsx_runtime140 = require("react/jsx-runtime");
+var import_jsx_runtime142 = require("react/jsx-runtime");
 
 // icons/react/Info12Icon.tsx
-var import_jsx_runtime141 = require("react/jsx-runtime");
+var import_jsx_runtime143 = require("react/jsx-runtime");
 
 // icons/react/Filter12Icon.tsx
-var import_jsx_runtime142 = require("react/jsx-runtime");
+var import_jsx_runtime144 = require("react/jsx-runtime");
 
 // icons/react/Key12Icon.tsx
-var import_jsx_runtime143 = require("react/jsx-runtime");
+var import_jsx_runtime145 = require("react/jsx-runtime");
 
 // icons/react/Loader12Icon.tsx
-var import_jsx_runtime144 = require("react/jsx-runtime");
+var import_jsx_runtime146 = require("react/jsx-runtime");
 
 // icons/react/MenuOpen12Icon.tsx
-var import_jsx_runtime145 = require("react/jsx-runtime");
+var import_jsx_runtime147 = require("react/jsx-runtime");
 
 // icons/react/MenuClose12Icon.tsx
-var import_jsx_runtime146 = require("react/jsx-runtime");
+var import_jsx_runtime148 = require("react/jsx-runtime");
 
 // icons/react/More12Icon.tsx
-var import_jsx_runtime147 = require("react/jsx-runtime");
+var import_jsx_runtime149 = require("react/jsx-runtime");
 
 // icons/react/NextArrow12Icon.tsx
-var import_jsx_runtime148 = require("react/jsx-runtime");
+var import_jsx_runtime150 = require("react/jsx-runtime");
 
 // icons/react/PrevArrow12Icon.tsx
-var import_jsx_runtime149 = require("react/jsx-runtime");
+var import_jsx_runtime151 = require("react/jsx-runtime");
 
 // icons/react/OpenLink12Icon.tsx
-var import_jsx_runtime150 = require("react/jsx-runtime");
+var import_jsx_runtime152 = require("react/jsx-runtime");
 
 // icons/react/Repair12Icon.tsx
-var import_jsx_runtime151 = require("react/jsx-runtime");
+var import_jsx_runtime153 = require("react/jsx-runtime");
 
 // icons/react/Security12Icon.tsx
-var import_jsx_runtime152 = require("react/jsx-runtime");
+var import_jsx_runtime154 = require("react/jsx-runtime");
 
 // icons/react/Success12Icon.tsx
-var import_jsx_runtime153 = require("react/jsx-runtime");
+var import_jsx_runtime155 = require("react/jsx-runtime");
 
 // icons/react/Unauthorized12Icon.tsx
-var import_jsx_runtime154 = require("react/jsx-runtime");
+var import_jsx_runtime156 = require("react/jsx-runtime");
 
 // icons/react/Warning12Icon.tsx
-var import_jsx_runtime155 = require("react/jsx-runtime");
+var import_jsx_runtime157 = require("react/jsx-runtime");
 
 // icons/react/Question12Icon.tsx
-var import_jsx_runtime156 = require("react/jsx-runtime");
+var import_jsx_runtime158 = require("react/jsx-runtime");
 
 // icons/react/Hide12Icon.tsx
-var import_jsx_runtime157 = require("react/jsx-runtime");
+var import_jsx_runtime159 = require("react/jsx-runtime");
 
 // icons/react/SelectArrows6Icon.tsx
-var import_jsx_runtime158 = require("react/jsx-runtime");
+var import_jsx_runtime160 = require("react/jsx-runtime");
 var SelectArrows6Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(
   "svg",
   {
     width: 6,
@@ -57155,8 +57161,8 @@ var SelectArrows6Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+      title ? /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -57171,13 +57177,13 @@ var SelectArrows6Icon = ({
 var SelectArrows6Icon_default = SelectArrows6Icon;
 
 // icons/react/Close8Icon.tsx
-var import_jsx_runtime159 = require("react/jsx-runtime");
+var import_jsx_runtime161 = require("react/jsx-runtime");
 
 // components/src/asciidoc/Section.tsx
 var import_react_asciidoc3 = require("@oxide/react-asciidoc");
 var import_classnames2 = __toESM(require_classnames());
 var import_react2 = require("react");
-var import_jsx_runtime160 = require("react/jsx-runtime");
+var import_jsx_runtime162 = require("react/jsx-runtime");
 var Section = ({ node }) => {
   const docAttrs = node.getDocument().getAttributes();
   const level = node.getLevel();
@@ -57205,22 +57211,22 @@ var Section = ({ node }) => {
   } else {
     title = node.getTitle() || "";
   }
-  title = /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(import_jsx_runtime160.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("a", { className: "anchor", id: node.getId() || "", "aria-hidden": true }),
-    /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)("a", { className: "link group", href: `#${node.getId()}`, children: [
+  title = /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(import_jsx_runtime162.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("a", { className: "anchor", id: node.getId() || "", "aria-hidden": true }),
+    /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)("a", { className: "link group", href: `#${node.getId()}`, children: [
       html_react_parser_default(title),
-      /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Link16Icon_default, { className: "text-accent-secondary hidden group-hover:inline-block ml-2" })
+      /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Link16Icon_default, { className: "text-accent-secondary hidden group-hover:inline-block ml-2" })
     ] })
   ] });
   if (level === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(import_jsx_runtime160.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("h1", { className: (0, import_classnames2.default)("sect0", (0, import_react_asciidoc3.getRole)(node)), "data-sectnum": sectNum, children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_react_asciidoc3.Content, { blocks: node.getBlocks() })
+    return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(import_jsx_runtime162.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("h1", { className: (0, import_classnames2.default)("sect0", (0, import_react_asciidoc3.getRole)(node)), "data-sectnum": sectNum, children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_asciidoc3.Content, { blocks: node.getBlocks() })
     ] });
   } else {
-    return /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)("div", { className: (0, import_classnames2.default)(`sect${level}`, (0, import_react_asciidoc3.getRole)(node)), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)("div", { className: (0, import_classnames2.default)(`sect${level}`, (0, import_react_asciidoc3.getRole)(node)), children: [
       (0, import_react2.createElement)(`h${level + 1}`, { "data-sectnum": sectNum }, title),
-      /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("div", { className: "sectionbody", children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_react_asciidoc3.Content, { blocks: node.getBlocks() }) })
+      /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("div", { className: "sectionbody", children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_asciidoc3.Content, { blocks: node.getBlocks() }) })
     ] });
   }
 };
@@ -57228,8 +57234,8 @@ var Section_default = Section;
 
 // components/src/asciidoc/Table.tsx
 var import_react_asciidoc4 = require("@oxide/react-asciidoc");
-var import_jsx_runtime161 = require("react/jsx-runtime");
-var Table = ({ node }) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("div", { className: "table-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_react_asciidoc4.Table, { node }) });
+var import_jsx_runtime163 = require("react/jsx-runtime");
+var Table = ({ node }) => /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("div", { className: "table-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(import_react_asciidoc4.Table, { node }) });
 var Table_default = Table;
 
 // components/src/asciidoc/index.ts
@@ -57242,7 +57248,7 @@ var AsciiDocBlocks = {
 
 // components/src/ui/badge/Badge.tsx
 var import_classnames3 = __toESM(require_classnames());
-var import_jsx_runtime162 = require("react/jsx-runtime");
+var import_jsx_runtime164 = require("react/jsx-runtime");
 var badgeColors = {
   default: {
     default: `ring-1 ring-inset bg-accent-secondary text-accent ring-[rgba(var(--base-green-800-rgb),0.15)]`,
@@ -57267,7 +57273,7 @@ var Badge = ({
   color = "default",
   variant = "default"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
     "span",
     {
       className: (0, import_classnames3.default)(
@@ -57277,7 +57283,7 @@ var Badge = ({
         badgeColors[variant][color],
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", { children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)("span", { children })
     }
   );
 };
@@ -57285,7 +57291,7 @@ var Badge = ({
 // components/src/ui/button/Button.tsx
 var import_classnames4 = __toESM(require_classnames());
 var import_react3 = require("react");
-var import_jsx_runtime163 = require("react/jsx-runtime");
+var import_jsx_runtime165 = require("react/jsx-runtime");
 var buttonSizes = ["sm", "icon", "base"];
 var variants = ["primary", "secondary", "ghost", "danger"];
 var sizeStyle = {
@@ -57325,7 +57331,7 @@ var Button = (0, import_react3.forwardRef)(
     ...rest
   }, ref) => {
     const isDisabled = disabled || loading;
-    return /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(
       "button",
       {
         className: (0, import_classnames4.default)(buttonStyle({ size: size2, variant }), className, {
@@ -57338,8 +57344,8 @@ var Button = (0, import_react3.forwardRef)(
         "aria-disabled": isDisabled,
         ...rest,
         children: [
-          loading && /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Spinner, { className: "absolute", variant }),
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: (0, import_classnames4.default)("flex items-center", innerClassName, { invisible: loading }), children })
+          loading && /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(Spinner, { className: "absolute", variant }),
+          /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("span", { className: (0, import_classnames4.default)("flex items-center", innerClassName, { invisible: loading }), children })
         ]
       }
     );
@@ -57349,7 +57355,7 @@ var Button = (0, import_react3.forwardRef)(
 // components/src/ui/spinner/Spinner.tsx
 var import_classnames5 = __toESM(require_classnames());
 var import_react4 = require("react");
-var import_jsx_runtime164 = require("react/jsx-runtime");
+var import_jsx_runtime166 = require("react/jsx-runtime");
 var spinnerSizes = ["base", "lg"];
 var spinnerVariants = ["primary", "secondary", "ghost", "danger"];
 var Spinner = ({
@@ -57361,7 +57367,7 @@ var Spinner = ({
   const center = size2 === "lg" ? 18 : 6;
   const radius = size2 === "lg" ? 16 : 5;
   const strokeWidth = size2 === "lg" ? 3 : 2;
-  return /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(
     "svg",
     {
       width: frameSize,
@@ -57372,7 +57378,7 @@ var Spinner = ({
       "aria-labelledby": "Spinner",
       className: (0, import_classnames5.default)("spinner", `spinner-${variant}`, `spinner-${size2}`, className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
           "circle",
           {
             fill: "none",
@@ -57385,7 +57391,7 @@ var Spinner = ({
             strokeOpacity: 0.2
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
           "circle",
           {
             className: "path",
@@ -57426,24 +57432,24 @@ var SpinnerLoader = ({ isLoading, children = null, minTime = 500 }) => {
         clearTimeout(hideTimeout.current);
     };
   }, [isLoading, minTime]);
-  return isVisible ? /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(import_jsx_runtime164.Fragment, { children });
+  return isVisible ? /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_jsx_runtime166.Fragment, { children });
 };
 
 // components/src/ui/tabs/Tabs.tsx
 var import_react_tabs = require("@radix-ui/react-tabs");
 var import_classnames6 = __toESM(require_classnames());
-var import_jsx_runtime165 = require("react/jsx-runtime");
+var import_jsx_runtime167 = require("react/jsx-runtime");
 var Tabs = {
-  Root: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(import_react_tabs.Root, { ...props, className: (0, import_classnames6.default)("ox-tabs", className) }),
-  Trigger: ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(import_react_tabs.Trigger, { ...props, className: (0, import_classnames6.default)("ox-tab", className), children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("div", { children }) }),
-  List: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(import_react_tabs.List, { ...props, className: (0, import_classnames6.default)("ox-tabs-list", className) }),
-  Content: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(import_react_tabs.Content, { ...props, className: (0, import_classnames6.default)("ox-tabs-panel", className) })
+  Root: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_tabs.Root, { ...props, className: (0, import_classnames6.default)("ox-tabs", className) }),
+  Trigger: ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_tabs.Trigger, { ...props, className: (0, import_classnames6.default)("ox-tab", className), children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { children }) }),
+  List: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_tabs.List, { ...props, className: (0, import_classnames6.default)("ox-tabs-list", className) }),
+  Content: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_tabs.Content, { ...props, className: (0, import_classnames6.default)("ox-tabs-panel", className) })
 };
 
 // components/src/ui/checkbox/Checkbox.tsx
 var import_classnames7 = __toESM(require_classnames());
-var import_jsx_runtime166 = require("react/jsx-runtime");
-var Check = () => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Checkmark12Icon_default, { className: "pointer-events-none absolute left-0.5 top-0.5 h-3 w-3 fill-current text-accent" });
+var import_jsx_runtime168 = require("react/jsx-runtime");
+var Check = () => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Checkmark12Icon_default, { className: "pointer-events-none absolute left-0.5 top-0.5 h-3 w-3 fill-current text-accent" });
 var Indeterminate = classed.div`absolute w-2 h-0.5 left-1 top-[7px] bg-accent pointer-events-none`;
 var inputStyle = `
   appearance-none border border-default bg-default h-4 w-4 rounded-sm absolute left-0 outline-none
@@ -57457,9 +57463,9 @@ var Checkbox = ({
   children,
   className,
   ...inputProps
-}) => /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("label", { className: "inline-flex items-center", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "relative h-4 w-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("label", { className: "inline-flex items-center", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("span", { className: "relative h-4 w-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
       "input",
       {
         className: (0, import_classnames7.default)(inputStyle, className),
@@ -57468,28 +57474,28 @@ var Checkbox = ({
         ...inputProps
       }
     ),
-    inputProps.checked && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Check, {}),
-    indeterminate && /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Indeterminate, {})
+    inputProps.checked && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Check, {}),
+    indeterminate && /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Indeterminate, {})
   ] }),
-  children && /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "ml-2.5 text-sans-md text-secondary", children })
+  children && /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: "ml-2.5 text-sans-md text-secondary", children })
 ] });
 
 // components/src/ui/empty-message/EmptyMessage.tsx
 var import_classnames8 = __toESM(require_classnames());
 var import_react_router_dom = require("react-router-dom");
-var import_jsx_runtime167 = require("react/jsx-runtime");
+var import_jsx_runtime169 = require("react/jsx-runtime");
 var buttonStyleProps = { variant: "ghost", size: "sm", color: "secondary" };
 function EmptyMessage(props) {
   let button = null;
   if (props.buttonText && "buttonTo" in props) {
-    button = /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_router_dom.Link, { className: (0, import_classnames8.default)("mt-6", buttonStyle(buttonStyleProps)), to: props.buttonTo, children: props.buttonText });
+    button = /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_react_router_dom.Link, { className: (0, import_classnames8.default)("mt-6", buttonStyle(buttonStyleProps)), to: props.buttonTo, children: props.buttonText });
   } else if (props.buttonText && "onClick" in props) {
-    button = /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Button, { ...buttonStyleProps, className: "mt-6", onClick: props.onClick, children: props.buttonText });
+    button = /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(Button, { ...buttonStyleProps, className: "mt-6", onClick: props.onClick, children: props.buttonText });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: "m-4 flex max-w-[14rem] flex-col items-center text-center", children: [
-    props.icon && /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { className: "mb-4 rounded p-1 leading-[0] text-accent bg-accent-secondary", children: props.icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("h3", { className: "text-sans-semi-lg", children: props.title }),
-    props.body && /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("p", { className: "mt-1 text-sans-md text-secondary", children: props.body }),
+  return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "m-4 flex max-w-[14rem] flex-col items-center text-center", children: [
+    props.icon && /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", { className: "mb-4 rounded p-1 leading-[0] text-accent bg-accent-secondary", children: props.icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("h3", { className: "text-sans-semi-lg", children: props.title }),
+    props.body && /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("p", { className: "mt-1 text-sans-md text-secondary", children: props.body }),
     button
   ] });
 }
@@ -57498,7 +57504,7 @@ function EmptyMessage(props) {
 var import_react7 = require("@floating-ui/react");
 var import_react8 = require("@headlessui/react");
 var import_classnames9 = __toESM(require_classnames());
-var import_jsx_runtime168 = require("react/jsx-runtime");
+var import_jsx_runtime170 = require("react/jsx-runtime");
 var Listbox = ({
   name,
   selected,
@@ -57527,14 +57533,14 @@ var Listbox = ({
   const selectedItem = selected && items.find((i) => i.value === selected);
   const noItems = !isLoading && items.length === 0;
   const isDisabled = disabled || noItems;
-  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: (0, import_classnames9.default)("relative", className), children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", { className: (0, import_classnames9.default)("relative", className), children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
     import_react8.Listbox,
     {
       value: selected,
       onChange: (val) => val !== null && onChange(val),
       disabled: isDisabled || isLoading,
-      children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(import_jsx_runtime168.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+      children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_jsx_runtime170.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(
           import_react8.Listbox.Button,
           {
             name,
@@ -57550,34 +57556,34 @@ var Listbox = ({
             ),
             ...props,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: "w-full px-3 text-left", children: selectedItem ? (
+              /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", { className: "w-full px-3 text-left", children: selectedItem ? (
                 // labelString is one line, which is what we need when label is a ReactNode
                 selectedItem.labelString || selectedItem.label
-              ) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: "text-quaternary", children: noItems ? "No items" : placeholder }) }),
-              !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(SpinnerLoader, { isLoading }),
-              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "text-quaternary", children: noItems ? "No items" : placeholder }) }),
+              !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(SpinnerLoader, { isLoading }),
+              /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
                 "div",
                 {
                   className: "ml-3 flex h-[calc(100%-12px)] items-center border-l px-3 border-secondary",
                   "aria-hidden": true,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(SelectArrows6Icon_default, { className: "h-[14px] w-2 text-tertiary" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(SelectArrows6Icon_default, { className: "h-[14px] w-2 text-tertiary" })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(import_react7.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_react7.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
           import_react8.Listbox.Options,
           {
             ref: refs.setFloating,
             style: floatingStyles,
             className: "ox-menu pointer-events-auto z-50 overflow-y-auto !outline-none",
-            children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+            children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
               import_react8.Listbox.Option,
               {
                 value: item.value,
                 className: "relative border-b border-secondary last:border-0",
-                children: ({ active, selected: selected2 }) => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
+                children: ({ active, selected: selected2 }) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
                   "div",
                   {
                     className: (0, import_classnames9.default)(