@dreamtree-org/twreact-ui 2.1.2 → 2.2.5

package/dist/ai-schema.json

@@ -531,6 +531,42 @@
       }
     }
   },
+  "BentoExpandGrid": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "items": {
+        "type": "BentoItem[]",
+        "required": true,
+        "default": "[]"
+      },
+      "cols": {
+        "type": "2 | 3 | 4",
+        "required": false,
+        "default": "3"
+      },
+      "expand": {
+        "type": "number",
+        "required": false,
+        "default": "2"
+      },
+      "trigger": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "hover",
+          "focus",
+          "click"
+        ],
+        "default": "\"hover\""
+      },
+      "label": {
+        "type": "string",
+        "required": false
+      }
+    }
+  },
   "Breadcrumbs": {
     "group": "navigation",
     "import": "@dreamtree-org/twreact-ui",
@@ -876,6 +912,49 @@
       }
     }
   },
+  "CountUp": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "value": {
+        "type": "number",
+        "required": true
+      },
+      "from": {
+        "type": "number",
+        "required": false,
+        "default": "0"
+      },
+      "prefix": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "suffix": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "duration": {
+        "type": "number",
+        "required": false,
+        "default": "1600"
+      },
+      "decimals": {
+        "type": "number",
+        "required": false,
+        "default": "as many as value has"
+      },
+      "locale": {
+        "type": "string",
+        "required": false,
+        "default": "\"en-IN\""
+      },
+      "format": {
+        "type": "(value: number) => string",
+        "required": false
+      }
+    }
+  },
   "DatePicker": {
     "group": "core",
     "import": "@dreamtree-org/twreact-ui",
@@ -1054,6 +1133,86 @@
       }
     }
   },
+  "DeviceFrame": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "device": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "phone",
+          "tablet",
+          "laptop",
+          "browser"
+        ],
+        "default": "\"phone\""
+      },
+      "children": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "url": {
+        "type": "string",
+        "required": false
+      },
+      "screenClassName": {
+        "type": "string",
+        "required": false
+      }
+    }
+  },
+  "DeviceMorphHero": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "media": {
+        "type": "DeviceMorphMedia",
+        "required": true
+      },
+      "device": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "phone",
+          "tablet",
+          "laptop",
+          "browser"
+        ],
+        "default": "\"phone\""
+      },
+      "length": {
+        "type": "number",
+        "required": false,
+        "default": "300"
+      },
+      "mobileLength": {
+        "type": "number",
+        "required": false,
+        "default": "150"
+      },
+      "side": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "right",
+          "left"
+        ],
+        "default": "\"right\""
+      },
+      "content": {
+        "type": "ReactNode",
+        "required": false
+      },
+      "scrollHint": {
+        "type": "ReactNode | false",
+        "required": false,
+        "default": "\"Scroll to explore\""
+      }
+    }
+  },
   "Dialog": {
     "group": "feedback",
     "import": "@dreamtree-org/twreact-ui",
@@ -1815,6 +1974,52 @@
       }
     }
   },
+  "LogoMarquee": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "items": {
+        "type": "MarqueeItem[]",
+        "required": true,
+        "default": "[]"
+      },
+      "speed": {
+        "type": "number",
+        "required": false,
+        "default": "40"
+      },
+      "direction": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "left",
+          "right"
+        ],
+        "default": "\"left\""
+      },
+      "pauseOnHover": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "fadeEdges": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "rows": {
+        "type": "1 | 2",
+        "required": false,
+        "default": "1"
+      },
+      "label": {
+        "type": "string",
+        "required": false,
+        "default": "\"Clients\""
+      }
+    }
+  },
   "Navbar": {
     "group": "navigation",
     "import": "@dreamtree-org/twreact-ui",
@@ -2029,6 +2234,32 @@
       }
     }
   },
