@oprt/react 0.2.1 → 0.3.0

package/README.md

@@ -35,7 +35,8 @@ import "@oprt/tokens";
 import "./globals.css";
 ```
 
-Load the tokens from JavaScript or a `<link>`, not with an `@import` inside the Tailwind
+Load the tokens from
+JavaScript or a `<link>`, not with an `@import` inside the Tailwind
 stylesheet: the Tailwind CLI inlines an imported file without rewriting its font URLs, and the
 bundled fonts would not load. Inside Tailwind Typography's `prose`, wrap components in an element
 with the `not-prose` class.

package/dist/Popover/Popover.js

@@ -69,11 +69,12 @@ var Popover = forwardRef(
     const dialog = useRef(null);
     const lastDialog = useRef(null);
     const wasOpen = useRef(false);
-    const focusFrame = useRef();
+    const focusFrame = useRef(void 0);
     const focusScrollClose = useRef(false);
     const current = useRef({ isOpen, onCloseAutoFocus, returnFocusRef });
     current.current = { isOpen, onCloseAutoFocus, returnFocusRef };
-    const childRef = parseInt(version, 10) < 19 ? children.ref : children.props.ref;
+    const triggerChild = children;
+    const childRef = parseInt(version, 10) < 19 ? triggerChild.ref : triggerChild.props.ref;
     const rememberTrigger = useCallback((node) => {
       trigger.current = node;
       if (node) lastTrigger.current = node;
@@ -209,10 +210,10 @@ var Popover = forwardRef(
         document.removeEventListener("pointercancel", cancel, true);
       };
     }, [isOpen, requestOpen]);
-    const triggerElement = cloneElement(children, {
+    const triggerElement = cloneElement(triggerChild, {
       ref: setTrigger,
-      disabled: disabled || children.props.disabled,
-      "aria-disabled": disabled || children.props["aria-disabled"],
+      disabled: disabled || triggerChild.props.disabled,
+      "aria-disabled": disabled || triggerChild.props["aria-disabled"],
       "aria-controls": isOpen ? id : void 0
     });
     const pressable = /* @__PURE__ */ jsx(Pressable, { isDisabled: disabled, children: triggerElement });

package/dist/Tabs/useTabsIndicator.js

@@ -6,7 +6,7 @@ import { createResizeObserver } from "../_internal/useElementWidth.js";
 import { useIsomorphicLayoutEffect } from "../_internal/useIsomorphicLayoutEffect.js";
 function useTabsIndicator(list, vertical) {
   const [geometry, setGeometry] = useState();
-  const selectedId = useRef();
+  const selectedId = useRef(void 0);
   useIsomorphicLayoutEffect(() => {
     const node = list.current;
     if (!node) return;

package/dist/_internal/hydration.js

@@ -35,11 +35,11 @@ function warnProbeMissing(origin) {
 function useHydrationRoot(...forwardedIds) {
   const probe = useId();
   const hydrated = useSyncExternalStore(subscribeNoop, getClientSnapshot, getServerSnapshot);
-  const hydratingMount = useRef();
+  const hydratingMount = useRef(void 0);
   if (hydratingMount.current === void 0) hydratingMount.current = !hydrated;
   const [disagrees, setDisagrees] = useState(false);
   const clientOnly = useRef(hydrated);
-  const origin = useRef();
+  const origin = useRef(void 0);
   if (process.env.NODE_ENV !== "production" && origin.current === void 0) {
     origin.current = callerOfHook();
   }

package/dist/_internal/motion.js

@@ -25,8 +25,8 @@ function useMotion(mode = "auto", component) {
   const [ready, setReady] = useState(false);
   const [keyboard, setKeyboard] = useState(false);
   const pointer = useRef(false);
-  const frame = useRef();
-  const contactCleanup = useRef();
+  const frame = useRef(void 0);
+  const contactCleanup = useRef(void 0);
   const clearContact = useCallback(() => {
     contactCleanup.current?.();
     contactCleanup.current = void 0;

package/dist/index.cjs

@@ -944,8 +944,8 @@ function useMotion(mode = "auto", component) {
   const [ready, setReady] = (0, import_react8.useState)(false);
   const [keyboard, setKeyboard] = (0, import_react8.useState)(false);
   const pointer = (0, import_react8.useRef)(false);
-  const frame = (0, import_react8.useRef)();
-  const contactCleanup = (0, import_react8.useRef)();
+  const frame = (0, import_react8.useRef)(void 0);
+  const contactCleanup = (0, import_react8.useRef)(void 0);
   const clearContact = (0, import_react8.useCallback)(() => {
     contactCleanup.current?.();
     contactCleanup.current = void 0;
@@ -1286,11 +1286,11 @@ function warnProbeMissing(origin) {
 function useHydrationRoot(...forwardedIds) {
   const probe = (0, import_react11.useId)();
   const hydrated = (0, import_react11.useSyncExternalStore)(subscribeNoop, getClientSnapshot, getServerSnapshot);
-  const hydratingMount = (0, import_react11.useRef)();
+  const hydratingMount = (0, import_react11.useRef)(void 0);
   if (hydratingMount.current === void 0) hydratingMount.current = !hydrated;
   const [disagrees, setDisagrees] = (0, import_react11.useState)(false);
   const clientOnly = (0, import_react11.useRef)(hydrated);
-  const origin = (0, import_react11.useRef)();
+  const origin = (0, import_react11.useRef)(void 0);
   if (process.env.NODE_ENV !== "production" && origin.current === void 0) {
     origin.current = callerOfHook();
   }
@@ -6464,7 +6464,7 @@ var TabsCompositionRules = {
 var import_react45 = require("react");
 function useTabsIndicator(list, vertical) {
   const [geometry, setGeometry] = (0, import_react45.useState)();
-  const selectedId = (0, import_react45.useRef)();
+  const selectedId = (0, import_react45.useRef)(void 0);
   useIsomorphicLayoutEffect(() => {
     const node = list.current;
     if (!node) return;
@@ -13031,11 +13031,12 @@ var Popover2 = (0, import_react74.forwardRef)(
     const dialog = (0, import_react74.useRef)(null);
     const lastDialog = (0, import_react74.useRef)(null);
     const wasOpen = (0, import_react74.useRef)(false);
-    const focusFrame = (0, import_react74.useRef)();
+    const focusFrame = (0, import_react74.useRef)(void 0);
     const focusScrollClose = (0, import_react74.useRef)(false);
     const current = (0, import_react74.useRef)({ isOpen, onCloseAutoFocus, returnFocusRef });
     current.current = { isOpen, onCloseAutoFocus, returnFocusRef };
-    const childRef = parseInt(import_react74.version, 10) < 19 ? children.ref : children.props.ref;
+    const triggerChild = children;
+    const childRef = parseInt(import_react74.version, 10) < 19 ? triggerChild.ref : triggerChild.props.ref;
     const rememberTrigger = (0, import_react74.useCallback)((node) => {
       trigger.current = node;
       if (node) lastTrigger.current = node;
@@ -13171,10 +13172,10 @@ var Popover2 = (0, import_react74.forwardRef)(
         document.removeEventListener("pointercancel", cancel, true);
       };
     }, [isOpen, requestOpen]);
-    const triggerElement = (0, import_react74.cloneElement)(children, {
+    const triggerElement = (0, import_react74.cloneElement)(triggerChild, {
       ref: setTrigger,
-      disabled: disabled || children.props.disabled,
-      "aria-disabled": disabled || children.props["aria-disabled"],
+      disabled: disabled || triggerChild.props.disabled,
+      "aria-disabled": disabled || triggerChild.props["aria-disabled"],
       "aria-controls": isOpen ? id : void 0
     });
     const pressable = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_aria_components21.Pressable, { isDisabled: disabled, children: triggerElement });
@@ -17700,7 +17701,7 @@ var PlaybackControlsManifest = {
 };
 
 // package.json
-var version3 = "0.2.1";
+var version3 = "0.3.0";
 
 // src/version.ts
 var VERSION = version3;

package/dist/version.js

@@ -1,5 +1,5 @@
 // package.json
-var version = "0.2.1";
+var version = "0.3.0";
 
 // src/version.ts
 var VERSION = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oprt/react",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "React components for operational interfaces: command, control and industrial software. 75 component families with interactive behavior from React Aria, styled with Tailwind CSS 4.",
   "keywords": [
     "design-system",
@@ -50,14 +50,16 @@
     "react-aria": "^3.51.0",
     "react-aria-components": "^1.20.0",
     "@oprt/icons": "0.1.0",
-    "@oprt/tokens": "0.2.0"
+    "@oprt/tokens": "0.3.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/react": "^18.3.12",
+    "@types/react-19": "npm:@types/react@19.3.0",
     "@types/react-dom": "^18.3.1",
+    "@types/react-dom-19": "npm:@types/react-dom@19.3.0",
     "@vitest/coverage-v8": "^2.1.3",
     "jsdom": "^25.0.1",
     "react": "^18.3.1",
@@ -66,7 +68,7 @@
     "typescript": "^5.6.3",
     "vitest": "^2.1.3",
     "vitest-axe": "^0.1.0",
-    "@oprt/manifest": "0.1.0"
+    "@oprt/manifest": "0.3.0"
   },
   "license": "MIT",
   "publishConfig": {