@cdx-ui/primitives 0.0.1-alpha.1

package/lib/typescript/overlay/useOverlayPosition.d.ts

@@ -0,0 +1,45 @@
+import { type ViewStyle } from 'react-native';
+import type { AnchorLayout } from './useAnchorPosition';
+export interface EdgeInsets {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+/**
+ * Provides safe-area insets to overlay positioning hooks. Wrap your app
+ * root with this provider and pass values from `useSafeAreaInsets()` to
+ * enable safe-area-aware overlay placement.
+ *
+ * @example
+ * ```tsx
+ * import { useSafeAreaInsets } from 'react-native-safe-area-context';
+ * import { OverlayInsetsProvider } from '@cdx-ui/primitives';
+ *
+ * function App() {
+ *   const insets = useSafeAreaInsets();
+ *   return (
+ *     <OverlayInsetsProvider value={insets}>
+ *       {children}
+ *     </OverlayInsetsProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare const OverlayInsetsContext: import("react").Context<EdgeInsets>;
+export declare const OverlayInsetsProvider: import("react").Provider<EdgeInsets>;
+export interface OverlayPosition {
+    style: ViewStyle;
+    maxHeight: number;
+    placement: 'top' | 'bottom';
+}
+/**
+ * Computes viewport-aware overlay positioning relative to an anchor element.
+ * Automatically flips placement from bottom to top when insufficient space
+ * exists below the anchor. Constrains `maxHeight` to available space so
+ * content never extends beyond the screen edge.
+ *
+ * Respects safe-area insets provided via `OverlayInsetsProvider`.
+ */
+export declare function useOverlayPosition(anchorLayout: AnchorLayout | null): OverlayPosition | null;
+//# sourceMappingURL=useOverlayPosition.d.ts.map

package/lib/typescript/overlay/useOverlayPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayPosition.d.ts","sourceRoot":"","sources":["../../../src/overlay/useOverlayPosition.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAID;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,oBAAoB,qCAA4C,CAAC;AAC9E,eAAO,MAAM,qBAAqB,sCAAgC,CAAC;AAQnE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,YAAY,GAAG,IAAI,GAAG,eAAe,GAAG,IAAI,CAuC5F"}

package/lib/typescript/select/context.d.ts

@@ -0,0 +1,17 @@
+import type { InteractionState, SelectContextValue, SelectItemInteractionState } from './types';
+export declare const SelectContext: import("react").Context<SelectContextValue>;
+export declare const useSelectContext: () => SelectContextValue;
+/**
+ * Propagates the trigger's interaction state (hover, focus, active, etc.) to
+ * child components like SelectValue and SelectIcon so they can apply matching
+ * data-attribute styles.
+ */
+export declare const SelectTriggerContext: import("react").Context<InteractionState>;
+export declare const useSelectTriggerContext: () => InteractionState;
+/**
+ * Propagates the item's interaction and selection state (hover, focus, active,
+ * highlighted, checked, etc.) to child components like SelectItemLabel.
+ */
+export declare const SelectItemContext: import("react").Context<SelectItemInteractionState>;
+export declare const useSelectItemContext: () => SelectItemInteractionState;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/select/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/select/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAqBhG,eAAO,MAAM,aAAa,6CAAyD,CAAC;AAEpF,eAAO,MAAM,gBAAgB,0BAAkC,CAAC;AAEhE;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,2CAM/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,wBAAyC,CAAC;AAE9E;;;GAGG;AACH,eAAO,MAAM,iBAAiB,qDAQ5B,CAAC;AAEH,eAAO,MAAM,oBAAoB,kCAAsC,CAAC"}

package/lib/typescript/select/createSelectContent.d.ts

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

package/lib/typescript/select/createSelectContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSelectContent.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,aAAa,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,wFAiGxE,CAAC"}

package/lib/typescript/select/createSelectIcon.d.ts

@@ -0,0 +1,2 @@
+export declare const createSelectIcon: <T>(BaseIcon: React.ComponentType<T>) => import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
+//# sourceMappingURL=createSelectIcon.d.ts.map

package/lib/typescript/select/createSelectIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSelectIcon.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectIcon.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,yGAsBjE,CAAC"}

package/lib/typescript/select/createSelectItem.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+import type { ISelectItemProps } from './types';
+export declare const createSelectItem: <T>(BaseItem: React.ComponentType<T>) => React.ForwardRefExoticComponent<Omit<ISelectItemProps, "children"> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createSelectItem.d.ts.map

package/lib/typescript/select/createSelectItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSelectItem.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;eAaV,KAAK,CAAC,SAAS;iCAkGvE,CAAC"}

package/lib/typescript/select/createSelectItemLabel.d.ts

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

package/lib/typescript/select/createSelectItemLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSelectItemLabel.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectItemLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAG,eAAe,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,0FAuB3E,CAAC"}

package/lib/typescript/select/createSelectRoot.d.ts

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

package/lib/typescript/select/createSelectRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSelectRoot.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,iFA0HlE,CAAC"}

package/lib/typescript/select/createSelectTrigger.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { ISelectTriggerProps } from './types';
+export declare const createSelectTrigger: <T>(BaseTrigger: React.ComponentType<T>) => React.ForwardRefExoticComponent<Omit<ISelectTriggerProps, "children"> & {
+    children?: (({ hovered, pressed, focused, focusVisible, disabled, }: {
+        hovered?: boolean;
+        pressed?: boolean;
+        focused?: boolean;
+        focusVisible?: boolean;
+        disabled?: boolean;
+    }) => React.ReactNode) | React.ReactNode;
+} & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createSelectTrigger.d.ts.map

package/lib/typescript/select/createSelectTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSelectTrigger.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,aAAa,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;eAa/D,CAAC,CAAC,EACA,OAAO,EACP,OAAO,EACP,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,EAAE;QACD,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,KAAK,KAAK,CAAC,SAAS,CAAC,GACtB,KAAK,CAAC,SAAS;iCA2JxB,CAAC"}

package/lib/typescript/select/createSelectValue.d.ts

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

package/lib/typescript/select/createSelectValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSelectValue.d.ts","sourceRoot":"","sources":["../../../src/select/createSelectValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,WAAW,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sFA6BnE,CAAC"}

package/lib/typescript/select/index.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+import type { ISelectComponentType } from './types';
+export type { ISelectContentProps, ISelectItemLabelProps, ISelectItemProps, ISelectProps, ISelectTriggerProps, ISelectValueProps, } from './types';
+export declare function createSelect<RootProps, TriggerProps, ValueProps, IconProps, ContentProps, ItemProps, ItemLabelProps, TriggerRef = unknown, ValueRef = unknown>(BaseComponents: {
+    Root: React.ComponentType<RootProps>;
+    Trigger: React.ComponentType<TriggerProps>;
+    Value: React.ComponentType<ValueProps>;
+    Icon: React.ComponentType<IconProps>;
+    Content: React.ComponentType<ContentProps>;
+    Item: React.ComponentType<ItemProps>;
+    ItemLabel: React.ComponentType<ItemLabelProps>;
+}): ISelectComponentType<RootProps, TriggerProps, ValueProps, IconProps, ContentProps, ItemProps, ItemLabelProps, TriggerRef, ValueRef>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,YAAY,EACV,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAEjB,wBAAgB,YAAY,CAC1B,SAAS,EACT,YAAY,EACZ,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,UAAU,GAAG,OAAO,EACpB,QAAQ,GAAG,OAAO,EAClB,cAAc,EAAE;IAChB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC3C,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC3C,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;CAChD,GAwBO,oBAAoB,CACxB,SAAS,EACT,YAAY,EACZ,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,UAAU,EACV,QAAQ,CACT,CACF"}

package/lib/typescript/select/types.d.ts

@@ -0,0 +1,96 @@
+import type { PropsWithoutRef, ReactNode, RefAttributes, RefObject } from 'react';
+import type { PressableProps, ViewProps } from 'react-native';
+import type { EntryOrExitLayoutType } from 'react-native-reanimated';
+export interface InteractionState {
+    hover: boolean;
+    focus: boolean;
+    active: boolean;
+    disabled: boolean;
+    focusVisible: boolean;
+}
+export interface SelectItemInteractionState extends InteractionState {
+    highlighted: boolean;
+    checked: boolean;
+}
+export interface ISelectProps {
+    items: SelectItemData[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    isRequired?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    native?: boolean;
+    accessibilityLabel?: string;
+    children?: ReactNode;
+}
+export interface ISelectTriggerProps extends PressableProps {
+    isHovered?: boolean;
+    isActive?: boolean;
+    isFocused?: boolean;
+    isFocusVisible?: boolean;
+    isDisabled?: boolean;
+}
+export interface ISelectValueProps {
+    placeholder?: string;
+    children?: ReactNode;
+}
+export interface ISelectContentProps extends ViewProps {
+    enteringAnimation?: EntryOrExitLayoutType;
+    exitingAnimation?: EntryOrExitLayoutType;
+    children?: ReactNode;
+}
+export interface ISelectItemProps extends PressableProps {
+    value: string;
+    disabled?: boolean;
+    isHovered?: boolean;
+    isActive?: boolean;
+    isFocused?: boolean;
+    isFocusVisible?: boolean;
+    isDisabled?: boolean;
+}
+export interface ISelectItemLabelProps {
+    children?: ReactNode;
+}
+export interface SelectItemData {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectItemCollectionContextValue {
+    registerItem: (item: SelectItemData) => void;
+    unregisterItem: (value: string) => void;
+    getItems: () => SelectItemData[];
+}
+export interface SelectContextValue {
+    open: boolean;
+    items: SelectItemData[];
+    setOpen: (open: boolean) => void;
+    value: string | undefined;
+    onValueChange: (value: string) => void;
+    disabled: boolean;
+    required: boolean;
+    invalid: boolean;
+    readOnly: boolean;
+    native: boolean;
+    triggerRef: RefObject<any>;
+    contentId: string;
+    triggerId: string;
+    /** Currently highlighted value during keyboard navigation */
+    activeValue: string | undefined;
+    setActiveValue: (value: string | undefined) => void;
+    accessibilityLabel: string | undefined;
+}
+export type ISelectComponentType<RootProps, TriggerProps, ValueProps, IconProps, ContentProps, ItemProps, ItemLabelProps, TriggerRef = unknown, ValueRef = unknown> = React.ForwardRefExoticComponent<PropsWithoutRef<RootProps & ISelectProps> & RefAttributes<unknown>> & {
+    Trigger: React.ForwardRefExoticComponent<PropsWithoutRef<TriggerProps & ISelectTriggerProps> & RefAttributes<TriggerRef>>;
+    Value: React.ForwardRefExoticComponent<PropsWithoutRef<ValueProps & ISelectValueProps> & RefAttributes<ValueRef>>;
+    Icon: React.ForwardRefExoticComponent<PropsWithoutRef<IconProps> & RefAttributes<unknown>>;
+    Content: React.ForwardRefExoticComponent<PropsWithoutRef<ContentProps & ISelectContentProps> & RefAttributes<unknown>>;
+    Item: React.ForwardRefExoticComponent<PropsWithoutRef<ItemProps & ISelectItemProps> & RefAttributes<unknown>>;
+    ItemLabel: React.ForwardRefExoticComponent<PropsWithoutRef<ItemLabelProps & ISelectItemLabelProps> & RefAttributes<unknown>>;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAIrE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;IAClE,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gCAAgC;IAC/C,YAAY,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,MAAM,cAAc,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED,MAAM,MAAM,oBAAoB,CAC9B,SAAS,EACT,YAAY,EACZ,UAAU,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,UAAU,GAAG,OAAO,EACpB,QAAQ,GAAG,OAAO,IAChB,KAAK,CAAC,yBAAyB,CACjC,eAAe,CAAC,SAAS,GAAG,YAAY,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CACnE,GAAG;IACF,OAAO,EAAE,KAAK,CAAC,yBAAyB,CACtC,eAAe,CAAC,YAAY,GAAG,mBAAmB,CAAC,GAAG,aAAa,CAAC,UAAU,CAAC,CAChF,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,eAAe,CAAC,UAAU,GAAG,iBAAiB,CAAC,GAAG,aAAa,CAAC,QAAQ,CAAC,CAC1E,CAAC;IACF,IAAI,EAAE,KAAK,CAAC,yBAAyB,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3F,OAAO,EAAE,KAAK,CAAC,yBAAyB,CACtC,eAAe,CAAC,YAAY,GAAG,mBAAmB,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CAC7E,CAAC;IACF,IAAI,EAAE,KAAK,CAAC,yBAAyB,CACnC,eAAe,CAAC,SAAS,GAAG,gBAAgB,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CACvE,CAAC;IACF,SAAS,EAAE,KAAK,CAAC,yBAAyB,CACxC,eAAe,CAAC,cAAc,GAAG,qBAAqB,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,CACjF,CAAC;CACH,CAAC"}

package/lib/typescript/select/useContentFocus.d.ts

@@ -0,0 +1,19 @@
+import type { RefObject } from 'react';
+import type { SelectItemData } from './types';
+export interface UseContentFocusOptions {
+    open: boolean;
+    triggerRef: RefObject<any>;
+    items: SelectItemData[];
+    value: string | undefined;
+    setActiveValue: (value: string | undefined) => void;
+}
+/**
+ * Manages focus lifecycle for overlay content:
+ * - Restores focus to the trigger when the overlay closes (web)
+ * - Initializes `activeValue` to the current value or first enabled item
+ *
+ * Initial focus on open is handled via a ref callback in createSelectContent
+ * to avoid timing issues with deferred portal rendering.
+ */
+export declare function useContentFocus({ open, triggerRef, items, value, setActiveValue, }: UseContentFocusOptions): void;
+//# sourceMappingURL=useContentFocus.d.ts.map

package/lib/typescript/select/useContentFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContentFocus.d.ts","sourceRoot":"","sources":["../../../src/select/useContentFocus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACrD;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,UAAU,EACV,KAAK,EACL,KAAK,EACL,cAAc,GACf,EAAE,sBAAsB,QAwBxB"}

package/lib/typescript/select/useListboxNavigation.d.ts

@@ -0,0 +1,13 @@
+import type { SelectItemData } from './types';
+export interface UseListboxNavigationOptions {
+    items: SelectItemData[];
+    activeValue: string | undefined;
+    setActiveValue: (value: string | undefined) => void;
+    onSelect: (value: string) => void;
+    onDismiss: () => void;
+}
+export declare function useListboxNavigation({ items, activeValue, setActiveValue, onSelect, onDismiss, }: UseListboxNavigationOptions): {
+    handleKeyDown: (e: any) => void;
+    getEnabledItems: () => SelectItemData[];
+};
+//# sourceMappingURL=useListboxNavigation.d.ts.map

package/lib/typescript/select/useListboxNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListboxNavigation.d.ts","sourceRoot":"","sources":["../../../src/select/useListboxNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,WAAW,EACX,cAAc,EACd,QAAQ,EACR,SAAS,GACV,EAAE,2BAA2B;uBAUtB,GAAG;;EAuDV"}

package/lib/typescript/utils/dataAttributes.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Produces platform-specific props for data attributes.
+ *
+ * Native: individual `data-*` props consumed by Uniwind.
+ * Web (.web.ts): a `dataSet` object consumed by React Native Web.
+ *
+ * Boolean values serialize to `"true"` / `"false"` strings.
+ * String values pass through as-is.
+ * Undefined values are omitted.
+ */
+type DataAttributeValue = boolean | string | undefined;
+export declare function dataAttributes(attrs: Record<string, DataAttributeValue>): Record<string, string>;
+export {};
+//# sourceMappingURL=dataAttributes.d.ts.map

package/lib/typescript/utils/dataAttributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataAttributes.d.ts","sourceRoot":"","sources":["../../../src/utils/dataAttributes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,KAAK,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAMvD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUhG"}

package/lib/typescript/utils/dataAttributes.web.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Produces platform-specific props for data attributes.
+ *
+ * Web: a `dataSet` object consumed by React Native Web, which translates
+ * camelCase keys to `data-kebab-case` DOM attributes automatically.
+ * Native (.ts): individual `data-*` props consumed by Uniwind.
+ *
+ * Values pass through to `dataSet` as-is (RNW handles serialization).
+ * Undefined values are omitted.
+ */
+type DataAttributeValue = boolean | string | undefined;
+export declare function dataAttributes(attrs: Record<string, DataAttributeValue>): {
+    dataSet: Record<string, boolean | string>;
+};
+export {};
+//# sourceMappingURL=dataAttributes.web.d.ts.map

package/lib/typescript/utils/dataAttributes.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataAttributes.web.d.ts","sourceRoot":"","sources":["../../../src/utils/dataAttributes.web.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,KAAK,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,GAAG;IACzE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;CAC3C,CAUA"}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@cdx-ui/primitives",
+  "version": "0.0.1-alpha.1",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "react-native": "src/index.ts",
+  "types": "lib/typescript/index.d.ts",
+  "source": "src/index.ts",
+  "exports": {
+    ".": {
+      "react-native": "./src/index.ts",
+      "source": "./src/index.ts",
+      "types": "./lib/typescript/index.d.ts",
+      "import": "./lib/module/index.js",
+      "require": "./lib/commonjs/index.js",
+      "default": "./lib/module/index.js"
+    }
+  },
+  "files": [
+    "lib",
+    "src"
+  ],
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      "typescript"
+    ]
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.74.0",
+    "react-native-web": ">=0.19.0",
+    "react-dom": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    },
+    "react-native-web": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@react-native-aria/focus": "^0.2.9",
+    "@react-native-aria/interactions": "^0.2.16",
+    "@cdx-ui/utils": "0.0.1-alpha.1"
+  },
+  "devDependencies": {
+    "@types/react": "*",
+    "@types/react-dom": "*",
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*",
+    "react-native-builder-bob": "*",
+    "react-native-web": "*",
+    "typescript": "*"
+  },
+  "nx": {
+    "tags": [
+      "type:lib",
+      "scope:primitives"
+    ]
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "bob build",
+    "lint": "eslint src/"
+  }
+}