+  "PhotoCollage": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "images": {
+        "type": "CollageImage[]",
+        "required": true,
+        "default": "[]"
+      },
+      "chips": {
+        "type": "CollageChip[]",
+        "required": false,
+        "default": "[]"
+      },
+      "parallax": {
+        "type": "number",
+        "required": false,
+        "default": "0.15"
+      },
+      "badge": {
+        "type": "ReactNode",
+        "required": false
+      }
+    }
+  },
   "Popover": {
     "group": "core",
     "import": "@dreamtree-org/twreact-ui",
@@ -2521,6 +2752,97 @@
       }
     }
   },
+  "Reveal": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "effect": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "fade-up",
+          "fade",
+          "scale",
+          "clip",
+          "split-words"
+        ],
+        "default": "\"fade-up\""
+      },
+      "delay": {
+        "type": "number",
+        "required": false,
+        "default": "0"
+      },
+      "stagger": {
+        "type": "number",
+        "required": false,
+        "default": "40"
+      },
+      "once": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "as": {
+        "type": "ElementType",
+        "required": false,
+        "default": "\"div\""
+      },
+      "children": {
+        "type": "ReactNode",
+        "required": false
+      }
+    }
+  },
+  "RevealGroup": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "effect": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "fade-up",
+          "fade",
+          "scale",
+          "clip",
+          "split-words"
+        ],
+        "default": "\"fade-up\""
+      },
+      "delay": {
+        "type": "number",
+        "required": false,
+        "default": "0"
+      },
+      "stagger": {
+        "type": "number",
+        "required": false,
+        "default": "80"
+      },
+      "once": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "as": {
+        "type": "ElementType",
+        "required": false,
+        "default": "\"div\""
+      },
+      "itemAs": {
+        "type": "ElementType",
+        "required": false,
+        "default": "\"div\""
+      },
+      "children": {
+        "type": "ReactNode",
+        "required": false
+      }
+    }
+  },
   "RichTextEditor": {
     "group": "rich-text",
     "import": "@dreamtree-org/twreact-ui/rich-text",
@@ -2625,6 +2947,31 @@
       }
     }
   },
+  "RotatingBadge": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "text": {
+        "type": "string",
+        "required": true
+      },
+      "speed": {
+        "type": "number",
+        "required": false,
+        "default": "14"
+      },
+      "size": {
+        "type": "number",
+        "required": false,
+        "default": "120"
+      },
+      "icon": {
+        "type": "ReactNode",
+        "required": false
+      }
+    }
+  },
   "RoundedTag": {
     "group": "core",
     "import": "@dreamtree-org/twreact-ui",
@@ -2814,6 +3161,45 @@
       }
     }
   },
+  "ScrollStage": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "length": {
+        "type": "number",
+        "required": false,
+        "default": "300"
+      },
+      "mobileLength": {
+        "type": "number",
+        "required": false,
+        "default": "150"
+      },
+      "pin": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "children": {
+        "type": "ReactNode | ((progress: ScrollProgress) => ReactNode)",
+        "required": false
+      },
+      "onProgress": {
+        "type": "(progress: number) => void",
+        "required": false
+      },
+      "contentClassName": {
+        "type": "string",
+        "required": false
+      },
+      "as": {
+        "type": "ElementType",
+        "required": false,
+        "default": "\"section\""
+      }
+    }
+  },
   "SearchField": {
     "group": "core",
     "import": "@dreamtree-org/twreact-ui",
@@ -3405,6 +3791,30 @@
       }
     }
   },
+  "SmoothScrollProvider": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": false,
+    "props": {
+      "lenis": {
+        "type": "new (options?: Record<string, unknown>) => LenisLike",
+        "required": false
+      },
+      "options": {
+        "type": "Record",
+        "required": false
+      },
+      "enabled": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "children": {
+        "type": "ReactNode",
+        "required": false
+      }
+    }
+  },
   "Sortable": {
     "group": "utility",
     "import": "@dreamtree-org/twreact-ui",
@@ -3628,6 +4038,82 @@
       }
     }
   },
