@dreamtree-org/twreact-ui 1.3.11 → 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\""
       }
     }
   },
@@ -720,9 +772,10 @@
         ],
         "default": "\"right\""
       },
-      "borderColor": {
-        "type": "string",
-        "required": false
+      "color": {
+        "type": "ToggleColor",
+        "required": false,
+        "default": "\"primary\""
       },
       "iconClass": {
         "type": "string",
@@ -731,6 +784,11 @@
       "checkedClass": {
         "type": "string",
         "required": false
+      },
+      "haptics": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
       }
     }
   },
@@ -880,6 +938,16 @@
         "type": "boolean",
         "required": false,
         "default": "true"
+      },
+      "presentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "'popover'"
       }
     }
   },
@@ -959,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"
       }
     }
   },
@@ -1012,6 +1095,16 @@
       "onOpen": {
         "type": "(context: { dialogRef: HTMLDivElement | null }) => void",
         "required": false
+      },
+      "presentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "\"auto\""
       }
     }
   },
@@ -1368,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",
@@ -1711,6 +1799,15 @@
       "rightMenuContent": {
         "type": "| ReactNode | ((props: { notifications?: Notification[] }) => ReactNode)",
         "required": false
+      },
+      "sticky": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "largeTitle": {
+        "type": "ReactNode",
+        "required": false
       }
     }
   },
@@ -1812,6 +1909,16 @@
         "type": "boolean",
         "required": false,
         "default": "false"
+      },
+      "presentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "\"auto\""
       }
     }
   },
@@ -1940,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",
@@ -1975,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",
@@ -2081,14 +2231,6 @@
         "required": false,
         "default": "<StarFilled />"
       },
-      "activeColor": {
-        "type": "string",
-        "required": false
-      },
-      "inactiveColor": {
-        "type": "string",
-        "required": false
-      },
       "size": {
         "type": "number",
         "required": false,
@@ -2187,6 +2329,11 @@
         "required": false,
         "default": "\"Formatting\""
       },
+      "stickyToolbar": {
+        "type": "boolean | number | string",
+        "required": false,
+        "default": "false"
+      },
       "minHeight": {
         "type": "number | string",
         "required": false,
@@ -2288,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",
@@ -2406,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
       }
     }
   },
@@ -2497,6 +2884,11 @@
       "containerClassName": {
         "type": "string",
         "required": false
+      },
+      "swipeable": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
       }
     }
   },
@@ -2864,6 +3256,90 @@
       }
     }
   },
+  "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": "\"More actions\""
+      },
+      "menuPresentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "'popover'"
+      },
+      "contentClassName": {
+        "type": "string",
+        "required": false
+      }
+    }
+  },
   "Switch": {
     "group": "core",
     "import": "@dreamtree-org/twreact-ui",
@@ -2904,6 +3380,11 @@
         "type": "string",
         "required": false
       },
+      "color": {
+        "type": "ToggleColor",
+        "required": false,
+        "default": "\"primary\""
+      },
       "trackClass": {
         "type": "string",
         "required": false
@@ -2931,6 +3412,11 @@
       "ariaLabel": {
         "type": "string",
         "required": false
+      },
+      "haptics": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
       }
     }
   },
@@ -3087,6 +3573,16 @@
         "required": false,
         "default": "768"
       },
+      "actionMenuPresentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "\"auto\""
+      },
       "showToolbar": {
         "type": "boolean",
         "required": false,
@@ -3152,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"
       }
     }
   },
@@ -3339,6 +3860,11 @@
         "type": "ReactElement",
         "required": false
       },
+      "wrapperClassName": {
+        "type": "string",
+        "required": false,
+        "default": "\"\""
+      },
       "menuClass": {
         "type": "string",
         "required": false,
@@ -3358,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",
@@ -3410,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\""
       }
     }
   },
@@ -3537,6 +4103,16 @@
         "type": "number",
         "required": false,
         "default": "6"
+      },
+      "presentation": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "auto",
+          "popover",
+          "sheet"
+        ],
+        "default": "\"auto\""
       }
     }
   }