@cdx-ui/primitives 0.0.1-beta.3 → 0.0.1-beta.30

package/lib/module/list-item/createListItemTitle.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createListItemTitle = Base => /*#__PURE__*/forwardRef(({
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Base, {
+  ...props,
+  ...dataAttributes({
+    slot: 'list-item-title'
+  }),
+  ref: ref,
+  style: style,
+  children: children
+}));
+//# sourceMappingURL=createListItemTitle.js.map

package/lib/module/list-item/createListItemTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","createListItemTitle","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["list-item/createListItemTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,OAAO,MAAMC,mBAAmB,GAAQC,IAA4B,iBAClEL,UAAU,CAAC,CAAC;EAAEM,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA2B,CAAC,EAAEC,GAAuB,kBACrFN,IAAA,CAACE,IAAI;EAAA,GACEG,KAAK;EAAA,GACNP,cAAc,CAAC;IACjBS,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAEA,KAAM;EAAAD,QAAA,EAEZA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}

package/lib/module/list-item/createListItemTrailingSlot.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { jsx as _jsx } from "react/jsx-runtime";
+const shrinkZero = {
+  flexShrink: 0
+};
+export const createListItemTrailingSlot = Base => /*#__PURE__*/forwardRef(({
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Base, {
+  ...props,
+  ...dataAttributes({
+    slot: 'list-item-trailing'
+  }),
+  ref: ref,
+  style: [shrinkZero, style],
+  children: children
+}));
+//# sourceMappingURL=createListItemTrailingSlot.js.map

package/lib/module/list-item/createListItemTrailingSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","shrinkZero","flexShrink","createListItemTrailingSlot","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["list-item/createListItemTrailingSlot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE7C,OAAO,MAAMC,0BAA0B,GAAQC,IAA4B,iBACzEP,UAAU,CACR,CAAC;EAAEQ,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAkC,CAAC,EAAEC,GAAuB,kBACjFR,IAAA,CAACI,IAAI;EAAA,GACEG,KAAK;EAAA,GACNT,cAAc,CAAC;IACjBW,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACL,UAAU,EAAEK,KAAK,CAAE;EAAAD,QAAA,EAE1BA;AAAQ,CACL,CAEV,CAAC","ignoreList":[]}

package/lib/module/list-item/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { createListItemContent } from './createListItemContent';
+import { createListItemDescription } from './createListItemDescription';
+import { createListItemLeadingSlot } from './createListItemLeadingSlot';
+import { createListItemMeta } from './createListItemMeta';
+import { createListItemRoot } from './createListItemRoot';
+import { createListItemSectionHeader } from './createListItemSectionHeader';
+import { createListItemTitle } from './createListItemTitle';
+import { createListItemTrailingSlot } from './createListItemTrailingSlot';
+export { ListItemProvider, useListItemContext } from './context';
+export function createListItem(BaseComponents) {
+  const ListItem = createListItemRoot(BaseComponents.View, BaseComponents.Pressable);
+  const LeadingSlot = createListItemLeadingSlot(BaseComponents.LeadingSlot);
+  const Content = createListItemContent(BaseComponents.Content);
+  const Title = createListItemTitle(BaseComponents.Title);
+  const Description = createListItemDescription(BaseComponents.Description);
+  const Meta = createListItemMeta(BaseComponents.Meta);
+  const TrailingSlot = createListItemTrailingSlot(BaseComponents.TrailingSlot);
+  const SectionHeader = createListItemSectionHeader(BaseComponents.SectionHeader);
+  ListItem.displayName = 'ListItemPrimitive';
+  LeadingSlot.displayName = 'ListItemPrimitive.LeadingSlot';
+  Content.displayName = 'ListItemPrimitive.Content';
+  Title.displayName = 'ListItemPrimitive.Title';
+  Description.displayName = 'ListItemPrimitive.Description';
+  Meta.displayName = 'ListItemPrimitive.Meta';
+  TrailingSlot.displayName = 'ListItemPrimitive.TrailingSlot';
+  SectionHeader.displayName = 'ListItemPrimitive.SectionHeader';
+  return Object.assign(ListItem, {
+    LeadingSlot,
+    Content,
+    Title,
+    Description,
+    Meta,
+    TrailingSlot,
+    SectionHeader
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createListItemContent","createListItemDescription","createListItemLeadingSlot","createListItemMeta","createListItemRoot","createListItemSectionHeader","createListItemTitle","createListItemTrailingSlot","ListItemProvider","useListItemContext","createListItem","BaseComponents","ListItem","View","Pressable","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["list-item/index.ts"],"mappings":";;AACA,SAASA,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,0BAA0B,QAAQ,8BAA8B;AAoBzE,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,WAAW;AAEhE,OAAO,SAASC,cAAcA,CAU5BC,cAUD,EAAE;EACD,MAAMC,QAAQ,GAAGR,kBAAkB,CAACO,cAAc,CAACE,IAAI,EAAEF,cAAc,CAACG,SAAS,CAAC;EAClF,MAAMC,WAAW,GAAGb,yBAAyB,CAACS,cAAc,CAACI,WAAW,CAAC;EACzE,MAAMC,OAAO,GAAGhB,qBAAqB,CAACW,cAAc,CAACK,OAAO,CAAC;EAC7D,MAAMC,KAAK,GAAGX,mBAAmB,CAACK,cAAc,CAACM,KAAK,CAAC;EACvD,MAAMC,WAAW,GAAGjB,yBAAyB,CAACU,cAAc,CAACO,WAAW,CAAC;EACzE,MAAMC,IAAI,GAAGhB,kBAAkB,CAACQ,cAAc,CAACQ,IAAI,CAAC;EACpD,MAAMC,YAAY,GAAGb,0BAA0B,CAACI,cAAc,CAACS,YAAY,CAAC;EAC5E,MAAMC,aAAa,GAAGhB,2BAA2B,CAACM,cAAc,CAACU,aAAa,CAAC;EAE/ET,QAAQ,CAACU,WAAW,GAAG,mBAAmB;EAC1CP,WAAW,CAACO,WAAW,GAAG,+BAA+B;EACzDN,OAAO,CAACM,WAAW,GAAG,2BAA2B;EACjDL,KAAK,CAACK,WAAW,GAAG,yBAAyB;EAC7CJ,WAAW,CAACI,WAAW,GAAG,+BAA+B;EACzDH,IAAI,CAACG,WAAW,GAAG,wBAAwB;EAC3CF,YAAY,CAACE,WAAW,GAAG,gCAAgC;EAC3DD,aAAa,CAACC,WAAW,GAAG,iCAAiC;EAE7D,OAAOC,MAAM,CAACC,MAAM,CAACZ,QAAQ,EAAE;IAC7BG,WAAW;IACXC,OAAO;IACPC,KAAK;IACLC,WAAW;IACXC,IAAI;IACJC,YAAY;IACZC;EACF,CAAC,CAAC;AAUJ","ignoreList":[]}

package/lib/module/list-item/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/list-item/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["list-item/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/radio/context.js

@@ -0,0 +1,7 @@
+"use strict";
+
+import React from 'react';
+import { createContext } from '@cdx-ui/utils';
+export const [RadioProvider, useRadioContext] = createContext('RadioContext');
+export const RadioGroupContext = /*#__PURE__*/React.createContext(null);
+//# sourceMappingURL=context.js.map

package/lib/module/radio/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","RadioProvider","useRadioContext","RadioGroupContext"],"sourceRoot":"../../../src","sources":["radio/context.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,eAAe;AAI7C,OAAO,MAAM,CAACC,aAAa,EAAEC,eAAe,CAAC,GAAGF,aAAa,CAAqB,cAAc,CAAC;AAWjG,OAAO,MAAMG,iBAAiB,gBAAGJ,KAAK,CAACC,aAAa,CAI1C,IAAI,CAAC","ignoreList":[]}

package/lib/module/radio/createRadioGroup.js

@@ -0,0 +1,61 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { useFormControlContext } from '@cdx-ui/utils';
+import { useRadioGroup } from '@react-native-aria/radio';
+import { useRadioGroupState } from '@react-stately/radio';
+import { dataAttributes } from '../utils/dataAttributes';
+import { RadioGroupContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createRadioGroup = BaseRadioGroup => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const formControlContext = useFormControlContext();
+  const combinedProps = {
+    ...formControlContext,
+    ...props
+  };
+  const radioGroupState = useRadioGroupState({
+    ...combinedProps,
+    validationState: combinedProps.isInvalid ? 'invalid' : 'valid'
+  });
+  const {
+    radioGroupProps
+  } = useRadioGroup({
+    ...combinedProps,
+    'aria-label': combinedProps['aria-label']
+  }, radioGroupState);
+  const isDisabled = combinedProps.isDisabled ?? false;
+  const isInvalid = combinedProps.isInvalid ?? false;
+  const isRequired = combinedProps.isRequired ?? false;
+  const isReadOnly = combinedProps.isReadOnly ?? false;
+  return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
+    value: {
+      state: {
+        isDisabled,
+        isInvalid,
+        isRequired,
+        isReadOnly,
+        isSelected: value => radioGroupState.selectedValue === value,
+        selectValue: value => radioGroupState.setSelectedValue(value)
+      },
+      radioGroupState,
+      name: combinedProps.name
+    },
+    children: /*#__PURE__*/_jsx(BaseRadioGroup, {
+      ...radioGroupProps,
+      ...combinedProps,
+      ref: ref,
+      "aria-required": isRequired || undefined,
+      "aria-readonly": isReadOnly || undefined,
+      ...dataAttributes({
+        slot: 'radio-group',
+        disabled: isDisabled,
+        invalid: isInvalid
+      }),
+      children: children
+    })
+  });
+});
+//# sourceMappingURL=createRadioGroup.js.map

package/lib/module/radio/createRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useFormControlContext","useRadioGroup","useRadioGroupState","dataAttributes","RadioGroupContext","jsx","_jsx","createRadioGroup","BaseRadioGroup","children","props","ref","formControlContext","combinedProps","radioGroupState","validationState","isInvalid","radioGroupProps","isDisabled","isRequired","isReadOnly","Provider","value","state","isSelected","selectedValue","selectValue","setSelectedValue","name","undefined","slot","disabled","invalid"],"sourceRoot":"../../../src","sources":["radio/createRadioGroup.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,qBAAqB,QAAQ,eAAe;AACrD,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,iBAAiB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C,OAAO,MAAMC,gBAAgB,GAAQC,cAAsC,iBACzET,UAAU,CAAC,CAAC;EAAEU,QAAQ;EAAE,GAAGC;AAAwB,CAAC,EAAEC,GAAkB,KAAK;EAC3E,MAAMC,kBAAkB,GAAGZ,qBAAqB,CAAC,CAAC;EAElD,MAAMa,aAAa,GAAG;IACpB,GAAGD,kBAAkB;IACrB,GAAGF;EACL,CAAC;EAED,MAAMI,eAAe,GAAGZ,kBAAkB,CAAC;IACzC,GAAGW,aAAa;IAChBE,eAAe,EAAEF,aAAa,CAACG,SAAS,GAAG,SAAS,GAAG;EACzD,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAgB,CAAC,GAAGhB,aAAa,CACvC;IACE,GAAGY,aAAa;IAChB,YAAY,EAAEA,aAAa,CAAC,YAAY;EAC1C,CAAC,EACDC,eACF,CAAC;EAED,MAAMI,UAAU,GAAGL,aAAa,CAACK,UAAU,IAAI,KAAK;EACpD,MAAMF,SAAS,GAAGH,aAAa,CAACG,SAAS,IAAI,KAAK;EAClD,MAAMG,UAAU,GAAGN,aAAa,CAACM,UAAU,IAAI,KAAK;EACpD,MAAMC,UAAU,GAAGP,aAAa,CAACO,UAAU,IAAI,KAAK;EAEpD,oBACEd,IAAA,CAACF,iBAAiB,CAACiB,QAAQ;IACzBC,KAAK,EAAE;MACLC,KAAK,EAAE;QACLL,UAAU;QACVF,SAAS;QACTG,UAAU;QACVC,UAAU;QACVI,UAAU,EAAGF,KAAa,IAAKR,eAAe,CAACW,aAAa,KAAKH,KAAK;QACtEI,WAAW,EAAGJ,KAAa,IAAKR,eAAe,CAACa,gBAAgB,CAACL,KAAK;MACxE,CAAC;MACDR,eAAe;MACfc,IAAI,EAAEf,aAAa,CAACe;IACtB,CAAE;IAAAnB,QAAA,eAEFH,IAAA,CAACE,cAAc;MAAA,GACTS,eAAe;MAAA,GACdJ,aAAa;MAClBF,GAAG,EAAEA,GAAI;MACT,iBAAeQ,UAAU,IAAIU,SAAU;MACvC,iBAAeT,UAAU,IAAIS,SAAU;MAAA,GACnC1B,cAAc,CAAC;QACjB2B,IAAI,EAAE,aAAa;QACnBC,QAAQ,EAAEb,UAAU;QACpBc,OAAO,EAAEhB;MACX,CAAC,CAAC;MAAAP,QAAA,EAEDA;IAAQ,CACK;EAAC,CACS,CAAC;AAEjC,CAAC,CAAC","ignoreList":[]}

package/lib/module/radio/createRadioIndicator.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useRadioContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createRadioIndicator = BaseRadioIndicator => /*#__PURE__*/forwardRef(({
+  children,
+  className,
+  ...props
+}, ref) => {
+  const {
+    isChecked,
+    isDisabled,
+    isHovered,
+    isInvalid,
+    isReadOnly,
+    isPressed,
+    isFocusVisible
+  } = useRadioContext();
+  return /*#__PURE__*/_jsx(BaseRadioIndicator, {
+    className: className,
+    ...dataAttributes({
+      slot: 'radio-indicator',
+      hover: isHovered,
+      checked: isChecked,
+      disabled: isDisabled,
+      focusVisible: isFocusVisible,
+      invalid: isInvalid,
+      readonly: isReadOnly,
+      active: isPressed
+    }),
+    ...props,
+    ref: ref,
+    children: children
+  });
+});
+//# sourceMappingURL=createRadioIndicator.js.map

package/lib/module/radio/createRadioIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","dataAttributes","useRadioContext","jsx","_jsx","createRadioIndicator","BaseRadioIndicator","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","slot","hover","checked","disabled","focusVisible","invalid","readonly","active"],"sourceRoot":"../../../src","sources":["radio/createRadioIndicator.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,eAAe,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG5C,OAAO,MAAMC,oBAAoB,GAAQC,kBAA0C,iBACjFN,UAAU,CACR,CAAC;EAAEO,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1C,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAC1Ff,eAAe,CAAC,CAAC;EAEnB,oBACEE,IAAA,CAACE,kBAAkB;IACjBE,SAAS,EAAEA,SAAU;IAAA,GACjBP,cAAc,CAAC;MACjBiB,IAAI,EAAE,iBAAiB;MACvBC,KAAK,EAAEN,SAAS;MAChBO,OAAO,EAAET,SAAS;MAClBU,QAAQ,EAAET,UAAU;MACpBU,YAAY,EAAEL,cAAc;MAC5BM,OAAO,EAAET,SAAS;MAClBU,QAAQ,EAAET,UAAU;MACpBU,MAAM,EAAET;IACV,CAAC,CAAC;IAAA,GACGP,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACS,CAAC;AAEzB,CACF,CAAC","ignoreList":[]}

package/lib/module/radio/createRadioLabel.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useRadioContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createRadioLabel = BaseRadioLabel => /*#__PURE__*/forwardRef(({
+  children,
+  className,
+  ...props
+}, ref) => {
+  const {
+    isChecked,
+    isDisabled,
+    isHovered,
+    isInvalid,
+    isReadOnly
+  } = useRadioContext();
+  return /*#__PURE__*/_jsx(BaseRadioLabel, {
+    className: className,
+    ...dataAttributes({
+      hover: isHovered,
+      checked: isChecked,
+      disabled: isDisabled,
+      invalid: isInvalid,
+      readonly: isReadOnly
+    }),
+    ...props,
+    ref: ref,
+    children: children
+  });
+});
+//# sourceMappingURL=createRadioLabel.js.map

package/lib/module/radio/createRadioLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","dataAttributes","useRadioContext","jsx","_jsx","createRadioLabel","BaseRadioLabel","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","hover","checked","disabled","invalid","readonly"],"sourceRoot":"../../../src","sources":["radio/createRadioLabel.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,eAAe,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG5C,OAAO,MAAMC,gBAAgB,GAAQC,cAAsC,iBACzEN,UAAU,CACR,CAAC;EAAEO,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1C,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGb,eAAe,CAAC,CAAC;EAErF,oBACEE,IAAA,CAACE,cAAc;IACbE,SAAS,EAAEA,SAAU;IAAA,GACjBP,cAAc,CAAC;MACjBe,KAAK,EAAEH,SAAS;MAChBI,OAAO,EAAEN,SAAS;MAClBO,QAAQ,EAAEN,UAAU;MACpBO,OAAO,EAAEL,SAAS;MAClBM,QAAQ,EAAEL;IACZ,CAAC,CAAC;IAAA,GACGN,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACK,CAAC;AAErB,CACF,CAAC","ignoreList":[]}

package/lib/module/radio/createRadioRoot.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocus } from '@react-native-aria/focus';
+import { usePress } from '@react-native-aria/interactions';
+import { dataAttributes } from '../utils/dataAttributes';
+import { RadioProvider } from './context';
+import { useRadioRoot } from './useRadioRoot';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const createRadioRoot = (BaseRadio, RadioIndicator) => /*#__PURE__*/forwardRef(({
+  onPressIn,
+  onPressOut,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  children,
+  ...props
+}, ref) => {
+  const {
+    isHovered: isHoveredProp,
+    isDisabled: isDisabledProp,
+    isInvalid: isInvalidProp,
+    isReadOnly: isReadOnlyProp,
+    isPressed: isPressedProp,
+    isFocused: isFocusedProp,
+    isFocusVisible
+  } = props;
+  const {
+    combinedProps,
+    isInvalid,
+    isReadOnly,
+    inputProps,
+    isChecked,
+    isDisabled,
+    isHovered,
+    hoverProps,
+    mergedRef
+  } = useRadioRoot(props, ref);
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    pressProps,
+    isPressed
+  } = usePress({
+    isDisabled: isDisabled || isDisabledProp
+  });
+  return /*#__PURE__*/_jsx(BaseRadio, {
+    disabled: isDisabled || isDisabledProp,
+    ...pressProps,
+    ...combinedProps,
+    ...inputProps,
+    ref: mergedRef,
+    role: "radio",
+    onPressIn: composeEventHandlers(onPressIn, pressProps.onPressIn),
+    onPressOut: composeEventHandlers(onPressOut, pressProps.onPressOut),
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn),
+    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut),
+    onFocus: composeEventHandlers(onFocus, focusProps.onFocus),
+    onBlur: composeEventHandlers(onBlur, focusProps.onBlur),
+    ...dataAttributes({
+      slot: 'radio',
+      checked: isChecked,
+      disabled: isDisabled || isDisabledProp,
+      hover: isHovered || isHoveredProp,
+      invalid: isInvalid || isInvalidProp,
+      readonly: isReadOnly || isReadOnlyProp,
+      active: isPressed,
+      focus: isFocused,
+      focusVisible: isFocusVisible
+    }),
+    children: /*#__PURE__*/_jsxs(RadioProvider, {
+      value: {
+        isChecked,
+        isDisabled: isDisabled || isDisabledProp,
+        isHovered: isHovered || isHoveredProp,
+        isInvalid: isInvalid || isInvalidProp,
+        isReadOnly: isReadOnly || isReadOnlyProp,
+        isPressed: isPressed || isPressedProp,
+        isFocused: isFocused || isFocusedProp,
+        isFocusVisible
+      },
+      children: [/*#__PURE__*/_jsx(RadioIndicator, {}), children]
+    })
+  });
+});
+//# sourceMappingURL=createRadioRoot.js.map

