@dreamtree-org/twreact-ui 1.3.10 → 2.0.0

package/dist/ai-schema.json

@@ -81,6 +81,48 @@
       }
     }
   },
+  "ActionSheet": {
+    "group": "feedback",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "open": {
+        "type": "boolean",
+        "required": false
+      },
+      "isOpen": {
+        "type": "boolean",
+        "required": false
+      },
+      "onClose": {
+        "type": "(reason: ActionSheetCloseReason) => void",
+        "required": false
+      },
+      "title": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "message": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "actions": {
+        "type": "ActionSheetAction[]",
+        "required": false,
+        "default": "[]"
+      },
+      "cancelLabel": {
+        "type": "ReactNode",
+        "required": false,
+        "default": "\"Cancel\""
+      },
+      "dismissible": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      }
+    }
+  },
   "Alert": {
     "group": "feedback",
     "import": "@dreamtree-org/twreact-ui",
@@ -93,7 +135,8 @@
           "success",
           "warning",
           "error",
-          "info"
+          "info",
+          "neutral"
         ],
         "default": "\"info\""
       },
@@ -105,6 +148,10 @@
         "type": "ReactNode",
         "required": false
       },
+      "actions": {
+        "type": "ReactNode",
+        "required": false
+      },
       "dismissible": {
         "type": "boolean",
         "required": false,
@@ -113,6 +160,11 @@
       "onDismiss": {
         "type": "() => void",
         "required": false
+      },
+      "dismissLabel": {
+        "type": "string",
+        "required": false,
+        "default": "\"Dismiss\""
       }
     }
   },
@@ -203,7 +255,11 @@
       "yAxisWidth": {
         "type": "number",
         "required": false,
-        "default": "48"
+        "default": "48 (36 when the chart is narrower than 400 px)"
+      },
+      "aspectRatio": {
+        "type": "number",
+        "required": false
       },
       "curveType": {
         "type": "enum",
@@ -285,6 +341,34 @@
       }
     }
   },
+  "AvatarGroup": {
+    "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "children": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "max": {
+        "type": "number",
+        "required": false
+      },
+      "size": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "xs",
+          "sm",
+          "md",
+          "lg",
+          "xl",
+          "2xl"
+        ],
+        "default": "\"md\""
+      }
+    }
+  },
   "Badge": {
     "group": "utility",
     "import": "@dreamtree-org/twreact-ui",
@@ -326,6 +410,19 @@
         "type": "boolean",
         "required": false,
         "default": "true"
+      },
+      "dot": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "icon": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "max": {
+        "type": "number",
+        "required": false
       }
     }
   },
@@ -416,7 +513,11 @@
       "yAxisWidth": {
         "type": "number",
         "required": false,
-        "default": "48"
+        "default": "48 (36 when the chart is narrower than 400 px)"
+      },
+      "aspectRatio": {
+        "type": "number",
+        "required": false
       },
       "stacked": {
         "type": "boolean",
@@ -457,6 +558,11 @@
       "onHomeClick": {
         "type": "(item: BreadcrumbItem) => void",
         "required": false
+      },
+      "maxItems": {
+        "type": "number",
+        "required": false,
+        "default": "— (no collapse)"
       }
     }
   },
@@ -480,16 +586,8 @@
         "default": "\"primary\""
       },
       "size": {
-        "type": "enum",
+        "type": "Size | ButtonIconSize",
         "required": false,
-        "values": [
-          "xs",
-          "sm",
-          "md",
-          "lg",
-          "xl",
-          "2xl"
-        ],
         "default": "\"md\""
       },
       "disabled": {
@@ -565,6 +663,11 @@
         "type": "boolean",
         "required": false,
         "default": "false"
+      },
+      "interactive": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
       }
     }
   },
@@ -669,9 +772,10 @@
         ],
         "default": "\"right\""
       },
