@react-fabric/core 1.0.0-beta.46 → 1.0.0-beta.47

package/css/theme/_utilities.css

@@ -227,7 +227,7 @@
   background-color: var(--bg-color-invert);
 }
 
-@utility text-base {
+@utility text-reset {
   color: var(--text-color-base);
 }
 

package/dist/cjs/context/Global.js

@@ -68,6 +68,9 @@ var ApplicationProvider = function ApplicationProvider(_ref3) {
     _useState8 = _slicedToArray(_useState7, 2),
     locale = _useState8[0],
     setLocale = _useState8[1];
+  react.useEffect(function () {
+    defaultColorScheme && setColorScheme(defaultColorScheme);
+  }, [defaultColorScheme]);
 
   /** ***************** set initial theme and locale dir  *******************/
   react.useEffect(function () {

package/dist/cjs/hooks/useResizeObserver.js

@@ -22,7 +22,7 @@ var useResizeObserver = function useResizeObserver(onResize) {
         });
       }
     });
-  }, [onResize]);
+  }, [onResize], 0);
   react.useEffect(function () {
     if (ref.current != null) {
       var ob = new ResizeObserver(callbackResize);

package/dist/cjs/typography/Abbr.js

@@ -21,9 +21,9 @@ var AbbrText = function AbbrText(_ref) {
     return tooltip ? Tooltip.Tooltip : react.Fragment;
   }, [tooltip]);
   var tooltipProps = react.useMemo(function () {
-    return _objectSpread(_objectSpread({}, Tooltip.getTooltipProps(tooltip)), {}, {
+    return tooltip ? _objectSpread(_objectSpread({}, Tooltip.getTooltipProps(tooltip)), {}, {
       copyContent: content
-    });
+    }) : {};
   }, [tooltip, content]);
   return /*#__PURE__*/jsxRuntime.jsx(TooltipWrapper, _objectSpread(_objectSpread({}, tooltipProps), {}, {
     children: /*#__PURE__*/jsxRuntime.jsx("abbr", {

package/dist/esm/context/Global.js

@@ -68,6 +68,9 @@ var ApplicationProvider = function ApplicationProvider(_ref3) {
     _useState8 = _slicedToArray(_useState7, 2),
     locale = _useState8[0],
     setLocale = _useState8[1];
+  useEffect(function () {
+    defaultColorScheme && setColorScheme(defaultColorScheme);
+  }, [defaultColorScheme]);
 
   /** ***************** set initial theme and locale dir  *******************/
   useEffect(function () {

package/dist/esm/hooks/useResizeObserver.js

@@ -22,7 +22,7 @@ var useResizeObserver = function useResizeObserver(onResize) {
         });
       }
     });
-  }, [onResize]);
+  }, [onResize], 0);
   useEffect(function () {
     if (ref.current != null) {
       var ob = new ResizeObserver(callbackResize);

package/dist/esm/typography/Abbr.js

@@ -21,9 +21,9 @@ var AbbrText = function AbbrText(_ref) {
     return tooltip ? Tooltip : Fragment;
   }, [tooltip]);
   var tooltipProps = useMemo(function () {
-    return _objectSpread(_objectSpread({}, getTooltipProps(tooltip)), {}, {
+    return tooltip ? _objectSpread(_objectSpread({}, getTooltipProps(tooltip)), {}, {
       copyContent: content
-    });
+    }) : {};
   }, [tooltip, content]);
   return /*#__PURE__*/jsx(TooltipWrapper, _objectSpread(_objectSpread({}, tooltipProps), {}, {
     children: /*#__PURE__*/jsx("abbr", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-fabric/core",
-  "version": "1.0.0-beta.46",
+  "version": "1.0.0-beta.47",
   "description": "RUF: Core package",
   "author": "Adarsh Pastakia <adarshpastakia@outlook.com>",
   "license": "MIT",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.24",
-    "@react-fabric/utilities": "^1.0.0-beta.46",
+    "@react-fabric/utilities": "^1.0.0-beta.47",
     "@tailwindcss/postcss": "~4.0.14",
     "boring-avatars": "^1.10.2",
     "classnames": "^2.5.1",
@@ -54,5 +54,5 @@
     "node": ">=18.12.0",
     "npm": ">=8.19.0"
   },
-  "gitHead": "0dfc20b9c84712bb1cb5205c22464e8a1eb2341c"
+  "gitHead": "832a1bce055337127ba17c505731f419248cc15e"
 }

package/src/context/Global.tsx

@@ -146,6 +146,10 @@ export const ApplicationProvider: FC<GlobalProps> = ({
     defaultLocale ?? systemLocale(),
   );
 
+  useEffect(() => {
+    defaultColorScheme && setColorScheme(defaultColorScheme);
+  }, [defaultColorScheme]);
+
   /** ***************** set initial theme and locale dir  *******************/
   useEffect(() => {
     document.documentElement.lang = locale;

package/src/hooks/useResizeObserver.ts

@@ -32,14 +32,18 @@ export const useResizeObserver = <T extends HTMLElement = HTMLDivElement>(
   const ref = useRef<T>(null);
   const [, startTransition] = useTransition();
 
-  const callbackResize = useDebounce(() => {
-    startTransition(() => {
-      if (onResize && ref.current != null) {
-        const { offsetWidth: width, offsetHeight: height } = ref.current;
-        onResize?.({ width, height });
-      }
-    });
-  }, [onResize]);
+  const callbackResize = useDebounce(
+    () => {
+      startTransition(() => {
+        if (onResize && ref.current != null) {
+          const { offsetWidth: width, offsetHeight: height } = ref.current;
+          onResize?.({ width, height });
+        }
+      });
+    },
+    [onResize],
+    0,
+  );
 
   useEffect(() => {
     if (ref.current != null) {

package/src/typography/Abbr.tsx

@@ -47,7 +47,7 @@ const AbbrText = ({ color, children, tooltip, content }: AbbrTextProps) => {
     [tooltip],
   );
   const tooltipProps = useMemo(() => {
-    return { ...getTooltipProps(tooltip), copyContent: content };
+    return tooltip ? { ...getTooltipProps(tooltip), copyContent: content } : {};
   }, [tooltip, content]);
 
   return (