+  "StackedCards": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "items": {
+        "type": "StackedCardItem[]",
+        "required": true,
+        "default": "[]"
+      },
+      "stickyTop": {
+        "type": "number",
+        "required": false,
+        "default": "80"
+      },
+      "tilt": {
+        "type": "number",
+        "required": false,
+        "default": "1"
+      },
+      "scaleBack": {
+        "type": "number",
+        "required": false,
+        "default": "0.94"
+      },
+      "dimBack": {
+        "type": "number",
+        "required": false,
+        "default": "0.15"
+      },
+      "mediaSide": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "alternate",
+          "right"
+        ],
+        "default": "\"alternate\""
+      },
+      "renderItem": {
+        "type": "(item: StackedCardItem, index: number) => ReactNode",
+        "required": false
+      }
+    }
+  },
+  "StatStrip": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "items": {
+        "type": "StatItem[]",
+        "required": true,
+        "default": "[]"
+      },
+      "variant": {
+        "type": "enum",
+        "required": false,
+        "values": [
+          "cards",
+          "band"
+        ],
+        "default": "\"cards\""
+      },
+      "duration": {
+        "type": "number",
+        "required": false,
+        "default": "1600"
+      },
+      "locale": {
+        "type": "string",
+        "required": false,
+        "default": "\"en-IN\""
+      }
+    }
+  },
   "Stepper": {
     "group": "utility",
     "import": "@dreamtree-org/twreact-ui",
@@ -4152,6 +4638,33 @@
       }
     }
   },
+  "TestimonialSpotlight": {
+    "group": "motion",
+    "import": "@dreamtree-org/twreact-ui/motion",
+    "forwardRef": true,
+    "props": {
+      "items": {
+        "type": "TestimonialItem[]",
+        "required": true,
+        "default": "[]"
+      },
+      "autoplay": {
+        "type": "number",
+        "required": false,
+        "default": "6000"
+      },
+      "grid": {
+        "type": "boolean",
+        "required": false,
+        "default": "true"
+      },
+      "label": {
+        "type": "string",
+        "required": false,
+        "default": "\"Testimonials\""
+      }
+    }
+  },
   "TextToSpeech": {
     "group": "core",
     "import": "@dreamtree-org/twreact-ui",

package/dist/charts/index.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var cn = require('../_shared/cn-DPPQUJu1.js');
+var cn = require('../_shared/cn-TMJ-_w1a.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var recharts = require('recharts');
+var useReducedMotion = require('../_shared/useReducedMotion-B_PMM5ER.js');
 require('clsx');
 require('tailwind-merge');
 
@@ -181,77 +182,6 @@ var ChartFrame = /*#__PURE__*/React__default.default.forwardRef(function ChartFr
   }));
 });
 
