@spear-ai/spectral 1.3.43 → 1.3.45

package/dist/.js

@@ -2,121 +2,153 @@ import { Alert as e } from "./Alert.js";
 import { Badge as p } from "./Badge.js";
 import { Button as m } from "./Button.js";
 import { Drawer as x } from "./Drawer.js";
-import { Popover as I, PopoverContent as a, PopoverTrigger as l } from "./Popover.js";
-import { RadioButtonGroup as i, RadioButtonGroupItem as u } from "./RadioButtonGroup.js";
-import { RadioGroup as g, RadioGroupItem as C } from "./RadioGroup.js";
-import { Skeleton as G } from "./Skeleton.js";
-import { Slider as P } from "./Slider.js";
-import { Switch as v } from "./Switch.js";
+import { Input as c } from "./Input.js";
+import { Popover as a, PopoverContent as l, PopoverTrigger as i } from "./Popover.js";
+import { RadioButtonGroup as C, RadioButtonGroupItem as d } from "./RadioButtonGroup.js";
+import { RadioGroup as S, RadioGroupItem as T } from "./RadioGroup.js";
+import { Skeleton as L } from "./Skeleton.js";
+import { Slider as G } from "./Slider.js";
+import { Switch as h } from "./Switch.js";
 import { Toggle as y } from "./Toggle.js";
