@oxide/design-system 1.4.7--canary.faebd3d.0 → 1.4.7--canary.ec1fc87.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6557,333 +6557,288 @@ var Warning12 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
6557
6557
  );
6558
6558
  var Admonition_default = Admonition;
6559
6559
 
6560
- // components/src/asciidoc/Listing.tsx
6561
- var import_react_asciidoc2 = require("@oxide/react-asciidoc");
6562
- var import_classnames = __toESM(require_classnames());
6563
- var import_jsx_runtime2 = require("react/jsx-runtime");
6564
- var Listing = ({ node }) => {
6565
- const { document } = (0, import_react_asciidoc2.useConverterContext)();
6566
- const nowrap = node.attributes.nowrap || document.attributes?.["prewrap"] || false;
6567
- if (node.style === "source") {
6568
- const lang = node.language;
6569
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
6570
- "div",
6571
- {
6572
- className: "listingblock",
6573
- ...node.lineNumber ? { "data-lineno": node.lineNumber } : {},
6574
- children: [
6575
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_asciidoc2.Title, { text: node.title }),
6576
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "content", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { className: (0, import_classnames.default)("highlight", nowrap ? " nowrap" : ""), children: lang ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
6577
- "code",
6578
- {
6579
- className: lang ? `language-${lang}` : "",
6580
- "data-lang": lang,
6581
- dangerouslySetInnerHTML: {
6582
- __html: node.content || ""
6583
- }
6584
- }
6585
- ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { dangerouslySetInnerHTML: { __html: node.content || "" } }) }) })
6586
- ]
6587
- }
6588
- );
6589
- } else {
6590
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
6591
- "div",
6592
- {
6593
- className: "listingblock",
6594
- ...node.lineNumber ? { "data-lineno": node.lineNumber } : {},
6595
- children: [
6596
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_asciidoc2.Title, { text: node.title }),
6597
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "content", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { className: nowrap ? " nowrap" : "", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { dangerouslySetInnerHTML: { __html: node.source } }) }) })
6598
- ]
6599
- }
6600
- );
6601
- }
6602
- };
6603
- var Listing_default = Listing;
6604
-
6605
6560
  // icons/react/Access24Icon.tsx
6606
- var import_jsx_runtime3 = require("react/jsx-runtime");
6561
+ var import_jsx_runtime2 = require("react/jsx-runtime");
6607
6562
 
6608
6563
  // icons/react/Action24Icon.tsx
6609
- var import_jsx_runtime4 = require("react/jsx-runtime");
6564
+ var import_jsx_runtime3 = require("react/jsx-runtime");
6610
6565
 
6611
6566
  // icons/react/AddRoundel24Icon.tsx
6612
- var import_jsx_runtime5 = require("react/jsx-runtime");
6567
+ var import_jsx_runtime4 = require("react/jsx-runtime");
6613
6568
 
6614
6569
  // icons/react/Calendar24Icon.tsx
6615
- var import_jsx_runtime6 = require("react/jsx-runtime");
6570
+ var import_jsx_runtime5 = require("react/jsx-runtime");
6616
6571
 
6617
6572
  // icons/react/Chat24Icon.tsx
6618
- var import_jsx_runtime7 = require("react/jsx-runtime");
6573
+ var import_jsx_runtime6 = require("react/jsx-runtime");
6619
6574
 
6620
6575
  // icons/react/Clipboard24Icon.tsx
6621
- var import_jsx_runtime8 = require("react/jsx-runtime");
6576
+ var import_jsx_runtime7 = require("react/jsx-runtime");
6622
6577
 
6623
6578
  // icons/react/Cloud24Icon.tsx
6624
- var import_jsx_runtime9 = require("react/jsx-runtime");
6579
+ var import_jsx_runtime8 = require("react/jsx-runtime");
6625
6580
 
6626
6581
  // icons/react/Compatibility24Icon.tsx
6627
- var import_jsx_runtime10 = require("react/jsx-runtime");
6582
+ var import_jsx_runtime9 = require("react/jsx-runtime");
6628
6583
 
6629
6584
  // icons/react/Contrast24Icon.tsx
6630
- var import_jsx_runtime11 = require("react/jsx-runtime");
6585
+ var import_jsx_runtime10 = require("react/jsx-runtime");
6631
6586
 
6632
6587
  // icons/react/Cpu24Icon.tsx
6633
- var import_jsx_runtime12 = require("react/jsx-runtime");
6588
+ var import_jsx_runtime11 = require("react/jsx-runtime");
6634
6589
 
6635
6590
  // icons/react/Delete24Icon.tsx
6636
- var import_jsx_runtime13 = require("react/jsx-runtime");
6591
+ var import_jsx_runtime12 = require("react/jsx-runtime");
6637
6592
 
6638
6593
  // icons/react/Dislike24Icon.tsx
6639
- var import_jsx_runtime14 = require("react/jsx-runtime");
6594
+ var import_jsx_runtime13 = require("react/jsx-runtime");
6640
6595
 
6641
6596
  // icons/react/Document24Icon.tsx
6642
- var import_jsx_runtime15 = require("react/jsx-runtime");
6597
+ var import_jsx_runtime14 = require("react/jsx-runtime");
6643
6598
 
6644
6599
  // icons/react/Dots24Icon.tsx
6645
- var import_jsx_runtime16 = require("react/jsx-runtime");
6600
+ var import_jsx_runtime15 = require("react/jsx-runtime");
6646
6601
 
6647
6602
  // icons/react/Download24Icon.tsx
6648
- var import_jsx_runtime17 = require("react/jsx-runtime");
6603
+ var import_jsx_runtime16 = require("react/jsx-runtime");
6649
6604
 
6650
6605
  // icons/react/Email24Icon.tsx
6651
- var import_jsx_runtime18 = require("react/jsx-runtime");
6606
+ var import_jsx_runtime17 = require("react/jsx-runtime");
6652
6607
 
6653
6608
  // icons/react/Error24Icon.tsx
6654
- var import_jsx_runtime19 = require("react/jsx-runtime");
6609
+ var import_jsx_runtime18 = require("react/jsx-runtime");
6655
6610
 
6656
6611
  // icons/react/Firewall24Icon.tsx
6657
- var import_jsx_runtime20 = require("react/jsx-runtime");
6612
+ var import_jsx_runtime19 = require("react/jsx-runtime");
6658
6613
 
6659
6614
  // icons/react/Folder24Icon.tsx
6660
- var import_jsx_runtime21 = require("react/jsx-runtime");
6615
+ var import_jsx_runtime20 = require("react/jsx-runtime");
6661
6616
 
6662
6617
  // icons/react/Gateway24Icon.tsx
6663
- var import_jsx_runtime22 = require("react/jsx-runtime");
6618
+ var import_jsx_runtime21 = require("react/jsx-runtime");
6664
6619
 
6665
6620
  // icons/react/Heart24Icon.tsx
6666
- var import_jsx_runtime23 = require("react/jsx-runtime");
6621
+ var import_jsx_runtime22 = require("react/jsx-runtime");
6667
6622
 
6668
6623
  // icons/react/Hide24Icon.tsx
6669
- var import_jsx_runtime24 = require("react/jsx-runtime");
6624
+ var import_jsx_runtime23 = require("react/jsx-runtime");
6670
6625
 
6671
6626
  // icons/react/Hourglass24Icon.tsx
6672
- var import_jsx_runtime25 = require("react/jsx-runtime");
6627
+ var import_jsx_runtime24 = require("react/jsx-runtime");
6673
6628
 
6674
6629
  // icons/react/Images24Icon.tsx
6675
- var import_jsx_runtime26 = require("react/jsx-runtime");
6630
+ var import_jsx_runtime25 = require("react/jsx-runtime");
6676
6631
 
6677
6632
  // icons/react/Info24Icon.tsx
