@openremote/or-tree-menu 1.24.0-snapshot.20260521161756 → 1.24.1

package/custom-elements-jsx.d.ts

@@ -1,5 +1,4 @@
-
-import type { *, OrTreeMenu } from "./lib/index.d.ts";
+import type { OrTreeMenu } from "./lib/index.d.ts";
 import type { OrTreeGroup } from "./lib/or-tree-group.d.ts";
 import type { OrTreeNode } from "./lib/or-tree-node.d.ts";
 
@@ -29,7 +28,6 @@ export type ScopedElements<
 };
 
 type BaseProps<T extends HTMLElement> = {
-
   /** Content added between the opening and closing tags of the element */
   children?: any;
   /** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
@@ -52,6 +50,8 @@ type BaseProps<T extends HTMLElement> = {
   key?: string | number;
   /** Specifies the language of the element. */
   lang?: string;
+  /** Defines the element's semantic role for accessibility APIs. */
+  role?: string;
   /** Contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the ::part pseudo-element. */
   part?: string;
   /** Use the ref attribute with a variable to assign a DOM element to the variable once the element is rendered. */
@@ -72,195 +72,376 @@ type BaseProps<T extends HTMLElement> = {
   popovertarget?: "top" | "bottom" | "left" | "right" | "auto";
   /** Specifies the action to be performed on a popover element being controlled by a control element. */
   popovertargetaction?: "show" | "hide" | "toggle";
-
-} ;
-
-type BaseEvents = {
-
-
 };
 
-
+type BaseEvents = {};
 
 export type OrTreeMenuProps = {
   /** List of node items in the menu.
 Uses the TreeNode format for rendering the OrTreeNode elements. */
-  "nodes"?: OrTreeMenu['nodes'];
+  nodes?: OrTreeMenu["nodes"];
   /** Changes the allowed selection method within the tree.
 Common options are `LEAF`, `SINGLE` and `MULTI`. */
-  "selection"?: OrTreeMenu['selection'];
+  selection?: OrTreeMenu["selection"];
   /** Disables and enables dragging of nodes into groups. */
-  "draggable"?: OrTreeMenu['draggable'];
+  draggable?: OrTreeMenu["draggable"];
   /** Removes the header from the tree menu. */
-  "no-header"?: OrTreeMenu['noHeader'];
+  "no-header"?: OrTreeMenu["noHeader"];
   /** Removes the header from the tree menu. */
-  "noHeader"?: OrTreeMenu['noHeader'];
+  noHeader?: OrTreeMenu["noHeader"];
   /** Adjusts the title in the menu header. */
-  "menu-title"?: OrTreeMenu['menuTitle'];
+  "menu-title"?: OrTreeMenu["menuTitle"];
   /** Adjusts the title in the menu header. */
-  "menuTitle"?: OrTreeMenu['menuTitle'];
+  menuTitle?: OrTreeMenu["menuTitle"];
   /** List of options available to sort the object with */
-  "sort-options"?: OrTreeMenu['sortOptions'];
+  "sort-options"?: OrTreeMenu["sortOptions"];
   /** List of options available to sort the object with */
-  "sortOptions"?: OrTreeMenu['sortOptions'];
+  sortOptions?: OrTreeMenu["sortOptions"];
   /** Represents the selected sorting option */
-  "sort-by"?: OrTreeMenu['sortBy'];
+  "sort-by"?: OrTreeMenu["sortBy"];
   /** Represents the selected sorting option */
-  "sortBy"?: OrTreeMenu['sortBy'];
+  sortBy?: OrTreeMenu["sortBy"];
   /** Automatically prioritizes the groups, and positions these on top. */
-  "group-first"?: OrTreeMenu['groupFirst'];
+  "group-first"?: OrTreeMenu["groupFirst"];
   /** Automatically prioritizes the groups, and positions these on top. */
-  "groupFirst"?: OrTreeMenu['groupFirst'];
+  groupFirst?: OrTreeMenu["groupFirst"];
 
   /**  */
-  "onnodes"?: (e: CustomEvent<OrTreeDragEvent>) => void;
+  onnodes?: (e: OrTreeDragEvent) => void;
+  /** Triggers upon selecting a node, and dispatches a list of the nodes selected. */
+  "onor-tree-select"?: (e: OrTreeSelectEvent) => void;
+  /** Triggers upon dragging a node to a new group, and dispatches a list of dragged nodes, the group node, and the updated list of all nodes. */
+  "onor-tree-drag"?: (e: OrTreeDragEvent) => void;
+};
+
+export type OrTreeMenuSolidJsProps = {
+  /** List of node items in the menu.
+Uses the TreeNode format for rendering the OrTreeNode elements. */
+  "prop:nodes"?: OrTreeMenu["nodes"];
+  /** Changes the allowed selection method within the tree.
+Common options are `LEAF`, `SINGLE` and `MULTI`. */
+  "prop:selection"?: OrTreeMenu["selection"];
+  /** Disables and enables dragging of nodes into groups. */
+  "prop:draggable"?: OrTreeMenu["draggable"];
+  /** Removes the header from the tree menu. */
+  "bool:no-header"?: OrTreeMenu["noHeader"];
+  /** Removes the header from the tree menu. */
+  "prop:noHeader"?: OrTreeMenu["noHeader"];
+  /** Adjusts the title in the menu header. */
+  "attr:menu-title"?: OrTreeMenu["menuTitle"];
+  /** Adjusts the title in the menu header. */
+  "prop:menuTitle"?: OrTreeMenu["menuTitle"];
+  /** List of options available to sort the object with */
+  "attr:sort-options"?: OrTreeMenu["sortOptions"];
+  /** List of options available to sort the object with */
+  "prop:sortOptions"?: OrTreeMenu["sortOptions"];
+  /** Represents the selected sorting option */
+  "attr:sort-by"?: OrTreeMenu["sortBy"];
+  /** Represents the selected sorting option */
+  "prop:sortBy"?: OrTreeMenu["sortBy"];
+  /** Automatically prioritizes the groups, and positions these on top. */
+  "bool:group-first"?: OrTreeMenu["groupFirst"];
+  /** Automatically prioritizes the groups, and positions these on top. */
+  "prop:groupFirst"?: OrTreeMenu["groupFirst"];
   /**  */
-  "onundefined"?: (e: CustomEvent<OrTreeSelectEvent>) => void;
+  "on:nodes"?: (e: OrTreeDragEvent) => void;
   /** Triggers upon selecting a node, and dispatches a list of the nodes selected. */
-  "onor-tree-select"?: (e: CustomEvent<OrTreeSelectEvent>) => void;
+  "on:or-tree-select"?: (e: OrTreeSelectEvent) => void;
   /** Triggers upon dragging a node to a new group, and dispatches a list of dragged nodes, the group node, and the updated list of all nodes. */
-  "onor-tree-drag"?: (e: CustomEvent<OrTreeDragEvent>) => void;
-}
+  "on:or-tree-drag"?: (e: OrTreeDragEvent) => void;
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrTreeGroupProps = {
   /** Determines the visibility of child nodes.
 Setting this to `false` hides them, and acts as a 'collapsed' state. */
-  "expanded"?: OrTreeGroup['expanded'];
+  expanded?: OrTreeGroup["expanded"];
   /** Only allows child nodes to be selected, making the expander (parent node) readonly.
 If this is set to false, only the chevron icon can be used to collapse/expand the list. */
-  "leaf"?: OrTreeGroup['leaf'];
+  leaf?: OrTreeGroup["leaf"];
   /** Makes the group readonly */
-  "readonly"?: OrTreeGroup['readonly'];
-
+  readonly?: OrTreeGroup["readonly"];
+};
 
-}
+export type OrTreeGroupSolidJsProps = {
+  /** Determines the visibility of child nodes.
+Setting this to `false` hides them, and acts as a 'collapsed' state. */
+  "prop:expanded"?: OrTreeGroup["expanded"];
+  /** Only allows child nodes to be selected, making the expander (parent node) readonly.
+If this is set to false, only the chevron icon can be used to collapse/expand the list. */
+  "prop:leaf"?: OrTreeGroup["leaf"];
+  /** Makes the group readonly */
+  "prop:readonly"?: OrTreeGroup["readonly"];
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrTreeNodeProps = {
   /** HTML attribute that only applies CSS, showing this node cannot be interacted with. */
-  "readonly"?: OrTreeNode['readonly'];
+  readonly?: OrTreeNode["readonly"];
   /** HTML attribute that only applies CSS, marking the node as 'selected'. */
-  "selected"?: OrTreeNode['selected'];
-
+  selected?: OrTreeNode["selected"];
+};
 
-}
+export type OrTreeNodeSolidJsProps = {
+  /** HTML attribute that only applies CSS, showing this node cannot be interacted with. */
+  "prop:readonly"?: OrTreeNode["readonly"];
+  /** HTML attribute that only applies CSS, marking the node as 'selected'. */
+  "prop:selected"?: OrTreeNode["selected"];
 
-  export type CustomElements = {
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
+export type CustomElements = {
+  /**
+   * A component for displaying a hierarchical, tree-like structure of elements.
+   * Common use cases are visualizing parent-child relationships, or for grouping elements together.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `nodes`: List of node items in the menu.
+   * Uses the TreeNode format for rendering the OrTreeNode elements.
+   * - `selection`: Changes the allowed selection method within the tree.
+   * Common options are `LEAF`, `SINGLE` and `MULTI`.
+   * - `draggable`: Disables and enables dragging of nodes into groups.
+   * - `no-header`/`noHeader`: Removes the header from the tree menu.
+   * - `menu-title`/`menuTitle`: Adjusts the title in the menu header.
+   * - `sort-options`/`sortOptions`: List of options available to sort the object with
+   * - `sort-by`/`sortBy`: Represents the selected sorting option
+   * - `group-first`/`groupFirst`: Automatically prioritizes the groups, and positions these on top.
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `nodes`: undefined
+   * - `undefined`: undefined
+   * - `or-tree-select`: Triggers upon selecting a node, and dispatches a list of the nodes selected.
+   * - `or-tree-drag`: Triggers upon dragging a node to a new group, and dispatches a list of dragged nodes, the group node, and the updated list of all nodes.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `moveNodesToGroup(nodesToMove: TreeNode[], groupNode?: TreeNode) => void`: Function that moves an array of TreeNode into another TreeNode, by adding them to their children.
+   * The function takes care of removing the nodes from the former group, and makes sure no duplicates end up in the list.
+   * - `deselectAllNodes() => void`: Public function that deselects all tree nodes.
+   * - `expandGroup(groupId: string) => void`: Programmatically finds a group by its ID and sets it to be expanded.
+   * This is called by the parent component after a new node is added to a tree group.
+   */
+  "or-tree-menu": Partial<OrTreeMenuProps & BaseProps<OrTreeMenu> & BaseEvents>;
 
   /**
-     * A component for displaying a hierarchical, tree-like structure of elements.
- * Common use cases are visualizing parent-child relationships, or for grouping elements together.
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `nodes`: List of node items in the menu.
- * Uses the TreeNode format for rendering the OrTreeNode elements. 
- * - `selection`: Changes the allowed selection method within the tree.
- * Common options are `LEAF`, `SINGLE` and `MULTI`. 
- * - `draggable`: Disables and enables dragging of nodes into groups. 
- * - `no-header`/`noHeader`: Removes the header from the tree menu. 
- * - `menu-title`/`menuTitle`: Adjusts the title in the menu header. 
- * - `sort-options`/`sortOptions`: List of options available to sort the object with 
- * - `sort-by`/`sortBy`: Represents the selected sorting option 
- * - `group-first`/`groupFirst`: Automatically prioritizes the groups, and positions these on top. 
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `nodes`: undefined
- * - `undefined`: undefined
- * - `or-tree-select`: Triggers upon selecting a node, and dispatches a list of the nodes selected.
- * - `or-tree-drag`: Triggers upon dragging a node to a new group, and dispatches a list of dragged nodes, the group node, and the updated list of all nodes.
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `moveNodesToGroup(nodesToMove: TreeNode[], groupNode?: TreeNode) => void`: Function that moves an array of TreeNode into another TreeNode, by adding them to their children.
- * The function takes care of removing the nodes from the former group, and makes sure no duplicates end up in the list.
- * - `deselectAllNodes() => void`: Public function that deselects all tree nodes.
- * - `expandGroup(groupId: string) => void`: Programmatically finds a group by its ID and sets it to be expanded.
- * This is called by the parent component after a new node is added to a tree group.
-  */
-    "or-tree-menu": Partial<OrTreeMenuProps & BaseProps<OrTreeMenu> & BaseEvents>;
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `expanded`: Determines the visibility of child nodes.
+   * Setting this to `false` hides them, and acts as a 'collapsed' state.
+   * - `leaf`: Only allows child nodes to be selected, making the expander (parent node) readonly.
+   * If this is set to false, only the chevron icon can be used to collapse/expand the list.
+   * - `readonly`: Makes the group readonly
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: Default slot for child nodes within the group
+   * - `parent`: Slot for inserting a parent node
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `select() => void`: Selects the group (parent) node.
+   * - `selectAll() => void`: Selects the group node itself, and all children nodes within that group.
+   * - `deselect() => void`: Deselects the group (parent) node.
+   * - `deselectAll() => void`: Deselects the group node itself, and all children nodes within that group.
+   * - `getGroupNode() => OrTreeNode | undefined`: Returns the group (parent) node (OrTreeNode) using a query selector.
+   * - `getChildNodes() => OrTreeNode[]`: Returns a list of all children nodes (OrTreeNode) within the group, using a query selector.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `chevron`: The chevron icon element for expanding/collapsing the group.
+   */
+  "or-tree-group": Partial<
+    OrTreeGroupProps & BaseProps<OrTreeGroup> & BaseEvents
+  >;
 
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `readonly`: HTML attribute that only applies CSS, showing this node cannot be interacted with.
+   * - `selected`: HTML attribute that only applies CSS, marking the node as 'selected'.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `prefix`: Appends elements to the left hand side of the node, commonly used for icons.
+   * - `(default)`: Default slot for the main content, commonly used for text.
+   * - `suffix`: Appends elements to the right hand side of the node.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--or-tree-node-height`: Controls the height of the node (default: `undefined`)
+   * - `--or-tree-node-indent`: Controls the left padding of the node (default: `undefined`)
+   * - `--or-tree-node-background`: Sets the default background (default: `undefined`)
+   * - `--or-tree-node-background--hovered`: Sets the background while hovering (default: `undefined`)
+   * - `--or-tree-node-background--selected`: Sets the background when selected (default: `undefined`)
+   * - `--or-tree-node-color--selected`: Sets the primary color of the node when selected (default: `undefined`)
+   */
+  "or-tree-node": Partial<OrTreeNodeProps & BaseProps<OrTreeNode> & BaseEvents>;
+};
 
+export type CustomElementsSolidJs = {
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `expanded`: Determines the visibility of child nodes.
- * Setting this to `false` hides them, and acts as a 'collapsed' state. 
- * - `leaf`: Only allows child nodes to be selected, making the expander (parent node) readonly.
- * If this is set to false, only the chevron icon can be used to collapse/expand the list. 
- * - `readonly`: Makes the group readonly 
- * 
- * ## Slots
- * 
- * Areas where markup can be added to the component.
- * 
- * - `(default)`: Default slot for child nodes within the group
- * - `parent`: Slot for inserting a parent node
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `select() => void`: Selects the group (parent) node.
- * - `selectAll() => void`: Selects the group node itself, and all children nodes within that group.
- * - `deselect() => void`: Deselects the group (parent) node.
- * - `deselectAll() => void`: Deselects the group node itself, and all children nodes within that group.
- * - `getGroupNode() => OrTreeNode | undefined`: Returns the group (parent) node (OrTreeNode) using a query selector.
- * - `getChildNodes() => OrTreeNode[]`: Returns a list of all children nodes (OrTreeNode) within the group, using a query selector.
- * 
- * ## CSS Parts
- * 
- * Custom selectors for styling elements within the component.
- * 
- * - `chevron`: The chevron icon element for expanding/collapsing the group.
-  */
-    "or-tree-group": Partial<OrTreeGroupProps & BaseProps<OrTreeGroup> & BaseEvents>;
+   * A component for displaying a hierarchical, tree-like structure of elements.
+   * Common use cases are visualizing parent-child relationships, or for grouping elements together.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `nodes`: List of node items in the menu.
+   * Uses the TreeNode format for rendering the OrTreeNode elements.
+   * - `selection`: Changes the allowed selection method within the tree.
+   * Common options are `LEAF`, `SINGLE` and `MULTI`.
+   * - `draggable`: Disables and enables dragging of nodes into groups.
+   * - `no-header`/`noHeader`: Removes the header from the tree menu.
+   * - `menu-title`/`menuTitle`: Adjusts the title in the menu header.
+   * - `sort-options`/`sortOptions`: List of options available to sort the object with
+   * - `sort-by`/`sortBy`: Represents the selected sorting option
+   * - `group-first`/`groupFirst`: Automatically prioritizes the groups, and positions these on top.
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `nodes`: undefined
+   * - `undefined`: undefined
+   * - `or-tree-select`: Triggers upon selecting a node, and dispatches a list of the nodes selected.
+   * - `or-tree-drag`: Triggers upon dragging a node to a new group, and dispatches a list of dragged nodes, the group node, and the updated list of all nodes.
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `moveNodesToGroup(nodesToMove: TreeNode[], groupNode?: TreeNode) => void`: Function that moves an array of TreeNode into another TreeNode, by adding them to their children.
+   * The function takes care of removing the nodes from the former group, and makes sure no duplicates end up in the list.
+   * - `deselectAllNodes() => void`: Public function that deselects all tree nodes.
+   * - `expandGroup(groupId: string) => void`: Programmatically finds a group by its ID and sets it to be expanded.
+   * This is called by the parent component after a new node is added to a tree group.
+   */
+  "or-tree-menu": Partial<
+    OrTreeMenuProps &
+      OrTreeMenuSolidJsProps &
+      BaseProps<OrTreeMenu> &
+      BaseEvents
+  >;
 
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `expanded`: Determines the visibility of child nodes.
+   * Setting this to `false` hides them, and acts as a 'collapsed' state.
+   * - `leaf`: Only allows child nodes to be selected, making the expander (parent node) readonly.
+   * If this is set to false, only the chevron icon can be used to collapse/expand the list.
+   * - `readonly`: Makes the group readonly
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `(default)`: Default slot for child nodes within the group
+   * - `parent`: Slot for inserting a parent node
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `select() => void`: Selects the group (parent) node.
+   * - `selectAll() => void`: Selects the group node itself, and all children nodes within that group.
+   * - `deselect() => void`: Deselects the group (parent) node.
+   * - `deselectAll() => void`: Deselects the group node itself, and all children nodes within that group.
+   * - `getGroupNode() => OrTreeNode | undefined`: Returns the group (parent) node (OrTreeNode) using a query selector.
+   * - `getChildNodes() => OrTreeNode[]`: Returns a list of all children nodes (OrTreeNode) within the group, using a query selector.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `chevron`: The chevron icon element for expanding/collapsing the group.
+   */
+  "or-tree-group": Partial<
+    OrTreeGroupProps &
+      OrTreeGroupSolidJsProps &
+      BaseProps<OrTreeGroup> &
+      BaseEvents
+  >;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `readonly`: HTML attribute that only applies CSS, showing this node cannot be interacted with. 
- * - `selected`: HTML attribute that only applies CSS, marking the node as 'selected'. 
- * 
- * ## Slots
- * 
- * Areas where markup can be added to the component.
- * 
- * - `prefix`: Appends elements to the left hand side of the node, commonly used for icons.
- * - `(default)`: Default slot for the main content, commonly used for text.
- * - `suffix`: Appends elements to the right hand side of the node.
- * 
- * ## CSS Custom Properties
- * 
- * CSS variables available for styling the component.
- * 
- * - `--or-tree-node-height`: Controls the height of the node (default: `undefined`)
- * - `--or-tree-node-indent`: Controls the left padding of the node (default: `undefined`)
- * - `--or-tree-node-background`: Sets the default background (default: `undefined`)
- * - `--or-tree-node-background--hovered`: Sets the background while hovering (default: `undefined`)
- * - `--or-tree-node-background--selected`: Sets the background when selected (default: `undefined`)
- * - `--or-tree-node-color--selected`: Sets the primary color of the node when selected (default: `undefined`)
-  */
-    "or-tree-node": Partial<OrTreeNodeProps & BaseProps<OrTreeNode> & BaseEvents>;
-  }
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `readonly`: HTML attribute that only applies CSS, showing this node cannot be interacted with.
+   * - `selected`: HTML attribute that only applies CSS, marking the node as 'selected'.
+   *
+   * ## Slots
+   *
+   * Areas where markup can be added to the component.
+   *
+   * - `prefix`: Appends elements to the left hand side of the node, commonly used for icons.
+   * - `(default)`: Default slot for the main content, commonly used for text.
+   * - `suffix`: Appends elements to the right hand side of the node.
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--or-tree-node-height`: Controls the height of the node (default: `undefined`)
+   * - `--or-tree-node-indent`: Controls the left padding of the node (default: `undefined`)
+   * - `--or-tree-node-background`: Sets the default background (default: `undefined`)
+   * - `--or-tree-node-background--hovered`: Sets the background while hovering (default: `undefined`)
+   * - `--or-tree-node-background--selected`: Sets the background when selected (default: `undefined`)
+   * - `--or-tree-node-color--selected`: Sets the primary color of the node when selected (default: `undefined`)
+   */
+  "or-tree-node": Partial<
+    OrTreeNodeProps &
+      OrTreeNodeSolidJsProps &
+      BaseProps<OrTreeNode> &
+      BaseEvents
+  >;
+};
 
 export type CustomCssProperties = {
   /** Controls the height of the node */
@@ -275,51 +456,57 @@ export type CustomCssProperties = {
   "--or-tree-node-background--selected"?: string;
   /** Sets the primary color of the node when selected */
   "--or-tree-node-color--selected"?: string;
-}
-
+};
 
-declare module 'react' {
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'preact' {
+declare module "preact" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module '@builder.io/qwik' {
+declare module "@builder.io/qwik" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module '@stencil/core' {
+declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'hono/jsx' {
+declare module "hono/jsx" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'react-native' {
+declare module "react-native" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
+declare module "solid-js" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElementsSolidJs {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
 declare global {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}