@dreamtree-org/twreact-ui 1.3.0 → 1.3.2

package/dist/ai-schema.json

@@ -1,6 +1,7 @@
 {
   "Accordion": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "items": {
@@ -82,6 +83,7 @@
   },
   "Alert": {
     "group": "feedback",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "variant": {
@@ -114,8 +116,126 @@
       }
     }
   },
+  "AreaChart": {
+    "group": "charts",
+    "import": "@dreamtree-org/twreact-ui/charts",
+    "forwardRef": true,
+    "props": {
+      "data": {
+        "type": "ChartDatum[]",
+        "required": true
+      },
+      "title": {
+        "type": "string",
+        "required": false
+      },
+      "description": {
+        "type": "string",
+        "required": false
+      },
+      "valueFormatter": {
+        "type": "ChartValueFormatter",
+        "required": false,
+        "default": "toLocaleString"
+      },
+      "height": {
+        "type": "number | string",
+        "required": false,
+        "default": "300"
+      },
+      "emptyState": {
+        "type": "ReactNode",
+        "required": false,
+        "default": "\"No data to display\""
+      },
+      "accessibleTable": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "animate": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showTooltip": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "index": {
+        "type": "string",
+        "required": true
+      },
+      "categories": {
+        "type": "string[]",
+        "required": true
+      },
+      "colors": {
+        "type": "ChartColor[]",
+        "required": false,
+        "default": "primary, success, warning, error, info, secondary, gray"
+      },
+      "xAxisFormatter": {
+        "type": "(value: unknown) => string",
+        "required": false
+      },
+      "showLegend": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showXAxis": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showYAxis": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showGrid": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "yAxisWidth": {
+        "type": "number",
+        "required": false,
+        "default": "48"
+      },
+      "curveType": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "linear",
+          "monotone",
+          "step",
+          "natural"
+        ],
+        "default": "\"monotone\""
+      },
+      "stacked": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "showDots": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "connectNulls": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      }
+    }
+  },
   "Avatar": {
     "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "src": {
@@ -167,6 +287,7 @@
   },
   "Badge": {
     "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "children": {
@@ -207,8 +328,110 @@
       }
     }
   },
+  "BarChart": {
+    "group": "charts",
+    "import": "@dreamtree-org/twreact-ui/charts",
+    "forwardRef": true,
+    "props": {
+      "data": {
+        "type": "ChartDatum[]",
+        "required": true
+      },
+      "title": {
+        "type": "string",
+        "required": false
+      },
+      "description": {
+        "type": "string",
+        "required": false
+      },
+      "valueFormatter": {
+        "type": "ChartValueFormatter",
+        "required": false,
+        "default": "toLocaleString"
+      },
+      "height": {
+        "type": "number | string",
+        "required": false,
+        "default": "300"
+      },
+      "emptyState": {
+        "type": "ReactNode",
+        "required": false,
+        "default": "\"No data to display\""
+      },
+      "accessibleTable": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "animate": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showTooltip": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "index": {
+        "type": "string",
+        "required": true
+      },
+      "categories": {
+        "type": "string[]",
+        "required": true
+      },
+      "colors": {
+        "type": "ChartColor[]",
+        "required": false,
+        "default": "primary, success, warning, error, info, secondary, gray"
+      },
+      "xAxisFormatter": {
+        "type": "(value: unknown) => string",
+        "required": false
+      },
+      "showLegend": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showXAxis": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showYAxis": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showGrid": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "yAxisWidth": {
+        "type": "number",
+        "required": false,
+        "default": "48"
+      },
+      "stacked": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "horizontal": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      }
+    }
+  },
   "Breadcrumbs": {
     "group": "navigation",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "items": {
@@ -238,6 +461,7 @@
   },
   "Button": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "variant": {
@@ -308,6 +532,7 @@
   },
   "Card": {
     "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "children": {
@@ -323,6 +548,7 @@
   },
   "Carousel": {
     "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "children": {
@@ -352,6 +578,7 @@
   },
   "Checkbox": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "checked": {
@@ -422,8 +649,7 @@
       },
       "borderColor": {
         "type": "string",
-        "required": false,
-        "default": "\"#ccc\""
+        "required": false
       },
       "iconClass": {
         "type": "string",
@@ -437,6 +663,7 @@
   },
   "ColorPicker": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -485,6 +712,7 @@
   },
   "Condition": {
     "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": false,
     "props": {
       "condition": {
@@ -504,6 +732,7 @@
   },
   "DatePicker": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -529,6 +758,10 @@
         "type": "string",
         "required": false
       },
+      "helperText": {
+        "type": "ReactNode",
+        "required": false
+      },
       "disabled": {
         "type": "boolean",
         "required": false
@@ -578,6 +811,7 @@
   },
   "DateRangePicker": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -603,6 +837,10 @@
         "type": "string",
         "required": false
       },
