@dreamtree-org/twreact-ui 2.0.9 → 2.1.1

package/dist/ai-schema.json

@@ -62,7 +62,7 @@
           "lg",
           "xl"
         ],
-        "default": "\"sm\""
+        "default": "\"md\""
       },
       "size": {
         "type": "enum",
@@ -133,8 +133,8 @@
         "required": false,
         "values": [
           "success",
-          "warning",
           "error",
+          "warning",
           "info",
           "neutral"
         ],
@@ -581,7 +581,21 @@
           "ghost",
           "destructive",
           "success",
-          "warning"
+          "warning",
+          "link"
+        ],
+        "default": "\"primary\""
+      },
+      "tone": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "primary",
+          "secondary",
+          "success",
+          "warning",
+          "error",
+          "info"
         ],
         "default": "\"primary\""
       },
@@ -869,13 +883,11 @@
     "props": {
       "value": {
         "type": "Date | string | null",
-        "required": false,
-        "default": "string"
+        "required": false
       },
       "onChange": {
         "type": "(date: Date | null) => void",
-        "required": false,
-        "default": "null) => void"
+        "required": false
       },
       "placeholder": {
         "type": "string",
@@ -913,7 +925,7 @@
       "weekStartsOn": {
         "type": "0 | 1",
         "required": false,
-        "default": "1"
+        "default": "0"
       },
       "portal": {
         "type": "boolean",
@@ -947,7 +959,7 @@
           "popover",
           "sheet"
         ],
-        "default": "'popover'"
+        "default": "'auto'"
       }
     }
   },
@@ -958,13 +970,11 @@
     "props": {
       "value": {
         "type": "DateRange",
-        "required": false,
-        "default": "string, end: Date"
+        "required": false
       },
       "onChange": {
         "type": "(range: DateRange | null) => void",
-        "required": false,
-        "default": "null) => void"
+        "required": false
       },
       "placeholder": {
         "type": "string",
@@ -1002,7 +1012,7 @@
       "weekStartsOn": {
         "type": "0 | 1",
         "required": false,
-        "default": "1"
+        "default": "0"
       },
       "portal": {
         "type": "boolean",
@@ -1036,12 +1046,11 @@
           "popover",
           "sheet"
         ],
-        "default": "'popover'"
+        "default": "'auto'"
       },
       "presets": {
         "type": "DateRangePreset[]",
-        "required": false,
-        "default": "string, Date"
+        "required": false
       }
     }
   },
@@ -1229,10 +1238,10 @@
         "type": "enum",
         "required": false,
         "values": [
-          "top",
-          "bottom",
+          "right",
           "left",
-          "right"
+          "top",
+          "bottom"
         ],
         "default": "\"right\""
       },
@@ -1316,8 +1325,7 @@
       },
       "capture": {
         "type": "boolean | 'user' | 'environment'",
-        "required": false,
-        "default": "\"user\""
+        "required": false
       }
     }
   },
@@ -1365,8 +1373,7 @@
       },
       "onSubmit": {
         "type": "(data: any) => void",
-        "required": false,
-        "default": "Promise<void>"
+        "required": false
       },
       "defaultValues": {
         "type": "Record",
@@ -1407,6 +1414,72 @@
       }
     }
   },
+  "ImageGallery": {
+    "group": "utility",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "images": {
+        "type": "ImageGalleryImage[]",
+        "required": false,
+        "default": "[]"
+      },
+      "layout": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "thumbs-below",
+          "thumbs-side",
+          "mosaic"
+        ],
+        "default": "'thumbs-below'"
+      },
+      "ratio": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "4:3",
+          "1:1",
+          "3:4",
+          "16:9"
+        ],
+        "default": "'4:3'"
+      },
+      "index": {
+        "type": "number",
+        "required": false
+      },
+      "defaultIndex": {
+        "type": "number",
+        "required": false,
+        "default": "0"
+      },
+      "onIndexChange": {
+        "type": "(index: number) => void",
+        "required": false
+      },
+      "zoom": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "lightbox": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "placeholder": {
+        "type": "ReactNode",
+        "required": false,
+        "default": "image-off icon"
+      },
+      "showCounter": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      }
+    }
+  },
   "Input": {
     "group": "core",
     "import": "@dreamtree-org/twreact-ui",
@@ -1669,7 +1742,7 @@
       "variant": {
         "type": "string",
         "required": false,
-        "default": "\"dots\""
+        "default": "\"spinner\""
       },
       "inline": {
         "type": "boolean",
@@ -1704,8 +1777,7 @@
       },
       "onChange": {
         "type": "(location: LatLng | null) => void",
-        "required": false,
-        "default": "null) => void"
+        "required": false
       },
       "inputProps": {
         "type": "Record",
@@ -1787,7 +1859,7 @@
       "leftIcon": {
         "type": "ReactNode | false",
         "required": false,
-        "default": "false"
+        "default": "<ChevronLeft />"
       },
       "onLeftIconClick": {
         "type": "(event: React.MouseEvent<HTMLButtonElement>) => void",
@@ -1825,6 +1897,102 @@
       }
     }
   },
