@cdx-ui/primitives 0.0.1-alpha.9 → 0.0.1-beta.2

package/src/select/types.ts

@@ -2,7 +2,6 @@ import type { PropsWithoutRef, ReactNode, RefAttributes, RefObject } from 'react
 import type { PressableProps, ViewProps } from 'react-native';
 import type { EntryOrExitLayoutType } from 'react-native-reanimated';
 import type { InteractionState } from '../types';
-export type { InteractionState };
 
 export interface SelectItemInteractionState extends InteractionState {
   highlighted: boolean;
@@ -32,6 +31,8 @@ export interface ISelectTriggerProps extends PressableProps {
   isFocused?: boolean;
   isFocusVisible?: boolean;
   isDisabled?: boolean;
+  /** @platform web — merged with form field helper/error ids */
+  'aria-describedby'?: string;
 }
 
 export interface ISelectValueProps {
@@ -89,6 +90,8 @@ export interface SelectContextValue {
   activeValue: string | undefined;
   setActiveValue: (value: string | undefined) => void;
   accessibilityLabel: string | undefined;
+  /** From `Form.Field` via `useFormControl` on the select root (helper/error `aria-describedby`). */
+  ariaDescribedBy?: string;
 }
 
 export type ISelectComponentType<

package/src/utils/createPortal.ts

@@ -0,0 +1,20 @@
+import type React from 'react';
+import { Platform } from 'react-native';
+
+type CreatePortalFn = (children: React.ReactNode, container: Element) => React.ReactPortal;
+
+/**
+ * A reference to `ReactDOM.createPortal` on web, `undefined` on native.
+ *
+ * Loaded lazily via `require` so that native bundles never reference
+ * `react-dom`, which would cause a build error on native platforms.
+ */
+export const createPortalFn: CreatePortalFn | undefined = (() => {
+  if (Platform.OS !== 'web') return undefined;
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    return (require('react-dom') as { createPortal: CreatePortalFn }).createPortal;
+  } catch {
+    return undefined;
+  }
+})();

package/src/utils/dataAttributes.web.ts

@@ -17,10 +17,8 @@ export function dataAttributes(attrs: Record<string, DataAttributeValue>): {
   const dataSet: Record<string, boolean | string> = {};
   for (const key in attrs) {
     const value = attrs[key];
-    if (value === undefined) {
-      continue;
-    }
-    dataSet[key] = value;
+
+    dataSet[key] = value ?? false;
   }
   return { dataSet };
 }

package/lib/commonjs/input/createInputIcon.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createInputIcon = void 0;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-const createInputIcon = BaseInputIcon => /*#__PURE__*/(0, _react.forwardRef)(({
-  children,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseInputIcon, {
-    ref: ref,
-    ...props,
-    children: children
-  });
-});
-exports.createInputIcon = createInputIcon;
-//# sourceMappingURL=createInputIcon.js.map

package/lib/commonjs/input/createInputIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_jsxRuntime","createInputIcon","BaseInputIcon","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["input/createInputIcon.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAmC,IAAAC,WAAA,GAAAD,OAAA;AAG5B,MAAME,eAAe,GAAQC,aAAqC,iBACvE,IAAAC,iBAAU,EAA2B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpE,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACL,aAAa;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAChCA;EAAQ,CACI,CAAC;AAEpB,CAAC,CAAC;AAACI,OAAA,CAAAP,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/module/input/createInputIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["forwardRef","jsx","_jsx","createInputIcon","BaseInputIcon","children","props","ref"],"sourceRoot":"../../../src","sources":["input/createInputIcon.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnC,OAAO,MAAMC,eAAe,GAAQC,aAAqC,iBACvEJ,UAAU,CAA2B,CAAC;EAAEK,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpE,oBACEL,IAAA,CAACE,aAAa;IAACG,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAChCA;EAAQ,CACI,CAAC;AAEpB,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/input/createInputIcon.d.ts

@@ -1,4 +0,0 @@
-import type React from 'react';
-import type { IInputIconProps } from './types';
-export declare const createInputIcon: <T>(BaseInputIcon: React.ComponentType<T>) => React.ForwardRefExoticComponent<IInputIconProps & React.RefAttributes<unknown>>;
-//# sourceMappingURL=createInputIcon.d.ts.map

package/lib/typescript/input/createInputIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createInputIcon.d.ts","sourceRoot":"","sources":["../../../src/input/createInputIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,eAAe,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,oFAOrE,CAAC"}

package/src/input/createInputIcon.tsx

@@ -1,12 +0,0 @@
-import type React from 'react';
-import { forwardRef } from 'react';
-import type { IInputIconProps } from './types';
-
-export const createInputIcon = <T,>(BaseInputIcon: React.ComponentType<T>) =>
-  forwardRef<unknown, IInputIconProps>(({ children, ...props }, ref) => {
-    return (
-      <BaseInputIcon ref={ref} {...(props as T)}>
-        {children}
-      </BaseInputIcon>
-    );
-  });