-import { ToggleGroup as R, ToggleGroupItem as k } from "./ToggleGroup.js";
-import { Tooltip as E, TooltipContent as w, TooltipTrigger as A } from "./Tooltip.js";
-import { AnnotationsIcon as Z } from "./Icons/AnnotationsIcon.js";
-import { CalendarIcon as U } from "./Icons/CalendarIcon.js";
-import { CheckIcon as H } from "./Icons/CheckIcon.js";
-import { ClockIcon as V } from "./Icons/ClockIcon.js";
-import { CloseCircleIcon as X } from "./Icons/CloseCircleIcon.js";
-import { CloseIcon as j } from "./Icons/CloseIcon.js";
-import { DashboardIcon as z } from "./Icons/DashboardIcon.js";
-import { DeleteIcon as K } from "./Icons/DeleteIcon.js";
-import { DurationIcon as Q } from "./Icons/DurationIcon.js";
-import { EraserIcon as $ } from "./Icons/EraserIcon.js";
-import { EyeClosedIcon as ro } from "./Icons/EyeClosedIcon.js";
-import { EyeClosedIcon2 as to } from "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as no } from "./Icons/EyeOpenIcon.js";
-import { GoToFirstIcon as fo } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as co } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as ao } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as so } from "./Icons/InfoIcon.js";
-import { LabelIcon as uo } from "./Icons/LabelIcon.js";
-import { LassoIcon as Co } from "./Icons/LassoIcon.js";
-import { LineToolIcon as Go } from "./Icons/LineToolIcon.js";
-import { LiveViewIcon as Po } from "./Icons/LiveViewIcon.js";
-import { LocationIcon as vo } from "./Icons/LocationIcon.js";
-import { LogoutIcon as yo } from "./Icons/LogoutIcon.js";
-import { MetadataIcon as Ro } from "./Icons/MetadataIcon.js";
-import { OntologyIcon as Do } from "./Icons/OntologyIcon.js";
-import { PanelIcon as wo } from "./Icons/PanelIcon.js";
-import { PlayIcon as Oo } from "./Icons/PlayIcon.js";
-import { PlusIcon as bo } from "./Icons/PlusIcon.js";
-import { ResetIcon as Fo } from "./Icons/ResetIcon.js";
-import { ScissorsIcon as Mo } from "./Icons/ScissorsIcon.js";
-import { SettingsIcon as Wo } from "./Icons/SettingsIcon.js";
-import { TrashIcon as Yo } from "./Icons/TrashIcon.js";
-import { UndoIcon as qo } from "./Icons/UndoIcon.js";
-import { UserIcon as Jo } from "./Icons/UserIcon.js";
-import { WarningIcon as No } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as _o } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as or } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as er } from "./Icons/ZoomYIcon.js";
-import { default as pr, SvgIdContext as nr } from "./Icons/IconBase.js";
-import { useOutsideClick as fr } from "./hooks/useOutsideClick.js";
-import { useTheme as cr } from "./hooks/useTheme.js";
-import { c as ar } from "./twUtils-CRiPKpXj.js";
-import { SpectralProvider as sr } from "./SpectralProvider.js";
+import { ToggleGroup as w, ToggleGroupItem as B } from "./ToggleGroup.js";
+import { Tooltip as R, TooltipContent as Z, TooltipTrigger as k } from "./Tooltip.js";
+import { AnnotationsIcon as _ } from "./Icons/AnnotationsIcon.js";
+import { CalendarIcon as b } from "./Icons/CalendarIcon.js";
+import { CheckCircleIcon as U } from "./Icons/CheckCircleIcon.js";
+import { CheckSquareIcon as X } from "./Icons/CheckSquareIcon.js";
+import { ChevronDownIcon as H } from "./Icons/ChevronDownIcon.js";
+import { ChevronUpIcon as W } from "./Icons/ChevronUpIcon.js";
+import { ClockIcon as j } from "./Icons/ClockIcon.js";
+import { CloseCircleIcon as J } from "./Icons/CloseCircleIcon.js";
+import { CloseIcon as $ } from "./Icons/CloseIcon.js";
+import { DashboardIcon as ro } from "./Icons/DashboardIcon.js";
+import { DeleteIcon as to } from "./Icons/DeleteIcon.js";
+import { DurationIcon as no } from "./Icons/DurationIcon.js";
+import { EraserIcon as fo } from "./Icons/EraserIcon.js";
+import { ErrorIcon as Io } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as so } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as lo } from "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as go } from "./Icons/EyeOpenIcon.js";
+import { GoToFirstIcon as uo } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as To } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as Lo } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as Go } from "./Icons/InfoIcon.js";
+import { LabelIcon as ho } from "./Icons/LabelIcon.js";
+import { LassoIcon as yo } from "./Icons/LassoIcon.js";
+import { LineToolIcon as wo } from "./Icons/LineToolIcon.js";
+import { LiveViewIcon as Do } from "./Icons/LiveViewIcon.js";
+import { LoaderIcon as Zo } from "./Icons/LoaderIcon.js";
+import { LocationIcon as Ao } from "./Icons/LocationIcon.js";
+import { LogoutIcon as No } from "./Icons/LogoutIcon.js";
+import { MetadataIcon as Mo } from "./Icons/MetadataIcon.js";
+import { OntologyIcon as Vo } from "./Icons/OntologyIcon.js";
+import { PanelIcon as qo } from "./Icons/PanelIcon.js";
+import { PlayIcon as Ko } from "./Icons/PlayIcon.js";
+import { PlusIcon as Yo } from "./Icons/PlusIcon.js";
+import { ResetIcon as zo } from "./Icons/ResetIcon.js";
+import { ScissorsIcon as Qo } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as or } from "./Icons/SettingsIcon.js";
+import { TrashIcon as er } from "./Icons/TrashIcon.js";
+import { UndoIcon as pr } from "./Icons/UndoIcon.js";
+import { UserIcon as mr } from "./Icons/UserIcon.js";
+import { WarningIcon as xr } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as cr } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as ar } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as ir } from "./Icons/ZoomYIcon.js";
+import { default as Cr, SvgIdContext as dr } from "./Icons/IconBase.js";
+import { useTheme as Sr } from "./hooks/useTheme.js";
+import { EmptyState as Er, ErrorMessage as Lr, ICON_SIZE as vr, LARGE_ICON_SIZE as Gr, LoadingState as Pr, XL_ICON_SIZE as hr, getAriaProps as Or, getBaseTriggerClasses as yr, getDropdownClasses as Fr, getErrorMessageId as wr, getFormFieldCSSProperties as Br, getInputClasses as Dr, getOptionClasses as Rr, getStateClasses as Zr, getTextareaClasses as kr, groupOptions as Ar, scrollIntoView as _r, useClickOutside as Nr, useFormFieldId as br, useFormFieldState as Mr, useKeyboardNavigation as Ur } from "./utils/formFieldUtils.js";
+import { c as Xr } from "./twUtils-CRiPKpXj.js";
+import { SpectralProvider as Hr } from "./SpectralProvider.js";
 export {
   e as Alert,
-  Z as AnnotationsIcon,
+  _ as AnnotationsIcon,
   p as Badge,
   m as Button,
-  U as CalendarIcon,
-  H as CheckIcon,
-  V as ClockIcon,
-  X as CloseCircleIcon,
-  j as CloseIcon,
-  z as DashboardIcon,
-  K as DeleteIcon,
+  b as CalendarIcon,
+  U as CheckCircleIcon,
+  X as CheckSquareIcon,
+  H as ChevronDownIcon,
+  W as ChevronUpIcon,
+  j as ClockIcon,
+  J as CloseCircleIcon,
+  $ as CloseIcon,
+  ro as DashboardIcon,
+  to as DeleteIcon,
   x as Drawer,
-  Q as DurationIcon,
-  $ as EraserIcon,
-  ro as EyeClosedIcon,
-  to as EyeClosedIcon2,
-  no as EyeOpenIcon,
-  fo as GoToFirstIcon,
-  co as GoToLastIcon,
-  ao as HarmonicCursorsIcon,
-  pr as IconBase,
-  so as InfoIcon,
-  uo as LabelIcon,
-  Co as LassoIcon,
-  Go as LineToolIcon,
-  Po as LiveViewIcon,
-  vo as LocationIcon,
-  yo as LogoutIcon,
-  Ro as MetadataIcon,
-  Do as OntologyIcon,
-  wo as PanelIcon,
-  Oo as PlayIcon,
-  bo as PlusIcon,
-  I as Popover,
-  a as PopoverContent,
-  l as PopoverTrigger,
-  i as RadioButtonGroup,
-  u as RadioButtonGroupItem,
-  g as RadioGroup,
-  C as RadioGroupItem,
-  Fo as ResetIcon,
-  Mo as ScissorsIcon,
-  Wo as SettingsIcon,
-  G as Skeleton,
-  P as Slider,
-  sr as SpectralProvider,
-  nr as SvgIdContext,
-  v as Switch,
+  no as DurationIcon,
+  Er as EmptyState,
+  fo as EraserIcon,
+  Io as ErrorIcon,
+  Lr as ErrorMessage,
+  so as EyeClosedIcon,
+  lo as EyeClosedIcon2,
+  go as EyeOpenIcon,
+  uo as GoToFirstIcon,
+  To as GoToLastIcon,
+  Lo as HarmonicCursorsIcon,
+  vr as ICON_SIZE,
+  Cr as IconBase,
+  Go as InfoIcon,
+  c as Input,
+  Gr as LARGE_ICON_SIZE,
+  ho as LabelIcon,
+  yo as LassoIcon,
+  wo as LineToolIcon,
+  Do as LiveViewIcon,
+  Zo as LoaderIcon,
+  Pr as LoadingState,
+  Ao as LocationIcon,
+  No as LogoutIcon,
+  Mo as MetadataIcon,
+  Vo as OntologyIcon,
+  qo as PanelIcon,
+  Ko as PlayIcon,
+  Yo as PlusIcon,
+  a as Popover,
+  l as PopoverContent,
+  i as PopoverTrigger,
+  C as RadioButtonGroup,
+  d as RadioButtonGroupItem,
+  S as RadioGroup,
+  T as RadioGroupItem,
+  zo as ResetIcon,
+  Qo as ScissorsIcon,
+  or as SettingsIcon,
+  L as Skeleton,
+  G as Slider,
+  Hr as SpectralProvider,
+  dr as SvgIdContext,
+  h as Switch,
   y as Toggle,
-  R as ToggleGroup,
-  k as ToggleGroupItem,
-  E as Tooltip,
-  w as TooltipContent,
-  A as TooltipTrigger,
-  Yo as TrashIcon,
-  qo as UndoIcon,
-  Jo as UserIcon,
-  No as WarningIcon,
-  _o as ZoomAllIcon,
-  or as ZoomXIcon,
-  er as ZoomYIcon,
-  ar as cn,
-  fr as useOutsideClick,
-  cr as useTheme
+  w as ToggleGroup,
+  B as ToggleGroupItem,
+  R as Tooltip,
+  Z as TooltipContent,
+  k as TooltipTrigger,
+  er as TrashIcon,
+  pr as UndoIcon,
+  mr as UserIcon,
+  xr as WarningIcon,
+  hr as XL_ICON_SIZE,
+  cr as ZoomAllIcon,
+  ar as ZoomXIcon,
+  ir as ZoomYIcon,
+  Xr as cn,
+  Or as getAriaProps,
+  yr as getBaseTriggerClasses,
+  Fr as getDropdownClasses,
+  wr as getErrorMessageId,
+  Br as getFormFieldCSSProperties,
+  Dr as getInputClasses,
+  Rr as getOptionClasses,
+  Zr as getStateClasses,
+  kr as getTextareaClasses,
+  Ar as groupOptions,
+  _r as scrollIntoView,
+  Nr as useClickOutside,
+  br as useFormFieldId,
+  Mr as useFormFieldState,
+  Ur as useKeyboardNavigation,
+  Sr as useTheme
 };