+      "helperText": {
+        "type": "ReactNode",
+        "required": false
+      },
       "disabled": {
         "type": "boolean",
         "required": false
@@ -652,6 +890,7 @@
   },
   "Dialog": {
     "group": "feedback",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "isOpen": {
@@ -702,100 +941,263 @@
       }
     }
   },
-  "FileUpload": {
-    "group": "utility",
+  "DonutChart": {
+    "group": "charts",
+    "import": "@dreamtree-org/twreact-ui/charts",
     "forwardRef": true,
     "props": {
-      "accept": {
+      "data": {
+        "type": "ChartDatum[]",
+        "required": true
+      },
+      "title": {
         "type": "string",
         "required": false
       },
-      "multiple": {
-        "type": "boolean",
-        "required": false,
-        "default": "false"
-      },
-      "maxSize": {
-        "type": "number",
+      "description": {
+        "type": "string",
         "required": false
       },
-      "files": {
-        "type": "File[]",
+      "valueFormatter": {
+        "type": "ChartValueFormatter",
         "required": false,
-        "default": "[]"
+        "default": "toLocaleString"
       },
-      "onFileSelect": {
-        "type": "(files: File[]) => void",
-        "required": false
+      "height": {
+        "type": "number | string",
+        "required": false,
+        "default": "240"
       },
-      "onFileRemove": {
-        "type": "(index: number) => void",
-        "required": false
+      "emptyState": {
+        "type": "ReactNode",
+        "required": false,
+        "default": "\"No data to display\""
       },
-      "disabled": {
+      "accessibleTable": {
         "type": "boolean",
         "required": false,
-        "default": "false"
-      }
-    }
-  },
-  "FootNav": {
-    "group": "navigation",
-    "forwardRef": true,
-    "props": {
-      "items": {
-        "type": "FootNavItem[]",
-        "required": true,
-        "default": "[]"
-      }
-    }
-  },
-  "Form": {
-    "group": "core",
-    "forwardRef": true,
-    "props": {
-      "fields": {
-        "type": "Array",
-        "required": true,
-        "default": "[]"
-      },
-      "onSubmit": {
-        "type": "(data: any) => void",
-        "required": false
+        "default": "true"
       },
-      "defaultValues": {
-        "type": "Record",
+      "animate": {
+        "type": "boolean",
         "required": false,
-        "default": "{}"
+        "default": "true"
       },
-      "validationSchema": {
-        "type": "any",
-        "required": false
+      "showTooltip": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
       },
-      "submitText": {
+      "index": {
         "type": "string",
         "required": false,
-        "default": "\"Submit\""
+        "default": "\"name\""
       },
-      "resetText": {
+      "category": {
         "type": "string",
         "required": false,
-        "default": "\"Reset\""
+        "default": "\"value\""
       },
-      "submitButtonClass": {
-        "type": "string",
-        "required": false
+      "colors": {
+        "type": "ChartColor[]",
+        "required": false,
+        "default": "primary, success, warning, error, info, secondary, gray"
       },
-      "resetButtonClass": {
-        "type": "string",
-        "required": false
+      "variant": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "donut",
+          "pie"
+        ],
+        "default": "\"donut\""
       },
-      "showReset": {
-        "type": "boolean",
+      "innerRadius": {
+        "type": "number | string",
         "required": false,
-        "default": "true"
+        "default": "\"60%\""
       },
-      "submitDisabled": {
+      "outerRadius": {
+        "type": "number | string",
+        "required": false,
+        "default": "\"90%\""
+      },
+      "centerLabel": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "showLegend": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      }
+    }
+  },
+  "Drawer": {
+    "group": "feedback",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "isOpen": {
+        "type": "boolean",
+        "required": true
+      },
+      "onClose": {
+        "type": "() => void",
+        "required": true
+      },
+      "title": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "description": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "children": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "placement": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "top",
+          "bottom",
+          "left",
+          "right"
+        ],
+        "default": "\"right\""
+      },
+      "size": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "sm",
+          "md",
+          "lg",
+          "xl",
+          "full"
+        ],
+        "default": "\"md\""
+      },
+      "dismissible": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showCloseButton": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "footer": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "initialFocusRef": {
+        "type": "RefObject",
+        "required": false
+      }
+    }
+  },
+  "FileUpload": {
+    "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "accept": {
+        "type": "string",
+        "required": false
+      },
+      "multiple": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "maxSize": {
+        "type": "number",
+        "required": false
+      },
+      "files": {
+        "type": "File[]",
+        "required": false,
+        "default": "[]"
+      },
+      "onFileSelect": {
+        "type": "(files: File[]) => void",
+        "required": false
+      },
+      "onFileRemove": {
+        "type": "(index: number) => void",
+        "required": false
+      },
+      "disabled": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      }
+    }
+  },
+  "FootNav": {
+    "group": "navigation",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "items": {
+        "type": "FootNavItem[]",
+        "required": true,
+        "default": "[]"
+      }
+    }
+  },
+  "Form": {
+    "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "fields": {
+        "type": "Array",
+        "required": true,
+        "default": "[]"
+      },
+      "onSubmit": {
+        "type": "(data: any) => void",
+        "required": false
+      },
+      "defaultValues": {
+        "type": "Record",
+        "required": false,
+        "default": "{}"
+      },
+      "validationSchema": {
+        "type": "any",
+        "required": false
+      },
+      "submitText": {
+        "type": "string",
+        "required": false,
+        "default": "\"Submit\""
+      },
+      "resetText": {
+        "type": "string",
+        "required": false,
+        "default": "\"Reset\""
+      },
+      "submitButtonClass": {
+        "type": "string",
+        "required": false
+      },
+      "resetButtonClass": {
+        "type": "string",
+        "required": false
+      },
+      "showReset": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "submitDisabled": {
         "type": "boolean",
         "required": false,
         "default": "false"
@@ -804,6 +1206,7 @@
   },
   "Input": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "type": {
@@ -836,6 +1239,10 @@
         "type": "string",
         "required": false
       },
+      "helperText": {
+        "type": "ReactNode",
+        "required": false
+      },
       "disabled": {
         "type": "boolean",
         "required": false,
@@ -896,8 +1303,121 @@
       }
     }
   },