-      "borderColor": {
-        "type": "string",
-        "required": false
+      "color": {
+        "type": "ToggleColor",
+        "required": false,
+        "default": "\"primary\""
       },
       "iconClass": {
         "type": "string",
@@ -680,6 +784,11 @@
       "checkedClass": {
         "type": "string",
         "required": false
+      },
+      "haptics": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
       }
     }
   },
@@ -829,6 +938,16 @@
         "type": "boolean",
         "required": false,
         "default": "true"
+      },
+      "presentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "'popover'"
       }
     }
   },
@@ -908,6 +1027,21 @@
         "type": "boolean",
         "required": false,
         "default": "true"
+      },
+      "presentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "'popover'"
+      },
+      "presets": {
+        "type": "DateRangePreset[]",
+        "required": false,
+        "default": "string, Date"
       }
     }
   },
@@ -961,6 +1095,16 @@
       "onOpen": {
         "type": "(context: { dialogRef: HTMLDivElement | null }) => void",
         "required": false
+      },
+      "presentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "\"auto\""
       }
     }
   },
@@ -1169,6 +1313,11 @@
         "type": "boolean",
         "required": false,
         "default": "false"
+      },
+      "capture": {
+        "type": "boolean | 'user' | 'environment'",
+        "required": false,
+        "default": "\"user\""
       }
     }
   },
@@ -1181,6 +1330,26 @@
         "type": "FootNavItem[]",
         "required": true,
         "default": "[]"
+      },
+      "linkAs": {
+        "type": "ElementType",
+        "required": false,
+        "default": "\"a\""
+      },
+      "hideOnScroll": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "badgeMax": {
+        "type": "number",
+        "required": false,
+        "default": "99"
+      },
+      "aria-label": {
+        "type": "string",
+        "required": false,
+        "default": "\"Primary\""
       }
     }
   },
@@ -1292,18 +1461,13 @@
         "required": false,
         "default": "false"
       },
-      "icon": {
+      "leftIcon": {
         "type": "ReactNode",
         "required": false
       },
-      "iconPosition": {
-        "type": "enum",
-        "required": false,
-        "values": [
-          "left",
-          "right"
-        ],
-        "default": "\"right\""
+      "rightIcon": {
+        "type": "ReactNode",
+        "required": false
       },
       "showCount": {
         "type": "boolean",
@@ -1334,6 +1498,21 @@
       "onChange": {
         "type": "(event: React.ChangeEvent<HTMLInputElement>) => void",
         "required": false
+      },
+      "size": {
+        "type": "'sm' | 'md' | 'lg' | number",
+        "required": false,
+        "default": "\"md\""
+      },
+      "floatingLabel": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "otp": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
       }
     }
   },
@@ -1424,7 +1603,11 @@
       "yAxisWidth": {
         "type": "number",
         "required": false,
-        "default": "48"
+        "default": "48 (36 when the chart is narrower than 400 px)"
+      },
+      "aspectRatio": {
+        "type": "number",
+        "required": false
       },
       "curveType": {
         "type": "enum",
@@ -1476,8 +1659,7 @@
       },
       "secondaryColor": {
         "type": "string",
-        "required": false,
-        "default": "\"rgba(0,0,0,0.08)\""
+        "required": false
       },
       "variant": {
         "type": "string",
@@ -1548,6 +1730,11 @@
         "type": "string",
         "required": false,
         "default": "\"lat, lng\""
+      },
+      "fullWidth": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
       }
     }
   },
@@ -1612,6 +1799,15 @@
       "rightMenuContent": {
         "type": "| ReactNode | ((props: { notifications?: Notification[] }) => ReactNode)",
         "required": false
+      },
+      "sticky": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "largeTitle": {
+        "type": "ReactNode",
+        "required": false
       }
     }
   },
@@ -1713,6 +1909,16 @@
         "type": "boolean",
         "required": false,
         "default": "false"
+      },
+      "presentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "\"auto\""
       }
     }
   },
@@ -1841,18 +2047,17 @@
         "required": false,
         "default": "true"
       },
