@dreamtree-org/twreact-ui 1.3.1 → 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": {
@@ -436,6 +663,7 @@
   },
   "ColorPicker": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -484,6 +712,7 @@
   },
   "Condition": {
     "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": false,
     "props": {
       "condition": {
@@ -503,6 +732,7 @@
   },
   "DatePicker": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -581,6 +811,7 @@
   },
   "DateRangePicker": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -659,6 +890,7 @@
   },
   "Dialog": {
     "group": "feedback",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "isOpen": {
@@ -709,8 +941,101 @@
       }
     }
   },
+  "DonutChart": {
+    "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": "240"
+      },
+      "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": false,
+        "default": "\"name\""
+      },
+      "category": {
+        "type": "string",
+        "required": false,
+        "default": "\"value\""
+      },
+      "colors": {
+        "type": "ChartColor[]",
+        "required": false,
+        "default": "primary, success, warning, error, info, secondary, gray"
+      },
+      "variant": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "donut",
+          "pie"
+        ],
+        "default": "\"donut\""
+      },
+      "innerRadius": {
+        "type": "number | string",
+        "required": false,
+        "default": "\"60%\""
+      },
+      "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": {
@@ -778,6 +1103,7 @@
   },
   "FileUpload": {
     "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "accept": {
@@ -815,6 +1141,7 @@
   },
   "FootNav": {
     "group": "navigation",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "items": {
@@ -826,6 +1153,7 @@
   },
   "Form": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "fields": {
@@ -878,6 +1206,7 @@
   },
   "Input": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "type": {
@@ -974,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": {
@@ -1031,6 +1473,7 @@
   },
   "LocationPicker": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -1076,6 +1519,7 @@
   },
   "Navbar": {
     "group": "navigation",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "emitter": {
@@ -1139,6 +1583,7 @@
   },
   "Pagination": {
     "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "currentPage": {
@@ -1174,6 +1619,7 @@
   },
   "Popover": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "trigger": {
@@ -1238,6 +1684,7 @@
   },
   "PriceRangePicker": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "min": {
@@ -1332,6 +1779,7 @@
   },
   "ProgressBar": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -1396,6 +1844,7 @@
   },
   "Radio": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -1467,6 +1916,7 @@
   },
   "Rate": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "count": {
@@ -1529,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": {
@@ -1608,6 +2158,7 @@
   },
   "Select": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "options": {
@@ -1718,6 +2269,7 @@
   },
   "Sidebar": {
     "group": "navigation",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "items": {
@@ -1808,6 +2360,7 @@
   },
   "Skeleton": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "count": {
@@ -1864,6 +2417,7 @@
   },
   "Slider": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "value": {
@@ -1934,6 +2488,7 @@
   },
   "Sortable": {
     "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "items": {
@@ -1998,8 +2553,81 @@
       }
     }
   },
+  "Sparkline": {
+    "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": "40"
+      },
+      "emptyState": {
+        "type": "ReactNode",
+        "required": false,
+        "default": "\"No data\""
+      },
+      "accessibleTable": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "animate": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "showTooltip": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "category": {
+        "type": "string",
+        "required": false,
+        "default": "\"value\""
+      },
+      "index": {
+        "type": "string",
+        "required": false
+      },
+      "color": {
+        "type": "ChartColor",
+        "required": false,
+        "default": "\"primary\""
+      },
+      "type": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "line",
+          "area"
+        ],
+        "default": "\"line\""
+      }
+    }
+  },
   "SpeechToText": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "lang": {
@@ -2060,6 +2688,7 @@
   },
   "Stepper": {
     "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "steps": {
@@ -2094,6 +2723,7 @@
   },
   "Switch": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "checked": {
@@ -2163,6 +2793,7 @@
   },
   "Table": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": false,
     "props": {
       "data": {
@@ -2382,6 +3013,7 @@
   },
   "Tabs": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "children": {
@@ -2442,6 +3074,7 @@
   },
   "TextToSpeech": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": false,
     "props": {
       "text": {
@@ -2472,6 +3105,7 @@
   },
   "Textarea": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "label": {
@@ -2523,6 +3157,7 @@
   },
   "ThreeDotPopover": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "items": {
@@ -2558,6 +3193,7 @@
   },
   "Toast": {
     "group": "feedback",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "id": {
@@ -2609,6 +3245,7 @@
   },
   "Tooltip": {
     "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "position": {
@@ -2683,6 +3320,7 @@
   },
   "Tour": {
     "group": "feedback",
+    "import": "@dreamtree-org/twreact-ui",
     "forwardRef": true,
     "props": {
       "open": {