+  "LineChart": {
+    "group": "charts",
+    "import": "@dreamtree-org/twreact-ui/charts",
+    "forwardRef": true,
+    "props": {
+      "data": {
+        "type": "ChartDatum[]",
+        "required": true
+      },
+      "title": {
+        "type": "string",
+        "required": false
+      },
+      "description": {
+        "type": "string",
+        "required": false
+      },
+      "valueFormatter": {
+        "type": "ChartValueFormatter",
+        "required": false,
+        "default": "toLocaleString"
+      },
+      "height": {
+        "type": "number | string",
+        "required": false,
+        "default": "300"
+      },
+      "emptyState": {
+        "type": "ReactNode",
+        "required": false,
+        "default": "\"No data to display\""
+      },
+      "accessibleTable": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "animate": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showTooltip": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "index": {
+        "type": "string",
+        "required": true
+      },
+      "categories": {
+        "type": "string[]",
+        "required": true
+      },
+      "colors": {
+        "type": "ChartColor[]",
+        "required": false,
+        "default": "primary, success, warning, error, info, secondary, gray"
+      },
+      "xAxisFormatter": {
+        "type": "(value: unknown) => string",
+        "required": false
+      },
+      "showLegend": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showXAxis": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showYAxis": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showGrid": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "yAxisWidth": {
+        "type": "number",
+        "required": false,
+        "default": "48"
+      },
+      "curveType": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "linear",
+          "monotone",
+          "step",
+          "natural"
+        ],
+        "default": "\"monotone\""
+      },
+      "showDots": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "connectNulls": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      }
+    }
+  },
   "Loader": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "size": {
@@ -953,6 +1473,7 @@
   },
   "LocationPicker": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -998,6 +1519,7 @@
   },
   "Navbar": {
     "group": "navigation",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "emitter": {
@@ -1009,6 +1531,10 @@
         "type": "ReactNode",
         "required": false
       },
+      "center": {
+        "type": "ReactNode",
+        "required": false
+      },
       "items": {
         "type": "NavItem[]",
         "required": false,
@@ -1016,8 +1542,7 @@
       },
       "user": {
         "type": "UserInfo",
-        "required": false,
-        "default": "null"
+        "required": false
       },
       "notifications": {
         "type": "Notification[]",
@@ -1058,6 +1583,7 @@
   },
   "Pagination": {
     "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "currentPage": {
@@ -1091,14 +1617,80 @@
       }
     }
   },
