@oxide/design-system 1.5.1 → 1.5.2--canary.701217d.0

package/components/dist/index.js

@@ -1,17 +1,19 @@
-"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var __commonJS = (cb, mod) => function __require2() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -28,7 +30,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // node_modules/domelementtype/lib/index.js
 var require_lib = __commonJS({
@@ -5300,7 +5301,7 @@ var require_lib9 = __commonJS({
 
 // node_modules/inline-style-parser/index.js
 var require_inline_style_parser = __commonJS({
-  "node_modules/inline-style-parser/index.js"(exports, module2) {
+  "node_modules/inline-style-parser/index.js"(exports, module) {
     "use strict";
     var COMMENT_REGEX = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
     var NEWLINE_REGEX = /\n/g;
@@ -5316,7 +5317,7 @@ var require_inline_style_parser = __commonJS({
     var EMPTY_STRING = "";
     var TYPE_COMMENT = "comment";
     var TYPE_DECLARATION = "declaration";
-    module2.exports = function(style, options) {
+    module.exports = function(style, options) {
       if (typeof style !== "string") {
         throw new TypeError("First argument must be a string");
       }
@@ -5519,7 +5520,7 @@ var require_utilities2 = __commonJS({
 
 // node_modules/style-to-js/cjs/index.js
 var require_cjs2 = __commonJS({
-  "node_modules/style-to-js/cjs/index.js"(exports, module2) {
+  "node_modules/style-to-js/cjs/index.js"(exports, module) {
     "use strict";
     var __importDefault = exports && exports.__importDefault || function(mod) {
       return mod && mod.__esModule ? mod : { "default": mod };
@@ -5539,7 +5540,7 @@ var require_cjs2 = __commonJS({
       return output;
     }
     StyleToJS.default = StyleToJS;
-    module2.exports = StyleToJS;
+    module.exports = StyleToJS;
   }
 });
 
@@ -5554,7 +5555,7 @@ var require_utilities3 = __commonJS({
     exports.returnFirstArg = exports.canTextBeChildOfNode = exports.ELEMENTS_WITH_NO_TEXT_CHILDREN = exports.PRESERVE_CUSTOM_ATTRIBUTES = void 0;
     exports.isCustomComponent = isCustomComponent;
     exports.setStyleProp = setStyleProp;
-    var react_1 = require("react");
+    var react_1 = __require("react");
     var style_to_js_1 = __importDefault(require_cjs2());
     var RESERVED_SVG_MATHML_ELEMENTS = /* @__PURE__ */ new Set([
       "annotation-xml",
@@ -5683,7 +5684,7 @@ var require_dom_to_react = __commonJS({
     };
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.default = domToReact2;
-    var react_1 = require("react");
+    var react_1 = __require("react");
     var attributes_to_props_1 = __importDefault(require_attributes_to_props());
     var utilities_1 = require_utilities3();
     var React2 = {
@@ -6408,80 +6409,8 @@ var require_lib11 = __commonJS({
   }
 });
 
-// node_modules/classnames/index.js
-var require_classnames = __commonJS({
-  "node_modules/classnames/index.js"(exports, module2) {
-    "use strict";
-    (function() {
-      "use strict";
-      var hasOwn = {}.hasOwnProperty;
-      var nativeCodeString = "[native code]";
-      function classNames() {
-        var classes = [];
-        for (var i = 0; i < arguments.length; i++) {
-          var arg = arguments[i];
-          if (!arg)
-            continue;
-          var argType = typeof arg;
-          if (argType === "string" || argType === "number") {
-            classes.push(arg);
-          } else if (Array.isArray(arg)) {
-            if (arg.length) {
-              var inner = classNames.apply(null, arg);
-              if (inner) {
-                classes.push(inner);
-              }
-            }
-          } else if (argType === "object") {
-            if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-              classes.push(arg.toString());
-              continue;
-            }
-            for (var key in arg) {
-              if (hasOwn.call(arg, key) && arg[key]) {
-                classes.push(key);
-              }
-            }
-          }
-        }
-        return classes.join(" ");
-      }
-      if (typeof module2 !== "undefined" && module2.exports) {
-        classNames.default = classNames;
-        module2.exports = classNames;
-      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
-        define("classnames", [], function() {
-          return classNames;
-        });
-      } else {
-        window.classNames = classNames;
-      }
-    })();
-  }
-});
-
-// components/src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  AsciiDocBlocks: () => AsciiDocBlocks,
-  Badge: () => Badge,
-  Button: () => Button,
-  Checkbox: () => Checkbox,
-  Listbox: () => Listbox,
-  Spinner: () => Spinner,
-  SpinnerLoader: () => SpinnerLoader,
-  Tabs: () => Tabs,
-  badgeColors: () => badgeColors,
-  buttonSizes: () => buttonSizes,
-  buttonStyle: () => buttonStyle,
-  spinnerSizes: () => spinnerSizes,
-  spinnerVariants: () => spinnerVariants,
-  variants: () => variants
-});
-module.exports = __toCommonJS(src_exports);
-
 // components/src/asciidoc/Admonition.tsx
-var import_react_asciidoc = require("@oxide/react-asciidoc");
+import { Title } from "@oxide/react-asciidoc";
 
 // node_modules/html-react-parser/esm/index.mjs
 var import_lib = __toESM(require_lib11(), 1);
@@ -6527,30 +6456,30 @@ var classed = {
 };
 
 // components/src/asciidoc/Admonition.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+import { jsx, jsxs } from "react/jsx-runtime";
 var Admonition = ({ node }) => {
   const attrs = node.attributes;
   let icon;
   if (attrs.name === "caution") {
-    icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Error12, {});
+    icon = /* @__PURE__ */ jsx(Error12, {});
   } else if (attrs.name === "warning") {
-    icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Warning12, {});
+    icon = /* @__PURE__ */ jsx(Warning12, {});
   } else {
-    icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Error12, { className: "rotate-180" });
+    icon = /* @__PURE__ */ jsx(Error12, { className: "rotate-180" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `admonitionblock ${attrs.name}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "admonition-icon", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "admonition-content content", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_asciidoc.Title, { text: node.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: titleCase(attrs.name.toString()) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_asciidoc.Title, { text: node.title }),
+  return /* @__PURE__ */ jsxs("div", { className: `admonitionblock ${attrs.name}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "admonition-icon", children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "admonition-content content", children: [
+      /* @__PURE__ */ jsx(Title, { text: node.title }),
+      /* @__PURE__ */ jsx("div", { children: titleCase(attrs.name.toString()) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Title, { text: node.title }),
         node.content && esm_default(node.content)
       ] })
     ] })
   ] });
 };
-var Error12 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var Error12 = ({ className }) => /* @__PURE__ */ jsx(
   "svg",
   {
     width: "12",
@@ -6558,7 +6487,7 @@ var Error12 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     viewBox: "0 0 12 12",
     xmlns: "http://www.w3.org/2000/svg",
     className,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    children: /* @__PURE__ */ jsx(
       "path",
       {
         fillRule: "evenodd",
@@ -6569,7 +6498,7 @@ var Error12 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     )
   }
 );
-var Warning12 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var Warning12 = ({ className }) => /* @__PURE__ */ jsx(
   "svg",
   {
     width: "12",
@@ -6577,7 +6506,7 @@ var Warning12 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     viewBox: "0 0 12 12",
     xmlns: "http://www.w3.org/2000/svg",
     className,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    children: /* @__PURE__ */ jsx(
       "path",
       {
         fillRule: "evenodd",
@@ -6591,9 +6520,9 @@ var Warning12 = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
 var Admonition_default = Admonition;
 
 // components/src/asciidoc/Table.tsx
-var import_react_asciidoc2 = require("@oxide/react-asciidoc");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Table = ({ node }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "table-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_asciidoc2.Table, { node }) });
+import { Table as InnerTable } from "@oxide/react-asciidoc";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Table = ({ node }) => /* @__PURE__ */ jsx2("div", { className: "table-wrapper", children: /* @__PURE__ */ jsx2(InnerTable, { node }) });
 var Table_default = Table;
 
 // components/src/asciidoc/index.ts
@@ -6603,8 +6532,8 @@ var AsciiDocBlocks = {
 };
 
 // components/src/ui/badge/Badge.tsx
-var import_classnames = __toESM(require_classnames());
-var import_jsx_runtime3 = require("react/jsx-runtime");
+import cn2 from "classnames";
+import { jsx as jsx3 } 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)]`,
@@ -6629,25 +6558,25 @@ var Badge = ({
   color = "default",
   variant = "default"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ jsx3(
     "span",
     {
-      className: (0, import_classnames.default)(
+      className: cn2(
         "ox-badge",
         `variant-${variant}`,
         "inline-flex h-4 items-center whitespace-nowrap rounded-sm px-[3px] py-[1px] uppercase text-mono-sm",
         badgeColors[variant][color],
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children })
+      children: /* @__PURE__ */ jsx3("span", { children })
     }
   );
 };
 
 // components/src/ui/button/Button.tsx
-var import_classnames2 = __toESM(require_classnames());
-var import_react = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+import cn3 from "classnames";
+import { forwardRef } from "react";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var buttonSizes = ["sm", "icon", "base"];
 var variants = ["primary", "secondary", "ghost", "danger"];
 var sizeStyle = {
@@ -6660,7 +6589,7 @@ var buttonStyle = ({
   size: size2 = "base",
   variant = "primary"
 } = {}) => {
-  return (0, import_classnames2.default)(
+  return cn3(
     "ox-button inline-flex items-center justify-center rounded align-top elevation-1 disabled:cursor-not-allowed",
     `btn-${variant}`,
     sizeStyle[size2],
@@ -6671,7 +6600,7 @@ var noop = (e) => {
   e.stopPropagation();
   e.preventDefault();
 };
-var Button = (0, import_react.forwardRef)(
+var Button = forwardRef(
   ({
     type = "button",
     children,
@@ -6687,10 +6616,10 @@ var Button = (0, import_react.forwardRef)(
     ...rest
   }, ref) => {
     const isDisabled = disabled || loading;
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    return /* @__PURE__ */ jsxs2(
       "button",
       {
-        className: (0, import_classnames2.default)(buttonStyle({ size: size2, variant }), className, {
+        className: cn3(buttonStyle({ size: size2, variant }), className, {
           "visually-disabled": isDisabled
         }),
         ref,
@@ -6700,8 +6629,8 @@ var Button = (0, import_react.forwardRef)(
         "aria-disabled": isDisabled,
         ...rest,
         children: [
-          loading && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Spinner, { className: "absolute", variant }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: (0, import_classnames2.default)("flex items-center", innerClassName, { invisible: loading }), children })
+          loading && /* @__PURE__ */ jsx4(Spinner, { className: "absolute", variant }),
+          /* @__PURE__ */ jsx4("span", { className: cn3("flex items-center", innerClassName, { invisible: loading }), children })
         ]
       }
     );
@@ -6709,9 +6638,9 @@ var Button = (0, import_react.forwardRef)(
 );
 
 // components/src/ui/spinner/Spinner.tsx
-var import_classnames3 = __toESM(require_classnames());
-var import_react2 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+import cn4 from "classnames";
+import { useEffect, useRef, useState } from "react";
+import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var spinnerSizes = ["base", "lg"];
 var spinnerVariants = ["primary", "secondary", "ghost", "danger"];
 var Spinner = ({
@@ -6723,7 +6652,7 @@ var Spinner = ({
   const center = size2 === "lg" ? 18 : 6;
   const radius = size2 === "lg" ? 16 : 5;
   const strokeWidth = size2 === "lg" ? 3 : 2;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ jsxs3(
     "svg",
     {
       width: frameSize,
@@ -6732,9 +6661,9 @@ var Spinner = ({
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-labelledby": "Spinner",
-      className: (0, import_classnames3.default)("spinner", `spinner-${variant}`, `spinner-${size2}`, className),
+      className: cn4("spinner", `spinner-${variant}`, `spinner-${size2}`, className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ jsx5(
           "circle",
           {
             fill: "none",
@@ -6747,7 +6676,7 @@ var Spinner = ({
             strokeOpacity: 0.2
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ jsx5(
           "circle",
           {
             className: "path",
@@ -6765,10 +6694,10 @@ var Spinner = ({
   );
 };
 var SpinnerLoader = ({ isLoading, children = null, minTime = 500 }) => {
-  const [isVisible, setIsVisible] = (0, import_react2.useState)(isLoading);
-  const hideTimeout = (0, import_react2.useRef)(null);
-  const loadingStartTime = (0, import_react2.useRef)(0);
-  (0, import_react2.useEffect)(() => {
+  const [isVisible, setIsVisible] = useState(isLoading);
+  const hideTimeout = useRef(null);
+  const loadingStartTime = useRef(0);
+  useEffect(() => {
     if (isLoading) {
       setIsVisible(true);
       loadingStartTime.current = Date.now();
@@ -6788,417 +6717,27 @@ var SpinnerLoader = ({ isLoading, children = null, minTime = 500 }) => {
         clearTimeout(hideTimeout.current);
     };
   }, [isLoading, minTime]);
-  return isVisible ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Spinner, {}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
+  return isVisible ? /* @__PURE__ */ jsx5(Spinner, {}) : /* @__PURE__ */ jsx5(Fragment, { children });
 };
 
 // components/src/ui/tabs/Tabs.tsx
-var import_react_tabs = require("@radix-ui/react-tabs");
-var import_classnames4 = __toESM(require_classnames());
-var import_jsx_runtime6 = require("react/jsx-runtime");
+import { Content as Content2, List, Root, Trigger } from "@radix-ui/react-tabs";
+import cn5 from "classnames";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var Tabs = {
-  Root: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_tabs.Root, { ...props, className: (0, import_classnames4.default)("ox-tabs", className) }),
-  Trigger: ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_tabs.Trigger, { ...props, className: (0, import_classnames4.default)("ox-tab", className), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children }) }),
-  List: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_tabs.List, { ...props, className: (0, import_classnames4.default)("ox-tabs-list", className) }),
-  Content: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_tabs.Content, { ...props, className: (0, import_classnames4.default)("ox-tabs-panel", className) })
+  Root: ({ className, ...props }) => /* @__PURE__ */ jsx6(Root, { ...props, className: cn5("ox-tabs", className) }),
+  Trigger: ({ children, className, ...props }) => /* @__PURE__ */ jsx6(Trigger, { ...props, className: cn5("ox-tab", className), children: /* @__PURE__ */ jsx6("div", { children }) }),
+  List: ({ className, ...props }) => /* @__PURE__ */ jsx6(List, { ...props, className: cn5("ox-tabs-list", className) }),
+  Content: ({ className, ...props }) => /* @__PURE__ */ jsx6(Content2, { ...props, className: cn5("ox-tabs-panel", className) })
 };
 
-// icons/react/Access24Icon.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-
-// icons/react/Action24Icon.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-
-// icons/react/AddRoundel24Icon.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-
-// icons/react/Calendar24Icon.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-
-// icons/react/Chat24Icon.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-
-// icons/react/Clipboard24Icon.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-
-// icons/react/Cloud24Icon.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-
-// icons/react/Compatibility24Icon.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-
-// icons/react/Contrast24Icon.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-
-// icons/react/Cpu24Icon.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-
-// icons/react/Delete24Icon.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-
-// icons/react/Dislike24Icon.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-
-// icons/react/Document24Icon.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-
-// icons/react/Dots24Icon.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-
-// icons/react/Download24Icon.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-
-// icons/react/Email24Icon.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-
-// icons/react/Error24Icon.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-
-// icons/react/Firewall24Icon.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-
-// icons/react/Folder24Icon.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-
-// icons/react/Gateway24Icon.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-
-// icons/react/Heart24Icon.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-
-// icons/react/Hide24Icon.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-
-// icons/react/Hourglass24Icon.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-
-// icons/react/Images24Icon.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
-
-// icons/react/Info24Icon.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-
-// icons/react/Instances24Icon.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
-
-// icons/react/IpGlobal24Icon.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
-
-// icons/react/IpLocal24Icon.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
-
-// icons/react/Issues24Icon.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
-
-// icons/react/Key24Icon.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
-
-// icons/react/Like24Icon.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
-
-// icons/react/LoadBalancer24Icon.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
-
-// icons/react/Location24Icon.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
-
-// icons/react/Logs24Icon.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
-
-// icons/react/Metrics24Icon.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
-
-// icons/react/Monitoring24Icon.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
-
-// icons/react/Networking24Icon.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
-
-// icons/react/Organization24Icon.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
-
-// icons/react/Overview24Icon.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
-
-// icons/react/Person24Icon.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
-
-// icons/react/PersonGroup24Icon.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-
-// icons/react/Progress24Icon.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
-
-// icons/react/Prohibited24Icon.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
-
-// icons/react/Router24Icon.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
-
-// icons/react/Safety24Icon.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
-
-// icons/react/Security24Icon.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
-
-// icons/react/Servers24Icon.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
-
-// icons/react/Settings24Icon.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
-
-// icons/react/Snapshots24Icon.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-
-// icons/react/SoftwareUpdate24Icon.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
-
-// icons/react/Speaker24Icon.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
-
-// icons/react/Storage24Icon.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-
-// icons/react/Subnet24Icon.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
-
-// icons/react/Resize24Icon.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
-
-// icons/react/Terminal24Icon.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
-
-// icons/react/Transmit24Icon.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
-
-// icons/react/Wireless24Icon.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
-
-// icons/react/Question24Icon.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
-
-// icons/react/Access16Icon.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
-
-// icons/react/Action16Icon.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
-
-// icons/react/AddRoundel16Icon.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
-
-// icons/react/Calendar16Icon.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
-
-// icons/react/Chat16Icon.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
-
-// icons/react/Clipboard16Icon.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
-
-// icons/react/Cloud16Icon.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
-
-// icons/react/Close16Icon.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
-
-// icons/react/Compability16Icon.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
-
-// icons/react/Contrast16Icon.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
-
-// icons/react/Cpu16Icon.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
-
-// icons/react/Delete16Icon.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
-
-// icons/react/Dislike16Icon.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
-
-// icons/react/Document16Icon.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
-
-// icons/react/Dots16Icon.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
-
-// icons/react/DownloadRoundel16Icon.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
-
-// icons/react/Edit16Icon.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
-
-// icons/react/Email16Icon.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
-
-// icons/react/Error16Icon.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
-
-// icons/react/Filter16Icon.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
-
-// icons/react/Firewall16Icon.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
-
-// icons/react/Folder16Icon.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
-
-// icons/react/Gateway16Icon.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
-
-// icons/react/Heart16Icon.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
-
-// icons/react/Hide16Icon.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
-
-// icons/react/Hourglass16Icon.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
-
-// icons/react/Images16Icon.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
-
-// icons/react/Info16Icon.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
-
-// icons/react/Instances16Icon.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
-
-// icons/react/Integration16Icon.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
-
-// icons/react/IpGlobal16Icon.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
-
-// icons/react/IpLocal16Icon.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
-
-// icons/react/Issues16Icon.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
-
-// icons/react/Key16Icon.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
-
-// icons/react/Like16Icon.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
-
-// icons/react/Link16Icon.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
-
-// icons/react/LoadBalancer16Icon.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
-
-// icons/react/Logs16Icon.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
-
-// icons/react/Metrics16Icon.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
-
-// icons/react/Monitoring16Icon.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
-
-// icons/react/Networking16Icon.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
-
-// icons/react/NewWindow16Icon.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
-
-// icons/react/Notifications16Icon.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
-
-// icons/react/Organization16Icon.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
-
-// icons/react/Overview16Icon.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
-
-// icons/react/Person16Icon.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
-
-// icons/react/PersonGroup16Icon.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
-
-// icons/react/Profile16Icon.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
-
-// icons/react/Refresh16Icon.tsx
-var import_jsx_runtime113 = require("react/jsx-runtime");
-
-// icons/react/Ram16Icon.tsx
-var import_jsx_runtime114 = require("react/jsx-runtime");
-
-// icons/react/Repair16Icon.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime");
-
-// icons/react/Resize16Icon.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
-
-// icons/react/Router16Icon.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime");
-
-// icons/react/Sort16Icon.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
-
-// icons/react/Search16Icon.tsx
-var import_jsx_runtime119 = require("react/jsx-runtime");
-
-// icons/react/Security16Icon.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
-
-// icons/react/Servers16Icon.tsx
-var import_jsx_runtime121 = require("react/jsx-runtime");
-
-// icons/react/Settings16Icon.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
-
-// icons/react/Show16Icon.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
-
-// icons/react/SignOut16Icon.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
-
-// icons/react/Snapshots16Icon.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
-
-// icons/react/SoftwareUpdate16Icon.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
-
-// icons/react/Ssd16Icon.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
-
-// icons/react/Storage16Icon.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
-
-// icons/react/Subnet16Icon.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
-
-// icons/react/Tags16Icon.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
-
-// icons/react/Terminal16Icon.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
-
-// icons/react/Time16Icon.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
-
-// icons/react/Transmit16Icon.tsx
-var import_jsx_runtime133 = require("react/jsx-runtime");
-
-// icons/react/Question16Icon.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
-
-// icons/react/Add12Icon.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime");
-
-// icons/react/AddRoundel12Icon.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
-
 // icons/react/Checkmark12Icon.tsx
-var import_jsx_runtime137 = require("react/jsx-runtime");
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var Checkmark12Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+}) => /* @__PURE__ */ jsxs4(
   "svg",
   {
     width: 12,
@@ -7209,8 +6748,8 @@ var Checkmark12Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
+      title ? /* @__PURE__ */ jsx7("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx7(
         "path",
         {
           fillRule: "evenodd",
@@ -7224,91 +6763,13 @@ var Checkmark12Icon = ({
 );
 var Checkmark12Icon_default = Checkmark12Icon;
 
-// icons/react/Close12Icon.tsx
-var import_jsx_runtime138 = require("react/jsx-runtime");
-
-// icons/react/DirectionRightIcon.tsx
-var import_jsx_runtime139 = require("react/jsx-runtime");
-
-// icons/react/DirectionUpIcon.tsx
-var import_jsx_runtime140 = require("react/jsx-runtime");
-
-// icons/react/DirectionDownIcon.tsx
-var import_jsx_runtime141 = require("react/jsx-runtime");
-
-// icons/react/DirectionLeftIcon.tsx
-var import_jsx_runtime142 = require("react/jsx-runtime");
-
-// icons/react/Clipboard12Icon.tsx
-var import_jsx_runtime143 = require("react/jsx-runtime");
-
-// icons/react/Copy12Icon.tsx
-var import_jsx_runtime144 = require("react/jsx-runtime");
-
-// icons/react/Disabled12Icon.tsx
-var import_jsx_runtime145 = require("react/jsx-runtime");
-
-// icons/react/Error12Icon.tsx
-var import_jsx_runtime146 = require("react/jsx-runtime");
-
-// icons/react/Info12Icon.tsx
-var import_jsx_runtime147 = require("react/jsx-runtime");
-
-// icons/react/Filter12Icon.tsx
-var import_jsx_runtime148 = require("react/jsx-runtime");
-
-// icons/react/Key12Icon.tsx
-var import_jsx_runtime149 = require("react/jsx-runtime");
-
-// icons/react/Loader12Icon.tsx
-var import_jsx_runtime150 = require("react/jsx-runtime");
-
-// icons/react/MenuOpen12Icon.tsx
-var import_jsx_runtime151 = require("react/jsx-runtime");
-
-// icons/react/MenuClose12Icon.tsx
-var import_jsx_runtime152 = require("react/jsx-runtime");
-
-// icons/react/More12Icon.tsx
-var import_jsx_runtime153 = require("react/jsx-runtime");
-
-// icons/react/NextArrow12Icon.tsx
-var import_jsx_runtime154 = require("react/jsx-runtime");
-
-// icons/react/PrevArrow12Icon.tsx
-var import_jsx_runtime155 = require("react/jsx-runtime");
-
-// icons/react/OpenLink12Icon.tsx
-var import_jsx_runtime156 = require("react/jsx-runtime");
-
-// icons/react/Repair12Icon.tsx
-var import_jsx_runtime157 = require("react/jsx-runtime");
-
-// icons/react/Security12Icon.tsx
-var import_jsx_runtime158 = require("react/jsx-runtime");
-
-// icons/react/Success12Icon.tsx
-var import_jsx_runtime159 = require("react/jsx-runtime");
-
-// icons/react/Unauthorized12Icon.tsx
-var import_jsx_runtime160 = require("react/jsx-runtime");
-
-// icons/react/Warning12Icon.tsx
-var import_jsx_runtime161 = require("react/jsx-runtime");
-
-// icons/react/Question12Icon.tsx
-var import_jsx_runtime162 = require("react/jsx-runtime");
-
-// icons/react/Hide12Icon.tsx
-var import_jsx_runtime163 = require("react/jsx-runtime");
-
 // icons/react/SelectArrows6Icon.tsx
-var import_jsx_runtime164 = require("react/jsx-runtime");
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var SelectArrows6Icon = ({
   title,
   titleId,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(
+}) => /* @__PURE__ */ jsxs5(
   "svg",
   {
     width: 6,
@@ -7319,8 +6780,8 @@ var SelectArrows6Icon = ({
     "aria-labelledby": titleId,
     ...props,
     children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime164.jsx)("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+      title ? /* @__PURE__ */ jsx8("title", { id: titleId, children: title }) : null,
+      /* @__PURE__ */ jsx8(
         "path",
         {
           fillRule: "evenodd",
@@ -7334,13 +6795,10 @@ var SelectArrows6Icon = ({
 );
 var SelectArrows6Icon_default = SelectArrows6Icon;
 
-// icons/react/Close8Icon.tsx
-var import_jsx_runtime165 = require("react/jsx-runtime");
-
 // components/src/ui/checkbox/Checkbox.tsx
-var import_classnames5 = __toESM(require_classnames());
-var import_jsx_runtime166 = require("react/jsx-runtime");
-var Check = () => /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Checkmark12Icon_default, { className: "pointer-events-none absolute left-0.5 top-0.5 h-3 w-3 fill-current text-accent" });
+import cn6 from "classnames";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var Check = () => /* @__PURE__ */ jsx9(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
@@ -7354,28 +6812,28 @@ var Checkbox = ({
   children,
   className,
   ...inputProps
-}) => /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("label", { className: "inline-flex items-center", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("span", { className: "relative h-4 w-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
+}) => /* @__PURE__ */ jsxs6("label", { className: "inline-flex items-center", children: [
+  /* @__PURE__ */ jsxs6("span", { className: "relative h-4 w-4", children: [
+    /* @__PURE__ */ jsx9(
       "input",
       {
-        className: (0, import_classnames5.default)(inputStyle, className),
+        className: cn6(inputStyle, className),
         type: "checkbox",
         ref: (el) => el && (el.indeterminate = !!indeterminate),
         ...inputProps
       }
     ),
-    inputProps.checked && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Check, {}),
-    indeterminate && /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(Indeterminate, {})
+    inputProps.checked && !indeterminate && /* @__PURE__ */ jsx9(Check, {}),
+    indeterminate && /* @__PURE__ */ jsx9(Indeterminate, {})
   ] }),
-  children && /* @__PURE__ */ (0, import_jsx_runtime166.jsx)("span", { className: "ml-2.5 text-sans-md text-secondary", children })
+  children && /* @__PURE__ */ jsx9("span", { className: "ml-2.5 text-sans-md text-secondary", children })
 ] });
 
 // components/src/ui/listbox/Listbox.tsx
-var import_react5 = require("@floating-ui/react");
-var import_react6 = require("@headlessui/react");
-var import_classnames6 = __toESM(require_classnames());
-var import_jsx_runtime167 = require("react/jsx-runtime");
+import { FloatingPortal, flip, offset, size, useFloating } from "@floating-ui/react";
+import { Listbox as Select } from "@headlessui/react";
+import cn7 from "classnames";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var Listbox = ({
   name,
   selected,
@@ -7388,11 +6846,11 @@ var Listbox = ({
   isLoading = false,
   ...props
 }) => {
-  const { refs, floatingStyles } = (0, import_react5.useFloating)({
+  const { refs, floatingStyles } = useFloating({
     middleware: [
-      (0, import_react5.offset)(12),
-      (0, import_react5.flip)(),
-      (0, import_react5.size)({
+      offset(12),
+      flip(),
+      size({
         apply({ rects, elements }) {
           Object.assign(elements.floating.style, {
             width: `${rects.reference.width}px`
@@ -7404,19 +6862,19 @@ var Listbox = ({
   const selectedItem = selected && items.find((i) => i.value === selected);
   const noItems = !isLoading && items.length === 0;
   const isDisabled = disabled || noItems;
-  return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { className: (0, import_classnames6.default)("relative", className), children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
-    import_react6.Listbox,
+  return /* @__PURE__ */ jsx10("div", { className: cn7("relative", className), children: /* @__PURE__ */ jsx10(
+    Select,
     {
       value: selected,
       onChange: (val) => val !== null && onChange(val),
       disabled: isDisabled || isLoading,
-      children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(import_jsx_runtime167.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(
-          import_react6.Listbox.Button,
+      children: ({ open }) => /* @__PURE__ */ jsxs7(Fragment2, { children: [
+        /* @__PURE__ */ jsxs7(
+          Select.Button,
           {
             name,
             ref: refs.setReference,
-            className: (0, import_classnames6.default)(
+            className: cn7(
               `flex h-10 w-full items-center justify-between
                     rounded border text-sans-md`,
               hasError ? "focus-error border-error-secondary hover:border-error" : "border-default hover:border-hover",
@@ -7427,37 +6885,37 @@ var Listbox = ({
             ),
             ...props,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { className: "w-full px-3 text-left", children: selectedItem ? (
+              /* @__PURE__ */ jsx10("div", { className: "w-full px-3 text-left", children: selectedItem ? (
                 // labelString is one line, which is what we need when label is a ReactNode
                 selectedItem.labelString || selectedItem.label
-              ) : /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { className: "text-quaternary", children: noItems ? "No items" : placeholder }) }),
-              !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(SpinnerLoader, { isLoading }),
-              /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+              ) : /* @__PURE__ */ jsx10("span", { className: "text-quaternary", children: noItems ? "No items" : placeholder }) }),
+              !isDisabled && /* @__PURE__ */ jsx10(SpinnerLoader, { isLoading }),
+              /* @__PURE__ */ jsx10(
                 "div",
                 {
                   className: "ml-3 flex h-[calc(100%-12px)] items-center border-l px-3 border-secondary",
                   "aria-hidden": true,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(SelectArrows6Icon_default, { className: "h-[14px] w-2 text-tertiary" })
+                  children: /* @__PURE__ */ jsx10(SelectArrows6Icon_default, { className: "h-[14px] w-2 text-tertiary" })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(import_react5.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
-          import_react6.Listbox.Options,
+        /* @__PURE__ */ jsx10(FloatingPortal, { children: /* @__PURE__ */ jsx10(
+          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__ */ (0, import_jsx_runtime167.jsx)(
-              import_react6.Listbox.Option,
+            children: items.map((item) => /* @__PURE__ */ jsx10(
+              Select.Option,
               {
                 value: item.value,
                 className: "relative border-b border-secondary last:border-0",
-                children: ({ active, selected: selected2 }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
+                children: ({ active, selected: selected2 }) => /* @__PURE__ */ jsx10(
                   "div",
                   {
-                    className: (0, import_classnames6.default)(
+                    className: cn7(
                       "ox-menu-item text-secondary",
                       selected2 && "is-selected",
                       active && "is-highlighted"
@@ -7474,8 +6932,7 @@ var Listbox = ({
     }
   ) });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   AsciiDocBlocks,
   Badge,
   Button,
@@ -7490,14 +6947,5 @@ var Listbox = ({
   spinnerSizes,
   spinnerVariants,
   variants
-});
-/*! Bundled license information:
-
-classnames/index.js:
-  (*!
-  	Copyright (c) 2018 Jed Watson.
-  	Licensed under the MIT License (MIT), see
-  	http://jedwatson.github.io/classnames
-  *)
-*/
+};
 //# sourceMappingURL=index.js.map