package/lib/module/radio/createRadioRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","composeEventHandlers","useFocus","usePress","dataAttributes","RadioProvider","useRadioRoot","jsx","_jsx","jsxs","_jsxs","createRadioRoot","BaseRadio","RadioIndicator","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","children","props","ref","isHovered","isHoveredProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","combinedProps","inputProps","isChecked","hoverProps","mergedRef","focusProps","pressProps","disabled","role","slot","checked","hover","invalid","readonly","active","focus","focusVisible","value"],"sourceRoot":"../../../src","sources":["radio/createRadioRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,aAAa,QAAQ,WAAW;AAEzC,SAASC,YAAY,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,OAAO,MAAMC,eAAe,GAAGA,CAC7BC,SAAiC,EACjCC,cAAwC,kBAExCb,UAAU,CACR,CACE;EACEc,SAAS;EACTC,UAAU;EACVC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACQ,CAAC,EACdC,GAAkB,KACf;EACH,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,SAAS,EAAEC,aAAa;IACxBC;EACF,CAAC,GAAGd,KAAK;EAET,MAAM;IACJe,aAAa;IACbT,SAAS;IACTE,UAAU;IACVQ,UAAU;IACVC,SAAS;IACTb,UAAU;IACVF,SAAS;IACTgB,UAAU;IACVC;EACF,CAAC,GAAGlC,YAAY,CAACe,KAAK,EAAEC,GAAG,CAAC;EAE5B,MAAM;IAAEmB,UAAU;IAAER;EAAU,CAAC,GAAG/B,QAAQ,CAAC,CAAC;EAE5C,MAAM;IAAEwC,UAAU;IAAEX;EAAU,CAAC,GAAG5B,QAAQ,CAAC;IACzCsB,UAAU,EAAEA,UAAU,IAAIC;EAC5B,CAAC,CAAC;EAEF,oBACElB,IAAA,CAACI,SAAS;IACR+B,QAAQ,EAAElB,UAAU,IAAIC,cAAe;IAAA,GACnCgB,UAAU;IAAA,GACTN,aAAa;IAAA,GACdC,UAAU;IACdf,GAAG,EAAEkB,SAAU;IACfI,IAAI,EAAC,OAAO;IACZ9B,SAAS,EAAEb,oBAAoB,CAACa,SAAS,EAAE4B,UAAU,CAAC5B,SAAS,CAAE;IACjEC,UAAU,EAAEd,oBAAoB,CAACc,UAAU,EAAE2B,UAAU,CAAC3B,UAAU,CAAE;IACpEC,SAAS,EAAEf,oBAAoB,CAACe,SAAS,EAAEuB,UAAU,CAACvB,SAAS,CAAE;IACjEC,UAAU,EAAEhB,oBAAoB,CAACgB,UAAU,EAAEsB,UAAU,CAACtB,UAAU,CAAE;IACpEC,OAAO,EAAEjB,oBAAoB,CAACiB,OAAO,EAAEuB,UAAU,CAACvB,OAAO,CAAE;IAC3DC,MAAM,EAAElB,oBAAoB,CAACkB,MAAM,EAAEsB,UAAU,CAACtB,MAAM,CAAE;IAAA,GACpDf,cAAc,CAAC;MACjByC,IAAI,EAAE,OAAO;MACbC,OAAO,EAAER,SAAS;MAClBK,QAAQ,EAAElB,UAAU,IAAIC,cAAc;MACtCqB,KAAK,EAAExB,SAAS,IAAIC,aAAa;MACjCwB,OAAO,EAAErB,SAAS,IAAIC,aAAa;MACnCqB,QAAQ,EAAEpB,UAAU,IAAIC,cAAc;MACtCoB,MAAM,EAAEnB,SAAS;MACjBoB,KAAK,EAAElB,SAAS;MAChBmB,YAAY,EAAEjB;IAChB,CAAC,CAAC;IAAAf,QAAA,eAEFV,KAAA,CAACL,aAAa;MACZgD,KAAK,EAAE;QACLf,SAAS;QACTb,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCH,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCG,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCC,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC;MACF,CAAE;MAAAf,QAAA,gBAEFZ,IAAA,CAACK,cAAc,IAAE,CAAC,EACjBO,QAAQ;IAAA,CACI;EAAC,CACP,CAAC;AAEhB,CACF,CAAC","ignoreList":[]}