-  "PriceRangePicker": {
+  "Popover": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
-      "min": {
-        "type": "number",
-        "required": false,
-        "default": "0"
+      "trigger": {
+        "type": "ReactElement | ReactNode",
+        "required": true
+      },
+      "children": {
+        "type": "ReactNode | ((api: { close: () => void }) => ReactNode)",
+        "required": false
+      },
+      "open": {
+        "type": "boolean",
+        "required": false
+      },
+      "defaultOpen": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "onOpenChange": {
+        "type": "(open: boolean) => void",
+        "required": false
+      },
+      "placement": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "top",
+          "top-start",
+          "top-end",
+          "bottom",
+          "bottom-start",
+          "bottom-end",
+          "left",
+          "left-start",
+          "left-end",
+          "right",
+          "right-start",
+          "right-end"
+        ],
+        "default": "\"bottom-start\""
+      },
+      "offset": {
+        "type": "number",
+        "required": false,
+        "default": "8"
+      },
+      "title": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "initialFocusRef": {
+        "type": "RefObject",
+        "required": false
+      },
+      "disabled": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      }
+    }
+  },
+  "PriceRangePicker": {
+    "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "min": {
+        "type": "number",
+        "required": false,
+        "default": "0"
       },
       "max": {
         "type": "number",
@@ -1187,6 +1779,7 @@
   },
   "ProgressBar": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -1216,13 +1809,11 @@
       },
       "color": {
         "type": "string",
-        "required": false,
-        "default": "\"#2563eb\""
+        "required": false
       },
       "bgColor": {
         "type": "string",
-        "required": false,
-        "default": "\"#e6eefc\""
+        "required": false
       },
       "valueColor": {
         "type": "string",
@@ -1253,6 +1844,7 @@
   },
   "Radio": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -1324,6 +1916,7 @@
   },
   "Rate": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "count": {
@@ -1357,13 +1950,11 @@
       },
       "activeColor": {
         "type": "string",
-        "required": false,
-        "default": "\"#f6b026\""
+        "required": false
       },
       "inactiveColor": {
         "type": "string",
-        "required": false,
-        "default": "\"#e5e7eb\""
+        "required": false
       },
       "size": {
         "type": "number",
@@ -1388,8 +1979,108 @@
       }
     }
   },
+  "RichTextEditor": {
+    "group": "rich-text",
+    "import": "@dreamtree-org/twreact-ui/rich-text",
+    "forwardRef": true,
+    "props": {
+      "value": {
+        "type": "RichTextContent",
+        "required": false
+      },
+      "defaultValue": {
+        "type": "RichTextContent",
+        "required": false
+      },
+      "onChange": {
+        "type": "(value: RichTextContent, editor: Editor) => void",
+        "required": false
+      },
+      "outputFormat": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "html",
+          "json"
+        ],
+        "default": "\"html\""
+      },
+      "onFocus": {
+        "type": "(event: FocusEvent) => void",
+        "required": false
+      },
+      "onBlur": {
+        "type": "(event: FocusEvent) => void",
+        "required": false
+      },
+      "label": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "error": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "helperText": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "placeholder": {
+        "type": "string",
+        "required": false
+      },
+      "required": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "disabled": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "readOnly": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "toolbar": {
+        "type": "RichTextToolbarItem[] | false",
+        "required": false,
+        "default": "bold, italic, strike, code, heading2, heading3, bulletList, orderedList, blockquote, link, undo, redo"
+      },
+      "toolbarLabel": {
+        "type": "string",
+        "required": false,
+        "default": "\"Formatting\""
+      },
+      "minHeight": {
+        "type": "number | string",
+        "required": false,
+        "default": "120"
+      },
+      "maxHeight": {
+        "type": "number | string",
+        "required": false
+      },
+      "autoFocus": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "editorClassName": {
+        "type": "string",
+        "required": false
+      },
+      "extensions": {
+        "type": "AnyExtension[]",
+        "required": false
+      }
+    }
+  },
   "RoundedTag": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "label": {
@@ -1467,10 +2158,11 @@
   },
   "Select": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "options": {
-        "type": "SelectOption[]",
+        "type": "Array",
         "required": true,
         "default": "[]"
       },
