juxscript 1.0.0

package/lib/components/docs-data.json

@@ -0,0 +1,1211 @@
+{
+  "components": [
+    {
+      "name": "App",
+      "category": "Core",
+      "description": "App - Configure application-level settings",
+      "constructor": "new App()",
+      "fluentMethods": [
+        {
+          "name": "title",
+          "params": "(title)",
+          "returns": "this",
+          "description": "Set title"
+        },
+        {
+          "name": "theme",
+          "params": "(theme)",
+          "returns": "this",
+          "description": "Set theme"
+        },
+        {
+          "name": "favicon",
+          "params": "(url)",
+          "returns": "this",
+          "description": "Set favicon"
+        },
+        {
+          "name": "meta",
+          "params": "(name, content)",
+          "returns": "this",
+          "description": "Set meta"
+        }
+      ],
+      "example": "jux.app('id').render()"
+    },
+    {
+      "name": "Import",
+      "category": "Core",
+      "description": "Import - Import external resources (CSS, JS, images, fonts, etc.)",
+      "constructor": "jux.import(url: string, options?: ImportOptions)",
+      "fluentMethods": [
+        {
+          "name": "type",
+          "params": "(type)",
+          "returns": "this",
+          "description": "Set type"
+        },
+        {
+          "name": "href",
+          "params": "(url)",
+          "returns": "this",
+          "description": "Set href"
+        },
+        {
+          "name": "src",
+          "params": "(url)",
+          "returns": "this",
+          "description": "Set src"
+        },
+        {
+          "name": "as",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set as"
+        },
+        {
+          "name": "crossOrigin",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set crossOrigin"
+        },
+        {
+          "name": "integrity",
+          "params": "(hash)",
+          "returns": "this",
+          "description": "Set integrity"
+        },
+        {
+          "name": "async",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set async"
+        },
+        {
+          "name": "defer",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set defer"
+        },
+        {
+          "name": "module",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set module"
+        },
+        {
+          "name": "location",
+          "params": "(loc)",
+          "returns": "this",
+          "description": "Set location"
+        },
+        {
+          "name": "render",
+          "params": "()",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "remove",
+          "params": "()",
+          "returns": "this",
+          "description": "Set remove"
+        }
+      ],
+      "example": "jux.import('id').render()"
+    },
+    {
+      "name": "Layout",
+      "category": "Core",
+      "description": "Layout - Load a JUX layout file",
+      "constructor": "new Layout()",
+      "fluentMethods": [
+        {
+          "name": "file",
+          "params": "(juxFile)",
+          "returns": "this",
+          "description": "Set file"
+        }
+      ],
+      "example": "jux.layout('id').render()"
+    },
+    {
+      "name": "Script",
+      "category": "Core",
+      "description": "Script - Inject JavaScript into the document",
+      "constructor": "new Script()",
+      "fluentMethods": [
+        {
+          "name": "content",
+          "params": "(js)",
+          "returns": "this",
+          "description": "Set content"
+        },
+        {
+          "name": "src",
+          "params": "(url)",
+          "returns": "this",
+          "description": "Set src"
+        },
+        {
+          "name": "async",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set async"
+        },
+        {
+          "name": "defer",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set defer"
+        },
+        {
+          "name": "type",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set type"
+        },
+        {
+          "name": "render",
+          "params": "()",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "remove",
+          "params": "()",
+          "returns": "this",
+          "description": "Set remove"
+        }
+      ],
+      "example": "jux.script('id').render()"
+    },
+    {
+      "name": "Style",
+      "category": "Core",
+      "description": "Style component",
+      "constructor": "new Style()",
+      "fluentMethods": [
+        {
+          "name": "content",
+          "params": "(css)",
+          "returns": "this",
+          "description": "Set content"
+        },
+        {
+          "name": "url",
+          "params": "(href)",
+          "returns": "this",
+          "description": "Set url"
+        },
+        {
+          "name": "append",
+          "params": "(css)",
+          "returns": "this",
+          "description": "Set append"
+        },
+        {
+          "name": "prepend",
+          "params": "(css)",
+          "returns": "this",
+          "description": "Set prepend"
+        },
+        {
+          "name": "render",
+          "params": "()",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "remove",
+          "params": "()",
+          "returns": "this",
+          "description": "Set remove"
+        }
+      ],
+      "example": "jux.style('id').render()"
+    },
+    {
+      "name": "Theme",
+      "category": "Core",
+      "description": "Theme - Load and apply CSS themes",
+      "constructor": "jux.theme(name: string)",
+      "fluentMethods": [
+        {
+          "name": "load",
+          "params": "(name)",
+          "returns": "this",
+          "description": "Set load"
+        }
+      ],
+      "example": "jux.theme('dark');                    // Load vendor theme from lib/themes/"
+    },
+    {
+      "name": "Chart",
+      "category": "Data Components",
+      "description": "Chart component options",
+      "constructor": "jux.chart(componentId: string, options: ChartOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "type",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set type"
+        },
+        {
+          "name": "data",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set data"
+        },
+        {
+          "name": "options",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set options"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const chart = jux.chart('myChart', {"
+    },
+    {
+      "name": "Data",
+      "category": "Data Components",
+      "description": "Data component - SQL query execution",
+      "constructor": "jux.data(sql: string, params: any[] = [], apiUrl: string = '/api/query')",
+      "fluentMethods": [],
+      "example": "const posts = jux.data('SELECT * FROM posts WHERE id = ?', [1]);"
+    },
+    {
+      "name": "List",
+      "category": "Data Components",
+      "description": "List item interface",
+      "constructor": "jux.list(componentId: string, options: ListOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "items",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set items"
+        },
+        {
+          "name": "header",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set header"
+        },
+        {
+          "name": "gap",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set gap"
+        },
+        {
+          "name": "direction",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set direction"
+        },
+        {
+          "name": "selectable",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set selectable"
+        },
+        {
+          "name": "add",
+          "params": "(item, index?)",
+          "returns": "this",
+          "description": "Set add"
+        },
+        {
+          "name": "remove",
+          "params": "(index)",
+          "returns": "this",
+          "description": "Set remove"
+        },
+        {
+          "name": "move",
+          "params": "(fromIndex, toIndex)",
+          "returns": "this",
+          "description": "Set move"
+        },
+        {
+          "name": "select",
+          "params": "(index)",
+          "returns": "this",
+          "description": "Set select"
+        },
+        {
+          "name": "deselect",
+          "params": "()",
+          "returns": "this",
+          "description": "Set deselect"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const myList = jux.list('myList', {"
+    },
+    {
+      "name": "Table",
+      "category": "Data Components",
+      "description": "Table column configuration",
+      "constructor": "jux.table(componentId: string, options: TableOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "columns",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set columns"
+        },
+        {
+          "name": "data",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set data"
+        },
+        {
+          "name": "striped",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set striped"
+        },
+        {
+          "name": "hoverable",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set hoverable"
+        },
+        {
+          "name": "bordered",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set bordered"
+        },
+        {
+          "name": "allowHtml",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set allowHtml"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "// Auto-generate columns from data"
+    },
+    {
+      "name": "Button",
+      "category": "UI Components",
+      "description": "Button component options",
+      "constructor": "jux.button(componentId: string, options: ButtonOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "label",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set label"
+        },
+        {
+          "name": "variant",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set variant"
+        },
+        {
+          "name": "disabled",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set disabled"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const btn = jux.button('myButton', { label: 'Click Me', onClick: () => console.log('clicked') });"
+    },
+    {
+      "name": "Card",
+      "category": "UI Components",
+      "description": "Action configuration for card actions",
+      "constructor": "jux.card(componentId: string, options: CardOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "title",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set title"
+        },
+        {
+          "name": "subtitle",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set subtitle"
+        },
+        {
+          "name": "content",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set content"
+        },
+        {
+          "name": "image",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set image"
+        },
+        {
+          "name": "actions",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set actions"
+        },
+        {
+          "name": "variant",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set variant"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const card = jux.card('myCard', {"
+    },
+    {
+      "name": "Code",
+      "category": "UI Components",
+      "description": "Code component options",
+      "constructor": "jux.code(componentId: string, options: CodeOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "code",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set code"
+        },
+        {
+          "name": "language",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set language"
+        },
+        {
+          "name": "title",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set title"
+        },
+        {
+          "name": "showLineNumbers",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set showLineNumbers"
+        },
+        {
+          "name": "highlightLines",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set highlightLines"
+        },
+        {
+          "name": "maxHeight",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set maxHeight"
+        },
+        {
+          "name": "wrap",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set wrap"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const codeBlock = jux.code('myCode', {"
+    },
+    {
+      "name": "Container",
+      "category": "UI Components",
+      "description": "Container options",
+      "constructor": "jux.container(componentId: string, options: ContainerOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "direction",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set direction"
+        },
+        {
+          "name": "layout",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set layout"
+        },
+        {
+          "name": "minWidth",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set minWidth"
+        },
+        {
+          "name": "gap",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set gap"
+        },
+        {
+          "name": "justify",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set justify"
+        },
+        {
+          "name": "align",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set align"
+        },
+        {
+          "name": "wrap",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set wrap"
+        },
+        {
+          "name": "add",
+          "params": "(component)",
+          "returns": "this",
+          "description": "Set add"
+        }
+      ],
+      "example": "const container = jux.container('myContainer', {"
+    },
+    {
+      "name": "Footer",
+      "category": "UI Components",
+      "description": "Footer component options",
+      "constructor": "jux.footer(componentId: string, options: FooterOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "content",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set content"
+        },
+        {
+          "name": "copyright",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set copyright"
+        },
+        {
+          "name": "links",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set links"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const footer = jux.footer('myFooter', {"
+    },
+    {
+      "name": "Header",
+      "category": "UI Components",
+      "description": "Header component options",
+      "constructor": "jux.header(componentId: string, options: HeaderOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "title",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set title"
+        },
+        {
+          "name": "logo",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set logo"
+        },
+        {
+          "name": "navigation",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set navigation"
+        },
+        {
+          "name": "sticky",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set sticky"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const header = jux.header('myHeader', {"
+    },
+    {
+      "name": "Hero",
+      "category": "UI Components",
+      "description": "Hero component options",
+      "constructor": "jux.hero(componentId: string, options: HeroOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "title",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set title"
+        },
+        {
+          "name": "subtitle",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set subtitle"
+        },
+        {
+          "name": "cta",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set cta"
+        },
+        {
+          "name": "ctaLink",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set ctaLink"
+        },
+        {
+          "name": "backgroundImage",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set backgroundImage"
+        },
+        {
+          "name": "variant",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set variant"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const hero = jux.hero('myHero', {"
+    },
+    {
+      "name": "Input",
+      "category": "UI Components",
+      "description": "Input component options",
+      "constructor": "jux.input(componentId: string, options: InputOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "type",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set type"
+        },
+        {
+          "name": "label",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set label"
+        },
+        {
+          "name": "placeholder",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set placeholder"
+        },
+        {
+          "name": "value",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set value"
+        },
+        {
+          "name": "required",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set required"
+        },
+        {
+          "name": "disabled",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set disabled"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const input = jux.input('myInput', {"
+    },
+    {
+      "name": "Main",
+      "category": "UI Components",
+      "description": "Main component options",
+      "constructor": "jux.main(componentId: string, options: MainOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "content",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set content"
+        },
+        {
+          "name": "padding",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set padding"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const main = jux.main('myMain', {"
+    },
+    {
+      "name": "Menu",
+      "category": "UI Components",
+      "description": "Menu item configuration",
+      "constructor": "jux.menu(componentId: string, options: MenuOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "items",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set items"
+        },
+        {
+          "name": "addItem",
+          "params": "(item)",
+          "returns": "this",
+          "description": "Set addItem"
+        },
+        {
+          "name": "orientation",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set orientation"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const menu = jux.menu('myMenu', {"
+    },
+    {
+      "name": "Modal",
+      "category": "UI Components",
+      "description": "Modal component options",
+      "constructor": "jux.modal(componentId: string, options: ModalOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "title",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set title"
+        },
+        {
+          "name": "content",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set content"
+        },
+        {
+          "name": "showCloseButton",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set showCloseButton"
+        },
+        {
+          "name": "closeOnBackdropClick",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set closeOnBackdropClick"
+        },
+        {
+          "name": "size",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set size"
+        },
+        {
+          "name": "open",
+          "params": "()",
+          "returns": "this",
+          "description": "Set open"
+        },
+        {
+          "name": "close",
+          "params": "()",
+          "returns": "this",
+          "description": "Set close"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const modal = jux.modal('myModal', {"
+    },
+    {
+      "name": "Nav",
+      "category": "UI Components",
+      "description": "Nav item configuration",
+      "constructor": "jux.nav(componentId: string, options: NavOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "items",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set items"
+        },
+        {
+          "name": "addItem",
+          "params": "(item)",
+          "returns": "this",
+          "description": "Set addItem"
+        },
+        {
+          "name": "variant",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set variant"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const nav = jux.nav('myNav', {"
+    },
+    {
+      "name": "Node",
+      "category": "UI Components",
+      "description": "Node component options",
+      "constructor": "jux.node(componentId: string, options: NodeOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "tagType",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set tagType"
+        },
+        {
+          "name": "className",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set className"
+        },
+        {
+          "name": "addClass",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set addClass"
+        },
+        {
+          "name": "removeClass",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set removeClass"
+        },
+        {
+          "name": "textContent",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set textContent"
+        },
+        {
+          "name": "innerHTML",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set innerHTML"
+        },
+        {
+          "name": "attr",
+          "params": "(name, value)",
+          "returns": "this",
+          "description": "Set attr"
+        },
+        {
+          "name": "attrs",
+          "params": "(attributes, string>)",
+          "returns": "this",
+          "description": "Set attrs"
+        },
+        {
+          "name": "style",
+          "params": "(property, value)",
+          "returns": "this",
+          "description": "Set style"
+        },
+        {
+          "name": "styles",
+          "params": "(styles, string>)",
+          "returns": "this",
+          "description": "Set styles"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const div = jux.node('myDiv', { tagType: 'div', className: 'container' });"
+    },
+    {
+      "name": "Sidebar",
+      "category": "UI Components",
+      "description": "Sidebar component options",
+      "constructor": "jux.sidebar(componentId: string, options: SidebarOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "title",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set title"
+        },
+        {
+          "name": "width",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set width"
+        },
+        {
+          "name": "position",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set position"
+        },
+        {
+          "name": "collapsible",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set collapsible"
+        },
+        {
+          "name": "collapsed",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set collapsed"
+        },
+        {
+          "name": "toggle",
+          "params": "()",
+          "returns": "this",
+          "description": "Set toggle"
+        },
+        {
+          "name": "render",
+          "params": "(targetId?)",
+          "returns": "this",
+          "description": "Set render"
+        },
+        {
+          "name": "renderTo",
+          "params": "(juxComponent)",
+          "returns": "this",
+          "description": "Set renderTo"
+        }
+      ],
+      "example": "const sidebar = jux.sidebar('mySidebar', {"
+    },
+    {
+      "name": "Tabs",
+      "category": "UI Components",
+      "description": "Tab configuration",
+      "constructor": "jux.tabs(componentId: string, options: TabsOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "tabs",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set tabs"
+        },
+        {
+          "name": "addTab",
+          "params": "(tab)",
+          "returns": "this",
+          "description": "Set addTab"
+        },
+        {
+          "name": "activeTab",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set activeTab"
+        }
+      ],
+      "example": "const tabs = jux.tabs('myTabs', {"
+    },
+    {
+      "name": "View",
+      "category": "UI Components",
+      "description": "View component options",
+      "constructor": "jux.view(componentId: string, options: ViewOptions = {})",
+      "fluentMethods": [
+        {
+          "name": "title",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set title"
+        },
+        {
+          "name": "description",
+          "params": "(value)",
+          "returns": "this",
+          "description": "Set description"
+        },
+        {
+          "name": "add",
+          "params": "(component)",
+          "returns": "this",
+          "description": "Set add"
+        }
+      ],
+      "example": "const view = jux.view('myView', {"
+    }
+  ],
+  "version": "1.0.0",
+  "lastUpdated": "2026-01-16T19:58:49.958Z"
+}