@oxide/design-system 1.3.0--canary.69.8993f08.0 → 1.3.0--canary.69.00e20fa.0

package/components/dist/index.mjs

@@ -56608,282 +56608,9 @@ var Listing = ({ node }) => {
 };
 var Listing_default = Listing;
 
-// icons/react/Access24Icon.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-
-// icons/react/Action24Icon.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-
-// icons/react/AddRoundel24Icon.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-
-// icons/react/Calendar24Icon.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-
-// icons/react/Chat24Icon.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-
-// icons/react/Clipboard24Icon.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-
-// icons/react/Cloud24Icon.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-
-// icons/react/Compatibility24Icon.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-
-// icons/react/Contrast24Icon.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-
-// icons/react/Cpu24Icon.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
-
-// icons/react/Delete24Icon.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
-
-// icons/react/Dislike24Icon.tsx
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
-
-// icons/react/Document24Icon.tsx
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
-
-// icons/react/Dots24Icon.tsx
-import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
-
-// icons/react/Download24Icon.tsx
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
-
-// icons/react/Email24Icon.tsx
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
-
-// icons/react/Error24Icon.tsx
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
-
-// icons/react/Firewall24Icon.tsx
-import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
-
-// icons/react/Folder24Icon.tsx
-import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
-
-// icons/react/Gateway24Icon.tsx
-import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
-
-// icons/react/Heart24Icon.tsx
-import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
-
-// icons/react/Hide24Icon.tsx
-import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
-
-// icons/react/Hourglass24Icon.tsx
-import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
-
-// icons/react/Images24Icon.tsx
-import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
-
-// icons/react/Info24Icon.tsx
-import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
-
-// icons/react/Instances24Icon.tsx
-import { jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
-
-// icons/react/IpGlobal24Icon.tsx
-import { jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
-
-// icons/react/IpLocal24Icon.tsx
-import { jsx as jsx30, jsxs as jsxs30 } from "react/jsx-runtime";
-
-// icons/react/Issues24Icon.tsx
-import { jsx as jsx31, jsxs as jsxs31 } from "react/jsx-runtime";
-
-// icons/react/Key24Icon.tsx
-import { jsx as jsx32, jsxs as jsxs32 } from "react/jsx-runtime";
-
-// icons/react/Like24Icon.tsx
-import { jsx as jsx33, jsxs as jsxs33 } from "react/jsx-runtime";
-
-// icons/react/LoadBalancer24Icon.tsx
-import { jsx as jsx34, jsxs as jsxs34 } from "react/jsx-runtime";
-
-// icons/react/Location24Icon.tsx
-import { jsx as jsx35, jsxs as jsxs35 } from "react/jsx-runtime";
-
-// icons/react/Logs24Icon.tsx
-import { jsx as jsx36, jsxs as jsxs36 } from "react/jsx-runtime";
-
-// icons/react/Metrics24Icon.tsx
-import { jsx as jsx37, jsxs as jsxs37 } from "react/jsx-runtime";
-
-// icons/react/Networking24Icon.tsx
-import { jsx as jsx38, jsxs as jsxs38 } from "react/jsx-runtime";
-
-// icons/react/Organization24Icon.tsx
-import { jsx as jsx39, jsxs as jsxs39 } from "react/jsx-runtime";
-
-// icons/react/Overview24Icon.tsx
-import { jsx as jsx40, jsxs as jsxs40 } from "react/jsx-runtime";
-
-// icons/react/Person24Icon.tsx
-import { jsx as jsx41, jsxs as jsxs41 } from "react/jsx-runtime";
-
-// icons/react/PersonGroup24Icon.tsx
-import { jsx as jsx42, jsxs as jsxs42 } from "react/jsx-runtime";
-
-// icons/react/Progress24Icon.tsx
-import { jsx as jsx43, jsxs as jsxs43 } from "react/jsx-runtime";
-
-// icons/react/Prohibited24Icon.tsx
-import { jsx as jsx44, jsxs as jsxs44 } from "react/jsx-runtime";
-
-// icons/react/Router24Icon.tsx
-import { jsx as jsx45, jsxs as jsxs45 } from "react/jsx-runtime";
-
-// icons/react/Safety24Icon.tsx
-import { jsx as jsx46, jsxs as jsxs46 } from "react/jsx-runtime";
-
-// icons/react/Security24Icon.tsx
-import { jsx as jsx47, jsxs as jsxs47 } from "react/jsx-runtime";
-
-// icons/react/Racks24Icon.tsx
-import { jsx as jsx48, jsxs as jsxs48 } from "react/jsx-runtime";
-
-// icons/react/Settings24Icon.tsx
-import { jsx as jsx49, jsxs as jsxs49 } from "react/jsx-runtime";
-
-// icons/react/Snapshots24Icon.tsx
-import { jsx as jsx50, jsxs as jsxs50 } from "react/jsx-runtime";
-
-// icons/react/SoftwareUpdate24Icon.tsx
-import { jsx as jsx51, jsxs as jsxs51 } from "react/jsx-runtime";
-
-// icons/react/Speaker24Icon.tsx
-import { jsx as jsx52, jsxs as jsxs52 } from "react/jsx-runtime";
-
-// icons/react/Storage24Icon.tsx
-import { jsx as jsx53, jsxs as jsxs53 } from "react/jsx-runtime";
-
-// icons/react/Subnet24Icon.tsx
-import { jsx as jsx54, jsxs as jsxs54 } from "react/jsx-runtime";
-
-// icons/react/Resize24Icon.tsx
-import { jsx as jsx55, jsxs as jsxs55 } from "react/jsx-runtime";
-
-// icons/react/Terminal24Icon.tsx
-import { jsx as jsx56, jsxs as jsxs56 } from "react/jsx-runtime";
-
-// icons/react/Transmit24Icon.tsx
-import { jsx as jsx57, jsxs as jsxs57 } from "react/jsx-runtime";
-
-// icons/react/Wireless24Icon.tsx
-import { jsx as jsx58, jsxs as jsxs58 } from "react/jsx-runtime";
-
-// icons/react/Access16Icon.tsx
-import { jsx as jsx59, jsxs as jsxs59 } from "react/jsx-runtime";
-
-// icons/react/Action16Icon.tsx
-import { jsx as jsx60, jsxs as jsxs60 } from "react/jsx-runtime";
-
-// icons/react/AddRoundel16Icon.tsx
-import { jsx as jsx61, jsxs as jsxs61 } from "react/jsx-runtime";
-
-// icons/react/Calendar16Icon.tsx
-import { jsx as jsx62, jsxs as jsxs62 } from "react/jsx-runtime";
-
-// icons/react/Chat16Icon.tsx
-import { jsx as jsx63, jsxs as jsxs63 } from "react/jsx-runtime";
-
-// icons/react/Clipboard16Icon.tsx
-import { jsx as jsx64, jsxs as jsxs64 } from "react/jsx-runtime";
-
-// icons/react/Cloud16Icon.tsx
-import { jsx as jsx65, jsxs as jsxs65 } from "react/jsx-runtime";
-
-// icons/react/Close16Icon.tsx
-import { jsx as jsx66, jsxs as jsxs66 } from "react/jsx-runtime";
-
-// icons/react/Compability16Icon.tsx
-import { jsx as jsx67, jsxs as jsxs67 } from "react/jsx-runtime";
-
-// icons/react/Contrast16Icon.tsx
-import { jsx as jsx68, jsxs as jsxs68 } from "react/jsx-runtime";
-
-// icons/react/Cpu16Icon.tsx
-import { jsx as jsx69, jsxs as jsxs69 } from "react/jsx-runtime";
-
-// icons/react/Delete16Icon.tsx
-import { jsx as jsx70, jsxs as jsxs70 } from "react/jsx-runtime";
-
-// icons/react/Dislike16Icon.tsx
-import { jsx as jsx71, jsxs as jsxs71 } from "react/jsx-runtime";
-
-// icons/react/Document16Icon.tsx
-import { jsx as jsx72, jsxs as jsxs72 } from "react/jsx-runtime";
-
-// icons/react/Dots16Icon.tsx
-import { jsx as jsx73, jsxs as jsxs73 } from "react/jsx-runtime";
-
-// icons/react/DownloadRoundel16Icon.tsx
-import { jsx as jsx74, jsxs as jsxs74 } from "react/jsx-runtime";
-
-// icons/react/Edit16Icon.tsx
-import { jsx as jsx75, jsxs as jsxs75 } from "react/jsx-runtime";
-
-// icons/react/Email16Icon.tsx
-import { jsx as jsx76, jsxs as jsxs76 } from "react/jsx-runtime";
-
-// icons/react/Error16Icon.tsx
-import { jsx as jsx77, jsxs as jsxs77 } from "react/jsx-runtime";
-
-// icons/react/Filter16Icon.tsx
-import { jsx as jsx78, jsxs as jsxs78 } from "react/jsx-runtime";
-
-// icons/react/Firewall16Icon.tsx
-import { jsx as jsx79, jsxs as jsxs79 } from "react/jsx-runtime";
-
-// icons/react/Folder16Icon.tsx
-import { jsx as jsx80, jsxs as jsxs80 } from "react/jsx-runtime";
-
-// icons/react/Gateway16Icon.tsx
-import { jsx as jsx81, jsxs as jsxs81 } from "react/jsx-runtime";
-
-// icons/react/Heart16Icon.tsx
-import { jsx as jsx82, jsxs as jsxs82 } from "react/jsx-runtime";
-
-// icons/react/Hide16Icon.tsx
-import { jsx as jsx83, jsxs as jsxs83 } from "react/jsx-runtime";
-
-// icons/react/Hourglass16Icon.tsx
-import { jsx as jsx84, jsxs as jsxs84 } from "react/jsx-runtime";
-
-// icons/react/Images16Icon.tsx
-import { jsx as jsx85, jsxs as jsxs85 } from "react/jsx-runtime";
-
-// icons/react/Info16Icon.tsx
-import { jsx as jsx86, jsxs as jsxs86 } from "react/jsx-runtime";
-
-// icons/react/Instances16Icon.tsx
-import { jsx as jsx87, jsxs as jsxs87 } from "react/jsx-runtime";
-
-// icons/react/Integration16Icon.tsx
-import { jsx as jsx88, jsxs as jsxs88 } from "react/jsx-runtime";
-
-// icons/react/IpGlobal16Icon.tsx
-import { jsx as jsx89, jsxs as jsxs89 } from "react/jsx-runtime";
-
-// icons/react/IpLocal16Icon.tsx
-import { jsx as jsx90, jsxs as jsxs90 } from "react/jsx-runtime";
-
-// icons/react/Issues16Icon.tsx
-import { jsx as jsx91, jsxs as jsxs91 } from "react/jsx-runtime";
-
-// icons/react/Key16Icon.tsx
-import { jsx as jsx92, jsxs as jsxs92 } from "react/jsx-runtime";
-
-// icons/react/Like16Icon.tsx
-import { jsx as jsx93, jsxs as jsxs93 } from "react/jsx-runtime";
-
 // icons/react/Link16Icon.tsx
-import { jsx as jsx94, jsxs as jsxs94 } from "react/jsx-runtime";
-var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs94(
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs3(
   "svg",
   {
     width: 16,
@@ -56894,122 +56621,23 @@ var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs94(
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx94("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsxs94("g", { fill: "currentColor", children: [
-        /* @__PURE__ */ jsx94("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__ */ jsx94("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__ */ jsx3("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsxs3("g", { fill: "currentColor", children: [
+        /* @__PURE__ */ jsx3("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__ */ jsx3("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" })
       ] })
     ]
   }
 );
 var Link16Icon_default = Link16Icon;
 
-// icons/react/LoadBalancer16Icon.tsx
-import { jsx as jsx95, jsxs as jsxs95 } from "react/jsx-runtime";
-
-// icons/react/Logs16Icon.tsx
-import { jsx as jsx96, jsxs as jsxs96 } from "react/jsx-runtime";
-
-// icons/react/Metrics16Icon.tsx
-import { jsx as jsx97, jsxs as jsxs97 } from "react/jsx-runtime";
-
-// icons/react/Networking16Icon.tsx
-import { jsx as jsx98, jsxs as jsxs98 } from "react/jsx-runtime";
-
-// icons/react/NewWindow16Icon.tsx
-import { jsx as jsx99, jsxs as jsxs99 } from "react/jsx-runtime";
-
-// icons/react/Notifications16Icon.tsx
-import { jsx as jsx100, jsxs as jsxs100 } from "react/jsx-runtime";
-
-// icons/react/Organization16Icon.tsx
-import { jsx as jsx101, jsxs as jsxs101 } from "react/jsx-runtime";
-
-// icons/react/Overview16Icon.tsx
-import { jsx as jsx102, jsxs as jsxs102 } from "react/jsx-runtime";
-
-// icons/react/Person16Icon.tsx
-import { jsx as jsx103, jsxs as jsxs103 } from "react/jsx-runtime";
-
-// icons/react/PersonGroup16Icon.tsx
-import { jsx as jsx104, jsxs as jsxs104 } from "react/jsx-runtime";
-
-// icons/react/Profile16Icon.tsx
-import { jsx as jsx105, jsxs as jsxs105 } from "react/jsx-runtime";
-
-// icons/react/Refresh16Icon.tsx
-import { jsx as jsx106, jsxs as jsxs106 } from "react/jsx-runtime";
-
-// icons/react/Ram16Icon.tsx
-import { jsx as jsx107, jsxs as jsxs107 } from "react/jsx-runtime";
-
-// icons/react/Repair16Icon.tsx
-import { jsx as jsx108, jsxs as jsxs108 } from "react/jsx-runtime";
-
-// icons/react/Resize16Icon.tsx
-import { jsx as jsx109, jsxs as jsxs109 } from "react/jsx-runtime";
-
-// icons/react/Router16Icon.tsx
-import { jsx as jsx110, jsxs as jsxs110 } from "react/jsx-runtime";
-
-// icons/react/Sort16Icon.tsx
-import { jsx as jsx111, jsxs as jsxs111 } from "react/jsx-runtime";
-
-// icons/react/Search16Icon.tsx
-import { jsx as jsx112, jsxs as jsxs112 } from "react/jsx-runtime";
-
-// icons/react/Security16Icon.tsx
-import { jsx as jsx113, jsxs as jsxs113 } from "react/jsx-runtime";
-
-// icons/react/Servers16Icon.tsx
-import { jsx as jsx114, jsxs as jsxs114 } from "react/jsx-runtime";
-
-// icons/react/Settings16Icon.tsx
-import { jsx as jsx115, jsxs as jsxs115 } from "react/jsx-runtime";
-
-// icons/react/Show16Icon.tsx
-import { jsx as jsx116, jsxs as jsxs116 } from "react/jsx-runtime";
-
-// icons/react/Snapshots16Icon.tsx
-import { jsx as jsx117, jsxs as jsxs117 } from "react/jsx-runtime";
-
-// icons/react/SoftwareUpdate16Icon.tsx
-import { jsx as jsx118, jsxs as jsxs118 } from "react/jsx-runtime";
-
-// icons/react/Ssd16Icon.tsx
-import { jsx as jsx119, jsxs as jsxs119 } from "react/jsx-runtime";
-
-// icons/react/Storage16Icon.tsx
-import { jsx as jsx120, jsxs as jsxs120 } from "react/jsx-runtime";
-
-// icons/react/Subnet16Icon.tsx
-import { jsx as jsx121, jsxs as jsxs121 } from "react/jsx-runtime";
-
-// icons/react/Tags16Icon.tsx
-import { jsx as jsx122, jsxs as jsxs122 } from "react/jsx-runtime";
-
-// icons/react/Terminal16Icon.tsx
-import { jsx as jsx123, jsxs as jsxs123 } from "react/jsx-runtime";
-
-// icons/react/Time16Icon.tsx
-import { jsx as jsx124, jsxs as jsxs124 } from "react/jsx-runtime";
-
-// icons/react/Transmit16Icon.tsx
-import { jsx as jsx125, jsxs as jsxs125 } from "react/jsx-runtime";
-
-// icons/react/Add12Icon.tsx
-import { jsx as jsx126, jsxs as jsxs126 } from "react/jsx-runtime";
-
-// icons/react/AddRoundel12Icon.tsx
-import { jsx as jsx127, jsxs as jsxs127 } from "react/jsx-runtime";
-
 // icons/react/Checkmark12Icon.tsx
-import { jsx as jsx128, jsxs as jsxs128 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var Checkmark12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs128(
+}) => /* @__PURE__ */ jsxs4(
   "svg",
   {
     width: 12,
@@ -57020,8 +56648,8 @@ var Checkmark12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx128("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx128(
+      title ? /* @__PURE__ */ jsx4("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx4(
         "path",
         {
           fillRule: "evenodd",
@@ -57035,85 +56663,13 @@ var Checkmark12Icon = ({
 );
 var Checkmark12Icon_default = Checkmark12Icon;
 
-// icons/react/Close12Icon.tsx
-import { jsx as jsx129, jsxs as jsxs129 } from "react/jsx-runtime";
-
-// icons/react/DirectionRightIcon.tsx
-import { jsx as jsx130, jsxs as jsxs130 } from "react/jsx-runtime";
-
-// icons/react/DirectionUpIcon.tsx
-import { jsx as jsx131, jsxs as jsxs131 } from "react/jsx-runtime";
-
-// icons/react/DirectionDownIcon.tsx
-import { jsx as jsx132, jsxs as jsxs132 } from "react/jsx-runtime";
-
-// icons/react/DirectionLeftIcon.tsx
-import { jsx as jsx133, jsxs as jsxs133 } from "react/jsx-runtime";
-
-// icons/react/Clipboard12Icon.tsx
-import { jsx as jsx134, jsxs as jsxs134 } from "react/jsx-runtime";
-
-// icons/react/Copy12Icon.tsx
-import { jsx as jsx135, jsxs as jsxs135 } from "react/jsx-runtime";
-
-// icons/react/Disabled12Icon.tsx
-import { jsx as jsx136, jsxs as jsxs136 } from "react/jsx-runtime";
-
-// icons/react/Error12Icon.tsx
-import { jsx as jsx137, jsxs as jsxs137 } from "react/jsx-runtime";
-
-// icons/react/Info12Icon.tsx
-import { jsx as jsx138, jsxs as jsxs138 } from "react/jsx-runtime";
-
-// icons/react/Filter12Icon.tsx
-import { jsx as jsx139, jsxs as jsxs139 } from "react/jsx-runtime";
-
-// icons/react/Key12Icon.tsx
-import { jsx as jsx140, jsxs as jsxs140 } from "react/jsx-runtime";
-
-// icons/react/Loader12Icon.tsx
-import { jsx as jsx141, jsxs as jsxs141 } from "react/jsx-runtime";
-
-// icons/react/More12Icon.tsx
-import { jsx as jsx142, jsxs as jsxs142 } from "react/jsx-runtime";
-
-// icons/react/NextArrow12Icon.tsx
-import { jsx as jsx143, jsxs as jsxs143 } from "react/jsx-runtime";
-
-// icons/react/PrevArrow12Icon.tsx
-import { jsx as jsx144, jsxs as jsxs144 } from "react/jsx-runtime";
-
-// icons/react/OpenLink12Icon.tsx
-import { jsx as jsx145, jsxs as jsxs145 } from "react/jsx-runtime";
-
-// icons/react/Repair12Icon.tsx
-import { jsx as jsx146, jsxs as jsxs146 } from "react/jsx-runtime";
-
-// icons/react/Security12Icon.tsx
-import { jsx as jsx147, jsxs as jsxs147 } from "react/jsx-runtime";
-
-// icons/react/Success12Icon.tsx
-import { jsx as jsx148, jsxs as jsxs148 } from "react/jsx-runtime";
-
-// icons/react/Unauthorized12Icon.tsx
-import { jsx as jsx149, jsxs as jsxs149 } from "react/jsx-runtime";
-
-// icons/react/Warning12Icon.tsx
-import { jsx as jsx150, jsxs as jsxs150 } from "react/jsx-runtime";
-
-// icons/react/Question12Icon.tsx
-import { jsx as jsx151, jsxs as jsxs151 } from "react/jsx-runtime";
-
-// icons/react/Hide12Icon.tsx
-import { jsx as jsx152, jsxs as jsxs152 } from "react/jsx-runtime";
-
 // icons/react/SelectArrows6Icon.tsx
-import { jsx as jsx153, jsxs as jsxs153 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var SelectArrows6Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ jsxs153(
+}) => /* @__PURE__ */ jsxs5(
   "svg",
   {
     width: 6,
@@ -57124,8 +56680,8 @@ var SelectArrows6Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ jsx153("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsx153(
+      title ? /* @__PURE__ */ jsx5("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx5(
         "path",
         {
           fillRule: "evenodd",
@@ -57139,14 +56695,11 @@ var SelectArrows6Icon = ({
 );
 var SelectArrows6Icon_default = SelectArrows6Icon;
 
-// icons/react/Close8Icon.tsx
-import { jsx as jsx154, jsxs as jsxs154 } from "react/jsx-runtime";
-
 // components/src/asciidoc/Section.tsx
 var import_classnames2 = __toESM(require_classnames());
 import { Content, getRole } from "@oxide/react-asciidoc";
 import { createElement } from "react";
-import { Fragment, jsx as jsx155, jsxs as jsxs155 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var Section = ({ node }) => {
   const docAttrs = node.getDocument().getAttributes();
   const level = node.getLevel();
@@ -57174,22 +56727,22 @@ var Section = ({ node }) => {
   } else {
     title = node.getTitle() || "";
   }
-  title = /* @__PURE__ */ jsxs155(Fragment, { children: [
-    /* @__PURE__ */ jsx155("a", { className: "anchor", id: node.getId() || "", "aria-hidden": true }),
-    /* @__PURE__ */ jsxs155("a", { className: "link group", href: `#${node.getId()}`, children: [
+  title = /* @__PURE__ */ jsxs6(Fragment, { children: [
+    /* @__PURE__ */ jsx6("a", { className: "anchor", id: node.getId() || "", "aria-hidden": true }),
+    /* @__PURE__ */ jsxs6("a", { className: "link group", href: `#${node.getId()}`, children: [
       html_react_parser_default(title),
-      /* @__PURE__ */ jsx155(Link16Icon_default, { className: "text-accent-secondary hidden group-hover:inline-block ml-2" })
+      /* @__PURE__ */ jsx6(Link16Icon_default, { className: "text-accent-secondary hidden group-hover:inline-block ml-2" })
     ] })
   ] });
   if (level === 0) {
-    return /* @__PURE__ */ jsxs155(Fragment, { children: [
-      /* @__PURE__ */ jsx155("h1", { className: (0, import_classnames2.default)("sect0", getRole(node)), "data-sectnum": sectNum, children: title }),
-      /* @__PURE__ */ jsx155(Content, { blocks: node.getBlocks() })
+    return /* @__PURE__ */ jsxs6(Fragment, { children: [
+      /* @__PURE__ */ jsx6("h1", { className: (0, import_classnames2.default)("sect0", getRole(node)), "data-sectnum": sectNum, children: title }),
+      /* @__PURE__ */ jsx6(Content, { blocks: node.getBlocks() })
     ] });
   } else {
-    return /* @__PURE__ */ jsxs155("div", { className: (0, import_classnames2.default)(`sect${level}`, getRole(node)), children: [
+    return /* @__PURE__ */ jsxs6("div", { className: (0, import_classnames2.default)(`sect${level}`, getRole(node)), children: [
       createElement(`h${level + 1}`, { "data-sectnum": sectNum }, title),
-      /* @__PURE__ */ jsx155("div", { className: "sectionbody", children: /* @__PURE__ */ jsx155(Content, { blocks: node.getBlocks() }) })
+      /* @__PURE__ */ jsx6("div", { className: "sectionbody", children: /* @__PURE__ */ jsx6(Content, { blocks: node.getBlocks() }) })
     ] });
   }
 };
@@ -57197,8 +56750,8 @@ var Section_default = Section;
 
 // components/src/asciidoc/Table.tsx
 import { Table as InnerTable } from "@oxide/react-asciidoc";
-import { jsx as jsx156 } from "react/jsx-runtime";
-var Table = ({ node }) => /* @__PURE__ */ jsx156("div", { className: "table-wrapper", children: /* @__PURE__ */ jsx156(InnerTable, { node }) });
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Table = ({ node }) => /* @__PURE__ */ jsx7("div", { className: "table-wrapper", children: /* @__PURE__ */ jsx7(InnerTable, { node }) });
 var Table_default = Table;
 
 // components/src/asciidoc/index.ts
@@ -57211,7 +56764,7 @@ var AsciiDocBlocks = {
 
 // components/src/ui/badge/Badge.tsx
 var import_classnames3 = __toESM(require_classnames());
-import { jsx as jsx157 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "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)]`,
@@ -57236,7 +56789,7 @@ var Badge = ({
   color = "default",
   variant = "default"
 }) => {
-  return /* @__PURE__ */ jsx157(
+  return /* @__PURE__ */ jsx8(
     "span",
     {
       className: (0, import_classnames3.default)(
@@ -57246,7 +56799,7 @@ var Badge = ({
         badgeColors[variant][color],
         className
       ),
-      children: /* @__PURE__ */ jsx157("span", { children })
+      children: /* @__PURE__ */ jsx8("span", { children })
     }
   );
 };
@@ -57254,7 +56807,7 @@ var Badge = ({
 // components/src/ui/button/Button.tsx
 var import_classnames4 = __toESM(require_classnames());
 import { forwardRef } from "react";
-import { jsx as jsx158, jsxs as jsxs156 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var buttonSizes = ["sm", "icon", "base"];
 var variants = ["primary", "secondary", "ghost", "danger"];
 var sizeStyle = {
@@ -57294,7 +56847,7 @@ var Button = forwardRef(
     ...rest
   }, ref) => {
     const isDisabled = disabled || loading;
-    return /* @__PURE__ */ jsxs156(
+    return /* @__PURE__ */ jsxs7(
       "button",
       {
         className: (0, import_classnames4.default)(buttonStyle({ size: size2, variant }), className, {
@@ -57307,8 +56860,8 @@ var Button = forwardRef(
         "aria-disabled": isDisabled,
         ...rest,
         children: [
-          loading && /* @__PURE__ */ jsx158(Spinner, { className: "absolute", variant }),
-          /* @__PURE__ */ jsx158("span", { className: (0, import_classnames4.default)("flex items-center", innerClassName, { invisible: loading }), children })
+          loading && /* @__PURE__ */ jsx9(Spinner, { className: "absolute", variant }),
+          /* @__PURE__ */ jsx9("span", { className: (0, import_classnames4.default)("flex items-center", innerClassName, { invisible: loading }), children })
         ]
       }
     );
@@ -57318,7 +56871,7 @@ var Button = forwardRef(
 // components/src/ui/spinner/Spinner.tsx
 var import_classnames5 = __toESM(require_classnames());
 import { useEffect, useRef, useState } from "react";
-import { Fragment as Fragment2, jsx as jsx159, jsxs as jsxs157 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var spinnerSizes = ["base", "lg"];
 var spinnerVariants = ["primary", "secondary", "ghost", "danger"];
 var Spinner = ({
@@ -57330,7 +56883,7 @@ var Spinner = ({
   const center = size2 === "lg" ? 18 : 6;
   const radius = size2 === "lg" ? 16 : 5;
   const strokeWidth = size2 === "lg" ? 3 : 2;
-  return /* @__PURE__ */ jsxs157(
+  return /* @__PURE__ */ jsxs8(
     "svg",
     {
       width: frameSize,
@@ -57341,7 +56894,7 @@ var Spinner = ({
       "aria-labelledby": "Spinner",
       className: (0, import_classnames5.default)("spinner", `spinner-${variant}`, `spinner-${size2}`, className),
       children: [
-        /* @__PURE__ */ jsx159(
+        /* @__PURE__ */ jsx10(
           "circle",
           {
             fill: "none",
@@ -57354,7 +56907,7 @@ var Spinner = ({
             strokeOpacity: 0.2
           }
         ),
-        /* @__PURE__ */ jsx159(
+        /* @__PURE__ */ jsx10(
           "circle",
           {
             className: "path",
@@ -57395,24 +56948,24 @@ var SpinnerLoader = ({ isLoading, children = null, minTime = 500 }) => {
         clearTimeout(hideTimeout.current);
     };
   }, [isLoading, minTime]);
-  return isVisible ? /* @__PURE__ */ jsx159(Spinner, {}) : /* @__PURE__ */ jsx159(Fragment2, { children });
+  return isVisible ? /* @__PURE__ */ jsx10(Spinner, {}) : /* @__PURE__ */ jsx10(Fragment2, { children });
 };
 
 // components/src/ui/tabs/Tabs.tsx
 var import_classnames6 = __toESM(require_classnames());
 import { Content as Content2, List, Root, Trigger } from "@radix-ui/react-tabs";
-import { jsx as jsx160 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var Tabs = {
-  Root: ({ className, ...props }) => /* @__PURE__ */ jsx160(Root, { ...props, className: (0, import_classnames6.default)("ox-tabs", className) }),
-  Trigger: ({ children, className, ...props }) => /* @__PURE__ */ jsx160(Trigger, { ...props, className: (0, import_classnames6.default)("ox-tab", className), children: /* @__PURE__ */ jsx160("div", { children }) }),
-  List: ({ className, ...props }) => /* @__PURE__ */ jsx160(List, { ...props, className: (0, import_classnames6.default)("ox-tabs-list", className) }),
-  Content: ({ className, ...props }) => /* @__PURE__ */ jsx160(Content2, { ...props, className: (0, import_classnames6.default)("ox-tabs-panel", className) })
+  Root: ({ className, ...props }) => /* @__PURE__ */ jsx11(Root, { ...props, className: (0, import_classnames6.default)("ox-tabs", className) }),
+  Trigger: ({ children, className, ...props }) => /* @__PURE__ */ jsx11(Trigger, { ...props, className: (0, import_classnames6.default)("ox-tab", className), children: /* @__PURE__ */ jsx11("div", { children }) }),
+  List: ({ className, ...props }) => /* @__PURE__ */ jsx11(List, { ...props, className: (0, import_classnames6.default)("ox-tabs-list", className) }),
+  Content: ({ className, ...props }) => /* @__PURE__ */ jsx11(Content2, { ...props, className: (0, import_classnames6.default)("ox-tabs-panel", className) })
 };
 
 // components/src/ui/checkbox/Checkbox.tsx
 var import_classnames7 = __toESM(require_classnames());
-import { jsx as jsx161, jsxs as jsxs158 } from "react/jsx-runtime";
-var Check = () => /* @__PURE__ */ jsx161(Checkmark12Icon_default, { className: "pointer-events-none absolute left-0.5 top-0.5 h-3 w-3 fill-current text-accent" });
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+var Check = () => /* @__PURE__ */ jsx12(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
@@ -57426,9 +56979,9 @@ var Checkbox = ({
   children,
   className,
   ...inputProps
-}) => /* @__PURE__ */ jsxs158("label", { className: "inline-flex items-center", children: [
-  /* @__PURE__ */ jsxs158("span", { className: "relative h-4 w-4", children: [
-    /* @__PURE__ */ jsx161(
+}) => /* @__PURE__ */ jsxs9("label", { className: "inline-flex items-center", children: [
+  /* @__PURE__ */ jsxs9("span", { className: "relative h-4 w-4", children: [
+    /* @__PURE__ */ jsx12(
       "input",
       {
         className: (0, import_classnames7.default)(inputStyle, className),
@@ -57437,28 +56990,28 @@ var Checkbox = ({
         ...inputProps
       }
     ),
-    inputProps.checked && !indeterminate && /* @__PURE__ */ jsx161(Check, {}),
-    indeterminate && /* @__PURE__ */ jsx161(Indeterminate, {})
+    inputProps.checked && !indeterminate && /* @__PURE__ */ jsx12(Check, {}),
+    indeterminate && /* @__PURE__ */ jsx12(Indeterminate, {})
   ] }),
-  children && /* @__PURE__ */ jsx161("span", { className: "ml-2.5 text-sans-md text-secondary", children })
+  children && /* @__PURE__ */ jsx12("span", { className: "ml-2.5 text-sans-md text-secondary", children })
 ] });
 
 // components/src/ui/empty-message/EmptyMessage.tsx
 var import_classnames8 = __toESM(require_classnames());
 import { Link } from "react-router-dom";
-import { jsx as jsx162, jsxs as jsxs159 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "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__ */ jsx162(Link, { className: (0, import_classnames8.default)("mt-6", buttonStyle(buttonStyleProps)), to: props.buttonTo, children: props.buttonText });
+    button = /* @__PURE__ */ jsx13(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__ */ jsx162(Button, { ...buttonStyleProps, className: "mt-6", onClick: props.onClick, children: props.buttonText });
+    button = /* @__PURE__ */ jsx13(Button, { ...buttonStyleProps, className: "mt-6", onClick: props.onClick, children: props.buttonText });
   }
-  return /* @__PURE__ */ jsxs159("div", { className: "m-4 flex max-w-[14rem] flex-col items-center text-center", children: [
-    props.icon && /* @__PURE__ */ jsx162("div", { className: "mb-4 rounded p-1 leading-[0] text-accent bg-accent-secondary", children: props.icon }),
-    /* @__PURE__ */ jsx162("h3", { className: "text-sans-semi-lg", children: props.title }),
-    props.body && /* @__PURE__ */ jsx162("p", { className: "mt-1 text-sans-md text-secondary", children: props.body }),
+  return /* @__PURE__ */ jsxs10("div", { className: "m-4 flex max-w-[14rem] flex-col items-center text-center", children: [
+    props.icon && /* @__PURE__ */ jsx13("div", { className: "mb-4 rounded p-1 leading-[0] text-accent bg-accent-secondary", children: props.icon }),
+    /* @__PURE__ */ jsx13("h3", { className: "text-sans-semi-lg", children: props.title }),
+    props.body && /* @__PURE__ */ jsx13("p", { className: "mt-1 text-sans-md text-secondary", children: props.body }),
     button
   ] });
 }
@@ -57467,7 +57020,7 @@ function EmptyMessage(props) {
 var import_classnames9 = __toESM(require_classnames());
 import { FloatingPortal, flip, offset, size, useFloating } from "@floating-ui/react";
 import { Listbox as Select } from "@headlessui/react";
-import { Fragment as Fragment3, jsx as jsx163, jsxs as jsxs160 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var Listbox = ({
   name,
   selected,
@@ -57496,14 +57049,14 @@ var Listbox = ({
   const selectedItem = selected && items.find((i) => i.value === selected);
   const noItems = !isLoading && items.length === 0;
   const isDisabled = disabled || noItems;
-  return /* @__PURE__ */ jsx163("div", { className: (0, import_classnames9.default)("relative", className), children: /* @__PURE__ */ jsx163(
+  return /* @__PURE__ */ jsx14("div", { className: (0, import_classnames9.default)("relative", className), children: /* @__PURE__ */ jsx14(
     Select,
     {
       value: selected,
       onChange: (val) => val !== null && onChange(val),
       disabled: isDisabled || isLoading,
-      children: ({ open }) => /* @__PURE__ */ jsxs160(Fragment3, { children: [
-        /* @__PURE__ */ jsxs160(
+      children: ({ open }) => /* @__PURE__ */ jsxs11(Fragment3, { children: [
+        /* @__PURE__ */ jsxs11(
           Select.Button,
           {
             name,
@@ -57519,34 +57072,34 @@ var Listbox = ({
             ),
             ...props,
             children: [
-              /* @__PURE__ */ jsx163("div", { className: "w-full px-3 text-left", children: selectedItem ? (
+              /* @__PURE__ */ jsx14("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__ */ jsx163("span", { className: "text-quaternary", children: noItems ? "No items" : placeholder }) }),
-              !isDisabled && /* @__PURE__ */ jsx163(SpinnerLoader, { isLoading }),
-              /* @__PURE__ */ jsx163(
+              ) : /* @__PURE__ */ jsx14("span", { className: "text-quaternary", children: noItems ? "No items" : placeholder }) }),
+              !isDisabled && /* @__PURE__ */ jsx14(SpinnerLoader, { isLoading }),
+              /* @__PURE__ */ jsx14(
                 "div",
                 {
                   className: "ml-3 flex h-[calc(100%-12px)] items-center border-l px-3 border-secondary",
                   "aria-hidden": true,
-                  children: /* @__PURE__ */ jsx163(SelectArrows6Icon_default, { className: "h-[14px] w-2 text-tertiary" })
+                  children: /* @__PURE__ */ jsx14(SelectArrows6Icon_default, { className: "h-[14px] w-2 text-tertiary" })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsx163(FloatingPortal, { children: /* @__PURE__ */ jsx163(
+        /* @__PURE__ */ jsx14(FloatingPortal, { children: /* @__PURE__ */ jsx14(
           Select.Options,
           {
             ref: refs.setFloating,
             style: floatingStyles,
             className: "ox-menu pointer-events-auto z-50 overflow-y-auto !outline-none",
-            children: items.map((item) => /* @__PURE__ */ jsx163(
+            children: items.map((item) => /* @__PURE__ */ jsx14(
               Select.Option,
               {
                 value: item.value,
                 className: "relative border-b border-secondary last:border-0",
-                children: ({ active, selected: selected2 }) => /* @__PURE__ */ jsx163(
+                children: ({ active, selected: selected2 }) => /* @__PURE__ */ jsx14(
                   "div",
                   {
                     className: (0, import_classnames9.default)(