@@ -1496,6 +2188,10 @@
         "type": "string",
         "required": false
       },
+      "helperText": {
+        "type": "ReactNode",
+        "required": false
+      },
       "disabled": {
         "type": "boolean",
         "required": false
@@ -1514,180 +2210,424 @@
         "required": false,
         "default": "false"
       },
-      "grouped": {
-        "type": "boolean",
+      "grouped": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "creatable": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "onCreateOption": {
+        "type": "(value: string) => void",
+        "required": false
+      },
+      "onSearch": {
+        "type": "(term: string) => void",
+        "required": false
+      },
+      "loading": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "selectAllOption": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "closeOnSelect": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "maxTagCount": {
+        "type": "number",
+        "required": false,
+        "default": "3"
+      },
+      "allowClear": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "name": {
+        "type": "string",
+        "required": false
+      },
+      "onMenuItemRender": {
+        "type": "(option: SelectOption) => ReactNode",
+        "required": false
+      },
+      "renderGroupLabel": {
+        "type": "(label: string) => ReactNode",
+        "required": false
+      }
+    }
+  },
+  "Sidebar": {
+    "group": "navigation",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "items": {
+        "type": "SidebarItem[]",
+        "required": true,
+        "default": "[]"
+      },
+      "collapsed": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "onToggle": {
+        "type": "() => void",
+        "required": false
+      },
+      "logo": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "user": {
+        "type": "UserInfo",
+        "required": false
+      },
+      "onUserClick": {
+        "type": "(user: UserInfo) => void",
+        "required": false
+      },
+      "drawerPosition": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "left",
+          "right"
+        ],
+        "default": "\"right\""
+      },
+      "isMobileOpen": {
+        "type": "boolean",
+        "required": false
+      },
+      "setIsMobileOpen": {
+        "type": "(open: boolean) => void",
+        "required": false
+      },
+      "showCollapsedTooltips": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "tooltipOptions": {
+        "type": "Record",
+        "required": false
+      },
+      "linkAs": {
+        "type": "ElementType",
+        "required": false,
+        "default": "\"a\""
+      },
+      "expandedIds": {
+        "type": "string[]",
+        "required": false
+      },
+      "defaultExpandedIds": {
+        "type": "string[]",
+        "required": false,
+        "default": "[]"
+      },
+      "onExpandedChange": {
+        "type": "(ids: string[]) => void",
+        "required": false
+      },
+      "footer": {
+        "type": "ReactNode | ((ctx: SidebarFooterContext) => ReactNode)",
+        "required": false,
+        "default": "({ collapsed, isMobile, closeMobile }) => ReactNode"
+      },
+      "stickyOffset": {
+        "type": "number | string",
+        "required": false,
+        "default": "string"
+      },
+      "containerClassName": {
+        "type": "string",
+        "required": false
+      }
+    }
+  },
+  "Skeleton": {
+    "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "count": {
+        "type": "number",
+        "required": false,
+        "default": "1"
+      },
+      "circle": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "height": {
+        "type": "string | number",
+        "required": false,
+        "default": "string"
+      },
+      "width": {
+        "type": "string | number",
+        "required": false,
+        "default": "string"
+      },
+      "rounded": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "animated": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "active": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "gap": {
+        "type": "string",
+        "required": false,
+        "default": "\"8px\""
+      },
+      "inline": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "children": {
+        "type": "ReactNode",
+        "required": false,
+        "default": "null"
+      }
+    }
+  },
+  "Slider": {
+    "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "value": {
+        "type": "SliderValue",
+        "required": false
+      },
+      "defaultValue": {
+        "type": "SliderValue",
+        "required": false,
+        "default": "min"
+      },
+      "onChange": {
+        "type": "(value: SliderValue) => void",
+        "required": false
+      },
+      "onChangeEnd": {
+        "type": "(value: SliderValue) => void",
+        "required": false
+      },
+      "min": {
+        "type": "number",
         "required": false,
-        "default": "false"
+        "default": "0"
       },