package/lib/module/radio/createRadioRoot.web.js

@@ -0,0 +1,82 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { mergeProps } from '@react-aria/utils';
+import { useFocusRing } from '@react-native-aria/focus';
+import { dataAttributes } from '../utils/dataAttributes';
+import { RadioProvider } from './context';
+import { useRadioRoot } from './useRadioRoot';
+
+// TODO: Keyboard focus is not working as expected
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const createRadioRoot = (BaseRadio, RadioIndicator) => /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  const {
+    isHovered: isHoveredProp,
+    isFocusVisible: isFocusVisibleProp,
+    isDisabled: isDisabledProp,
+    isInvalid: isInvalidProp,
+    isReadOnly: isReadOnlyProp,
+    isFocused,
+    isPressed
+  } = props;
+  const {
+    combinedProps,
+    isInvalid,
+    isReadOnly,
+    inputProps,
+    labelProps,
+    isChecked,
+    isDisabled,
+    isHovered,
+    mergedRef,
+    inputRef
+  } = useRadioRoot(props, ref, {
+    useInputRefForAria: true
+  });
+  const {
+    focusProps,
+    isFocusVisible
+  } = useFocusRing();
+  return /*#__PURE__*/_jsx(BaseRadio, {
+    ...mergeProps(combinedProps, labelProps, focusProps),
+    ref: mergedRef,
+    role: "label"
+    // eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
+    ,
+    accessibilityRole: "label",
+    ...dataAttributes({
+      slot: 'radio',
+      checked: isChecked,
+      disabled: isDisabled || isDisabledProp,
+      hover: isHovered || isHoveredProp,
+      invalid: isInvalid || isInvalidProp,
+      readonly: isReadOnly || isReadOnlyProp,
+      active: isPressed,
+      focus: isFocused,
+      focusVisible: isFocusVisible || isFocusVisibleProp
+    }),
+    children: /*#__PURE__*/_jsxs(RadioProvider, {
+      value: {
+        isChecked,
+        isDisabled: isDisabled || isDisabledProp,
+        isFocusVisible: isFocusVisible || isFocusVisibleProp,
+        isHovered: isHovered || isHoveredProp,
+        isInvalid: isInvalid || isInvalidProp,
+        isReadOnly: isReadOnly || isReadOnlyProp,
+        isPressed,
+        isFocused
+      },
+      children: [/*#__PURE__*/_jsx(VisuallyHidden, {
+        children: /*#__PURE__*/_jsx("input", {
+          ...inputProps,
+          ref: inputRef
+        })
+      }), /*#__PURE__*/_jsx(RadioIndicator, {}), children]
+    })
+  });
+});
+//# sourceMappingURL=createRadioRoot.web.js.map

