@cdx-ui/primitives 0.0.1-beta.140 → 0.0.1-beta.142

package/src/utils/accessibleLabel.ts

@@ -0,0 +1,22 @@
+export interface AccessibleLabelProps {
+  accessibilityLabel?: string;
+  'aria-label'?: string;
+}
+
+export function resolveAccessibleLabel({
+  accessibilityLabel,
+  'aria-label': ariaLabel,
+}: AccessibleLabelProps): string | undefined {
+  return accessibilityLabel ?? ariaLabel;
+}
+
+export function accessibleLabelAttributes(label: string | undefined) {
+  if (label === undefined) {
+    return {};
+  }
+
+  return {
+    accessibilityLabel: label,
+    'aria-label': label,
+  };
+}

package/src/utils/createPortal.web.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+import { createPortal } from 'react-dom';
+
+type CreatePortalFn = (children: React.ReactNode, container: Element) => React.ReactPortal;
+
+/**
+ * Web implementation — statically imports `ReactDOM.createPortal`.
+ *
+ * The base (`.ts`) module resolves `react-dom` lazily via `require` so native
+ * bundles never reference it. That `require` is `undefined` in browser ESM
+ * bundles that don't transform mixed CommonJS/ESM (e.g. the docs site's Vite
+ * build), so the base module silently resolves `createPortalFn` to `undefined`
+ * there. That forces `OverlayContainer` onto its native `Modal` + Reanimated
+ * layout-animation path, leaving web overlays (Select, DatePicker) stuck at
+ * opacity 0. A static ESM import guarantees `createPortalFn` resolves on web
+ * regardless of the bundler's CommonJS interop.
+ */
+export const createPortalFn: CreatePortalFn = createPortal;