package/src/button/context.tsx

@@ -0,0 +1,4 @@
+import { createContext } from '@cdx-ui/utils';
+import type { InteractionState } from './types';
+
+export const [ButtonProvider, useButtonContext] = createContext<InteractionState>('ButtonContext');

package/src/button/createButtonGroup.tsx

@@ -0,0 +1,88 @@
+import React, { forwardRef } from 'react';
+import { flattenChildren } from '@cdx-ui/utils';
+import type { IButtonGroupProps } from './types';
+
+export const createButtonGroup = <T,>(BaseButtonGroup: React.ComponentType<T>) =>
+  forwardRef(
+    (
+      {
+        flexDirection = 'row',
+        isAttached,
+        isDisabled,
+        children,
+        isReversed,
+        reversed,
+        ...props
+      }: IButtonGroupProps,
+      ref?: React.Ref<T>,
+    ) => {
+      const direction = flexDirection.includes('reverse')
+        ? flexDirection === 'column-reverse'
+          ? 'column'
+          : 'row'
+        : flexDirection;
+      let computedChildren: React.ReactNode | undefined;
+      let childrenArray = React.Children.toArray(flattenChildren(children));
+      childrenArray = isReversed || reversed ? [...childrenArray].reverse() : childrenArray;
+
+      if (childrenArray) {
+        computedChildren = childrenArray.map((child: any, index: number) => {
+          if (typeof child === 'string' || typeof child === 'number') {
+            return child;
+          }
+
+          const attachedStyles: any = {};
+
+          if (index === 0) {
+            if (direction === 'column') {
+              attachedStyles.borderBottomLeftRadius = 0;
+              attachedStyles.borderBottomRightRadius = 0;
+            } else {
+              attachedStyles.borderTopRightRadius = 0;
+              attachedStyles.borderBottomRightRadius = 0;
+            }
+          } else if (index === childrenArray.length - 1) {
+            if (direction === 'column') {
+              attachedStyles.borderTopLeftRadius = 0;
+              attachedStyles.borderTopRightRadius = 0;
+            } else {
+              attachedStyles.borderTopLeftRadius = 0;
+              attachedStyles.borderBottomLeftRadius = 0;
+            }
+          } else {
+            attachedStyles.borderRadius = 0;
+          }
+
+          const childProps = {
+            isDisabled,
+            ...child.props,
+            style: {
+              ...(isAttached ? attachedStyles : {}),
+              ...child.props.style,
+            },
+          };
+
+          const clonedChild = React.cloneElement(child, {
+            ...childProps,
+          });
+
+          return (
+            <React.Fragment key={child.key ?? `spaced-child-${index.toString()}`}>
+              {clonedChild}
+            </React.Fragment>
+          );
+        });
+      }
+
+      const gapProp = isAttached ? { gap: 0 } : {};
+
+      if (computedChildren) {
+        return (
+          <BaseButtonGroup {...({ flexDirection, ...props, ref, ...gapProp } as T)}>
+            {computedChildren}
+          </BaseButtonGroup>
+        );
+      }
+      return null;
+    },
+  );