package/dist/Alert.js

@@ -1,9 +1,12 @@
 import "./styles/main.css";
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { AlertPortal as h, AlertBase as w, AlertTitle as v, AlertDescription as I } from "./Alert/AlertBase.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/CalendarIcon.js";
-import { CheckIcon as y } from "./Icons/CheckIcon.js";
+import "./Icons/CheckCircleIcon.js";
+import { CheckSquareIcon as y } from "./Icons/CheckSquareIcon.js";
+import "./Icons/ChevronDownIcon.js";
+import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
 import { CloseCircleIcon as A } from "./Icons/CloseCircleIcon.js";
 import { CloseIcon as b } from "./Icons/CloseIcon.js";
@@ -11,6 +14,7 @@ import "./Icons/DashboardIcon.js";
 import "./Icons/DeleteIcon.js";
 import "./Icons/DurationIcon.js";
 import "./Icons/EraserIcon.js";
+import "./Icons/ErrorIcon.js";
 import "./Icons/EyeClosedIcon.js";
 import "./Icons/EyeClosedIcon2.js";
 import "./Icons/EyeOpenIcon.js";
@@ -22,6 +26,7 @@ import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
 import "./Icons/LiveViewIcon.js";
+import "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
 import "./Icons/MetadataIcon.js";