+  "OptionCard": {
+    "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "value": {
+        "type": "OptionCardValue",
+        "required": false
+      },
+      "title": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "description": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "media": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "badge": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "selected": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "onSelect": {
+        "type": "(value: OptionCardValue | undefined, event: React.SyntheticEvent<HTMLDivElement>) => void",
+        "required": false
+      },
+      "disabled": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "children": {
+        "type": "ReactNode",
+        "required": false
+      }
+    }
+  },
+  "OptionCardGroup": {
+    "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": false,
+    "props": {
+      "value": {
+        "type": "OptionCardValue | OptionCardValue[]",
+        "required": false
+      },
+      "defaultValue": {
+        "type": "OptionCardValue | OptionCardValue[]",
+        "required": false
+      },
+      "onChange": {
+        "type": "(value: any) => void",
+        "required": false
+      },
+      "multiple": {
+        "type": "boolean",
+        "required": false
+      },
+      "columns": {
+        "type": "1 | 2 | 3 | 4",
+        "required": false
+      },
+      "label": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "name": {
+        "type": "string",
+        "required": false
+      },
+      "disabled": {
+        "type": "boolean",
+        "required": false
+      },
+      "children": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "aria-label": {
+        "type": "string",
+        "required": false
+      },
+      "aria-labelledby": {
+        "type": "string",
+        "required": false
+      }
+    }
+  },
   "Pagination": {
     "group": "utility",
     "import": "@dreamtree-org/twreact-ui",
@@ -2049,7 +2217,7 @@
       "size": {
         "type": "Size | number",
         "required": false,
-        "default": "\"sm\""
+        "default": "\"md\""
       },
       "showValue": {
         "type": "boolean",
@@ -2067,11 +2235,11 @@
         "values": [
           "primary",
           "secondary",
-          "destructive",
           "success",
-          "warning"
+          "warning",
+          "destructive"
         ],
-        "default": "\"secondary\""
+        "default": "\"primary\""
       },
       "striped": {
         "type": "boolean",
@@ -2102,8 +2270,7 @@
     "props": {
       "onRefresh": {
         "type": "() => Promise<unknown> | void",
-        "required": false,
-        "default": "void"
+        "required": false
       },
       "threshold": {
         "type": "number",
@@ -2139,6 +2306,92 @@
       }
     }
   },
+  "QuantityStepper": {
+    "group": "core",
+    "import": "@dreamtree-org/twreact-ui",
+    "forwardRef": true,
+    "props": {
+      "value": {
+        "type": "number",
+        "required": false
+      },
+      "defaultValue": {
+        "type": "number",
+        "required": false,
+        "default": "min"
+      },
+      "onChange": {
+        "type": "(value: number) => void",
+        "required": false
+      },
+      "min": {
+        "type": "number",
+        "required": false,
+        "default": "0"
+      },
+      "max": {
+        "type": "number",
+        "required": false,
+        "default": "Infinity"
+      },
+      "step": {
+        "type": "number",
+        "required": false,
+        "default": "1"
+      },
+      "size": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "sm",
+          "md",
+          "lg"
+        ],
+        "default": "\"md\""
+      },
+      "disabled": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "loading": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "label": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "hideLabel": {
+        "type": "boolean",
+        "required": false,
+        "default": "false"
+      },
+      "formatValue": {
+        "type": "(value: number) => ReactNode",
+        "required": false
+      },
+      "decrementLabel": {
+        "type": "string",
+        "required": false,
+        "default": "\"Decrease quantity\""
+      },
+      "incrementLabel": {
+        "type": "string",
+        "required": false,
+        "default": "\"Increase quantity\""
+      },
+      "name": {
+        "type": "string",
+        "required": false
+      },
+      "aria-label": {
+        "type": "string",
+        "required": false
+      }
+    }
+  },
   "Radio": {
     "group": "core",
     "import": "@dreamtree-org/twreact-ui",
@@ -2435,7 +2688,7 @@
           "left",
           "right"
         ],
-        "default": "\"right\""
+        "default": "\"left\""
       },
       "avatarClassname": {
         "type": "string",
@@ -2639,7 +2892,7 @@
           "popover",
           "sheet"
         ],
-        "default": "\"popover\""
+        "default": "\"auto\""
       },
       "inputClassName": {
         "type": "string",
@@ -2715,8 +2968,7 @@
       },
       "value": {
         "type": "string | number | Array<string | number> | null",
-        "required": false,
-        "default": "any[]"
+        "required": false
       },
       "onChange": {
         "type": "(value: string | number | Array<string | number>) => void",
@@ -2855,8 +3107,8 @@
         "type": "enum",
         "required": false,
         "values": [
-          "top",
           "bottom",
+          "top",
           "left",
           "right"
         ],
@@ -2965,7 +3217,7 @@
           "left",
           "right"
         ],