6678
- var import_jsx_runtime27 = require("react/jsx-runtime");
6633
+ var import_jsx_runtime26 = require("react/jsx-runtime");
6679
6634
 
6680
6635
  // icons/react/Instances24Icon.tsx
6681
- var import_jsx_runtime28 = require("react/jsx-runtime");
6636
+ var import_jsx_runtime27 = require("react/jsx-runtime");
6682
6637
 
6683
6638
  // icons/react/IpGlobal24Icon.tsx
6684
- var import_jsx_runtime29 = require("react/jsx-runtime");
6639
+ var import_jsx_runtime28 = require("react/jsx-runtime");
6685
6640
 
6686
6641
  // icons/react/IpLocal24Icon.tsx
6687
- var import_jsx_runtime30 = require("react/jsx-runtime");
6642
+ var import_jsx_runtime29 = require("react/jsx-runtime");
6688
6643
 
6689
6644
  // icons/react/Issues24Icon.tsx
6690
- var import_jsx_runtime31 = require("react/jsx-runtime");
6645
+ var import_jsx_runtime30 = require("react/jsx-runtime");
6691
6646
 
6692
6647
  // icons/react/Key24Icon.tsx
6693
- var import_jsx_runtime32 = require("react/jsx-runtime");
6648
+ var import_jsx_runtime31 = require("react/jsx-runtime");
6694
6649
 
6695
6650
  // icons/react/Like24Icon.tsx
6696
- var import_jsx_runtime33 = require("react/jsx-runtime");
6651
+ var import_jsx_runtime32 = require("react/jsx-runtime");
6697
6652
 
6698
6653
  // icons/react/LoadBalancer24Icon.tsx
6699
- var import_jsx_runtime34 = require("react/jsx-runtime");
6654
+ var import_jsx_runtime33 = require("react/jsx-runtime");
6700
6655
 
6701
6656
  // icons/react/Location24Icon.tsx
6702
- var import_jsx_runtime35 = require("react/jsx-runtime");
6657
+ var import_jsx_runtime34 = require("react/jsx-runtime");
6703
6658
 
6704
6659
  // icons/react/Logs24Icon.tsx
6705
- var import_jsx_runtime36 = require("react/jsx-runtime");
6660
+ var import_jsx_runtime35 = require("react/jsx-runtime");
6706
6661
 
6707
6662
  // icons/react/Metrics24Icon.tsx
6708
- var import_jsx_runtime37 = require("react/jsx-runtime");
6663
+ var import_jsx_runtime36 = require("react/jsx-runtime");
6709
6664
 
6710
6665
  // icons/react/Monitoring24Icon.tsx
6711
- var import_jsx_runtime38 = require("react/jsx-runtime");
6666
+ var import_jsx_runtime37 = require("react/jsx-runtime");
6712
6667
 
6713
6668
  // icons/react/Networking24Icon.tsx
6714
- var import_jsx_runtime39 = require("react/jsx-runtime");
6669
+ var import_jsx_runtime38 = require("react/jsx-runtime");
6715
6670
 
6716
6671
  // icons/react/Organization24Icon.tsx
6717
- var import_jsx_runtime40 = require("react/jsx-runtime");
6672
+ var import_jsx_runtime39 = require("react/jsx-runtime");
6718
6673
 
6719
6674
  // icons/react/Overview24Icon.tsx
6720
- var import_jsx_runtime41 = require("react/jsx-runtime");
6675
+ var import_jsx_runtime40 = require("react/jsx-runtime");
6721
6676
 
6722
6677
  // icons/react/Person24Icon.tsx
6723
- var import_jsx_runtime42 = require("react/jsx-runtime");
6678
+ var import_jsx_runtime41 = require("react/jsx-runtime");
6724
6679
 
6725
6680
  // icons/react/PersonGroup24Icon.tsx
6726
- var import_jsx_runtime43 = require("react/jsx-runtime");
6681
+ var import_jsx_runtime42 = require("react/jsx-runtime");
6727
6682
 
6728
6683
  // icons/react/Progress24Icon.tsx
6729
- var import_jsx_runtime44 = require("react/jsx-runtime");
6684
+ var import_jsx_runtime43 = require("react/jsx-runtime");
6730
6685
 
6731
6686
  // icons/react/Prohibited24Icon.tsx
6732
- var import_jsx_runtime45 = require("react/jsx-runtime");
6687
+ var import_jsx_runtime44 = require("react/jsx-runtime");
6733
6688
 
6734
6689
  // icons/react/Router24Icon.tsx
6735
- var import_jsx_runtime46 = require("react/jsx-runtime");
6690
+ var import_jsx_runtime45 = require("react/jsx-runtime");
6736
6691
 
6737
6692
  // icons/react/Safety24Icon.tsx
6738
- var import_jsx_runtime47 = require("react/jsx-runtime");
6693
+ var import_jsx_runtime46 = require("react/jsx-runtime");
6739
6694
 
6740
6695
  // icons/react/Security24Icon.tsx
6741
- var import_jsx_runtime48 = require("react/jsx-runtime");
6696
+ var import_jsx_runtime47 = require("react/jsx-runtime");
6742
6697
 
6743
6698
  // icons/react/Servers24Icon.tsx
6744
- var import_jsx_runtime49 = require("react/jsx-runtime");
6699
+ var import_jsx_runtime48 = require("react/jsx-runtime");
6745
6700
 
6746
6701
  // icons/react/Settings24Icon.tsx
6747
- var import_jsx_runtime50 = require("react/jsx-runtime");
6702
+ var import_jsx_runtime49 = require("react/jsx-runtime");
6748
6703
 
6749
6704
  // icons/react/Snapshots24Icon.tsx
6750
- var import_jsx_runtime51 = require("react/jsx-runtime");
6705
+ var import_jsx_runtime50 = require("react/jsx-runtime");
6751
6706
 
6752
6707
  // icons/react/SoftwareUpdate24Icon.tsx
6753
- var import_jsx_runtime52 = require("react/jsx-runtime");
6708
+ var import_jsx_runtime51 = require("react/jsx-runtime");
6754
6709
 
6755
6710
  // icons/react/Speaker24Icon.tsx
6756
- var import_jsx_runtime53 = require("react/jsx-runtime");
6711
+ var import_jsx_runtime52 = require("react/jsx-runtime");
6757
6712
 
6758
6713
  // icons/react/Storage24Icon.tsx
6759
- var import_jsx_runtime54 = require("react/jsx-runtime");
6714
+ var import_jsx_runtime53 = require("react/jsx-runtime");
6760
6715
 
6761
6716
  // icons/react/Subnet24Icon.tsx
6762
- var import_jsx_runtime55 = require("react/jsx-runtime");
6717
+ var import_jsx_runtime54 = require("react/jsx-runtime");
6763
6718
 
6764
6719
  // icons/react/Resize24Icon.tsx
6765
- var import_jsx_runtime56 = require("react/jsx-runtime");
6720
+ var import_jsx_runtime55 = require("react/jsx-runtime");
6766
6721
 
6767
6722
  // icons/react/Terminal24Icon.tsx
6768
- var import_jsx_runtime57 = require("react/jsx-runtime");
6723
+ var import_jsx_runtime56 = require("react/jsx-runtime");
6769
6724
 
6770
6725
  // icons/react/Transmit24Icon.tsx
6771
- var import_jsx_runtime58 = require("react/jsx-runtime");
6726
+ var import_jsx_runtime57 = require("react/jsx-runtime");
6772
6727
 
6773
6728
  // icons/react/Wireless24Icon.tsx
6774
- var import_jsx_runtime59 = require("react/jsx-runtime");
6729
+ var import_jsx_runtime58 = require("react/jsx-runtime");
6775
6730
 
6776
6731
  // icons/react/Question24Icon.tsx
6777
- var import_jsx_runtime60 = require("react/jsx-runtime");
6732
+ var import_jsx_runtime59 = require("react/jsx-runtime");
6778
6733
 