-      "color": {
-        "type": "string",
-        "required": false
-      },
-      "bgColor": {
-        "type": "string",
-        "required": false
-      },
-      "valueColor": {
-        "type": "string",
+      "variant": {
+        "type": "enum",
         "required": false,
-        "default": "auto"
+        "values": [
+          "primary",
+          "secondary",
+          "destructive",
+          "success",
+          "warning"
+        ],
+        "default": "\"secondary\""
       },
       "striped": {
         "type": "boolean",
@@ -1876,6 +2081,50 @@
       }
     }
   },
+  "PullToRefresh": {
+    "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "onRefresh": {
+        "type": "() => Promise<unknown> | void",
+        "required": false,
+        "default": "void"
+      },
+      "threshold": {
+        "type": "number",
+        "required": false,
+        "default": "64"
+      },
+      "maxPull": {
+        "type": "number",
+        "required": false,
+        "default": "threshold * 2"
+      },
+      "disabled": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "refreshingLabel": {
+        "type": "string",
+        "required": false,
+        "default": "\"Refreshing…\""
+      },
+      "scrollRef": {
+        "type": "RefObject",
+        "required": false
+      },
+      "contentClassName": {
+        "type": "string",
+        "required": false
+      },
+      "children": {
+        "type": "ReactNode",
+        "required": false
+      }
+    }
+  },
   "Radio": {
     "group": "core",
     "import": "@dreamtree-org/twreact-ui",
@@ -1982,14 +2231,6 @@
         "required": false,
         "default": "<StarFilled />"
       },
-      "activeColor": {
-        "type": "string",
-        "required": false
-      },
-      "inactiveColor": {
-        "type": "string",
-        "required": false
-      },
       "size": {
         "type": "number",
         "required": false,
@@ -2088,6 +2329,11 @@
         "required": false,
         "default": "\"Formatting\""
       },
+      "stickyToolbar": {
+        "type": "boolean | number | string",
+        "required": false,
+        "default": "false"
+      },
       "minHeight": {
         "type": "number | string",
         "required": false,
@@ -2189,6 +2435,148 @@
       }
     }
   },
+  "SearchField": {
+    "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "value": {
+        "type": "string",
+        "required": false
+      },
+      "defaultValue": {
+        "type": "string",
+        "required": false,
+        "default": "\"\""
+      },
+      "onValueChange": {
+        "type": "(value: string) => void",
+        "required": false
+      },
+      "onChange": {
+        "type": "(event: React.ChangeEvent<HTMLInputElement> | { target: { value: string } }) => void",
+        "required": false
+      },
+      "onSearch": {
+        "type": "(value: string) => void",
+        "required": false
+      },
+      "onClear": {
+        "type": "() => void",
+        "required": false
+      },
+      "onCancel": {
+        "type": "() => void",
+        "required": false
+      },
+      "showCancel": {
+        "type": "boolean | 'auto'",
+        "required": false,
+        "default": "\"auto\""
+      },
+      "cancelLabel": {
+        "type": "string",
+        "required": false,
+        "default": "\"Cancel\""
+      },
+      "clearLabel": {
+        "type": "string",
+        "required": false,
+        "default": "\"Clear search\""
+      },
+      "results": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "renderResults": {
+        "type": "(ctx: SearchFieldResultsContext) => ReactNode",
+        "required": false
+      },
+      "resultsOpen": {
+        "type": "boolean",
+        "required": false
+      },
+      "onResultsOpenChange": {
+        "type": "(open: boolean) => void",
+        "required": false
+      },
+      "resultsLabel": {
+        "type": "string",
+        "required": false,
+        "default": "\"Search results\""
+      },
+      "presentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "\"popover\""
+      },
+      "inputClassName": {
+        "type": "string",
+        "required": false
+      }
+    }
+  },
+  "SegmentedControl": {
+    "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "options": {
+        "type": "SegmentedControlOption[]",
+        "required": true,
+        "default": "[]"
+      },
+      "value": {
+        "type": "SegmentedControlValue",
+        "required": false
+      },
+      "defaultValue": {
+        "type": "SegmentedControlValue",
+        "required": false
+      },
+      "onChange": {
+        "type": "(value: SegmentedControlValue) => void",
+        "required": false
+      },
+      "size": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "sm",
+          "md",
+          "lg"
+        ],
+        "default": "\"md\""
+      },
+      "fullWidth": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "name": {
+        "type": "string",
+        "required": false
+      },
+      "disabled": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "aria-label": {
+        "type": "string",
+        "required": false
+      },
+      "aria-labelledby": {
+        "type": "string",
+        "required": false
+      }
+    }
+  },
   "Select": {
     "group": "core",
     "import": "@dreamtree-org/twreact-ui",
@@ -2307,6 +2695,104 @@
           "lg"
         ],
         "default": "\"md\""
