@octaviaflow/core 3.0.12 → 3.0.13

package/dist/index.js

@@ -196,30 +196,95 @@ function AgentCard({
 
 // src/components/AuthCard/AuthCard.tsx
 import { useId, useRef as useRef2, useState } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function AuthCard({
   logo,
   title,
   description,
   scope,
+  header,
+  headerExtra,
+  error,
+  success,
+  align = "center",
+  width,
   children,
   divider,
   footer,
   className
 }) {
-  return /* @__PURE__ */ jsxs3("div", { className: cn("ods-auth-card", className), children: [
-    logo && /* @__PURE__ */ jsx3("div", { className: "ods-auth-card__logo", children: logo }),
-    /* @__PURE__ */ jsxs3("div", { className: "ods-auth-card__head", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "ods-auth-card__title-row", children: [
-        /* @__PURE__ */ jsx3("h1", { className: "ods-auth-card__title", children: title }),
-        scope && /* @__PURE__ */ jsx3("span", { className: "ods-auth-card__scope", children: scope })
-      ] }),
-      description && /* @__PURE__ */ jsx3("p", { className: "ods-auth-card__desc", children: description })
-    ] }),
-    /* @__PURE__ */ jsx3("div", { className: "ods-auth-card__body", children }),
-    divider && /* @__PURE__ */ jsx3("div", { className: "ods-auth-card__divider", children: divider }),
-    footer && /* @__PURE__ */ jsx3("div", { className: "ods-auth-card__footer", children: footer })
-  ] });
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: cn(
+        "ods-auth-card",
+        align === "left" && "ods-auth-card--left",
+        className
+      ),
+      style: width != null ? { width: typeof width === "number" ? `${width}px` : width } : void 0,
+      children: [
+        header ?? /* @__PURE__ */ jsxs3(Fragment, { children: [
+          logo && /* @__PURE__ */ jsx3("div", { className: "ods-auth-card__logo", children: logo }),
+          (title || description || scope) && /* @__PURE__ */ jsxs3("div", { className: "ods-auth-card__head", children: [
+            (title || scope) && /* @__PURE__ */ jsxs3("div", { className: "ods-auth-card__title-row", children: [
+              title && /* @__PURE__ */ jsx3("h1", { className: "ods-auth-card__title", children: title }),
+              scope && /* @__PURE__ */ jsx3("span", { className: "ods-auth-card__scope", children: scope })
+            ] }),
+            description && /* @__PURE__ */ jsx3("p", { className: "ods-auth-card__desc", children: description })
+          ] })
+        ] }),
+        headerExtra && /* @__PURE__ */ jsx3("div", { className: "ods-auth-card__header-extra", children: headerExtra }),
+        (error || success) && /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            className: "ods-auth-card__messages",
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "var(--ods-space-2)"
+            },
+            children: [
+              error && /* @__PURE__ */ jsx3(AutoBanner, { variant: "error", children: error }),
+              success && /* @__PURE__ */ jsx3(AutoBanner, { variant: "success", children: success })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx3("div", { className: "ods-auth-card__body", children }),
+        divider && /* @__PURE__ */ jsx3("div", { className: "ods-auth-card__divider", children: divider }),
+        footer && /* @__PURE__ */ jsx3("div", { className: "ods-auth-card__footer", children: footer })
+      ]
+    }
+  );
+}
+function AutoBanner({
+  variant,
+  children
+}) {
+  const tone = variant === "error" ? {
+    bg: "var(--ods-status-error-bg)",
+    fg: "var(--ods-status-error-fg)",
+    bd: "var(--ods-status-error-bd)"
+  } : {
+    bg: "var(--ods-status-success-bg)",
+    fg: "var(--ods-status-success-fg)",
+    bd: "var(--ods-status-success-bd)"
+  };
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      role: variant === "error" ? "alert" : "status",
+      style: {
+        padding: "10px 12px",
+        background: tone.bg,
+        color: tone.fg,
+        border: `1px solid ${tone.bd}`,
+        borderRadius: "var(--ods-radius-1)",
+        fontSize: 13,
+        lineHeight: 1.45
+      },
+      children
+    }
+  );
 }
 function AuthDivider({ children = "OR", className }) {
   return /* @__PURE__ */ jsxs3("div", { className: cn("ods-auth-divider", className), children: [
@@ -585,14 +650,14 @@ function BlogCard({
 // src/components/Breadcrumb/Breadcrumb.tsx
 import { useRef as useRef3 } from "react";
 import { useBreadcrumbItem, useBreadcrumbs } from "react-aria";
-import { Fragment, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function BreadcrumbItem({ item, isCurrent }) {
   const ref = useRef3(null);
   const { itemProps } = useBreadcrumbItem(
     { children: item.label, isCurrent, elementType: item.href ? "a" : "span" },
     ref
   );
-  const content = /* @__PURE__ */ jsxs9(Fragment, { children: [
+  const content = /* @__PURE__ */ jsxs9(Fragment2, { children: [
     item.icon && /* @__PURE__ */ jsx9("span", { className: "ods-breadcrumb__icon", children: item.icon }),
     /* @__PURE__ */ jsx9("span", { children: item.label })
   ] });
@@ -2749,7 +2814,7 @@ function ChoiceCard({
 
 // src/components/CodeEditor/CodeEditor.tsx
 import { useEffect, useMemo as useMemo3, useRef as useRef6, useState as useState3 } from "react";
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 var COMMENT_PREFIX = {
   sql: "-- ",
   json: "// ",
@@ -3263,7 +3328,7 @@ ${indent}`;
           /* @__PURE__ */ jsxs17("span", { className: "ods-code-editor__pos", children: [
             "Ln ",
             activeLine,
-            selectionLen > 0 && /* @__PURE__ */ jsxs17(Fragment2, { children: [
+            selectionLen > 0 && /* @__PURE__ */ jsxs17(Fragment3, { children: [
               " ",
               "\xB7 ",
               selectionLen,
@@ -3281,7 +3346,7 @@ ${indent}`;
             /* @__PURE__ */ jsx18("span", { className: "ods-code-editor__sep", children: "\xB7" }),
             /* @__PURE__ */ jsx18("kbd", { className: "ods-code-editor__kbd", children: "\u2325\u2191\u2193" }),
             " move",
-            searchable && /* @__PURE__ */ jsxs17(Fragment2, { children: [
+            searchable && /* @__PURE__ */ jsxs17(Fragment3, { children: [
               /* @__PURE__ */ jsx18("span", { className: "ods-code-editor__sep", children: "\xB7" }),
               /* @__PURE__ */ jsx18("kbd", { className: "ods-code-editor__kbd", children: "\u2318F" }),
               " find"
@@ -3826,7 +3891,7 @@ import {
   useRef as useRef9,
   useState as useState6
 } from "react";
-import { Fragment as Fragment3, jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
 var TYPE_CLASSES = {
   string: "string",
   integer: "integer",
@@ -4381,7 +4446,7 @@ function DataMapper({
                   " mapped"
                 ] })
               ] }),
-              requiredUnmapped > 0 && /* @__PURE__ */ jsxs21(Fragment3, { children: [
+              requiredUnmapped > 0 && /* @__PURE__ */ jsxs21(Fragment4, { children: [
                 /* @__PURE__ */ jsx22("span", { className: "ods-data-mapper__stat-sep", children: "\xB7" }),
                 /* @__PURE__ */ jsxs21("span", { className: "ods-data-mapper__stat ods-data-mapper__stat--warn", children: [
                   /* @__PURE__ */ jsx22("span", { className: "ods-data-mapper__stat-value", children: requiredUnmapped }),
@@ -5148,7 +5213,7 @@ import {
   useRef as useRef10,
   useState as useState7
 } from "react";
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 function readValue(row, col) {
   if (typeof col.accessor === "function") return col.accessor(row);
   const k = col.accessor ?? col.key;
@@ -5429,7 +5494,7 @@ function DataTable(props) {
     className
   );
   return /* @__PURE__ */ jsxs22("div", { className: wrapperClass, role: "region", "aria-label": "Data table", children: [
-    /* @__PURE__ */ jsx23("div", { className: "ods-datatable__toolbar", children: showBulkBar ? /* @__PURE__ */ jsxs22(Fragment4, { children: [
+    /* @__PURE__ */ jsx23("div", { className: "ods-datatable__toolbar", children: showBulkBar ? /* @__PURE__ */ jsxs22(Fragment5, { children: [
       /* @__PURE__ */ jsxs22("div", { className: "ods-datatable__bulk-summary", children: [
         /* @__PURE__ */ jsx23("span", { className: "ods-datatable__bulk-count", children: selectedCount }),
         /* @__PURE__ */ jsx23("span", { children: "selected" }),
@@ -5463,7 +5528,7 @@ function DataTable(props) {
         },
         i
       )) })
-    ] }) : /* @__PURE__ */ jsxs22(Fragment4, { children: [
+    ] }) : /* @__PURE__ */ jsxs22(Fragment5, { children: [
       /* @__PURE__ */ jsxs22("div", { className: "ods-datatable__title-block", children: [
         title && /* @__PURE__ */ jsxs22("h2", { className: "ods-datatable__title", children: [
           title,
@@ -5806,7 +5871,7 @@ function Row({
     document.addEventListener("mousedown", close);
     return () => document.removeEventListener("mousedown", close);
   }, [menuOpen]);
-  return /* @__PURE__ */ jsxs22(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs22(Fragment5, { children: [
     /* @__PURE__ */ jsxs22(
       "tr",
       {
@@ -6224,7 +6289,7 @@ function Dialog(props) {
 }
 
 // src/components/DonutChart/DonutChart.tsx
-import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
 function DonutChart({
   data,
   size = 160,
@@ -6275,7 +6340,7 @@ function DonutChart({
           i
         )) })
       ] }),
-      /* @__PURE__ */ jsx27("div", { className: "ods-donut__center", children: centerLabel ?? /* @__PURE__ */ jsxs26(Fragment5, { children: [
+      /* @__PURE__ */ jsx27("div", { className: "ods-donut__center", children: centerLabel ?? /* @__PURE__ */ jsxs26(Fragment6, { children: [
         /* @__PURE__ */ jsx27("div", { className: "ods-donut__value", children: total }),
         /* @__PURE__ */ jsx27("div", { className: "ods-donut__small", children: "total" })
       ] }) })
@@ -6346,7 +6411,7 @@ import { AnimatePresence as AnimatePresence4, motion as motion6 } from "framer-m
 import { useEffect as useEffect6, useRef as useRef13 } from "react";
 import { useButton as useButton3, useMenu, useMenuItem, useMenuTrigger } from "react-aria";
 import { createPortal as createPortal2 } from "react-dom";
-import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx29, jsxs as jsxs28 } from "react/jsx-runtime";
 function MenuItemComponent({ item, state, onAction }) {
   const ref = useRef13(null);
   const { menuItemProps } = useMenuItem({ key: item.key, onAction }, state, ref);
@@ -6503,7 +6568,7 @@ function DropdownMenu({
     triggerRef
   );
   const { onDrag, onDragStart, onDragEnd, onAnimationStart, ...safeTriggerProps } = buttonProps;
-  return /* @__PURE__ */ jsxs28(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs28(Fragment7, { children: [
     /* @__PURE__ */ jsx29(
       "button",
       {
@@ -6542,7 +6607,7 @@ function EmptyState({ icon, title, description, action, className }) {
 // src/components/ExecutionConsole/ExecutionConsole.tsx
 import { motion as motion7 } from "framer-motion";
 import { useEffect as useEffect7, useRef as useRef14 } from "react";
-import { Fragment as Fragment7, jsx as jsx31, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx31, jsxs as jsxs30 } from "react/jsx-runtime";
 var iconProps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -6683,7 +6748,7 @@ function ExecutionConsole({
                 children: /* @__PURE__ */ jsx31(TrashIcon2, {})
               }
             ),
-            toolbar && /* @__PURE__ */ jsxs30(Fragment7, { children: [
+            toolbar && /* @__PURE__ */ jsxs30(Fragment8, { children: [
               /* @__PURE__ */ jsx31("span", { className: "ods-console__action-separator", "aria-hidden": "true" }),
               toolbar
             ] })
@@ -6826,7 +6891,7 @@ function sanitizeHref(url) {
 }
 
 // src/components/FileDropzone/FileDropzone.tsx
-import { Fragment as Fragment8, jsx as jsx33, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx33, jsxs as jsxs32 } from "react/jsx-runtime";
 var UPLOAD_ICON = /* @__PURE__ */ jsx33("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx33(
   "path",
   {
@@ -7146,7 +7211,7 @@ function FileDropzone({
                         children: CHECK_ICON
                       }
                     ),
-                    status === "error" && /* @__PURE__ */ jsxs32(Fragment8, { children: [
+                    status === "error" && /* @__PURE__ */ jsxs32(Fragment9, { children: [
                       /* @__PURE__ */ jsx33(
                         "span",
                         {
@@ -7854,7 +7919,7 @@ function FlowMinimap({
 }
 
 // src/components/FlowToolbar/FlowToolbar.tsx
-import { Fragment as Fragment9, jsx as jsx38, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx38, jsxs as jsxs37 } from "react/jsx-runtime";
 function FlowToolbar({ children, placement = "left", className }) {
   return /* @__PURE__ */ jsx38(
     "div",
@@ -7914,7 +7979,7 @@ var SVG_BASE = {
 var mkIcon = (children) => /* @__PURE__ */ jsx38("svg", { ...SVG_BASE, width: "16", height: "16", children });
 var FlowToolbarIcons = {
   save: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }),
       /* @__PURE__ */ jsx38("polyline", { points: "17 21 17 13 7 13 7 21" }),
       /* @__PURE__ */ jsx38("polyline", { points: "7 3 7 8 15 8" })
@@ -7923,70 +7988,70 @@ var FlowToolbarIcons = {
   run: mkIcon(/* @__PURE__ */ jsx38("polygon", { points: "6 4 20 12 6 20 6 4", fill: "currentColor", stroke: "none" })),
   stop: mkIcon(/* @__PURE__ */ jsx38("rect", { x: "6", y: "6", width: "12", height: "12", rx: "1" })),
   lock: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("rect", { x: "4", y: "11", width: "16", height: "10", rx: "2" }),
       /* @__PURE__ */ jsx38("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" })
     ] })
   ),
   unlock: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("rect", { x: "4", y: "11", width: "16", height: "10", rx: "2" }),
       /* @__PURE__ */ jsx38("path", { d: "M8 11V7a4 4 0 0 1 8 0" })
     ] })
   ),
   reset: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("polyline", { points: "1 4 1 10 7 10" }),
       /* @__PURE__ */ jsx38("path", { d: "M3.51 15a9 9 0 1 0 2.13-9.36L1 10" })
     ] })
   ),
   undo: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("path", { d: "M3 7v6h6" }),
       /* @__PURE__ */ jsx38("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-7.07 3.43L3 13" })
     ] })
   ),
   redo: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("path", { d: "M21 7v6h-6" }),
       /* @__PURE__ */ jsx38("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 7.07 3.43L21 13" })
     ] })
   ),
   drawerOpen: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
       /* @__PURE__ */ jsx38("line", { x1: "9", y1: "3", x2: "9", y2: "21" }),
       /* @__PURE__ */ jsx38("polyline", { points: "13 9 16 12 13 15" })
     ] })
   ),
   drawerClose: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
       /* @__PURE__ */ jsx38("line", { x1: "9", y1: "3", x2: "9", y2: "21" }),
       /* @__PURE__ */ jsx38("polyline", { points: "16 9 13 12 16 15" })
     ] })
   ),
   settings: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("circle", { cx: "12", cy: "12", r: "3" }),
       /* @__PURE__ */ jsx38("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
     ] })
   ),
   history: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("path", { d: "M22 12A10 10 0 1 1 12 2" }),
       /* @__PURE__ */ jsx38("polyline", { points: "22 2 22 8 16 8" }),
       /* @__PURE__ */ jsx38("polyline", { points: "12 7 12 12 15 15" })
     ] })
   ),
   debug: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("polyline", { points: "4 17 10 11 4 5" }),
       /* @__PURE__ */ jsx38("line", { x1: "12", y1: "19", x2: "20", y2: "19" })
     ] })
   ),
   zoomIn: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("circle", { cx: "11", cy: "11", r: "7" }),
       /* @__PURE__ */ jsx38("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
       /* @__PURE__ */ jsx38("line", { x1: "11", y1: "8", x2: "11", y2: "14" }),
@@ -7994,14 +8059,14 @@ var FlowToolbarIcons = {
     ] })
   ),
   zoomOut: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("circle", { cx: "11", cy: "11", r: "7" }),
       /* @__PURE__ */ jsx38("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
       /* @__PURE__ */ jsx38("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
     ] })
   ),
   zoomReset: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("circle", { cx: "11", cy: "11", r: "7" }),
       /* @__PURE__ */ jsx38("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
       /* @__PURE__ */ jsx38("polyline", { points: "8 9 8 13 12 13" }),
@@ -8009,7 +8074,7 @@ var FlowToolbarIcons = {
     ] })
   ),
   fit: mkIcon(
-    /* @__PURE__ */ jsxs37(Fragment9, { children: [
+    /* @__PURE__ */ jsxs37(Fragment10, { children: [
       /* @__PURE__ */ jsx38("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
       /* @__PURE__ */ jsx38("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
       /* @__PURE__ */ jsx38("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
@@ -8101,7 +8166,7 @@ function FormSection({
 // src/components/HoverCard/HoverCard.tsx
 import { useCallback as useCallback8, useEffect as useEffect10, useLayoutEffect, useRef as useRef18, useState as useState11 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
-import { Fragment as Fragment10, jsx as jsx40, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx40, jsxs as jsxs39 } from "react/jsx-runtime";
 function computePosition(rect, panelRect, placement, offset) {
   const cx = rect.left + rect.width / 2;
   const cy = rect.top + rect.height / 2;
@@ -8206,7 +8271,7 @@ function HoverCard({
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ jsxs39(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs39(Fragment11, { children: [
     triggerEl,
     portal
   ] });
@@ -8365,7 +8430,7 @@ Input.displayName = "Input";
 
 // src/components/JsonViewer/JsonViewer.tsx
 import { useMemo as useMemo8, useState as useState12 } from "react";
-import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx43, jsxs as jsxs42 } from "react/jsx-runtime";
 var VARIANT = {
   string: "string",
   number: "number",
@@ -8467,7 +8532,7 @@ function JsonNode({
           renderKey,
           renderKey != null && /* @__PURE__ */ jsx43("span", { className: "ods-json-viewer__colon", children: ":" }),
           /* @__PURE__ */ jsx43("span", { className: "ods-json-viewer__bracket", children: openBracket }),
-          !open && /* @__PURE__ */ jsxs42(Fragment11, { children: [
+          !open && /* @__PURE__ */ jsxs42(Fragment12, { children: [
             /* @__PURE__ */ jsx43("span", { className: "ods-json-viewer__preview", children: isArray ? entries.length === 0 ? "" : `${entries.length} item${entries.length === 1 ? "" : "s"}` : entries.length === 0 ? "" : `${entries.length} key${entries.length === 1 ? "" : "s"}` }),
             /* @__PURE__ */ jsx43("span", { className: "ods-json-viewer__bracket", children: closeBracket })
           ] }),
@@ -8475,7 +8540,7 @@ function JsonNode({
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs42(Fragment11, { children: [
+    open && /* @__PURE__ */ jsxs42(Fragment12, { children: [
       entries.map(([k, v], i) => /* @__PURE__ */ jsx43(
         JsonNode,
         {
@@ -9576,7 +9641,7 @@ function PhoneInput({
 // src/components/Popover/Popover.tsx
 import { useCallback as useCallback12, useEffect as useEffect12, useLayoutEffect as useLayoutEffect3, useRef as useRef22, useState as useState16 } from "react";
 import { createPortal as createPortal5 } from "react-dom";
-import { Fragment as Fragment12, jsx as jsx54, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx54, jsxs as jsxs53 } from "react/jsx-runtime";
 function computePosition2(rect, popRect, placement, offset) {
   const cx = rect.left + rect.width / 2;
   const cy = rect.top + rect.height / 2;
@@ -9694,7 +9759,7 @@ function Popover({
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ jsxs53(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs53(Fragment13, { children: [
     triggerEl,
     portal
   ] });
@@ -10830,7 +10895,7 @@ import { AnimatePresence as AnimatePresence7, motion as motion10 } from "framer-
 import { useCallback as useCallback15, useEffect as useEffect15, useMemo as useMemo10, useRef as useRef27, useState as useState20 } from "react";
 import { HiddenSelect, useButton as useButton4, useListBox, useOption, useSelect } from "react-aria";
 import { createPortal as createPortal6 } from "react-dom";
-import { Fragment as Fragment13, jsx as jsx66, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx66, jsxs as jsxs65 } from "react/jsx-runtime";
 function ListBox(props) {
   const ref = useRef27(null);
   const { listBoxRef = ref, state } = props;
@@ -11027,7 +11092,7 @@ function Select({
             "aria-required": required || void 0,
             className: cn("ods-select__trigger", state.isOpen && "ods-select__trigger--open"),
             children: [
-              /* @__PURE__ */ jsx66("span", { className: "ods-select__value", children: selectedOption ? /* @__PURE__ */ jsxs65(Fragment13, { children: [
+              /* @__PURE__ */ jsx66("span", { className: "ods-select__value", children: selectedOption ? /* @__PURE__ */ jsxs65(Fragment14, { children: [
                 selectedOption.icon && /* @__PURE__ */ jsx66("span", { className: "ods-select__value-icon", children: selectedOption.icon }),
                 selectedOption.label
               ] }) : /* @__PURE__ */ jsx66("span", { className: "ods-select__placeholder", children: placeholder }) }),
@@ -11110,7 +11175,7 @@ function SettingsRow({
 import { AnimatePresence as AnimatePresence8, motion as motion11 } from "framer-motion";
 import { useEffect as useEffect16 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
-import { Fragment as Fragment14, jsx as jsx68, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx68, jsxs as jsxs67 } from "react/jsx-runtime";
 var slideVariants = {
   top: { initial: { y: "-100%" }, animate: { y: 0 }, exit: { y: "-100%" } },
   bottom: { initial: { y: "100%" }, animate: { y: 0 }, exit: { y: "100%" } },
@@ -11154,7 +11219,7 @@ function Sheet({
   const variant = slideVariants[side];
   const resolved = resolveSize(side, size);
   const isVertical = side === "left" || side === "right";
-  const content = /* @__PURE__ */ jsx68(AnimatePresence8, { children: open && /* @__PURE__ */ jsxs67(Fragment14, { children: [
+  const content = /* @__PURE__ */ jsx68(AnimatePresence8, { children: open && /* @__PURE__ */ jsxs67(Fragment15, { children: [
     /* @__PURE__ */ jsx68(
       motion11.div,
       {
@@ -11196,7 +11261,7 @@ function Sheet({
 
 // src/components/Sidebar/Sidebar.tsx
 import { useCallback as useCallback16, useEffect as useEffect17, useRef as useRef28, useState as useState21 } from "react";
-import { Fragment as Fragment15, jsx as jsx69, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx69, jsxs as jsxs68 } from "react/jsx-runtime";
 function Sidebar({
   variant = "expanded",
   brand,
@@ -11341,7 +11406,7 @@ function RailLayout({
   tooltipDelay,
   suppressTooltips
 }) {
-  return /* @__PURE__ */ jsxs68(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs68(Fragment16, { children: [
     logo && /* @__PURE__ */ jsx69("div", { className: "ods-sidebar__logo-rail", children: logo }),
     onToggle && /* @__PURE__ */ jsx69(
       "button",
@@ -11510,7 +11575,7 @@ function ExpandedLayout({
   pinned,
   onPinToggle
 }) {
-  return /* @__PURE__ */ jsxs68(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs68(Fragment16, { children: [
     /* @__PURE__ */ jsxs68("div", { className: "ods-sidebar__header", children: [
       logo && /* @__PURE__ */ jsx69("div", { className: "ods-sidebar__logo", children: logo }),
       brand && /* @__PURE__ */ jsxs68("div", { className: "ods-sidebar__brand", children: [
@@ -11573,7 +11638,7 @@ function ExpandedItem({ item, level }) {
     item.defaultExpanded ?? (hasChildren && hasActiveDescendant(item))
   );
   if (hasChildren) {
-    return /* @__PURE__ */ jsxs68(Fragment15, { children: [
+    return /* @__PURE__ */ jsxs68(Fragment16, { children: [
       /* @__PURE__ */ jsxs68(
         "button",
         {
@@ -11655,7 +11720,7 @@ function ExpandedItem({ item, level }) {
 }
 function SidebarUserCard({ user }) {
   const labelText = typeof user.name === "string" ? user.name : "User";
-  const body = /* @__PURE__ */ jsxs68(Fragment15, { children: [
+  const body = /* @__PURE__ */ jsxs68(Fragment16, { children: [
     /* @__PURE__ */ jsx69("span", { className: "ods-sidebar__user-avatar", children: user.avatar ?? /* @__PURE__ */ jsx69("span", { children: user.initial ?? (typeof user.name === "string" ? user.name.charAt(0).toUpperCase() : "?") }) }),
     /* @__PURE__ */ jsxs68("span", { className: "ods-sidebar__user-info", children: [
       /* @__PURE__ */ jsx69("span", { className: "ods-sidebar__user-name", children: user.name }),
@@ -11727,7 +11792,7 @@ import { AnimatePresence as AnimatePresence9, motion as motion12 } from "framer-
 import { useRef as useRef29 } from "react";
 import { FocusScope as FocusScope2, OverlayProvider as OverlayProvider2, useDialog as useDialog2, useModal as useModal2, useOverlay as useOverlay2 } from "react-aria";
 import { createPortal as createPortal8 } from "react-dom";
-import { Fragment as Fragment16, jsx as jsx71, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx71, jsxs as jsxs69 } from "react/jsx-runtime";
 var slideVariants2 = {
   left: {
     initial: { x: "-100%" },
@@ -11765,7 +11830,7 @@ function SlideoutContent({
   const { onDrag, onDragStart, onDragEnd, onAnimationStart, ...safeOverlayProps } = overlayProps;
   const variant = slideVariants2[position];
   const panelWidth = typeof width === "number" ? `${width}px` : width;
-  return /* @__PURE__ */ jsx71(AnimatePresence9, { children: open && /* @__PURE__ */ jsxs69(Fragment16, { children: [
+  return /* @__PURE__ */ jsx71(AnimatePresence9, { children: open && /* @__PURE__ */ jsxs69(Fragment17, { children: [
     /* @__PURE__ */ jsx71(
       motion12.div,
       {
@@ -12465,7 +12530,7 @@ function Switch({
 
 // src/components/Table/Table.tsx
 import { useCallback as useCallback18, useState as useState23 } from "react";
-import { Fragment as Fragment17, jsx as jsx79, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx79, jsxs as jsxs76 } from "react/jsx-runtime";
 function Table({
   columns,
   data,
@@ -12588,7 +12653,7 @@ function TableRow({
 }) {
   const isSelected = selectedRows?.has(rowIndex) ?? false;
   const [expanded, setExpanded] = useState23(false);
-  return /* @__PURE__ */ jsxs76(Fragment17, { children: [
+  return /* @__PURE__ */ jsxs76(Fragment18, { children: [
     /* @__PURE__ */ jsxs76(
       "tr",
       {
@@ -12965,13 +13030,13 @@ function Timeline({ items, size = "md", className }) {
 
 // src/components/TimePicker/TimePicker.tsx
 import {
-  Fragment as Fragment18,
+  Fragment as Fragment19,
   useCallback as useCallback19,
   useEffect as useEffect19,
   useRef as useRef34,
   useState as useState27
 } from "react";
-import { Fragment as Fragment19, jsx as jsx85, jsxs as jsxs82 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx85, jsxs as jsxs82 } from "react/jsx-runtime";
 var pad = (n) => n.toString().padStart(2, "0");
 function format(v, use24h, showSeconds) {
   const base = `${pad(v.hours)}:${pad(v.minutes)}${showSeconds ? `:${pad(v.seconds ?? 0)}` : ""}`;
@@ -13180,7 +13245,7 @@ function TimePicker({
               segButton("hours", value.hours),
               /* @__PURE__ */ jsx85("span", { className: "ods-timepicker__display-sep", children: ":" }),
               segButton("minutes", value.minutes),
-              showSeconds && /* @__PURE__ */ jsxs82(Fragment19, { children: [
+              showSeconds && /* @__PURE__ */ jsxs82(Fragment20, { children: [
                 /* @__PURE__ */ jsx85("span", { className: "ods-timepicker__display-sep", children: ":" }),
                 segButton("seconds", value.seconds ?? 0)
               ] })
@@ -13212,7 +13277,7 @@ function TimePicker({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx85("div", { className: "ods-timepicker__body", children: segOrder().map((seg, i, arr) => /* @__PURE__ */ jsxs82(Fragment18, { children: [
+          /* @__PURE__ */ jsx85("div", { className: "ods-timepicker__body", children: segOrder().map((seg, i, arr) => /* @__PURE__ */ jsxs82(Fragment19, { children: [
             /* @__PURE__ */ jsxs82("div", { className: "ods-timepicker__col", children: [
               /* @__PURE__ */ jsx85("span", { className: "ods-timepicker__col-lbl", children: seg === "hours" ? "HOUR" : seg === "minutes" ? "MIN" : "SEC" }),
               /* @__PURE__ */ jsx85(
@@ -13268,7 +13333,7 @@ function TimePicker({
 
 // src/components/TimezonePicker/TimezonePicker.tsx
 import { useEffect as useEffect20, useMemo as useMemo12, useRef as useRef35, useState as useState28 } from "react";
-import { Fragment as Fragment20, jsx as jsx86, jsxs as jsxs83 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx86, jsxs as jsxs83 } from "react/jsx-runtime";
 var DEFAULT_TZS = [
   { iana: "America/Los_Angeles", label: "Pacific Time", offset: "UTC\u22128" },
   { iana: "America/Denver", label: "Mountain Time", offset: "UTC\u22127" },
@@ -13361,7 +13426,7 @@ function TimezonePicker({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx86("span", { className: "ods-tzpicker__info", children: selected ? /* @__PURE__ */ jsxs83(Fragment20, { children: [
+              /* @__PURE__ */ jsx86("span", { className: "ods-tzpicker__info", children: selected ? /* @__PURE__ */ jsxs83(Fragment21, { children: [
                 /* @__PURE__ */ jsx86("span", { className: "ods-tzpicker__name", children: selected.label }),
                 /* @__PURE__ */ jsxs83("span", { className: "ods-tzpicker__meta", children: [
                   selected.iana.split("/").pop()?.replace(/_/g, " "),
@@ -13480,7 +13545,7 @@ import {
   useState as useState29
 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
-import { Fragment as Fragment21, jsx as jsx87, jsxs as jsxs84 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx87, jsxs as jsxs84 } from "react/jsx-runtime";
 var defaultIcons = {
   success: /* @__PURE__ */ jsxs84("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx87("circle", { cx: "8", cy: "8", r: "7", fill: "var(--ods-status-success-bg)", stroke: "var(--ods-status-success-bd)" }),
@@ -13535,9 +13600,9 @@ var defaultIcons = {
 var ToastContext = createContext2(null);
 function ToastBody({ item, onDismiss }) {
   const dismiss = () => onDismiss(item.id);
-  if (item.render) return /* @__PURE__ */ jsx87(Fragment21, { children: item.render({ id: item.id, dismiss }) });
+  if (item.render) return /* @__PURE__ */ jsx87(Fragment22, { children: item.render({ id: item.id, dismiss }) });
   const title = item.title ?? item.message;
-  return /* @__PURE__ */ jsxs84(Fragment21, { children: [
+  return /* @__PURE__ */ jsxs84(Fragment22, { children: [
     /* @__PURE__ */ jsx87("span", { className: "ods-toast__icon", "aria-hidden": "true", children: item.icon ?? defaultIcons[item.variant] }),
     /* @__PURE__ */ jsxs84("div", { className: "ods-toast__body", children: [
       title && /* @__PURE__ */ jsx87("div", { className: "ods-toast__title", children: title }),
@@ -13733,7 +13798,7 @@ function ToastProvider({
     return out;
   }, [toasts]);
   const ctx = { toast, dismiss, dismissAll };
-  const containers = /* @__PURE__ */ jsx87(Fragment21, { children: POSITIONS.map((pos) => {
+  const containers = /* @__PURE__ */ jsx87(Fragment22, { children: POSITIONS.map((pos) => {
     const list = groups[pos];
     if (list.length === 0) return null;
     return /* @__PURE__ */ jsx87(
@@ -13946,7 +14011,7 @@ import {
 } from "react";
 import { useTooltip, useTooltipTrigger } from "react-aria";
 import { createPortal as createPortal10 } from "react-dom";
-import { Fragment as Fragment22, jsx as jsx91, jsxs as jsxs88 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx91, jsxs as jsxs88 } from "react/jsx-runtime";
 function computePosition3(rect, tipRect, position, offset) {
   const cx = rect.left + rect.width / 2;
   const cy = rect.top + rect.height / 2;
@@ -14049,7 +14114,7 @@ function Tooltip({
   const triggerRef = useRef37(null);
   const state = $3834487504f4fc00$export$4d40659c25ecb50b({ delay });
   const { triggerProps } = useTooltipTrigger({ delay }, state, triggerRef);
-  return /* @__PURE__ */ jsxs88(Fragment22, { children: [
+  return /* @__PURE__ */ jsxs88(Fragment23, { children: [
     cloneElement(children, {
       ...triggerProps,
       ref: triggerRef
@@ -15319,7 +15384,7 @@ function DefaultEmptyState() {
 
 // src/components/XmlViewer/XmlViewer.tsx
 import { useMemo as useMemo16, useState as useState33 } from "react";
-import { Fragment as Fragment23, jsx as jsx96, jsxs as jsxs93 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx96, jsxs as jsxs93 } from "react/jsx-runtime";
 function parseXml(src) {
   if (typeof window !== "undefined" && typeof window.DOMParser !== "undefined") {
     try {
@@ -15460,9 +15525,9 @@ function XmlNodeRow({
             /* @__PURE__ */ jsx96("span", { className: "ods-xml-viewer__attr-eq", children: "=" }),
             /* @__PURE__ */ jsx96("span", { className: "ods-xml-viewer__attr-value", children: `"${v}"` })
           ] }, k)),
-          isSelfClosing ? /* @__PURE__ */ jsx96("span", { className: "ods-xml-viewer__bracket", children: " />" }) : /* @__PURE__ */ jsxs93(Fragment23, { children: [
+          isSelfClosing ? /* @__PURE__ */ jsx96("span", { className: "ods-xml-viewer__bracket", children: " />" }) : /* @__PURE__ */ jsxs93(Fragment24, { children: [
             /* @__PURE__ */ jsx96("span", { className: "ods-xml-viewer__bracket", children: ">" }),
-            !open && /* @__PURE__ */ jsxs93(Fragment23, { children: [
+            !open && /* @__PURE__ */ jsxs93(Fragment24, { children: [
               /* @__PURE__ */ jsxs93("span", { className: "ods-xml-viewer__preview", children: [
                 children.length,
                 " child",
@@ -15476,7 +15541,7 @@ function XmlNodeRow({
         ]
       }
     ),
-    !isSelfClosing && open && /* @__PURE__ */ jsxs93(Fragment23, { children: [
+    !isSelfClosing && open && /* @__PURE__ */ jsxs93(Fragment24, { children: [
       children.map((c, i) => /* @__PURE__ */ jsx96(
         XmlNodeRow,
         {
@@ -15500,7 +15565,7 @@ function XmlNodeRow({
 
 // src/components/YamlViewer/YamlViewer.tsx
 import { useMemo as useMemo17, useState as useState34 } from "react";
-import { Fragment as Fragment24, jsx as jsx97, jsxs as jsxs94 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx97, jsxs as jsxs94 } from "react/jsx-runtime";
 function toYaml(value, indent = 0) {
   const pad2 = "  ".repeat(indent);
   if (value === null) return "null";
@@ -15717,7 +15782,7 @@ function YamlViewer({
               }
             ) : /* @__PURE__ */ jsx97("span", { className: "ods-yaml-viewer__caret-spacer" }),
             t.kind === "comment" && /* @__PURE__ */ jsx97("span", { className: "ods-yaml-viewer__comment", children: t.raw.trim() }),
-            t.kind === "key" && /* @__PURE__ */ jsxs94(Fragment24, { children: [
+            t.kind === "key" && /* @__PURE__ */ jsxs94(Fragment25, { children: [
               t.raw.trim().startsWith("-") && /* @__PURE__ */ jsx97("span", { className: "ods-yaml-viewer__dash", children: "- " }),
               /* @__PURE__ */ jsx97("span", { className: "ods-yaml-viewer__key", children: t.key }),
               /* @__PURE__ */ jsx97("span", { className: "ods-yaml-viewer__colon", children: ":" }),
@@ -15736,7 +15801,7 @@ function YamlViewer({
               ),
               isCollapsed && /* @__PURE__ */ jsx97("span", { className: "ods-yaml-viewer__preview", children: " \u2026" })
             ] }),
-            t.kind === "sequence" && /* @__PURE__ */ jsxs94(Fragment24, { children: [
+            t.kind === "sequence" && /* @__PURE__ */ jsxs94(Fragment25, { children: [
               /* @__PURE__ */ jsx97("span", { className: "ods-yaml-viewer__dash", children: "- " }),
               /* @__PURE__ */ jsx97(
                 "span",