6779
6734
  // icons/react/Access16Icon.tsx
6780
- var import_jsx_runtime61 = require("react/jsx-runtime");
6735
+ var import_jsx_runtime60 = require("react/jsx-runtime");
6781
6736
 
6782
6737
  // icons/react/Action16Icon.tsx
6783
- var import_jsx_runtime62 = require("react/jsx-runtime");
6738
+ var import_jsx_runtime61 = require("react/jsx-runtime");
6784
6739
 
6785
6740
  // icons/react/AddRoundel16Icon.tsx
6786
- var import_jsx_runtime63 = require("react/jsx-runtime");
6741
+ var import_jsx_runtime62 = require("react/jsx-runtime");
6787
6742
 
6788
6743
  // icons/react/Calendar16Icon.tsx
6789
- var import_jsx_runtime64 = require("react/jsx-runtime");
6744
+ var import_jsx_runtime63 = require("react/jsx-runtime");
6790
6745
 
6791
6746
  // icons/react/Chat16Icon.tsx
6792
- var import_jsx_runtime65 = require("react/jsx-runtime");
6747
+ var import_jsx_runtime64 = require("react/jsx-runtime");
6793
6748
 
6794
6749
  // icons/react/Clipboard16Icon.tsx
6795
- var import_jsx_runtime66 = require("react/jsx-runtime");
6750
+ var import_jsx_runtime65 = require("react/jsx-runtime");
6796
6751
 
6797
6752
  // icons/react/Cloud16Icon.tsx
6798
- var import_jsx_runtime67 = require("react/jsx-runtime");
6753
+ var import_jsx_runtime66 = require("react/jsx-runtime");
6799
6754
 
6800
6755
  // icons/react/Close16Icon.tsx
6801
- var import_jsx_runtime68 = require("react/jsx-runtime");
6756
+ var import_jsx_runtime67 = require("react/jsx-runtime");
6802
6757
 
6803
6758
  // icons/react/Compability16Icon.tsx
6804
- var import_jsx_runtime69 = require("react/jsx-runtime");
6759
+ var import_jsx_runtime68 = require("react/jsx-runtime");
6805
6760
 
6806
6761
  // icons/react/Contrast16Icon.tsx
6807
- var import_jsx_runtime70 = require("react/jsx-runtime");
6762
+ var import_jsx_runtime69 = require("react/jsx-runtime");
6808
6763
 
6809
6764
  // icons/react/Cpu16Icon.tsx
6810
- var import_jsx_runtime71 = require("react/jsx-runtime");
6765
+ var import_jsx_runtime70 = require("react/jsx-runtime");
6811
6766
 
6812
6767
  // icons/react/Delete16Icon.tsx
6813
- var import_jsx_runtime72 = require("react/jsx-runtime");
6768
+ var import_jsx_runtime71 = require("react/jsx-runtime");
6814
6769
 
6815
6770
  // icons/react/Dislike16Icon.tsx
6816
- var import_jsx_runtime73 = require("react/jsx-runtime");
6771
+ var import_jsx_runtime72 = require("react/jsx-runtime");
6817
6772
 
6818
6773
  // icons/react/Document16Icon.tsx
6819
- var import_jsx_runtime74 = require("react/jsx-runtime");
6774
+ var import_jsx_runtime73 = require("react/jsx-runtime");
6820
6775
 
6821
6776
  // icons/react/Dots16Icon.tsx
6822
- var import_jsx_runtime75 = require("react/jsx-runtime");
6777
+ var import_jsx_runtime74 = require("react/jsx-runtime");
6823
6778
 
6824
6779
  // icons/react/DownloadRoundel16Icon.tsx
6825
- var import_jsx_runtime76 = require("react/jsx-runtime");
6780
+ var import_jsx_runtime75 = require("react/jsx-runtime");
6826
6781
 
6827
6782
  // icons/react/Edit16Icon.tsx
6828
- var import_jsx_runtime77 = require("react/jsx-runtime");
6783
+ var import_jsx_runtime76 = require("react/jsx-runtime");
6829
6784
 
6830
6785
  // icons/react/Email16Icon.tsx
6831
- var import_jsx_runtime78 = require("react/jsx-runtime");
6786
+ var import_jsx_runtime77 = require("react/jsx-runtime");
6832
6787
 
6833
6788
  // icons/react/Error16Icon.tsx
6834
- var import_jsx_runtime79 = require("react/jsx-runtime");
6789
+ var import_jsx_runtime78 = require("react/jsx-runtime");
6835
6790
 
6836
6791
  // icons/react/Filter16Icon.tsx
6837
- var import_jsx_runtime80 = require("react/jsx-runtime");
6792
+ var import_jsx_runtime79 = require("react/jsx-runtime");
6838
6793
 
6839
6794
  // icons/react/Firewall16Icon.tsx
6840
- var import_jsx_runtime81 = require("react/jsx-runtime");
6795
+ var import_jsx_runtime80 = require("react/jsx-runtime");
6841
6796
 
6842
6797
  // icons/react/Folder16Icon.tsx
6843
- var import_jsx_runtime82 = require("react/jsx-runtime");
6798
+ var import_jsx_runtime81 = require("react/jsx-runtime");
6844
6799
 
6845
6800
  // icons/react/Gateway16Icon.tsx
6846
- var import_jsx_runtime83 = require("react/jsx-runtime");
6801
+ var import_jsx_runtime82 = require("react/jsx-runtime");
6847
6802
 
6848
6803
  // icons/react/Heart16Icon.tsx
6849
- var import_jsx_runtime84 = require("react/jsx-runtime");
6804
+ var import_jsx_runtime83 = require("react/jsx-runtime");
6850
6805
 
6851
6806
  // icons/react/Hide16Icon.tsx
6852
- var import_jsx_runtime85 = require("react/jsx-runtime");
6807
+ var import_jsx_runtime84 = require("react/jsx-runtime");
6853
6808
 
6854
6809
  // icons/react/Hourglass16Icon.tsx
6855
- var import_jsx_runtime86 = require("react/jsx-runtime");
6810
+ var import_jsx_runtime85 = require("react/jsx-runtime");
6856
6811
 
6857
6812
  // icons/react/Images16Icon.tsx
6858
- var import_jsx_runtime87 = require("react/jsx-runtime");
6813
+ var import_jsx_runtime86 = require("react/jsx-runtime");
6859
6814
 
6860
6815
  // icons/react/Info16Icon.tsx
6861
- var import_jsx_runtime88 = require("react/jsx-runtime");
6816
+ var import_jsx_runtime87 = require("react/jsx-runtime");
6862
6817
 
6863
6818
  // icons/react/Instances16Icon.tsx
6864
- var import_jsx_runtime89 = require("react/jsx-runtime");
6819
+ var import_jsx_runtime88 = require("react/jsx-runtime");
6865
6820
 
6866
6821
  // icons/react/Integration16Icon.tsx
6867
- var import_jsx_runtime90 = require("react/jsx-runtime");
6822
+ var import_jsx_runtime89 = require("react/jsx-runtime");
6868
6823
 
6869
6824
  // icons/react/IpGlobal16Icon.tsx
6870
- var import_jsx_runtime91 = require("react/jsx-runtime");
6825
+ var import_jsx_runtime90 = require("react/jsx-runtime");
6871
6826
 
6872
6827
  // icons/react/IpLocal16Icon.tsx
6873
- var import_jsx_runtime92 = require("react/jsx-runtime");
6828
+ var import_jsx_runtime91 = require("react/jsx-runtime");
6874
6829
 
6875
6830
  // icons/react/Issues16Icon.tsx
6876
- var import_jsx_runtime93 = require("react/jsx-runtime");
6831
+ var import_jsx_runtime92 = require("react/jsx-runtime");
6877
6832
 