package/lib/module/radio/createRadioRoot.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","VisuallyHidden","mergeProps","useFocusRing","dataAttributes","RadioProvider","useRadioRoot","jsx","_jsx","jsxs","_jsxs","createRadioRoot","BaseRadio","RadioIndicator","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isFocused","isPressed","combinedProps","inputProps","labelProps","isChecked","mergedRef","inputRef","useInputRefForAria","focusProps","role","accessibilityRole","slot","checked","disabled","hover","invalid","readonly","active","focus","focusVisible","value"],"sourceRoot":"../../../src","sources":["radio/createRadioRoot.web.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,aAAa,QAAQ,WAAW;AAEzC,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEA,OAAO,MAAMC,eAAe,GAAGA,CAC7BC,SAAiC,EACjCC,cAAwC,kBAExCb,UAAU,CAAC,CAAC;EAAEc,QAAQ;EAAE,GAAGC;AAAmB,CAAC,EAAEC,GAAkB,KAAK;EACtE,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,cAAc,EAAEC,kBAAkB;IAClCC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS;IACTC;EACF,CAAC,GAAGb,KAAK;EAET,MAAM;IACJc,aAAa;IACbN,SAAS;IACTE,UAAU;IACVK,UAAU;IACVC,UAAU;IACVC,SAAS;IACTX,UAAU;IACVJ,SAAS;IACTgB,SAAS;IACTC;EACF,CAAC,GAAG5B,YAAY,CAACS,KAAK,EAAEC,GAAG,EAAE;IAAEmB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE1D,MAAM;IAAEC,UAAU;IAAEjB;EAAe,CAAC,GAAGhB,YAAY,CAAC,CAAC;EAErD,oBACEK,IAAA,CAACI,SAAS;IAAA,GACJV,UAAU,CAAC2B,aAAa,EAASE,UAAU,EAASK,UAAiB,CAAC;IAC1EpB,GAAG,EAAEiB,SAAU;IACfI,IAAI,EAAC;IACL;IAAA;IACAC,iBAAiB,EAAC,OAAO;IAAA,GACrBlC,cAAc,CAAC;MACjBmC,IAAI,EAAE,OAAO;MACbC,OAAO,EAAER,SAAS;MAClBS,QAAQ,EAAEpB,UAAU,IAAIC,cAAc;MACtCoB,KAAK,EAAEzB,SAAS,IAAIC,aAAa;MACjCyB,OAAO,EAAEpB,SAAS,IAAIC,aAAa;MACnCoB,QAAQ,EAAEnB,UAAU,IAAIC,cAAc;MACtCmB,MAAM,EAAEjB,SAAS;MACjBkB,KAAK,EAAEnB,SAAS;MAChBoB,YAAY,EAAE5B,cAAc,IAAIC;IAClC,CAAC,CAAC;IAAAN,QAAA,eAEFJ,KAAA,CAACL,aAAa;MACZ2C,KAAK,EAAE;QACLhB,SAAS;QACTX,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCH,cAAc,EAAEA,cAAc,IAAIC,kBAAkB;QACpDH,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCK,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCE,SAAS;QACTD;MACF,CAAE;MAAAb,QAAA,gBAEFN,IAAA,CAACP,cAAc;QAAAa,QAAA,eACbN,IAAA;UAAA,GAAWsB,UAAU;UAAEd,GAAG,EAAEkB;QAAS,CAAE;MAAC,CAC1B,CAAC,eACjB1B,IAAA,CAACK,cAAc,IAAE,CAAC,EACjBC,QAAQ;IAAA,CACI;EAAC,CACP,CAAC;AAEhB,CAAC,CAAC","ignoreList":[]}