@@ -42,28 +47,28 @@ import "./Icons/ZoomYIcon.js";
 import { SpectralProvider as C } from "./SpectralProvider.js";
 import { c as x } from "./twUtils-CRiPKpXj.js";
 import "react";
-const vr = ({ id: a, description: s, onClose: l, icon: m, title: c, className: d, variant: i = "default" }) => {
-  const e = m || {
+const Nr = ({ id: a, description: m, onClose: s, icon: l, title: c, className: d, variant: i = "default" }) => {
+  const e = l || {
     info: /* @__PURE__ */ r(N, {}),
     success: /* @__PURE__ */ r(y, {}),
     warning: /* @__PURE__ */ r(T, {}),
     danger: /* @__PURE__ */ r(A, {}),
     default: null
-  }[i], n = (t) => {
+  }[i], p = (t) => {
     t.style.opacity = "0", setTimeout(() => {
-      t.style.display = "none", l?.();
+      t.style.display = "none", s?.();
     }, 300);
   }, f = (t) => {
     const o = t.currentTarget.closest(".alert-wrapper");
-    o && n(o);
+    o && p(o);
   }, u = (t) => {
     if (t.key === "Enter" || t.key === " ") {
       t.preventDefault();
       const o = t.currentTarget.closest(".alert-wrapper");
-      o && n(o);
+      o && p(o);
     }
   }, g = (/* @__PURE__ */ new Set(["danger", "warning"])).has(i) ? "assertive" : "polite";
-  return /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ n(
     w,
     {
       id: a,
@@ -73,9 +78,9 @@ const vr = ({ id: a, description: s, onClose: l, icon: m, title: c, className: d
       className: x("alert-wrapper tw-transition-opacity tw-duration-300 flex", d),
       children: [
         e && /* @__PURE__ */ r("div", { className: "icon-wrapper mr-2", children: e }),
-        /* @__PURE__ */ p("div", { className: "content-wrapper", children: [
+        /* @__PURE__ */ n("div", { className: "content-wrapper", children: [
           /* @__PURE__ */ r(v, { children: c }),
-          /* @__PURE__ */ r(I, { children: s })
+          /* @__PURE__ */ r(I, { children: m })
         ] }),
         /* @__PURE__ */ r("div", { className: "close-icon-wrapper focus-visible:ring-ring absolute top-2 right-2 cursor-pointer outline-transparent focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-none", children: /* @__PURE__ */ r(
           b,
@@ -93,5 +98,5 @@ const vr = ({ id: a, description: s, onClose: l, icon: m, title: c, className: d
   ) }) });
 };
 export {
-  vr as Alert
+  Nr as Alert
 };

package/dist/Avatar.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar.js

@@ -0,0 +1 @@
+

package/dist/Button.js

@@ -4,14 +4,8 @@ import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import { c as u } from "./twUtils-CRiPKpXj.js";
 import { c as v } from "./index-CRBC94ik.js";
 import { forwardRef as h } from "react";
-import { c as N } from "./createLucideIcon-CI1yJrZf.js";
-/**
- * @license lucide-react v0.542.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const w = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = N("loader-circle", w), j = v(
+import { L as N } from "./loader-circle-CvdzOiQ_.js";
+const w = v(
   `
     !font-sans flex relative items-center justify-center gap-2 whitespace-nowrap transition-colors cursor-pointer rounded-lg border font-semibold disabled:pointer-events-none
     focus:outline-none focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0
@@ -41,18 +35,18 @@ const w = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = N
       size: "default"
     }
   }
-), k = h(
+), j = h(
   ({
-    className: c,
-    variant: o,
-    label: r,
-    endIcon: a,
+    className: g,
+    variant: r,
+    label: o,
+    endIcon: i,
     state: t,
-    errorMessage: d,
-    startIcon: i,
+    errorMessage: a,
+    startIcon: d,
     disabled: s,
-    type: g = "button",
-    dataTestId: p = `button-${o}`,
+    type: p = "button",
+    dataTestId: c = `button-${r}`,
     size: e,
     children: x,
     ...m
@@ -71,11 +65,11 @@ const w = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = N
         ghost: "bg-transparent text-button-ghost-text--disabled pointer-events-none"
       }
     }, f = u(
-      j({ variant: o, state: t, size: e }),
-      t === "error" && b.error[o || "primary"],
-      t === "loading" && b.loading[o || "primary"],
+      w({ variant: r, state: t, size: e }),
+      t === "error" && b.error[r || "primary"],
+      t === "loading" && b.loading[r || "primary"],
       e,
-      c
+      g
     );
     return /* @__PURE__ */ l("div", { className: u("flex flex-col justify-items-center", e), children: [
       /* @__PURE__ */ l(
@@ -83,26 +77,26 @@ const w = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = N
         {
           className: f,
           ref: y,
-          type: g,
+          type: p,
           "aria-disabled": s,
           disabled: s,
-          "data-testid": p,
+          "data-testid": c,
           ...m,
           "data-state": t,
           children: [
-            i && /* @__PURE__ */ n("span", { className: "flex pr-2", "aria-hidden": !0, children: i }),
-            e === "icon" ? /* @__PURE__ */ n("span", { className: "sr-only", children: r }) : r,
-            t === "loading" && /* @__PURE__ */ n(_, { className: "ml-2 animate-spin", size: 16 }),
-            a && t !== "loading" && /* @__PURE__ */ n("span", { className: "flex pl-2", "aria-hidden": !0, children: a }),
+            d && /* @__PURE__ */ n("span", { className: "flex pr-2", "aria-hidden": !0, children: d }),
+            e === "icon" ? /* @__PURE__ */ n("span", { className: "sr-only", children: o }) : o,
+            t === "loading" && /* @__PURE__ */ n(N, { className: "ml-2 animate-spin", size: 16 }),
+            i && t !== "loading" && /* @__PURE__ */ n("span", { className: "flex pl-2", "aria-hidden": !0, children: i }),
             e === "icon" && x
           ]
         }
       ),
-      t === "error" && d && /* @__PURE__ */ n("p", { className: "text-danger-100 mt-2 text-xs", role: "alert", "aria-live": "assertive", children: d })
+      t === "error" && a && /* @__PURE__ */ n("p", { className: "text-danger-100 mt-2 text-xs", role: "alert", "aria-live": "assertive", children: a })
     ] });
   }
 );
-k.displayName = "Button";
+j.displayName = "Button";
 export {
-  k as Button
+  j as Button
 };

package/dist/Dialog/DialogBase.d.ts

@@ -1,14 +1,14 @@
 import { VariantProps } from 'class-variance-authority';
 import { ReactElement, ReactNode } from 'react';
 export type DialogBaseProps = {
-    open?: boolean;
+    isOpen?: boolean;
     defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: (isOpen: boolean) => void;
     children: ReactNode;
 };
 export type DialogContextValue = {
-    open: boolean;
-    setOpen: (open: boolean) => void;
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
     contentId: string;
     titleId: string;
     descriptionId: string;
@@ -17,7 +17,7 @@ export type TriggerableElement = ReactElement<{
     onClick?: () => void;
 }>;
 export declare function useDialogContext(): DialogContextValue;
-export declare function DialogBase({ open: controlledOpen, defaultOpen, onOpenChange, children }: DialogBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogBase({ isOpen: controlledOpen, defaultOpen, onOpenChange, children }: DialogBaseProps): import("react/jsx-runtime").JSX.Element;
 type DialogTriggerProps = {
     children: ReactNode;
     asChild?: boolean;