6878
6833
  // icons/react/Key16Icon.tsx
6879
- var import_jsx_runtime94 = require("react/jsx-runtime");
6834
+ var import_jsx_runtime93 = require("react/jsx-runtime");
6880
6835
 
6881
6836
  // icons/react/Like16Icon.tsx
6882
- var import_jsx_runtime95 = require("react/jsx-runtime");
6837
+ var import_jsx_runtime94 = require("react/jsx-runtime");
6883
6838
 
6884
6839
  // icons/react/Link16Icon.tsx
6885
- var import_jsx_runtime96 = require("react/jsx-runtime");
6886
- var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
6840
+ var import_jsx_runtime95 = require("react/jsx-runtime");
6841
+ var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
6887
6842
  "svg",
6888
6843
  {
6889
6844
  width: 16,
@@ -6894,10 +6849,10 @@ var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_js
6894
6849
  "aria-labelledby": titleId,
6895
6850
  ...props,
6896
6851
  children: [
6897
- title ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("title", { id: titleId, children: title }) : null,
6898
- /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("g", { fill: "currentColor", children: [
6899
- /* @__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" }),
6900
- /* @__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" })
6852
+ title ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("title", { id: titleId, children: title }) : null,
6853
+ /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("g", { fill: "currentColor", children: [
6854
+ /* @__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" }),
6855
+ /* @__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" })
6901
6856
  ] })
6902
6857
  ]
6903
6858
  }
@@ -6905,120 +6860,120 @@ var Link16Icon = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, import_js
6905
6860
  var Link16Icon_default = Link16Icon;
6906
6861
 
6907
6862
  // icons/react/LoadBalancer16Icon.tsx
6908
- var import_jsx_runtime97 = require("react/jsx-runtime");
6863
+ var import_jsx_runtime96 = require("react/jsx-runtime");
6909
6864
 
6910
6865
  // icons/react/Logs16Icon.tsx
6911
- var import_jsx_runtime98 = require("react/jsx-runtime");
6866
+ var import_jsx_runtime97 = require("react/jsx-runtime");
6912
6867
 
6913
6868
  // icons/react/Metrics16Icon.tsx
6914
- var import_jsx_runtime99 = require("react/jsx-runtime");
6869
+ var import_jsx_runtime98 = require("react/jsx-runtime");
6915
6870
 
6916
6871
  // icons/react/Monitoring16Icon.tsx
6917
- var import_jsx_runtime100 = require("react/jsx-runtime");
6872
+ var import_jsx_runtime99 = require("react/jsx-runtime");
6918
6873
 
6919
6874
  // icons/react/Networking16Icon.tsx
6920
- var import_jsx_runtime101 = require("react/jsx-runtime");
6875
+ var import_jsx_runtime100 = require("react/jsx-runtime");
6921
6876
 
6922
6877
  // icons/react/NewWindow16Icon.tsx
6923
- var import_jsx_runtime102 = require("react/jsx-runtime");
6878
+ var import_jsx_runtime101 = require("react/jsx-runtime");
6924
6879
 
6925
6880
  // icons/react/Notifications16Icon.tsx
6926
- var import_jsx_runtime103 = require("react/jsx-runtime");
6881
+ var import_jsx_runtime102 = require("react/jsx-runtime");
6927
6882
 
6928
6883
  // icons/react/Organization16Icon.tsx
6929
- var import_jsx_runtime104 = require("react/jsx-runtime");
6884
+ var import_jsx_runtime103 = require("react/jsx-runtime");
6930
6885
 
6931
6886
  // icons/react/Overview16Icon.tsx
6932
- var import_jsx_runtime105 = require("react/jsx-runtime");
6887
+ var import_jsx_runtime104 = require("react/jsx-runtime");
6933
6888
 
6934
6889
  // icons/react/Person16Icon.tsx
6935
- var import_jsx_runtime106 = require("react/jsx-runtime");
6890
+ var import_jsx_runtime105 = require("react/jsx-runtime");
6936
6891
 
6937
6892
  // icons/react/PersonGroup16Icon.tsx
6938
- var import_jsx_runtime107 = require("react/jsx-runtime");
6893
+ var import_jsx_runtime106 = require("react/jsx-runtime");
6939
6894
 
6940
6895
  // icons/react/Profile16Icon.tsx
6941
- var import_jsx_runtime108 = require("react/jsx-runtime");
6896
+ var import_jsx_runtime107 = require("react/jsx-runtime");
6942
6897
 
6943
6898
  // icons/react/Refresh16Icon.tsx
6944
- var import_jsx_runtime109 = require("react/jsx-runtime");
6899
+ var import_jsx_runtime108 = require("react/jsx-runtime");
6945
6900
 
6946
6901
  // icons/react/Ram16Icon.tsx
6947
- var import_jsx_runtime110 = require("react/jsx-runtime");
6902
+ var import_jsx_runtime109 = require("react/jsx-runtime");
6948
6903
 
6949
6904
  // icons/react/Repair16Icon.tsx
6950
- var import_jsx_runtime111 = require("react/jsx-runtime");
6905
+ var import_jsx_runtime110 = require("react/jsx-runtime");
6951
6906
 
6952
6907
  // icons/react/Resize16Icon.tsx
6953
- var import_jsx_runtime112 = require("react/jsx-runtime");
6908
+ var import_jsx_runtime111 = require("react/jsx-runtime");
6954
6909
 
6955
6910
  // icons/react/Router16Icon.tsx
6956
- var import_jsx_runtime113 = require("react/jsx-runtime");
6911
+ var import_jsx_runtime112 = require("react/jsx-runtime");
6957
6912
 
6958
6913
  // icons/react/Sort16Icon.tsx
6959
- var import_jsx_runtime114 = require("react/jsx-runtime");
6914
+ var import_jsx_runtime113 = require("react/jsx-runtime");
6960
6915
 
6961
6916
  // icons/react/Search16Icon.tsx
6962
- var import_jsx_runtime115 = require("react/jsx-runtime");
6917
+ var import_jsx_runtime114 = require("react/jsx-runtime");
6963
6918
 
6964
6919
  // icons/react/Security16Icon.tsx
6965
- var import_jsx_runtime116 = require("react/jsx-runtime");
6920
+ var import_jsx_runtime115 = require("react/jsx-runtime");
6966
6921
 
6967
6922
  // icons/react/Servers16Icon.tsx
6968
- var import_jsx_runtime117 = require("react/jsx-runtime");
6923
+ var import_jsx_runtime116 = require("react/jsx-runtime");
6969
6924
 
6970
6925
  // icons/react/Settings16Icon.tsx
6971
- var import_jsx_runtime118 = require("react/jsx-runtime");
6926
+ var import_jsx_runtime117 = require("react/jsx-runtime");
6972
6927
 
6973
6928
  // icons/react/Show16Icon.tsx
6974
- var import_jsx_runtime119 = require("react/jsx-runtime");
6929
+ var import_jsx_runtime118 = require("react/jsx-runtime");
6975
6930
 
6976
6931
  // icons/react/SignOut16Icon.tsx
6977
- var import_jsx_runtime120 = require("react/jsx-runtime");
6932
+ var import_jsx_runtime119 = require("react/jsx-runtime");
6978
6933
 
6979
6934
  // icons/react/Snapshots16Icon.tsx
6980
- var import_jsx_runtime121 = require("react/jsx-runtime");
6935
+ var import_jsx_runtime120 = require("react/jsx-runtime");
6981
6936
 
6982
6937
  // icons/react/SoftwareUpdate16Icon.tsx
6983
- var import_jsx_runtime122 = require("react/jsx-runtime");
6938
+ var import_jsx_runtime121 = require("react/jsx-runtime");
6984
6939
 
6985
6940
  // icons/react/Ssd16Icon.tsx
6986
- var import_jsx_runtime123 = require("react/jsx-runtime");
6941
+ var import_jsx_runtime122 = require("react/jsx-runtime");
6987
6942
 
6988
6943
  // icons/react/Storage16Icon.tsx
6989
- var import_jsx_runtime124 = require("react/jsx-runtime");
6944
+ var import_jsx_runtime123 = require("react/jsx-runtime");
6990
6945
 
6991
6946
  // icons/react/Subnet16Icon.tsx
6992
- var import_jsx_runtime125 = require("react/jsx-runtime");
6947
+ var import_jsx_runtime124 = require("react/jsx-runtime");
6993
6948
 
6994
6949
  // icons/react/Tags16Icon.tsx
6995
- var import_jsx_runtime126 = require("react/jsx-runtime");
6950
+ var import_jsx_runtime125 = require("react/jsx-runtime");
6996
6951
 
6997
6952
  // icons/react/Terminal16Icon.tsx
6998
- var import_jsx_runtime127 = require("react/jsx-runtime");
6953
+ var import_jsx_runtime126 = require("react/jsx-runtime");
6999
6954
 
7000
6955
  // icons/react/Time16Icon.tsx
7001
- var import_jsx_runtime128 = require("react/jsx-runtime");
6956
+ var import_jsx_runtime127 = require("react/jsx-runtime");
7002
6957
 
7003
6958
  // icons/react/Transmit16Icon.tsx
7004
- var import_jsx_runtime129 = require("react/jsx-runtime");
6959
+ var import_jsx_runtime128 = require("react/jsx-runtime");
7005
6960
 
7006
6961
  // icons/react/Question16Icon.tsx
7007
- var import_jsx_runtime130 = require("react/jsx-runtime");
6962
+ var import_jsx_runtime129 = require("react/jsx-runtime");
7008
6963
 
7009
6964
  // icons/react/Add12Icon.tsx
7010
- var import_jsx_runtime131 = require("react/jsx-runtime");
6965
+ var import_jsx_runtime130 = require("react/jsx-runtime");
7011
6966
 
7012
6967
  // icons/react/AddRoundel12Icon.tsx
7013
- var import_jsx_runtime132 = require("react/jsx-runtime");
6968
+ var import_jsx_runtime131 = require("react/jsx-runtime");
7014
6969
 
7015
6970
  // icons/react/Checkmark12Icon.tsx
7016
- var import_jsx_runtime133 = require("react/jsx-runtime");
6971
+ var import_jsx_runtime132 = require("react/jsx-runtime");
7017
6972
  var Checkmark12Icon = ({
7018
6973
  title,
7019
6974
  titleId,
7020
6975
  ...props
7021
- }) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
6976
+ }) => /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
7022
6977
  "svg",
7023
6978
  {
7024
6979
  width: 12,
@@ -7029,8 +6984,8 @@ var Checkmark12Icon = ({
7029
6984
  "aria-labelledby": titleId,
7030
6985
  ...props,
7031
6986
  children: [
7032
- title ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("title", { id: titleId, children: title }) : null,
7033
- /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
6987
+ title ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("title", { id: titleId, children: title }) : null,
6988
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
7034
6989
  "path",
7035
6990
  {
7036
6991
  fillRule: "evenodd",
@@ -7045,90 +7000,90 @@ var Checkmark12Icon = ({
7045
7000
  var Checkmark12Icon_default = Checkmark12Icon;
7046
7001
 
7047
7002
  // icons/react/Close12Icon.tsx
7048
- var import_jsx_runtime134 = require("react/jsx-runtime");
7003
+ var import_jsx_runtime133 = require("react/jsx-runtime");
7049
7004
 
7050
7005
  // icons/react/DirectionRightIcon.tsx
7051
- var import_jsx_runtime135 = require("react/jsx-runtime");
7006
+ var import_jsx_runtime134 = require("react/jsx-runtime");
7052
7007
 
7053
7008
  // icons/react/DirectionUpIcon.tsx
7054
- var import_jsx_runtime136 = require("react/jsx-runtime");
7009
+ var import_jsx_runtime135 = require("react/jsx-runtime");
7055
7010
 
7056
7011
  // icons/react/DirectionDownIcon.tsx
7057
- var import_jsx_runtime137 = require("react/jsx-runtime");
7012
+ var import_jsx_runtime136 = require("react/jsx-runtime");
7058
7013
 
7059
7014
  // icons/react/DirectionLeftIcon.tsx
7060
- var import_jsx_runtime138 = require("react/jsx-runtime");
7015
+ var import_jsx_runtime137 = require("react/jsx-runtime");
7061
7016
 
7062
7017
  // icons/react/Clipboard12Icon.tsx
7063
- var import_jsx_runtime139 = require("react/jsx-runtime");
7018
+ var import_jsx_runtime138 = require("react/jsx-runtime");
7064
7019
 
7065
7020
  // icons/react/Copy12Icon.tsx
7066
- var import_jsx_runtime140 = require("react/jsx-runtime");
7021
+ var import_jsx_runtime139 = require("react/jsx-runtime");
7067
7022
 
7068
7023
  // icons/react/Disabled12Icon.tsx
7069
- var import_jsx_runtime141 = require("react/jsx-runtime");
7024
+ var import_jsx_runtime140 = require("react/jsx-runtime");
7070
7025
 
7071
7026
  // icons/react/Error12Icon.tsx
7072
- var import_jsx_runtime142 = require("react/jsx-runtime");
7027
+ var import_jsx_runtime141 = require("react/jsx-runtime");
7073
7028
 
7074
7029
  // icons/react/Info12Icon.tsx
7075
- var import_jsx_runtime143 = require("react/jsx-runtime");
7030
+ var import_jsx_runtime142 = require("react/jsx-runtime");
7076
7031
 
7077
7032
  // icons/react/Filter12Icon.tsx
7078
- var import_jsx_runtime144 = require("react/jsx-runtime");
7033
+ var import_jsx_runtime143 = require("react/jsx-runtime");
7079
7034
 
7080
7035
  // icons/react/Key12Icon.tsx
7081
- var import_jsx_runtime145 = require("react/jsx-runtime");
7036
+ var import_jsx_runtime144 = require("react/jsx-runtime");
7082
7037
 
7083
7038
  // icons/react/Loader12Icon.tsx
7084
- var import_jsx_runtime146 = require("react/jsx-runtime");
7039
+ var import_jsx_runtime145 = require("react/jsx-runtime");
7085
7040
 
7086
7041
  // icons/react/MenuOpen12Icon.tsx
7087
- var import_jsx_runtime147 = require("react/jsx-runtime");
7042
+ var import_jsx_runtime146 = require("react/jsx-runtime");
7088
7043
 
7089
7044
  // icons/react/MenuClose12Icon.tsx
7090
- var import_jsx_runtime148 = require("react/jsx-runtime");
7045
+ var import_jsx_runtime147 = require("react/jsx-runtime");
7091
7046
 
7092
7047
  // icons/react/More12Icon.tsx
7093
- var import_jsx_runtime149 = require("react/jsx-runtime");
7048
+ var import_jsx_runtime148 = require("react/jsx-runtime");
7094
7049
 
7095
7050
  // icons/react/NextArrow12Icon.tsx
7096
- var import_jsx_runtime150 = require("react/jsx-runtime");
7051
+ var import_jsx_runtime149 = require("react/jsx-runtime");
7097
7052
 
7098
7053
  // icons/react/PrevArrow12Icon.tsx
7099
- var import_jsx_runtime151 = require("react/jsx-runtime");
7054
+ var import_jsx_runtime150 = require("react/jsx-runtime");
7100
7055
 
7101
7056
  // icons/react/OpenLink12Icon.tsx
7102
- var import_jsx_runtime152 = require("react/jsx-runtime");
7057
+ var import_jsx_runtime151 = require("react/jsx-runtime");
7103
7058
 
7104
7059
  // icons/react/Repair12Icon.tsx
7105
- var import_jsx_runtime153 = require("react/jsx-runtime");
7060
+ var import_jsx_runtime152 = require("react/jsx-runtime");
7106
7061
 
7107
7062
  // icons/react/Security12Icon.tsx
7108
- var import_jsx_runtime154 = require("react/jsx-runtime");
7063
+ var import_jsx_runtime153 = require("react/jsx-runtime");
7109
7064
 
7110
7065
  // icons/react/Success12Icon.tsx
7111
- var import_jsx_runtime155 = require("react/jsx-runtime");
7066
+ var import_jsx_runtime154 = require("react/jsx-runtime");
7112
7067
 
7113
7068
  // icons/react/Unauthorized12Icon.tsx
7114
- var import_jsx_runtime156 = require("react/jsx-runtime");
7069
+ var import_jsx_runtime155 = require("react/jsx-runtime");
7115
7070
 
7116
7071
  // icons/react/Warning12Icon.tsx
7117
- var import_jsx_runtime157 = require("react/jsx-runtime");
7072
+ var import_jsx_runtime156 = require("react/jsx-runtime");
7118
7073
 
7119
7074
  // icons/react/Question12Icon.tsx
7120
- var import_jsx_runtime158 = require("react/jsx-runtime");
7075
+ var import_jsx_runtime157 = require("react/jsx-runtime");
7121
7076
 
7122
7077
  // icons/react/Hide12Icon.tsx
7123
- var import_jsx_runtime159 = require("react/jsx-runtime");
7078
+ var import_jsx_runtime158 = require("react/jsx-runtime");
7124
7079
 
7125
7080
  // icons/react/SelectArrows6Icon.tsx
7126
- var import_jsx_runtime160 = require("react/jsx-runtime");
7081
+ var import_jsx_runtime159 = require("react/jsx-runtime");
7127
7082
  var SelectArrows6Icon = ({
7128
7083
  title,
7129
7084
  titleId,
7130
7085
  ...props
7131
- }) => /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(
7086
+ }) => /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(
7132
7087
  "svg",
7133
7088
  {
7134
7089
  width: 6,
@@ -7139,8 +7094,8 @@ var SelectArrows6Icon = ({
7139
7094
  "aria-labelledby": titleId,
7140
7095
  ...props,
7141
7096
  children: [
7142
- title ? /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("title", { id: titleId, children: title }) : null,
7143
- /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(
7097
+ title ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("title", { id: titleId, children: title }) : null,
7098
+ /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
7144
7099
  "path",
7145
7100
  {
7146
7101
  fillRule: "evenodd",
@@ -7155,13 +7110,13 @@ var SelectArrows6Icon = ({
7155
7110
  var SelectArrows6Icon_default = SelectArrows6Icon;
7156
7111
 
7157
7112
  // icons/react/Close8Icon.tsx
7158
- var import_jsx_runtime161 = require("react/jsx-runtime");
7113
+ var import_jsx_runtime160 = require("react/jsx-runtime");
7159
7114
 
7160
7115
  // components/src/asciidoc/Section.tsx
7161
- var import_react_asciidoc3 = require("@oxide/react-asciidoc");
7162
- var import_classnames2 = __toESM(require_classnames());
7116
+ var import_react_asciidoc2 = require("@oxide/react-asciidoc");
7117
+ var import_classnames = __toESM(require_classnames());
7163
7118
  var import_react2 = require("react");
7164
- var import_jsx_runtime162 = require("react/jsx-runtime");
7119
+ var import_jsx_runtime161 = require("react/jsx-runtime");
7165
7120
  var Section = ({ node }) => {
7166
7121
  const docAttrs = node.getDocument().getAttributes();
7167
7122
  const level = node.getLevel();
@@ -7189,44 +7144,43 @@ var Section = ({ node }) => {
7189
7144
  } else {
7190
7145
  title = node.getTitle() || "";
7191
7146
  }
7192
- title = /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(import_jsx_runtime162.Fragment, { children: [
7193
- /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("a", { className: "anchor", id: node.getId() || "", "aria-hidden": true }),
7194
- /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)("a", { className: "link group", href: `#${node.getId()}`, children: [
7147
+ title = /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)(import_jsx_runtime161.Fragment, { children: [
7148
+ /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("a", { className: "anchor", id: node.getId() || "", "aria-hidden": true }),
7149
+ /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)("a", { className: "link group", href: `#${node.getId()}`, children: [
7195
7150
  html_react_parser_default(title),
7196
- /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Link16Icon_default, { className: "text-accent-secondary hidden group-hover:inline-block ml-2" })
7151
+ /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(Link16Icon_default, { className: "text-accent-secondary hidden group-hover:inline-block ml-2" })
7197
7152
  ] })
7198
7153
  ] });
7199
7154
  if (level === 0) {
7200
- return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(import_jsx_runtime162.Fragment, { children: [
7201
- /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("h1", { className: (0, import_classnames2.default)("sect0", (0, import_react_asciidoc3.getRole)(node)), "data-sectnum": sectNum, children: title }),
7202
- /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_asciidoc3.Content, { blocks: node.getBlocks() })
7155
+ return /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)(import_jsx_runtime161.Fragment, { children: [
7156
+ /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("h1", { className: (0, import_classnames.default)("sect0", (0, import_react_asciidoc2.getRole)(node)), "data-sectnum": sectNum, children: title }),
7157
+ /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_react_asciidoc2.Content, { blocks: node.getBlocks() })
7203
7158
  ] });
7204
7159
  } else {
7205
- return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)("div", { className: (0, import_classnames2.default)(`sect${level}`, (0, import_react_asciidoc3.getRole)(node)), children: [
7160
+ return /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)("div", { className: (0, import_classnames.default)(`sect${level}`, (0, import_react_asciidoc2.getRole)(node)), children: [
7206
7161
  (0, import_react2.createElement)(`h${level + 1}`, { "data-sectnum": sectNum }, title),
7207
- /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("div", { className: "sectionbody", children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_asciidoc3.Content, { blocks: node.getBlocks() }) })
7162
+ /* @__PURE__ */ (0, import_jsx_runtime161.jsx)("div", { className: "sectionbody", children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_react_asciidoc2.Content, { blocks: node.getBlocks() }) })
7208
7163
  ] });
7209
7164
  }
