@cdx-ui/primitives 0.1.6 → 0.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,gBAAgB;IAClE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,eAAgB,SAAQ,cAAc;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,eAAgB,SAAQ,eAAe;IAC/C,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC5B;AAED,UAAU,eAAgB,SAAQ,eAAe;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qGAAqG;IACrG,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACjC,yDAAyD;IACzD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,eAAe,CAAC;AAE5D,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,gBAAgB;IAClE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,eAAgB,SAAQ,cAAc;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,eAAgB,SAAQ,eAAe;IAC/C,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC5B;AAED,UAAU,eAAgB,SAAQ,eAAe;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qGAAqG;IACrG,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACjC,yDAAyD;IACzD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,eAAe,CAAC;AAE5D,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

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

@@ -14,11 +14,11 @@ import type { GestureResponderEvent, PressableProps } from 'react-native';
 export type LinkAction = 'navigate' | 'push' | 'replace';
 export interface ILinkProps extends PressableProps {
     /**
-     * URL that should be opened on Link press
+     * URL or route path opened on press. Omit when the link only runs `onPress`.
      */
     href?: string | undefined;
     /**
-     * Callback that will be invoked on Link press
+     * Invoked on press before navigation. Does not replace navigation.
      */
     onPress?: ((event?: GestureResponderEvent) => void) | null | undefined;
     /**

package/lib/typescript/list-item/types.d.ts

@@ -23,8 +23,9 @@ export interface InterfaceListItemProps extends ViewProps, IListItemPressablePas
      */
     crossAlign?: ListItemCrossAlign;
     /**
-     * Merge interaction props onto a single child instead of rendering the default pressable root.
-     * Intended for use with `onPress`.
+     * Merge props onto a single child (for example `Link`) instead of rendering `View` or `Pressable`.
+     * The child's `onPress` is kept unless this component also passes `onPress`.
+     * `isDisabled` suppresses press on the child.
      */
     asChild?: boolean;
 }

package/lib/typescript/list-item/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/list-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjD;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,MAAM,MAAM,6BAA6B,GAAG,OAAO,CACjD,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,CAAC,CAC9E,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,SAAS,EAAE,6BAA6B;IACtF;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC;;;;OAIG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/list-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjD;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,MAAM,MAAM,6BAA6B,GAAG,OAAO,CACjD,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,CAAC,CAC9E,CAAC;AAEF,MAAM,WAAW,sBAAuB,SAAQ,SAAS,EAAE,6BAA6B;IACtF;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC;;;;OAIG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC"}

package/lib/typescript/portal/portal.d.ts

@@ -3,9 +3,20 @@ import { type View, type ViewStyle } from 'react-native';
 export declare function PortalProvider({ children }: Readonly<{
     children: React.ReactNode;
 }>): import("react/jsx-runtime").JSX.Element;