+      },
+      "presentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "\"auto\""
+      }
+    }
+  },
+  "Sheet": {
+    "group": "feedback",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "open": {
+        "type": "boolean",
+        "required": false
+      },
+      "isOpen": {
+        "type": "boolean",
+        "required": false
+      },
+      "onClose": {
+        "type": "(reason: SheetCloseReason) => void",
+        "required": false
+      },
+      "placement": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "top",
+          "bottom",
+          "left",
+          "right"
+        ],
+        "default": "\"bottom\""
+      },
+      "snapPoints": {
+        "type": "number[]",
+        "required": false
+      },
+      "activeSnap": {
+        "type": "number",
+        "required": false
+      },
+      "defaultSnap": {
+        "type": "number",
+        "required": false,
+        "default": "0"
+      },
+      "onSnapChange": {
+        "type": "(index: number) => void",
+        "required": false
+      },
+      "haptics": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "dismissible": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "handle": {
+        "type": "boolean",
+        "required": false,
+        "default": "true for placement=\"bottom\", else false"
+      },
+      "scaleBackground": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "title": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "description": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "showCloseButton": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "initialFocus": {
+        "type": "RefObject",
+        "required": false
+      },
+      "children": {
+        "type": "ReactNode",
+        "required": false
       }
     }
   },
@@ -2398,6 +2884,11 @@
       "containerClassName": {
         "type": "string",
         "required": false
+      },
+      "swipeable": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
       }
     }
   },
@@ -2513,6 +3004,11 @@
         "required": false,
         "default": "false"
       },
+      "showBubble": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
       "formatValue": {
         "type": "(value: number) => string",
         "required": false,
@@ -2749,18 +3245,98 @@
         "required": false
       },
       "orientation": {
-        "type": "enum",
+        "type": "Orientation | 'auto'",
         "required": false,
-        "values": [
-          "horizontal",
-          "vertical"
-        ],
         "default": "\"vertical\""
       },
       "variant": {
+        "type": "'default' | 'dots' | (string & {})",
+        "required": false,
+        "default": "\"dots\""
+      }
+    }
+  },
+  "SwipeableListItem": {
+    "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "as": {
+        "type": "React.ElementType",
+        "required": false,
+        "default": "\"div\""
+      },
+      "children": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "leadingActions": {
+        "type": "SwipeAction[]",
+        "required": false,
+        "default": "[]"
+      },
+      "trailingActions": {
+        "type": "SwipeAction[]",
+        "required": false,
+        "default": "[]"
+      },
+      "fullSwipe": {
+        "type": "boolean | { leading?: boolean; trailing?: boolean }",
+        "required": false,
+        "default": "{ leading?, trailing? }"
+      },
+      "fullSwipeThreshold": {
+        "type": "number",
+        "required": false,
+        "default": "0.6"
+      },
+      "actionWidth": {
+        "type": "number",
+        "required": false,
+        "default": "80"
+      },
+      "open": {
+        "type": "SwipeSide | null",
+        "required": false,
+        "default": "'trailing'"
+      },
+      "defaultOpen": {
+        "type": "SwipeSide | null",
+        "required": false,
+        "default": "'trailing'"
+      },
+      "onOpenChange": {
+        "type": "(side: SwipeSide | null) => void",
+        "required": false
+      },
+      "disabled": {
+        "type": "boolean",
+        "required": false,
+        "default": "Not selectable"
+      },
+      "moreActions": {
+        "type": "'focus' | 'always' | false",
+        "required": false,
+        "default": "'always'"
+      },
+      "moreActionsLabel": {
         "type": "string",
         "required": false,
-        "default": "\"default\""
+        "default": "\"More actions\""
+      },
+      "menuPresentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "'popover'"
+      },
+      "contentClassName": {
+        "type": "string",
+        "required": false
       }
     }
   },