7210
7165
  };
7211
7166
  var Section_default = Section;
7212
7167
 
7213
7168
  // components/src/asciidoc/Table.tsx
7214
- var import_react_asciidoc4 = require("@oxide/react-asciidoc");
7215
- var import_jsx_runtime163 = require("react/jsx-runtime");
7216
- 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 }) });
7169
+ var import_react_asciidoc3 = require("@oxide/react-asciidoc");
7170
+ var import_jsx_runtime162 = require("react/jsx-runtime");
7171
+ var Table = ({ node }) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("div", { className: "table-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_asciidoc3.Table, { node }) });
7217
7172
  var Table_default = Table;
7218
7173
 
7219
7174
  // components/src/asciidoc/index.ts
7220
7175
  var AsciiDocBlocks = {
7221
7176
  Admonition: Admonition_default,
7222
- Listing: Listing_default,
7223
7177
  Table: Table_default,
7224
7178
  Section: Section_default
7225
7179
  };
7226
7180
 
7227
7181
  // components/src/ui/badge/Badge.tsx
7228
- var import_classnames3 = __toESM(require_classnames());
7229
- var import_jsx_runtime164 = require("react/jsx-runtime");
7182
+ var import_classnames2 = __toESM(require_classnames());
7183
+ var import_jsx_runtime163 = require("react/jsx-runtime");
7230
7184
  var badgeColors = {
7231
7185
  default: {
7232
7186
  default: `ring-1 ring-inset bg-accent-secondary text-accent ring-[rgba(var(--base-green-800-rgb),0.15)]`,
@@ -7251,25 +7205,25 @@ var Badge = ({
7251
7205
  color = "default",
7252
7206
  variant = "default"
7253
7207
  }) => {
7254
- return /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
7208
+ return /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
7255
7209
  "span",
7256
7210
  {
7257
- className: (0, import_classnames3.default)(
7211
+ className: (0, import_classnames2.default)(
7258
7212
  "ox-badge",
7259
7213
  `variant-${variant}`,
7260
7214
  "inline-flex h-4 items-center whitespace-nowrap rounded-sm px-[3px] py-[1px] uppercase text-mono-sm",
7261
7215
  badgeColors[variant][color],
7262
7216
  className
7263
7217
  ),
7264
- children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)("span", { children })
7218
+ children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { children })
7265
7219
  }
7266
7220
  );
7267
7221
  };
7268
7222
 
7269
7223
  // components/src/ui/button/Button.tsx
7270
- var import_classnames4 = __toESM(require_classnames());
7224
+ var import_classnames3 = __toESM(require_classnames());
7271
7225
  var import_react3 = require("react");
7272
- var import_jsx_runtime165 = require("react/jsx-runtime");
7226
+ var import_jsx_runtime164 = require("react/jsx-runtime");
7273
7227
  var buttonSizes = ["sm", "icon", "base"];
7274
7228
  var variants = ["primary", "secondary", "ghost", "danger"];
7275
7229
  var sizeStyle = {
@@ -7282,7 +7236,7 @@ var buttonStyle = ({
7282
7236
  size: size2 = "base",
7283
7237
  variant = "primary"
7284
7238
  } = {}) => {
7285
- return (0, import_classnames4.default)(
7239
+ return (0, import_classnames3.default)(
7286
7240
  "ox-button inline-flex items-center justify-center rounded align-top elevation-1 disabled:cursor-not-allowed",
7287
7241
  `btn-${variant}`,
7288
7242
  sizeStyle[size2],
@@ -7309,10 +7263,10 @@ var Button = (0, import_react3.forwardRef)(
7309
7263
  ...rest
7310
7264
  }, ref) => {
7311
7265
  const isDisabled = disabled || loading;
7312
- return /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(
7266
+ return /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(
7313
7267
  "button",
7314
7268
  {
7315
- className: (0, import_classnames4.default)(buttonStyle({ size: size2, variant }), className, {
7269
+ className: (0, import_classnames3.default)(buttonStyle({ size: size2, variant }), className, {
7316
7270
  "visually-disabled": isDisabled
7317
7271
  }),
7318
7272
  ref,
@@ -7322,8 +7276,8 @@ var Button = (0, import_react3.forwardRef)(
7322
7276
  "aria-disabled": isDisabled,
7323
7277
  ...rest,
7324
7278
  children: [
7325
- loading && /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(Spinner, { className: "absolute", variant }),
7326
- /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("span", { className: (0, import_classnames4.default)("flex items-center", innerClassName, { invisible: loading }), children })
7279
+ loading && /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Spinner, { className: "absolute", variant }),
7280
+ /* @__PURE__ */ (0, import_jsx_runtime164.jsx)("span", { className: (0, import_classnames3.default)("flex items-center", innerClassName, { invisible: loading }), children })
7327
7281
  ]
7328
7282
  }
7329
7283
  );
@@ -7331,9 +7285,9 @@ var Button = (0, import_react3.forwardRef)(
7331
7285
  );
7332
7286
 
7333
7287
  // components/src/ui/spinner/Spinner.tsx
7334
- var import_classnames5 = __toESM(require_classnames());
7288
+ var import_classnames4 = __toESM(require_classnames());
7335
7289
  var import_react4 = require("react");
7336
- var import_jsx_runtime166 = require("react/jsx-runtime");
7290
+ var import_jsx_runtime165 = require("react/jsx-runtime");
7337
7291
  var spinnerSizes = ["base", "lg"];
7338
7292
  var spinnerVariants = ["primary", "secondary", "ghost", "danger"];
7339
7293
  var Spinner = ({
@@ -7345,7 +7299,7 @@ var Spinner = ({
7345
7299
  const center = size2 === "lg" ? 18 : 6;
7346
7300
  const radius = size2 === "lg" ? 16 : 5;
7347
7301
  const strokeWidth = size2 === "lg" ? 3 : 2;
7348
- return /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)(
7302
+ return /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(
7349
7303
  "svg",
7350
7304
  {
7351
7305
  width: frameSize,
@@ -7354,9 +7308,9 @@ var Spinner = ({
7354
7308
  fill: "none",
7355
7309
  xmlns: "http://www.w3.org/2000/svg",
7356
7310
  "aria-labelledby": "Spinner",
7357
- className: (0, import_classnames5.default)("spinner", `spinner-${variant}`, `spinner-${size2}`, className),
7311
+ className: (0, import_classnames4.default)("spinner", `spinner-${variant}`, `spinner-${size2}`, className),
7358
7312
  children: [
7359
- /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
7313
+ /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
7360
7314
  "circle",
7361
7315
  {
7362
7316
  fill: "none",
@@ -7369,7 +7323,7 @@ var Spinner = ({
7369
7323
  strokeOpacity: 0.2
7370
7324
  }
7371
7325
  ),
7372
- /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
7326
+ /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
7373
7327
  "circle",
7374
7328
  {
7375
7329
  className: "path",
@@ -7410,24 +7364,24 @@ var SpinnerLoader = ({ isLoading, children = null, minTime = 500 }) => {
7410
7364
  clearTimeout(hideTimeout.current);
7411
7365
  };
7412
7366
  }, [isLoading, minTime]);
7413
- return isVisible ? /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_jsx_runtime166.Fragment, { children });
7367
+ return isVisible ? /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(import_jsx_runtime165.Fragment, { children });
7414
7368
  };
7415
7369
 
7416
7370
  // components/src/ui/tabs/Tabs.tsx
7417
7371
  var import_react_tabs = require("@radix-ui/react-tabs");
7418
- var import_classnames6 = __toESM(require_classnames());
7419
- var import_jsx_runtime167 = require("react/jsx-runtime");
7372
+ var import_classnames5 = __toESM(require_classnames());
7373
+ var import_jsx_runtime166 = require("react/jsx-runtime");
7420
7374
  var Tabs = {
7421
- Root: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_tabs.Root, { ...props, className: (0, import_classnames6.default)("ox-tabs", className) }),
7422
- 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 }) }),
7423
- List: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_tabs.List, { ...props, className: (0, import_classnames6.default)("ox-tabs-list", className) }),
7424
- Content: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react_tabs.Content, { ...props, className: (0, import_classnames6.default)("ox-tabs-panel", className) })
7375
+ Root: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_tabs.Root, { ...props, className: (0, import_classnames5.default)("ox-tabs", className) }),
7376
+ Trigger: ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_tabs.Trigger, { ...props, className: (0, import_classnames5.default)("ox-tab", className), children: /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("div", { children }) }),
7377
+ List: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_tabs.List, { ...props, className: (0, import_classnames5.default)("ox-tabs-list", className) }),
7378
+ Content: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_react_tabs.Content, { ...props, className: (0, import_classnames5.default)("ox-tabs-panel", className) })
7425
7379
  };
7426
7380
 
7427
7381
  // components/src/ui/checkbox/Checkbox.tsx
7428
- var import_classnames7 = __toESM(require_classnames());
7429
- var import_jsx_runtime168 = require("react/jsx-runtime");
7430
- 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" });
7382
+ var import_classnames6 = __toESM(require_classnames());
7383
+ var import_jsx_runtime167 = require("react/jsx-runtime");
7384
+ var Check = () => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Checkmark12Icon_default, { className: "pointer-events-none absolute left-0.5 top-0.5 h-3 w-3 fill-current text-accent" });
7431
7385
  var Indeterminate = classed.div`absolute w-2 h-0.5 left-1 top-[7px] bg-accent pointer-events-none`;
7432
7386
  var inputStyle = `
7433
7387
  appearance-none border border-default bg-default h-4 w-4 rounded-sm absolute left-0 outline-none
@@ -7441,39 +7395,39 @@ var Checkbox = ({
7441
7395
  children,
7442
7396
  className,
7443
7397
  ...inputProps
7444
- }) => /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("label", { className: "inline-flex items-center", children: [
7445
- /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("span", { className: "relative h-4 w-4", children: [
7446
- /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
7398
+ }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("label", { className: "inline-flex items-center", children: [
7399
+ /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("span", { className: "relative h-4 w-4", children: [
7400
+ /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
7447
7401
  "input",
7448
7402
  {
7449
- className: (0, import_classnames7.default)(inputStyle, className),
7403
+ className: (0, import_classnames6.default)(inputStyle, className),
7450
7404
  type: "checkbox",
7451
7405
  ref: (el) => el && (el.indeterminate = !!indeterminate),
7452
7406
  ...inputProps
7453
7407
  }
7454
7408
  ),
7455
- inputProps.checked && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Check, {}),
7456
- indeterminate && /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Indeterminate, {})
7409
+ inputProps.checked && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Check, {}),
7410
+ indeterminate && /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(Indeterminate, {})
7457
7411
  ] }),
7458
- children && /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: "ml-2.5 text-sans-md text-secondary", children })
7412
+ children && /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { className: "ml-2.5 text-sans-md text-secondary", children })
7459
7413
  ] });
7460
7414
 
7461
7415
  // components/src/ui/empty-message/EmptyMessage.tsx
7462
- var import_classnames8 = __toESM(require_classnames());
7416
+ var import_classnames7 = __toESM(require_classnames());
7463
7417
  var import_react_router_dom = require("react-router-dom");
7464
- var import_jsx_runtime169 = require("react/jsx-runtime");
7418
+ var import_jsx_runtime168 = require("react/jsx-runtime");
7465
7419
  var buttonStyleProps = { variant: "ghost", size: "sm", color: "secondary" };
7466
7420
  function EmptyMessage(props) {
7467
7421
  let button = null;
7468
7422
  if (props.buttonText && "buttonTo" in props) {
7469
- 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 });
7423
+ button = /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(import_react_router_dom.Link, { className: (0, import_classnames7.default)("mt-6", buttonStyle(buttonStyleProps)), to: props.buttonTo, children: props.buttonText });
7470
7424
  } else if (props.buttonText && "onClick" in props) {
7471
- button = /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(Button, { ...buttonStyleProps, className: "mt-6", onClick: props.onClick, children: props.buttonText });
7425
+ button = /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Button, { ...buttonStyleProps, className: "mt-6", onClick: props.onClick, children: props.buttonText });
7472
7426
  }
7473
- return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", { className: "m-4 flex max-w-[14rem] flex-col items-center text-center", children: [
7474
- 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 }),
7475
- /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("h3", { className: "text-sans-semi-lg", children: props.title }),
7476
- props.body && /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("p", { className: "mt-1 text-sans-md text-secondary", children: props.body }),
7427
+ return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "m-4 flex max-w-[14rem] flex-col items-center text-center", children: [
7428
+ props.icon && /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: "mb-4 rounded p-1 leading-[0] text-accent bg-accent-secondary", children: props.icon }),
7429
+ /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("h3", { className: "text-sans-semi-lg", children: props.title }),
7430
+ props.body && /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("p", { className: "mt-1 text-sans-md text-secondary", children: props.body }),
7477
7431
  button
7478
7432
  ] });
7479
7433
  }
@@ -7481,8 +7435,8 @@ function EmptyMessage(props) {
7481
7435
  // components/src/ui/listbox/Listbox.tsx
7482
7436
  var import_react7 = require("@floating-ui/react");
7483
7437
  var import_react8 = require("@headlessui/react");
7484
- var import_classnames9 = __toESM(require_classnames());
7485
- var import_jsx_runtime170 = require("react/jsx-runtime");
7438
+ var import_classnames8 = __toESM(require_classnames());
7439
+ var import_jsx_runtime169 = require("react/jsx-runtime");
7486
7440
  var Listbox = ({
7487
7441
  name,
7488
7442
  selected,
@@ -7511,19 +7465,19 @@ var Listbox = ({
7511
7465
  const selectedItem = selected && items.find((i) => i.value === selected);
7512
7466
  const noItems = !isLoading && items.length === 0;
7513
7467
  const isDisabled = disabled || noItems;
7514
- return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", { className: (0, import_classnames9.default)("relative", className), children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
7468
+ return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", { className: (0, import_classnames8.default)("relative", className), children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
7515
7469
  import_react8.Listbox,
7516
7470
  {
7517
7471
  value: selected,
7518
7472
  onChange: (val) => val !== null && onChange(val),
7519
7473
  disabled: isDisabled || isLoading,
7520
- children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_jsx_runtime170.Fragment, { children: [
7521
- /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(
7474
+ children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(import_jsx_runtime169.Fragment, { children: [
7475
+ /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
7522
7476
  import_react8.Listbox.Button,
7523
7477
  {
7524
7478
  name,
7525
7479
  ref: refs.setReference,
7526
- className: (0, import_classnames9.default)(
7480
+ className: (0, import_classnames8.default)(
7527
7481
  `flex h-10 w-full items-center justify-between
7528
7482
  rounded border text-sans-md`,
7529
7483
  hasError ? "focus-error border-error-secondary hover:border-error" : "border-default hover:border-hover",
@@ -7534,37 +7488,37 @@ var Listbox = ({
7534
7488
  ),
7535
7489
  ...props,
7536
7490
  children: [
7537
- /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", { className: "w-full px-3 text-left", children: selectedItem ? (
7491
+ /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", { className: "w-full px-3 text-left", children: selectedItem ? (
7538
7492
  // labelString is one line, which is what we need when label is a ReactNode
7539
7493
  selectedItem.labelString || selectedItem.label
7540
- ) : /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: "text-quaternary", children: noItems ? "No items" : placeholder }) }),
7541
- !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(SpinnerLoader, { isLoading }),
7542
- /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
7494
+ ) : /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("span", { className: "text-quaternary", children: noItems ? "No items" : placeholder }) }),
7495
+ !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(SpinnerLoader, { isLoading }),
7496
+ /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
7543
7497
  "div",
7544
7498
  {
7545
7499
  className: "ml-3 flex h-[calc(100%-12px)] items-center border-l px-3 border-secondary",
7546
7500
  "aria-hidden": true,
7547
- children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(SelectArrows6Icon_default, { className: "h-[14px] w-2 text-tertiary" })
7501
+ children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(SelectArrows6Icon_default, { className: "h-[14px] w-2 text-tertiary" })
7548
7502
  }
7549
7503
  )
7550
7504
  ]
7551
7505
  }
7552
7506
  ),
7553
- /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_react7.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
7507
+ /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_react7.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
7554
7508
  import_react8.Listbox.Options,
7555
7509
  {
7556
7510
  ref: refs.setFloating,
7557
7511
  style: floatingStyles,
7558
7512
  className: "ox-menu pointer-events-auto z-50 overflow-y-auto !outline-none",
7559
- children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
7513
+ children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
7560
7514
  import_react8.Listbox.Option,
7561
7515
  {
7562
7516
  value: item.value,
7563
7517
  className: "relative border-b border-secondary last:border-0",
7564
- children: ({ active, selected: selected2 }) => /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(
7518
+ children: ({ active, selected: selected2 }) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
7565
7519
  "div",
7566
7520
  {
7567
- className: (0, import_classnames9.default)(
7521
+ className: (0, import_classnames8.default)(
7568
7522
  "ox-menu-item text-secondary",
7569
7523
  selected2 && "is-selected",
7570
7524
  active && "is-highlighted"