-// Internal (not exported). SSR-safe media-query subscription.
-function getMediaQueryList(query) {
-  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return null;
-  return window.matchMedia(query) || null;
-}
-/**
- * Subscribes `onChange` to a MediaQueryList's change events. Uses
- * `addEventListener` where available and falls back to the deprecated
- * `addListener` (Safari < 14). Returns the unsubscribe function.
- */
-function subscribeMediaQuery(query, onChange) {
-  var mql = getMediaQueryList(query);
-  if (!mql) return function () {};
-  if (typeof mql.addEventListener === "function") {
-    mql.addEventListener("change", onChange);
-    return function () {
-      var _mql$removeEventListe;
-      return (_mql$removeEventListe = mql.removeEventListener) === null || _mql$removeEventListe === void 0 ? void 0 : _mql$removeEventListe.call(mql, "change", onChange);
-    };
-  }
-  if (typeof mql.addListener === "function") {
-    mql.addListener(onChange);
-    return function () {
-      var _mql$removeListener;
-      return (_mql$removeListener = mql.removeListener) === null || _mql$removeListener === void 0 ? void 0 : _mql$removeListener.call(mql, onChange);
-    };
-  }
-  return function () {};
-}
-/**
- * `true` while `query` matches; follows changes live.
- *
- * On the server (and while hydrating) it returns `defaultValue`, so server and
- * client markup agree; the real value is applied right after hydration. Without
- * `window.matchMedia` it always returns `defaultValue`.
- *
- * @param {string} query - a CSS media query, e.g. "(max-width: 639px)".
- * @param {{ defaultValue?: boolean }} [options]
- * @returns {boolean}
- */
-function useMediaQuery(query) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue;
-  var subscribe = React.useCallback(function (onChange) {
-    return subscribeMediaQuery(query, onChange);
-  }, [query]);
-  var getSnapshot = function getSnapshot() {
-    var mql = getMediaQueryList(query);
-    return mql ? Boolean(mql.matches) : defaultValue;
-  };
-  var getServerSnapshot = function getServerSnapshot() {
-    return defaultValue;
-  };
-  return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}
-
-// Internal (not exported). Shared by the charts and the overlay primitives.
-var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
-/**
- * `true` while the user asks the OS for reduced motion; follows changes live.
- * `false` on the server and while hydrating, so the first render matches.
- *
- * @returns {boolean}
- */
-function useReducedMotion() {
-  return useMediaQuery(REDUCED_MOTION_QUERY, {
-    defaultValue: false
-  });
-}
-
 var CHART_PALETTES = ["primary", "secondary", "success", "warning", "error", "info", "gray"];
 var DEFAULT_CHART_COLORS = ["primary", "success", "warning", "error", "info", "secondary", "gray"];
 var TOKEN_RE = new RegExp("^(".concat(CHART_PALETTES.join("|"), ")(?:-(50|[1-9]00|950))?$"));
@@ -581,7 +511,7 @@ var CartesianChart = /*#__PURE__*/React__default.default.forwardRef(function Car
   var _useChartTheme = useChartTheme(categories, colors),
     chrome = _useChartTheme.chrome,
     series = _useChartTheme.series;
-  var reducedMotion = useReducedMotion();
+  var reducedMotion = useReducedMotion.useReducedMotion();
   var chartId = useChartId();
   var Root = ROOTS[kind];
   var isHorizontalBars = kind === "bar" && horizontal;
@@ -786,7 +716,7 @@ var DonutChart = /*#__PURE__*/React__default.default.forwardRef(function (_ref,
   var _useChartTheme = useChartTheme(names, colors),
     chrome = _useChartTheme.chrome,
     series = _useChartTheme.series;
-  var reducedMotion = useReducedMotion();
+  var reducedMotion = useReducedMotion.useReducedMotion();
   var chartId = useChartId();
   var slices = rows.map(function (row, i) {
     return cn._objectSpread2(cn._objectSpread2({}, row), {}, {
@@ -889,7 +819,7 @@ var Sparkline = /*#__PURE__*/React__default.default.forwardRef(function (_ref, r
     rest = cn._objectWithoutProperties(_ref, _excluded$1);
   var _useChartTheme = useChartTheme([category], [color]),
     series = _useChartTheme.series;
-  var reducedMotion = useReducedMotion();
+  var reducedMotion = useReducedMotion.useReducedMotion();
   var chartId = useChartId();
   var stroke = series[0];
   var Root = type === "area" ? recharts.AreaChart : recharts.LineChart;
@@ -1105,7 +1035,7 @@ var ScatterChart = /*#__PURE__*/React__default.default.forwardRef(function Scatt
   var _useChartTheme = useChartTheme(names, colors),
     chrome = _useChartTheme.chrome,
     series = _useChartTheme.series;
-  var reducedMotion = useReducedMotion();
+  var reducedMotion = useReducedMotion.useReducedMotion();
   var chartId = useChartId();
   var _useElementWidth = useElementWidth(),
     _useElementWidth2 = cn._slicedToArray(_useElementWidth, 2),