package/src/button/createButtonIcon.tsx

@@ -0,0 +1,8 @@
+import { forwardRef } from 'react';
+
+// TODO: Does this need data-attributes?
+
+export const createButtonIcon = <T,>(BaseButtonIcon: React.ComponentType<T>) =>
+  forwardRef((props: any, ref?: React.Ref<T>) => {
+    return <BaseButtonIcon {...props} ref={ref} />;
+  });

package/src/button/createButtonRoot.tsx

@@ -0,0 +1,101 @@
+import type React from 'react';
+import { forwardRef, useMemo } from 'react';
+import { composeEventHandlers } 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';
+import { ButtonProvider } from './context';
+import type { IButtonProps, InteractionState } from './types';
+
+export const createButtonRoot = <T,>(BaseButton: React.ComponentType<T>) =>
+  forwardRef(
+    (
+      {
+        children,
+        isDisabled,
+        isHovered: isHoveredProp,
+        isActive: isActiveProp,
+        isFocused: isFocusedProp,
+        isFocusVisible: isFocusVisibleProp,
+        ...props
+      }: Omit<IButtonProps, 'children'> & {
+        children?: ((state: InteractionState) => React.ReactNode) | React.ReactNode;
+      },
+      ref?: React.Ref<T>,
+    ) => {
+      const { isFocused, focusProps } = useFocus();
+      const { isFocusVisible, focusProps: focusRingProps } = useFocusRing() as {
+        isFocusVisible: boolean;
+        focusProps: typeof focusProps;
+      };
+      const { pressProps: pressableProps, isPressed: isActive } = usePress({
+        isDisabled,
+      });
+      const { isHovered, hoverProps } = useHover();
+      const contextValue = useMemo(() => {
+        return {
+          hover: isHoveredProp || isHovered,
+          focus: isFocusedProp || isFocused,
+          active: isActiveProp || isActive,
+          disabled: isDisabled,
+          focusVisible: isFocusVisibleProp || isFocusVisible,
+        };
+      }, [
+        isHovered,
+        isHoveredProp,
+        isFocused,
+        isFocusedProp,
+        isActive,
+        isActiveProp,
+        isDisabled,
+        isFocusVisible,
+        isFocusVisibleProp,
+      ]);
+
+      return (
+        <ButtonProvider value={contextValue}>
+          <BaseButton
+            ref={ref}
+            role={props?.role || 'button'}
+            {...dataAttributes({
+              hover: isHoveredProp || isHovered,
+              focus: isFocusedProp || isFocused,
+              active: isActiveProp || isActive,
+              disabled: isDisabled,
+              focusVisible: isFocusVisibleProp || isFocusVisible,
+            })}
+            disabled={isDisabled}
+            {...(props as T)}
+            onPressIn={composeEventHandlers(props?.onPressIn, pressableProps.onPressIn)}
+            onPressOut={composeEventHandlers(props?.onPressOut, pressableProps.onPressOut)}
+            onHoverIn={composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn)}
+            onHoverOut={composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut)}
+            onFocus={composeEventHandlers(
+              composeEventHandlers(
+                props?.onFocus as (...args: unknown[]) => unknown,
+                focusProps.onFocus,
+              ),
+              focusRingProps.onFocus,
+            )}
+            onBlur={composeEventHandlers(
+              composeEventHandlers(
+                props?.onBlur as (...args: unknown[]) => unknown,
+                focusProps.onBlur,
+              ),
+              focusRingProps.onBlur,
+            )}
+          >
+            {typeof children === 'function'
+              ? children({
+                  hover: isHoveredProp || isHovered,
+                  focus: isFocusedProp || isFocused,
+                  active: isActiveProp || isActive,
+                  disabled: isDisabled,
+                  focusVisible: isFocusVisibleProp || isFocusVisible,
+                })
+              : children}
+          </BaseButton>
+        </ButtonProvider>
+      );
+    },
+  );