-      "creatable": {
-        "type": "boolean",
+      "max": {
+        "type": "number",
         "required": false,
-        "default": "false"
+        "default": "100"
       },
-      "onCreateOption": {
-        "type": "(value: string) => void",
-        "required": false
+      "step": {
+        "type": "number",
+        "required": false,
+        "default": "1"
       },
-      "onSearch": {
-        "type": "(term: string) => void",
+      "largeStep": {
+        "type": "number",
         "required": false
       },
-      "loading": {
+      "disabled": {
         "type": "boolean",
         "required": false,
         "default": "false"
       },
-      "selectAllOption": {
-        "type": "boolean",
-        "required": false,
-        "default": "true"
+      "label": {
+        "type": "ReactNode",
+        "required": false
       },
-      "closeOnSelect": {
+      "showValue": {
         "type": "boolean",
         "required": false,
         "default": "false"
       },
-      "maxTagCount": {
-        "type": "number",
+      "formatValue": {
+        "type": "(value: number) => string",
         "required": false,
-        "default": "3"
+        "default": "String"
       },
-      "allowClear": {
-        "type": "boolean",
+      "thumbLabels": {
+        "type": "[string, string]",
         "required": false,
-        "default": "true"
+        "default": "[\"Minimum\", \"Maximum\"]"
       },
       "name": {
         "type": "string",
         "required": false
-      },
-      "onMenuItemRender": {
-        "type": "(option: SelectOption) => ReactNode",
-        "required": false
-      },
-      "renderGroupLabel": {
-        "type": "(label: string) => ReactNode",
-        "required": false
       }
     }
   },
-  "Sidebar": {
-    "group": "navigation",
+  "Sortable": {
+    "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "items": {
-        "type": "SidebarItem[]",
+        "type": "T[]",
         "required": true,
         "default": "[]"
       },
-      "collapsed": {
-        "type": "boolean",
-        "required": false,
-        "default": "false"
-      },
-      "onToggle": {
-        "type": "() => void",
+      "onReorder": {
+        "type": "(items: T[], move: { from: number; to: number }) => void",
         "required": false
       },
-      "logo": {
-        "type": "ReactNode",
+      "renderItem": {
+        "type": "(item: T, state: SortableItemState) => ReactNode",
         "required": false
       },
-      "user": {
-        "type": "UserInfo",
+      "getKey": {
+        "type": "(item: T, index: number) => string | number",
         "required": false,
-        "default": "ReactNode"
+        "default": "item.id or item.key or index"
       },
-      "onUserClick": {
-        "type": "(user: UserInfo) => void",
-        "required": false
+      "getItemLabel": {
+        "type": "(item: T, index: number) => string",
+        "required": false,
+        "default": "label, title, name or the string itself"
       },
-      "drawerPosition": {
+      "disabled": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "handle": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "orientation": {
         "type": "enum",
         "required": false,
         "values": [
-          "left",
-          "right"
+          "vertical",
+          "horizontal"
         ],
-        "default": "\"right\""
+        "default": "\"vertical\""
       },
-      "isMobileOpen": {
-        "type": "boolean",
-        "required": false
+      "as": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "ul",
+          "ol",
+          "div"
+        ],
+        "default": "\"ul\""
       },
-      "setIsMobileOpen": {
-        "type": "(open: boolean) => void",
+      "itemClassName": {
+        "type": "string",
         "required": false
       },
-      "showCollapsedTooltips": {
-        "type": "boolean",
-        "required": false,
-        "default": "true"
-      },
-      "tooltipOptions": {
-        "type": "Record",
+      "messages": {
+        "type": "SortableMessages",
         "required": false
       }
     }
   },
-  "Skeleton": {
-    "group": "core",
+  "Sparkline": {
+    "group": "charts",
+    "import": "@dreamtree-org/twreact-ui/charts",
     "forwardRef": true,
     "props": {
-      "count": {
-        "type": "number",
-        "required": false,
-        "default": "1"
+      "data": {
+        "type": "ChartDatum[]",
+        "required": true
       },
-      "circle": {
-        "type": "boolean",
+      "title": {
+        "type": "string",
+        "required": false
+      },
+      "description": {
+        "type": "string",
+        "required": false
+      },
+      "valueFormatter": {
+        "type": "ChartValueFormatter",
         "required": false,
-        "default": "false"
+        "default": "toLocaleString"
       },
       "height": {
-        "type": "string | number",
+        "type": "number | string",
         "required": false,
-        "default": "string"
+        "default": "40"
       },
-      "width": {
-        "type": "string | number",
+      "emptyState": {
+        "type": "ReactNode",
         "required": false,
-        "default": "string"
+        "default": "\"No data\""
       },
-      "rounded": {
+      "accessibleTable": {
         "type": "boolean",
         "required": false,
         "default": "true"
       },
-      "animated": {
+      "animate": {
         "type": "boolean",
         "required": false,
-        "default": "true"
+        "default": "false"
       },
-      "active": {
+      "showTooltip": {
         "type": "boolean",
         "required": false,
-        "default": "true"
+        "default": "false"
       },
-      "gap": {
+      "category": {
         "type": "string",
         "required": false,
-        "default": "\"8px\""
+        "default": "\"value\""
       },
-      "inline": {
-        "type": "boolean",
+      "index": {
+        "type": "string",
+        "required": false
+      },
+      "color": {
+        "type": "ChartColor",
         "required": false,
-        "default": "false"
+        "default": "\"primary\""
       },
-      "children": {
-        "type": "ReactNode",
+      "type": {
+        "type": "enum",
         "required": false,
-        "default": "null"
+        "values": [
+          "line",
+          "area"
+        ],
+        "default": "\"line\""
       }
     }
   },
   "SpeechToText": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "lang": {
@@ -1748,6 +2688,7 @@
   },
   "Stepper": {
     "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "steps": {
@@ -1782,6 +2723,7 @@
   },
   "Switch": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "checked": {
@@ -1851,6 +2793,7 @@
   },
   "Table": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": false,
     "props": {
       "data": {
@@ -2000,6 +2943,25 @@
         "required": false,
         "default": "768"
       },
+      "showToolbar": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "showColumnPicker": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "wrapCells": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "mobileMaxFields": {
+        "type": "number",
+        "required": false
+      },
       "serverSide": {
         "type": "boolean",
         "required": false,
@@ -2051,6 +3013,7 @@
   },
   "Tabs": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "children": {
@@ -2111,6 +3074,7 @@
   },
   "TextToSpeech": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": false,
     "props": {
       "text": {
@@ -2139,8 +3103,61 @@
       }
     }
   },
+  "Textarea": {
+    "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "label": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "error": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "helperText": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "required": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "disabled": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "showCount": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "maxLength": {
+        "type": "number",
+        "required": false
+      },
+      "autoResize": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "rows": {
+        "type": "number",
+        "required": false,
+        "default": "3"
+      },
+      "maxRows": {
+        "type": "number",
+        "required": false
+      }
+    }
+  },
   "ThreeDotPopover": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "items": {
@@ -2176,6 +3193,7 @@
   },
   "Toast": {
     "group": "feedback",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "id": {
@@ -2227,6 +3245,7 @@
   },
   "Tooltip": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "position": {
@@ -2284,11 +3303,13 @@
       },
       "textClass": {
         "type": "string",
-        "required": false
+        "required": false,
+        "default": "\"text-black\""
       },
       "bgClass": {
         "type": "string",
-        "required": false
+        "required": false,
+        "default": "\"bg-white\""
       },
       "portal": {
         "type": "boolean",
@@ -2296,5 +3317,57 @@
         "default": "true"
       }
     }
+  },
+  "Tour": {
+    "group": "feedback",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "open": {
+        "type": "boolean",
+        "required": true,
+        "default": "false"
+      },
+      "steps": {
+        "type": "TourStep[]",
+        "required": true,
+        "default": "[]"
+      },
+      "onClose": {
+        "type": "(reason: TourCloseReason) => void",
+        "required": false
+      },
+      "onFinish": {
+        "type": "() => void",
+        "required": false
+      },
+      "step": {
+        "type": "number",
+        "required": false
+      },
+      "defaultStep": {
+        "type": "number",
+        "required": false,
+        "default": "0"
+      },
+      "onStepChange": {
+        "type": "(index: number, step: TourStep) => void",
+        "required": false
+      },
+      "labels": {
+        "type": "TourLabels",
+        "required": false
+      },
+      "targetTimeout": {
+        "type": "number",
+        "required": false,
+        "default": "3000"
+      },
+      "spotlightPadding": {
+        "type": "number",
+        "required": false,
+        "default": "6"
+      }
+    }
   }
 }