-export declare function PortalHost({ name }: {
+export interface PortalHostProps {
+    /** Host name that `Portal` targets through `hostName`. @default the shared default host */
     name?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
+    /**
+     * Web only. Element that receives the portal content instead of `document.body`.
+     *
+     * Use it to keep overlays inside an embedded surface, such as a device preview. Fixed
+     * overlays stay inside the container only when an ancestor of it creates a containing
+     * block for fixed descendants, for example through a `transform`. While `null`, such as
+     * before a callback ref attaches, the host renders nothing. Ignored on native.
+     */
+    container?: Element | null;
+}
+export declare function PortalHost({ name, container }: PortalHostProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function Portal({ name, hostName, children, }: {
     name: string;
     hostName?: string;

package/lib/typescript/portal/portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../src/portal/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAY,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAwHnE,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,2CAMnF;AAID,wBAAgB,UAAU,CAAC,EAAE,IAA0B,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,kDAyC3E;AAID,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAA8B,EAC9B,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,QAcA;AAQD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB;;;;;EAiBjC"}
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../src/portal/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAY,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAwHnE,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,2CAMnF;AAID,MAAM,WAAW,eAAe;IAC9B,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAE,IAA0B,EAAE,SAAS,EAAE,EAAE,eAAe,kDA0CpF;AAID,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAA8B,EAC9B,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,QAcA;AAQD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB;;;;;EAiBjC"}

package/lib/typescript/progress-bar/types.d.ts

@@ -3,17 +3,22 @@ import type { ViewProps } from 'react-native';
 export type ProgressDataState = 'complete' | 'indeterminate' | 'loading';
 export interface InterfaceProgressProps extends Omit<ViewProps, 'children'> {
     /**
-     * Current value in the range [0, max], or `null` for indeterminate progress.
-     * Omit or use a number for determinate progress; default is `0`.
+     * Current value in the range `[0, max]`, or `null` for indeterminate progress.
+     * Values below `0` clamp to `0`; values above `max` clamp to `max`.
+     * Non-finite values (such as `NaN`) are treated as `0`.
+     * @default 0
      */
     readonly value?: number | null;
     /**
-     * Maximum value (minimum is always 0).
+     * Maximum value. The minimum is always `0`.
+     * A `max` of `0` or less is treated as complete.
      * @default 100
      */
     readonly max?: number;
     /**
-     * Optional label for `accessibilityValue.text` when determinate.
+     * Screen-reader text for determinate progress (`accessibilityValue.text`).
+     * Defaults to a rounded percentage of `max`, such as `"45%"`.
+     * No effect when `value` is `null`, or when `accessibilityValue` is set.
      */
     readonly getValueLabel?: (value: number, max: number) => string;
     readonly children?: ReactNode;

package/lib/typescript/progress-bar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,eAAe,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACzE;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAChE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,eAAe,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACzE;;;;;OAKG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAChE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC"}

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

@@ -2,8 +2,10 @@ import type { PressableProps } from 'react-native';
 export interface IRadioProps extends PressableProps {
     /** Required — identifies this item's value within a Radio.Group. */
     value: string;
+    /** Disables this item without disabling the rest of the group. */
     isDisabled?: boolean;
     isInvalid?: boolean;
+    /** Focusable, but the selection cannot be changed. */
     isReadOnly?: boolean;
     isHovered?: boolean;
     isFocused?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/radio/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,mEAAmE;AACnE,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACrC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/radio/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,mEAAmE;AACnE,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACrC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../../../src/select/SelectContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAClF,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAO9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,iFA+HzB,CAAC"}
+{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../../../src/select/SelectContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAClF,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAO9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,iFAgIzB,CAAC"}

package/lib/typescript/slider/useSliderPointer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderPointer.d.ts","sourceRoot":"","sources":["../../../src/slider/useSliderPointer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD,wBAAgB,gBAAgB,CAAC,WAAW,EAAE;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAS3B;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,iBAAiB,GAAG,IAAI,EACrC,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAE,MAAM,GAChB,MAAM,CAUR;AAQD,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,SAAS,GACV,EAAE;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACtC,WAAW,EAAE,iBAAiB,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;CACnB;uBAyBY,MAAM,SACN,MAAM,gBACC,MAAM,wBACE,iBAAiB;EAoE5C"}
+{"version":3,"file":"useSliderPointer.d.ts","sourceRoot":"","sources":["../../../src/slider/useSliderPointer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD,wBAAgB,gBAAgB,CAAC,WAAW,EAAE;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAS3B;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,iBAAiB,GAAG,IAAI,EACrC,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAE,MAAM,GAChB,MAAM,CAUR;AAQD,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,SAAS,GACV,EAAE;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACtC,WAAW,EAAE,iBAAiB,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;CACnB;uBAyBY,MAAM,SACN,MAAM,gBACC,MAAM,wBACE,iBAAiB;EAuE5C"}

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

@@ -6,11 +6,11 @@ export interface IInterfaceSwitchProps {
      */
     onValueChange?: (value: boolean) => void;
     /**
-     * If true, set the Switch to the checked state.
+     * Alias for `value`. `value` takes precedence when both are set.
      */
     isChecked?: boolean;
     /**
-     * The current value of the switch.
+     * Controlled on/off state. Takes precedence over `isChecked`.
      */
     value?: boolean;
     /**
@@ -18,11 +18,11 @@ export interface IInterfaceSwitchProps {
      */
     isDisabled?: boolean;
     /**
-     * If true, the switch will be disabled.
+     * Alias for `isDisabled`. Either prop disables the switch.
      */
     disabled?: boolean;
     /**
-     * If true, the switch will be initially checked.
+     * Initial state when uncontrolled. No effect when `value` or `isChecked` is set.
      */
     defaultValue?: boolean;
     /**

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

@@ -11,7 +11,8 @@ export interface ITabsProps {
     onValueChange?: (value: string) => void;
     /**
      * `automatic` (default) selects a tab as soon as it receives focus via arrow keys.
-     * `manual` only moves focus on arrow keys — the consumer must press Enter/Space to select.
+     * `manual` only moves focus — press Enter or Space to select. Web only; native
+     * selection follows press. Use `manual` when rendering the next panel is expensive.
      */
     activationMode?: TabsActivationMode;
     /**
@@ -19,6 +20,7 @@ export interface ITabsProps {
      * `vertical` uses ArrowUp/ArrowDown, per the ARIA APG tabs pattern.
      */
     orientation?: TabsOrientation;
+    /** Disables every tab. Disable a single tab with `disabled` on that `Tabs.Tab`. */
     disabled?: boolean;
     children?: ReactNode;
 }
@@ -58,7 +60,10 @@ export interface ITabProps extends PressableProps {
 export interface ITabPanelProps extends ViewProps {
     /** Required — correlates this panel with its `Tabs.Tab` counterpart. */
     value: string;
-    /** Unmount when inactive instead of keeping the panel hidden in the DOM. */
+    /**
+     * Unmount when inactive instead of keeping the panel mounted and hidden.
+     * The default keeps it mounted so the tab's `aria-controls` target stays in the tree.
+     */
     unmountWhenInactive?: boolean;
     children?: ReactNode;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,QAAQ,CAAC;AACxD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AAExD,MAAM,WAAW,UAAU;IACzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,kBAAkB,CAAC;IACnC,WAAW,EAAE,eAAe,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3D,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,CAAC;IACzC,iGAAiG;IACjG,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,QAAQ,CAAC;AACxD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AAExD,MAAM,WAAW,UAAU;IACzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,kBAAkB,CAAC;IACnC,WAAW,EAAE,eAAe,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3D,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,CAAC;IACzC,iGAAiG;IACjG,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD"}

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

@@ -1,5 +1,5 @@
-import type React from 'react';
-type CreatePortalFn = (children: React.ReactNode, container: Element) => React.ReactPortal;
+import { type ReactNode, type ReactPortal } from 'react';
+type CreatePortalFn = (children: ReactNode, container: Element) => ReactPortal;
 /**
  * Web implementation — statically imports `ReactDOM.createPortal`.
  *
@@ -11,6 +11,10 @@ type CreatePortalFn = (children: React.ReactNode, container: Element) => React.R
  * 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.
+ *
+ * Portaled content leaves the DOM subtree of any `Text` it was rendered from,
+ * so the text-ancestor context is reset; otherwise a `Text` inside an overlay
+ * opened from a `Text` would skip its own typography and inherit nothing.
  */
 export declare const createPortalFn: CreatePortalFn;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"createPortal.web.d.ts","sourceRoot":"","sources":["../../../src/utils/createPortal.web.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,cAAc,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,KAAK,KAAK,CAAC,WAAW,CAAC;AAE3F;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,EAAE,cAA6B,CAAC"}
+{"version":3,"file":"createPortal.web.d.ts","sourceRoot":"","sources":["../../../src/utils/createPortal.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAIxE,KAAK,cAAc,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,KAAK,WAAW,CAAC;AAE/E;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc,EAAE,cACqE,CAAC"}

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

@@ -0,0 +1,13 @@
+import { type Context } from 'react';
+/**
+ * React Native's own text-ancestor context: `Text` provides `true`, and `View`
+ * (including the one inside `Modal`) resets it to `false`.
+ *
+ * It is exported as `unstable_`, so a React Native release that drops it falls
+ * back to a context nothing provides — every `Text` then styles itself as
+ * top-level instead of the module failing to load.
+ */
+export declare const TextAncestorContext: Context<boolean>;
+/** `true` when the calling component renders inside a host `Text`. */
+export declare function useHasTextAncestor(): boolean;
+//# sourceMappingURL=textAncestor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textAncestor.d.ts","sourceRoot":"","sources":["../../../src/utils/textAncestor.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,OAAO,EAAE,MAAM,OAAO,CAAC;AAGhE;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,OAAO,CAEQ,CAAC;AAE1D,sEAAsE;AACtE,wBAAgB,kBAAkB,IAAI,OAAO,CAE5C"}

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

@@ -0,0 +1,15 @@
+import { type Context } from 'react';
+/**
+ * React Native Web's text-ancestor context, which its `Text` provides. RNW does
+ * not export it, so this is a deep import. RNW's ESM and CommonJS builds each
+ * create their own context, so this must stay on the ESM path: it is the build
+ * bundlers resolve `react-native-web` to, and the path `babel-preset-expo`
+ * rewrites `react-native` imports to under Jest.
+ *
+ * Unlike native, RNW's `View` does not reset the context — CSS inherits through
+ * an inline `View` inside `Text`. DOM portals reset it in `createPortal.web.ts`.
+ */
+export declare const TextAncestorContext: Context<boolean>;
+/** `true` when the calling component renders inside a host `Text`. */
+export declare function useHasTextAncestor(): boolean;
+//# sourceMappingURL=textAncestor.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textAncestor.web.d.ts","sourceRoot":"","sources":["../../../src/utils/textAncestor.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,OAAO,CAAC;AAGjD;;;;;;;;;GASG;AACH,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,OAAO,CAA0B,CAAC;AAE5E,sEAAsE;AACtE,wBAAgB,kBAAkB,IAAI,OAAO,CAE5C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.1.6",
+  "version": "0.2.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -65,11 +65,12 @@
     "@react-native-aria/interactions": "^0.2.16",
     "@react-native-aria/radio": "0.2.13",
     "@react-stately/checkbox": "3.7.4",
+    "@react-stately/color": "3.10.1",
     "@react-stately/disclosure": "3.1.1",
     "@react-stately/radio": "3.12.0",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/formatters": "0.1.6",
-    "@cdx-ui/utils": "0.1.6"
+    "@cdx-ui/formatters": "0.2.0",
+    "@cdx-ui/utils": "0.2.0"
   },
   "devDependencies": {
     "@types/react": "19.1.17",

package/src/breadcrumbs/types.ts

@@ -13,8 +13,21 @@ export const breadcrumbColorOptions = [
 export type BreadcrumbColor = (typeof breadcrumbColorOptions)[number];
 
 export interface IBreadcrumbsProps extends ViewProps {
+  /**
+   * When `true`, ancestor items are not interactive and use muted text.
+   * The current page keeps its color.
+   * @default false
+   */
   readonly isDisabled?: boolean;
+  /**
+   * When `true`, interactive ancestor items are underlined.
+   * @default false
+   */
   readonly isUnderlined?: boolean;
+  /**
+   * Semantic color for ancestor items. `neutral` uses the standard text hierarchy.
+   * @default 'neutral'
+   */
   readonly color?: BreadcrumbColor;
   /**
    * Accessible name for the breadcrumb navigation landmark.

package/src/checkbox/types.ts

@@ -1,13 +1,17 @@
 import type { PressableProps } from 'react-native';
 
 export interface InterfaceCheckbox extends PressableProps {
+  /** Identifies this checkbox. Must be unique among siblings in a `Checkbox.Group`. */
   value: string;
   onChange?: (isSelected: boolean) => void;
   children?: React.ReactNode;
+  /** Initial checked state when uncontrolled. No effect when `isChecked` is set. */
   defaultIsChecked?: boolean;
+  /** Controlled checked state. When set, `defaultIsChecked` has no effect. */
   isChecked?: boolean;
   isDisabled?: boolean;
   isInvalid?: boolean;
+  /** Focusable, but the checked state cannot be changed. */
   isReadOnly?: boolean;
   isHovered?: boolean;
   isFocused?: boolean;

package/src/color/Color.ts

@@ -0,0 +1,95 @@
+import { parseColor as parseStatelyColor } from '@react-stately/color';
+import type { Color, ColorChannelBySpace, ColorFormat, ColorSpace } from './types';
+
+const NUMBER_PATTERN = '[+-]?(?:\\d+(?:\\.\\d+)?|\\.\\d+)';
+const HEX_PATTERN = /^#[\da-f]{3}(?:[\da-f]{3})?$/iu;
+const RGB_PATTERN = new RegExp(
+  `^rgb\\(\\s*${NUMBER_PATTERN}\\s*,\\s*${NUMBER_PATTERN}\\s*,\\s*${NUMBER_PATTERN}\\s*\\)$`,
+  'iu',
+);
+const HSL_PATTERN = new RegExp(
+  `^hsl\\(\\s*${NUMBER_PATTERN}\\s*,\\s*${NUMBER_PATTERN}%\\s*,\\s*${NUMBER_PATTERN}%\\s*\\)$`,
+  'iu',
+);
+
+type StatelyColor = ReturnType<typeof parseStatelyColor>;
+
+function isSupportedOpaqueColor(value: string): boolean {
+  return HEX_PATTERN.test(value) || RGB_PATTERN.test(value) || HSL_PATTERN.test(value);
+}
+
+function normalizeHue(value: number): number {
+  if (!Number.isFinite(value)) {
+    return 0;
+  }
+
+  return ((value % 360) + 360) % 360;
+}
+
+function normalizeChannelValue(
+  color: StatelyColor,
+  channel: ColorChannelBySpace[ColorSpace],
+  value: number,
+): number {
+  if (!Number.isFinite(value)) {
+    return color.getChannelValue(channel);
+  }
+
+  if (channel === 'hue') {
+    return normalizeHue(value);
+  }
+
+  const { minValue, maxValue } = color.getChannelRange(channel);
+  const clampedValue = Math.min(maxValue, Math.max(minValue, value));
+
+  return channel === 'red' || channel === 'green' || channel === 'blue'
+    ? Math.round(clampedValue)
+    : clampedValue;
+}
+
+function createColor(color: StatelyColor): Color {
+  return {
+    toString(format: ColorFormat): string {
+      const value = color.toString(format);
+      return format === 'hex' ? value.toUpperCase() : value;
+    },
+    getChannel<S extends ColorSpace>(space: S, channel: ColorChannelBySpace[S]): number {
+      const value = color.toFormat(space).getChannelValue(channel);
+      return channel === 'hue' ? normalizeHue(value) : value;
+    },
+    withChannel<S extends ColorSpace>(
+      space: S,
+      channel: ColorChannelBySpace[S],
+      value: number,
+    ): Color {
+      const convertedColor = color.toFormat(space);
+      const channelValue = normalizeChannelValue(convertedColor, channel, value);
+      return createColor(convertedColor.withChannelValue(channel, channelValue));
+    },
+  };
+}
+
+export function parseColor(value: string): Color | undefined {
+  const normalizedValue = value.trim().toLowerCase();
+
+  if (!isSupportedOpaqueColor(normalizedValue)) {
+    return undefined;
+  }
+
+  try {
+    let color = parseStatelyColor(normalizedValue);
+
+    if (RGB_PATTERN.test(normalizedValue)) {
+      color = color
+        .withChannelValue('red', Math.round(color.getChannelValue('red')))
+        .withChannelValue('green', Math.round(color.getChannelValue('green')))
+        .withChannelValue('blue', Math.round(color.getChannelValue('blue')));
+    } else if (HSL_PATTERN.test(normalizedValue)) {
+      color = color.withChannelValue('hue', normalizeHue(color.getChannelValue('hue')));
+    }
+
+    return createColor(color);
+  } catch {
+    return undefined;
+  }
+}

package/src/color/index.ts

@@ -0,0 +1,2 @@
+export { parseColor } from './Color';
+export type { Color, ColorChannelBySpace, ColorFormat, ColorSpace } from './types';

package/src/color/types.ts

@@ -0,0 +1,19 @@
+export type ColorFormat = 'hex' | 'rgb' | 'hsl';
+
+export type ColorSpace = 'rgb' | 'hsl' | 'hsb';
+
+export interface ColorChannelBySpace {
+  rgb: 'red' | 'green' | 'blue';
+  hsl: 'hue' | 'saturation' | 'lightness';
+  hsb: 'hue' | 'saturation' | 'brightness';
+}
+
+export interface Color {
+  toString(format: ColorFormat): string;
+  getChannel<S extends ColorSpace>(space: S, channel: ColorChannelBySpace[S]): number;
+  withChannel<S extends ColorSpace>(
+    space: S,
+    channel: ColorChannelBySpace[S],
+    value: number,
+  ): Color;
+}

package/src/color-area/ColorAreaAccessibility.tsx

@@ -0,0 +1,94 @@
+import { useCallback } from 'react';
+import { StyleSheet, View, type AccessibilityActionEvent } from 'react-native';
+import { useColorAreaContext } from './context';
+import { clampColorChannel, colorAreaValueText } from './utils';
+
+export interface ColorAreaAccessibilityProps {
+  readonly accessibilityLabel?: string;
+}
+
+export function ColorAreaAccessibility({ accessibilityLabel }: ColorAreaAccessibilityProps) {
+  const { value, xValue, yValue, step, isDisabled, setXValue, setYValue } = useColorAreaContext();
+
+  const handleSaturationAction = useCallback(
+    (event: AccessibilityActionEvent) => {
+      if (event.nativeEvent.actionName === 'increment') {
+        setXValue(xValue + step, true);
+      } else if (event.nativeEvent.actionName === 'decrement') {
+        setXValue(xValue - step, true);
+      }
+    },
+    [setXValue, step, xValue],
+  );
+
+  const handleBrightnessAction = useCallback(
+    (event: AccessibilityActionEvent) => {
+      if (event.nativeEvent.actionName === 'increment') {
+        setYValue(yValue + step, true);
+      } else if (event.nativeEvent.actionName === 'decrement') {
+        setYValue(yValue - step, true);
+      }
+    },
+    [setYValue, step, yValue],
+  );
+
+  const actionProps = {
+    accessibilityActions: [{ name: 'increment' }, { name: 'decrement' }],
+  } as const;
+
+  return (
+    <>
+      <View
+        {...actionProps}
+        accessible
+        style={styles.saturationProxy}
+        accessibilityRole="adjustable"
+        accessibilityLabel={accessibilityLabel ? `${accessibilityLabel}, Saturation` : 'Saturation'}
+        accessibilityValue={{
+          min: 0,
+          max: 100,
+          now: Math.round(clampColorChannel(xValue)),
+          text: colorAreaValueText(value),
+        }}
+        accessibilityState={{ disabled: isDisabled }}
+        onAccessibilityAction={handleSaturationAction}
+      />
+      <View
+        {...actionProps}
+        accessible
+        style={styles.brightnessProxy}
+        accessibilityRole="adjustable"
+        accessibilityLabel={accessibilityLabel ? `${accessibilityLabel}, Brightness` : 'Brightness'}
+        accessibilityValue={{
+          min: 0,
+          max: 100,
+          now: Math.round(clampColorChannel(yValue)),
+          text: colorAreaValueText(value),
+        }}
+        accessibilityState={{ disabled: isDisabled }}
+        onAccessibilityAction={handleBrightnessAction}
+      />
+    </>
+  );
+}
+
+ColorAreaAccessibility.displayName = 'ColorAreaAccessibility';
+
+const styles = StyleSheet.create({
+  saturationProxy: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    width: '50%',
+    pointerEvents: 'none',
+  },
+  brightnessProxy: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: '50%',
+    pointerEvents: 'none',
+  },
+});

package/src/color-area/ColorAreaAccessibility.web.tsx

@@ -0,0 +1,52 @@
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { useColorAreaContext } from './context';
+import type { ColorAreaKeyboardEvent } from './types';
+import { colorAreaValueText, snapColorChannel } from './utils';
+
+export interface ColorAreaAccessibilityProps {
+  readonly accessibilityLabel?: string;
+}
+
+export function ColorAreaAccessibility({ accessibilityLabel }: ColorAreaAccessibilityProps) {
+  const { value, xValue, yValue, step, isDisabled, setXValue, setYValue, handleKeyDown } =
+    useColorAreaContext();
+
+  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+    handleKeyDown(event as unknown as ColorAreaKeyboardEvent);
+  };
+
+  return (
+    <>
+      <VisuallyHidden>
+        <input
+          type="range"
+          min={0}
+          max={100}
+          step={step}
+          value={snapColorChannel(xValue, step)}
+          disabled={isDisabled}
+          aria-label={accessibilityLabel ? `${accessibilityLabel}, Saturation` : 'Saturation'}
+          aria-valuetext={colorAreaValueText(value)}
+          onKeyDown={handleInputKeyDown}
+          onChange={(event) => setXValue(Number(event.currentTarget.value), true)}
+        />
+      </VisuallyHidden>
+      <VisuallyHidden>
+        <input
+          type="range"
+          min={0}
+          max={100}
+          step={step}
+          value={snapColorChannel(yValue, step)}
+          disabled={isDisabled}
+          aria-label={accessibilityLabel ? `${accessibilityLabel}, Brightness` : 'Brightness'}
+          aria-valuetext={colorAreaValueText(value)}
+          onKeyDown={handleInputKeyDown}
+          onChange={(event) => setYValue(Number(event.currentTarget.value), true)}
+        />
+      </VisuallyHidden>
+    </>
+  );
+}
+
+ColorAreaAccessibility.displayName = 'ColorAreaAccessibility';