package/lib/module/radio/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import { createRadioGroup } from './createRadioGroup';
+import { createRadioIndicator } from './createRadioIndicator';
+import { createRadioLabel } from './createRadioLabel';
+import { createRadioRoot } from './createRadioRoot';
+export function createRadio(BaseComponents) {
+  const Indicator = createRadioIndicator(BaseComponents.Indicator);
+  const Radio = createRadioRoot(BaseComponents.Root, Indicator);
+  const Label = createRadioLabel(BaseComponents.Label);
+  const Group = createRadioGroup(BaseComponents.Group);
+  Radio.displayName = 'RadioPrimitive';
+  Indicator.displayName = 'RadioPrimitive.Indicator';
+  Label.displayName = 'RadioPrimitive.Label';
+  Group.displayName = 'RadioPrimitive.Group';
+  return Object.assign(Radio, {
+    Indicator,
+    Label,
+    Group
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createRadioGroup","createRadioIndicator","createRadioLabel","createRadioRoot","createRadio","BaseComponents","Indicator","Radio","Root","Label","Group","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["radio/index.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,mBAAmB;AAWnD,OAAO,SAASC,WAAWA,CAAgCC,cAK1D,EAAE;EACD,MAAMC,SAAS,GAAGL,oBAAoB,CAACI,cAAc,CAACC,SAAS,CAAC;EAChE,MAAMC,KAAK,GAAGJ,eAAe,CAACE,cAAc,CAACG,IAAI,EAAEF,SAAS,CAAC;EAC7D,MAAMG,KAAK,GAAGP,gBAAgB,CAACG,cAAc,CAACI,KAAK,CAAC;EACpD,MAAMC,KAAK,GAAGV,gBAAgB,CAACK,cAAc,CAACK,KAAK,CAAC;EAEpDH,KAAK,CAACI,WAAW,GAAG,gBAAgB;EACpCL,SAAS,CAACK,WAAW,GAAG,0BAA0B;EAClDF,KAAK,CAACE,WAAW,GAAG,sBAAsB;EAC1CD,KAAK,CAACC,WAAW,GAAG,sBAAsB;EAE1C,OAAOC,MAAM,CAACC,MAAM,CAACN,KAAK,EAAE;IAC1BD,SAAS;IACTG,KAAK;IACLC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/module/radio/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/radio/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["radio/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/radio/useRadioRoot.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import { useContext, useRef } from 'react';
+import { mergeRefs, useFormControlContext } from '@cdx-ui/utils';
+import { useRadio } from '@react-native-aria/radio';
+import { useHover } from '@react-native-aria/interactions';
+import { RadioGroupContext } from './context';
+export function useRadioRoot(props, ref, {
+  useInputRefForAria = false
+} = {}) {
+  const formControlContext = useFormControlContext();
+  const {
+    isInvalid,
+    isReadOnly,
+    ...combinedProps
+  } = {
+    ...formControlContext,
+    ...props
+  };
+  const radioGroupContext = useContext(RadioGroupContext);
+  if (!radioGroupContext) {
+    throw new Error('Radio must be rendered inside a Radio.Group. Standalone Radio is not supported.');
+  }
+  const rootRef = useRef(null);
+  const inputRef = useRef(null);
+  const mergedRootRef = mergeRefs(ref, rootRef);
+  const ariaLabel = combinedProps['aria-label'] || combinedProps.value || 'Radio';
+  const radio = useRadio({
+    ...combinedProps,
+    'aria-label': ariaLabel,
+    isReadOnly: isReadOnly || radioGroupContext.state.isReadOnly,
+    isDisabled: combinedProps.isDisabled || radioGroupContext.state.isDisabled
+  }, radioGroupContext.radioGroupState, useInputRefForAria ? inputRef : rootRef);
+  const {
+    inputProps,
+    labelProps
+  } = radio;
+  const {
+    checked: isChecked,
+    disabled: isDisabled
+  } = inputProps;
+  const {
+    hoverProps,
+    isHovered
+  } = useHover({}, rootRef);
+  return {
+    combinedProps,
+    isInvalid: isInvalid || radioGroupContext.state.isInvalid,
+    isReadOnly: isReadOnly || radioGroupContext.state.isReadOnly,
+    inputProps,
+    labelProps: labelProps ?? {},
+    isChecked,
+    isDisabled,
+    isHovered,
+    hoverProps,
+    mergedRef: mergedRootRef,
+    inputRef
+  };
+}
+//# sourceMappingURL=useRadioRoot.js.map

package/lib/module/radio/useRadioRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useRef","mergeRefs","useFormControlContext","useRadio","useHover","RadioGroupContext","useRadioRoot","props","ref","useInputRefForAria","formControlContext","isInvalid","isReadOnly","combinedProps","radioGroupContext","Error","rootRef","inputRef","mergedRootRef","ariaLabel","value","radio","state","isDisabled","radioGroupState","inputProps","labelProps","checked","isChecked","disabled","hoverProps","isHovered","mergedRef"],"sourceRoot":"../../../src","sources":["radio/useRadioRoot.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1C,SAASC,SAAS,EAAEC,qBAAqB,QAAQ,eAAe;AAChE,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,iBAAiB,QAAQ,WAAW;AAO7C,OAAO,SAASC,YAAYA,CAC1BC,KAAkB,EAClBC,GAAwB,EACxB;EAAEC,kBAAkB,GAAG;AAA2B,CAAC,GAAG,CAAC,CAAC,EACxD;EACA,MAAMC,kBAAkB,GAAGR,qBAAqB,CAAC,CAAC;EAElD,MAAM;IAAES,SAAS;IAAEC,UAAU;IAAE,GAAGC;EAAc,CAAC,GAAG;IAClD,GAAGH,kBAAkB;IACrB,GAAGH;EACL,CAAC;EAED,MAAMO,iBAAiB,GAAGf,UAAU,CAACM,iBAAiB,CAAC;EAEvD,IAAI,CAACS,iBAAiB,EAAE;IACtB,MAAM,IAAIC,KAAK,CACb,iFACF,CAAC;EACH;EAEA,MAAMC,OAAO,GAAGhB,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAMiB,QAAQ,GAAGjB,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAMkB,aAAa,GAAGjB,SAAS,CAACO,GAAG,EAASQ,OAAc,CAAC;EAC3D,MAAMG,SAAS,GAAGN,aAAa,CAAC,YAAY,CAAC,IAAIA,aAAa,CAACO,KAAK,IAAI,OAAO;EAE/E,MAAMC,KAAK,GAAGlB,QAAQ,CACpB;IACE,GAAGU,aAAa;IAChB,YAAY,EAAEM,SAAS;IACvBP,UAAU,EAAEA,UAAU,IAAIE,iBAAiB,CAACQ,KAAK,CAACV,UAAU;IAC5DW,UAAU,EAAEV,aAAa,CAACU,UAAU,IAAIT,iBAAiB,CAACQ,KAAK,CAACC;EAClE,CAAC,EACDT,iBAAiB,CAACU,eAAe,EAChCf,kBAAkB,GAAGQ,QAAQ,GAAGD,OACnC,CAAC;EAED,MAAM;IAAES,UAAU;IAAEC;EAAW,CAAC,GAAGL,KAElC;EAED,MAAM;IAAEM,OAAO,EAAEC,SAAS;IAAEC,QAAQ,EAAEN;EAAW,CAAC,GAAGE,UAAU;EAE/D,MAAM;IAAEK,UAAU;IAAEC;EAAU,CAAC,GAAG3B,QAAQ,CAAC,CAAC,CAAC,EAAEY,OAAO,CAAC;EAEvD,OAAO;IACLH,aAAa;IACbF,SAAS,EAAEA,SAAS,IAAIG,iBAAiB,CAACQ,KAAK,CAACX,SAAS;IACzDC,UAAU,EAAEA,UAAU,IAAIE,iBAAiB,CAACQ,KAAK,CAACV,UAAU;IAC5Da,UAAU;IACVC,UAAU,EAAEA,UAAU,IAAI,CAAC,CAAC;IAC5BE,SAAS;IACTL,UAAU;IACVQ,SAAS;IACTD,UAAU;IACVE,SAAS,EAAEd,aAAa;IACxBD;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/select/createSelectTrigger.js

@@ -1,8 +1,8 @@
 "use strict";
 
-import { forwardRef, useCallback, useLayoutEffect, useMemo, useRef } from 'react';
+import { forwardRef, useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { Platform } from 'react-native';
-import { composeEventHandlers, mergeRefs, useFormControlContext } from '@cdx-ui/utils';
+import { composeEventHandlers, mergeRefs, useFormControlContext, useReportFormControlLabelFocus } from '@cdx-ui/utils';
 import { useFocus, useFocusRing } from '@react-native-aria/focus';
 import { useHover, usePress } from '@react-native-aria/interactions';
 import { dataAttributes } from '../utils/dataAttributes';
@@ -52,6 +52,7 @@ export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
     isHovered,
     hoverProps
   } = useHover();
+  const [triggerFocused, setTriggerFocused] = useState(false);
   const handlePress = useCallback(e => {
     if (e?.type === 'keyup' && e.key === 'Enter') {
       return;
@@ -76,13 +77,25 @@ export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
         }
     }
   }, [disabled, setOpen]);
+
+  // `useFocus()` on Pressable can stay true on native after blur; use explicit focus/blur handlers.
+  const isLabelActive = Platform.select({
+    web: Boolean((isFocusedProp || isFocused || open) && !disabled),
+    default: Boolean((open || triggerFocused) && !disabled)
+  });
+  useReportFormControlLabelFocus(isLabelActive);
+  useLayoutEffect(() => {
+    if (!open) {
+      setTriggerFocused(false);
+    }
+  }, [open]);
   const interactionState = useMemo(() => ({
     hover: isHoveredProp || isHovered,
-    focus: isFocusedProp || isFocused,
+    focus: isFocusedProp || isFocused || open,
     active: isActiveProp || isActive,
     disabled: !!disabled,
     focusVisible: isFocusVisibleProp || isFocusVisible
-  }), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible]);
+  }), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, open]);
 
   /**
    * Native: `Pressable` has no usable programmatic `.focus()` (unlike `TextInput`).
@@ -164,8 +177,8 @@ export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
       onPressOut: composeEventHandlers(props?.onPressOut, pressProps.onPressOut),
       onHoverIn: composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn),
       onHoverOut: composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut),
-      onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
-      onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
+      onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus, () => setTriggerFocused(true)),
+      onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur, () => setTriggerFocused(false)),
       ...webKeyboardProps,
       children: typeof children === 'function' ? children(interactionState) : children
     })