@@ -2804,6 +3380,11 @@
         "type": "string",
         "required": false
       },
+      "color": {
+        "type": "ToggleColor",
+        "required": false,
+        "default": "\"primary\""
+      },
       "trackClass": {
         "type": "string",
         "required": false
@@ -2831,6 +3412,11 @@
       "ariaLabel": {
         "type": "string",
         "required": false
+      },
+      "haptics": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
       }
     }
   },
@@ -2987,6 +3573,16 @@
         "required": false,
         "default": "768"
       },
+      "actionMenuPresentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "\"auto\""
+      },
       "showToolbar": {
         "type": "boolean",
         "required": false,
@@ -3052,6 +3648,31 @@
       "onRowDelete": {
         "type": "(rowKey: string) => void",
         "required": false
+      },
+      "defaultMobileView": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "mobileFiltersPresentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "sheet",
+          "inline"
+        ],
+        "default": "\"auto\""
+      },
+      "swipeActions": {
+        "type": "(row: T, index: number) => TableSwipeActions | null | undefined",
+        "required": false,
+        "default": "null"
+      },
+      "stickyHeader": {
+        "type": "boolean | string | number",
+        "required": false,
+        "default": "string"
       }
     }
   },
@@ -3105,6 +3726,7 @@
         "values": [
           "line",
           "pills",
+          "segmented",
           "unstyled"
         ],
         "default": "\"pills\""
@@ -3113,6 +3735,11 @@
         "type": "boolean",
         "required": false,
         "default": "true"
+      },
+      "swipeable": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
       }
     }
   },
@@ -3206,6 +3833,16 @@
       "maxRows": {
         "type": "number",
         "required": false
+      },
+      "size": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "sm",
+          "md",
+          "lg"
+        ],
+        "default": "\"md\""
       }
     }
   },
@@ -3223,6 +3860,11 @@
         "type": "ReactElement",
         "required": false
       },
+      "wrapperClassName": {
+        "type": "string",
+        "required": false,
+        "default": "\"\""
+      },
       "menuClass": {
         "type": "string",
         "required": false,
@@ -3242,13 +3884,28 @@
         "type": "string",
         "required": false,
         "default": "\"More options\""
+      },
+      "presentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "\"auto\""
+      },
+      "cancelLabel": {
+        "type": "ReactNode",
+        "required": false,
+        "default": "\"Cancel\""
       }
     }
   },
   "Toast": {
     "group": "feedback",
     "import": "@dreamtree-org/twreact-ui",
-    "forwardRef": true,
+    "forwardRef": false,
     "props": {
       "id": {
         "type": "string",
@@ -3294,6 +3951,31 @@
           "bottom-center"
         ],
         "default": "\"top-right\""
+      },
+      "paused": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "swipeToDismiss": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "mobilePosition": {
+        "type": "ToastMobilePosition | false",
+        "required": false,
+        "default": "\"bottom-center\""
+      },
+      "mobileOffset": {
+        "type": "number | string",
+        "required": false,
+        "default": "\"5rem\""
+      },
+      "closeLabel": {
+        "type": "string",
+        "required": false,
+        "default": "\"Close notification\""
       }
     }
   },
@@ -3421,6 +4103,16 @@
         "type": "number",
         "required": false,
         "default": "6"
+      },
+      "presentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "\"auto\""
       }
     }
   }