-        "default": "\"right\""
+        "default": "\"left\""
       },
       "isMobileOpen": {
         "type": "boolean",
@@ -3004,13 +3256,11 @@
       },
       "footer": {
         "type": "ReactNode | ((ctx: SidebarFooterContext) => ReactNode)",
-        "required": false,
-        "default": "({ collapsed, isMobile, closeMobile }) => ReactNode"
+        "required": false
       },
       "stickyOffset": {
         "type": "number | string",
-        "required": false,
-        "default": "string"
+        "required": false
       },
       "containerClassName": {
         "type": "string",
@@ -3041,12 +3291,11 @@
       "height": {
         "type": "string | number",
         "required": false,
-        "default": "string"
+        "default": "16"
       },
       "width": {
         "type": "string | number",
-        "required": false,
-        "default": "string"
+        "required": false
       },
       "rounded": {
         "type": "boolean",
@@ -3401,12 +3650,12 @@
       "orientation": {
         "type": "Orientation | 'auto'",
         "required": false,
-        "default": "\"vertical\""
+        "default": "\"horizontal\""
       },
       "variant": {
         "type": "'default' | 'dots' | (string & {})",
         "required": false,
-        "default": "\"dots\""
+        "default": "\"default\""
       }
     }
   },
@@ -3437,7 +3686,7 @@
       "fullSwipe": {
         "type": "boolean | { leading?: boolean; trailing?: boolean }",
         "required": false,
-        "default": "{ leading?, trailing? }"
+        "default": "true"
       },
       "fullSwipeThreshold": {
         "type": "number",
@@ -3451,13 +3700,12 @@
       },
       "open": {
         "type": "SwipeSide | null",
-        "required": false,
-        "default": "'trailing'"
+        "required": false
       },
       "defaultOpen": {
         "type": "SwipeSide | null",
         "required": false,
-        "default": "'trailing'"
+        "default": "null"
       },
       "onOpenChange": {
         "type": "(side: SwipeSide | null) => void",
@@ -3471,7 +3719,7 @@
       "moreActions": {
         "type": "'focus' | 'always' | false",
         "required": false,
-        "default": "'always'"
+        "default": "'focus'"
       },
       "moreActionsLabel": {
         "type": "string",
@@ -3486,7 +3734,7 @@
           "popover",
           "sheet"
         ],
-        "default": "'popover'"
+        "default": "'auto'"
       },
       "contentClassName": {
         "type": "string",
@@ -3617,7 +3865,7 @@
           "bottom",
           "both"
         ],
-        "default": "'bottom'"
+        "default": "'both'"
       },
       "pageSize": {
         "type": "number",
@@ -3682,13 +3930,11 @@
       },
       "cellClass": {
         "type": "| string | ((ctx: { row: T; rowIndex: number; column: TableColumn<T>; columnIndex: number }) => string)",
-        "required": false,
-        "default": "function"
+        "required": false
       },
       "rowClass": {
         "type": "string | ((ctx: { row: T; rowIndex: number }) => string)",
-        "required": false,
-        "default": "function"
+        "required": false
       },
       "globalSearch": {
         "type": "boolean",
@@ -3830,13 +4076,12 @@
       },
       "swipeActions": {
         "type": "(row: T, index: number) => TableSwipeActions | null | undefined",
-        "required": false,
-        "default": "null"
+        "required": false
       },
       "stickyHeader": {
         "type": "boolean | string | number",
         "required": false,
-        "default": "string"
+        "default": "false"
       }
     }
   },
@@ -3869,7 +4114,7 @@
           "horizontal",
           "vertical"
         ],
-        "default": "\"vertical\""
+        "default": "\"horizontal\""
       },
       "size": {
         "type": "enum",
@@ -3893,7 +4138,7 @@
           "segmented",
           "unstyled"
         ],
-        "default": "\"pills\""
+        "default": "\"line\""
       },
       "animated": {
         "type": "boolean",
@@ -4088,8 +4333,8 @@
         "required": false,
         "values": [
           "success",
-          "warning",
           "error",
+          "warning",
           "info"
         ],
         "default": "\"info\""
@@ -4158,17 +4403,16 @@
           "left",
           "right"
         ],
-        "default": "\"top\""
+        "default": "\"auto\""
       },
       "trigger": {
         "type": "TooltipTrigger | TooltipTrigger[]",
         "required": false,
-        "default": "\"click\""
+        "default": "\"hover\""
       },
       "content": {
         "type": "ReactNode | ((args: { close: () => void }) => ReactNode)",
-        "required": false,
-        "default": "({ close }) => ReactNode"
+        "required": false
       },
       "customTrigger": {
         "type": "ReactElement",

package/dist/components/blocks/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/AppShell.jsx"],"names":[],"mappings":";AA2DA,kFAuGG;kBAlKkD,OAAO"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/AppShell.jsx"],"names":[],"mappings":";AA2DA,kFAiHG;kBA5KkD,OAAO"}

package/dist/components/blocks/ProductCard.d.ts

@@ -0,0 +1,4 @@
+export default ProductCard;
+declare const ProductCard: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';
+//# sourceMappingURL=ProductCard.d.ts.map