@cdx-ui/components 0.0.1-beta.18 → 0.0.1-beta.180

package/lib/typescript/components/Select/index.d.ts

@@ -2,36 +2,80 @@ import { type ReactNode } from 'react';
 import { Text, type TextProps, View, type ViewProps } from 'react-native';
 import { type ISelectContentProps, type ISelectItemLabelProps, type ISelectItemProps, type ISelectProps, type ISelectTriggerProps, type ISelectValueProps } from '@cdx-ui/primitives';
 import { IconProps } from '../Icon';
+import { type IconSlotPosition } from '../../utils/positionToDataIcon';
 import { type SelectVariantProps } from './styles';
 export interface SelectProps extends ViewProps, ISelectProps, SelectVariantProps {
     className?: string;
 }
 declare const SelectRoot: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<View>>;
 export interface SelectTriggerProps extends ISelectTriggerProps {
+    /**
+     * Substitute the rendered trigger element with the single child. The child must
+     * be another Forge primitive (IconButton, Chip, Button) — anything whose
+     * underlying Pressable accepts Pressable-shaped handlers. When set, the
+     * auto-injected arrow indicator is skipped and `selectTriggerVariants` is not
+     * applied so the substituted component's own appearance wins.
+     *
+     * On web, `<label htmlFor>` association is preserved via a `focus()` bridge
+     * registered by the primitive.
+     *
+     * NOTE — `data-slot` overlap: the substituted component's own `data-slot`
+     * (e.g. `button`, `icon-button`, `chip`) may win on the merged element.
+     * Selectors that need guaranteed `select-trigger` access should wrap the
+     * trigger instead of relying on `data-slot`.
+     */
+    asChild?: boolean;
+    /**
+     * Replaces the default open/closed chevron. Pass `null` to suppress the
+     * indicator. When `asChild` is set, only an explicitly provided indicator is
+     * appended to the substituted child.
+     */
+    indicator?: ReactNode;
     className?: string;
     children?: ReactNode;
 }
 declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<View>>;
 export interface SelectValueProps extends TextProps, ISelectValueProps {
+    asChild?: boolean;
     className?: string;
 }
 declare const SelectValue: import("react").ForwardRefExoticComponent<SelectValueProps & import("react").RefAttributes<Text>>;
-export interface SelectIconProps extends Omit<IconProps, 'children'> {
+export interface SelectIconProps extends Omit<IconProps, 'children' | 'as'> {
+    asChild?: boolean;
+    /**
+     * Forge icon component to render. Required unless `asChild` is set, in which
+     * case the consumer's substituted element is rendered instead.
+     */
+    as?: IconProps['as'];
+    /**
+     * Position hint that emits `data-icon="inline-start"` or `data-icon="inline-end"`.
+     * CVA uses this attribute to apply leading/trailing padding logically (RTL-aware).
+     * Omit to apply the symmetric baseline gap.
+     */
+    position?: IconSlotPosition;
 }
 declare const SelectIcon: {
-    ({ className, style, ...props }: SelectIconProps): import("react/jsx-runtime").JSX.Element;
+    ({ asChild, className, style, as, position, ...props }: SelectIconProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export interface SelectContentProps extends ViewProps, ISelectContentProps {
+    asChild?: boolean;
     className?: string;
 }
 declare const SelectContent: import("react").ForwardRefExoticComponent<SelectContentProps & import("react").RefAttributes<View>>;
 export interface SelectItemProps extends ISelectItemProps {
+    asChild?: boolean;
+    /**
+     * Replaces the default selected-item checkmark. The replacement is rendered
+     * only while the item is selected. Pass `null` to suppress the indicator.
+     */
+    indicator?: ReactNode;
     className?: string;
     children?: ReactNode;
 }
 declare const SelectItem: import("react").ForwardRefExoticComponent<SelectItemProps & import("react").RefAttributes<View>>;
 export interface SelectItemLabelProps extends TextProps, ISelectItemLabelProps {
+    asChild?: boolean;
     className?: string;
 }
 declare const SelectItemLabel: import("react").ForwardRefExoticComponent<SelectItemLabelProps & import("react").RefAttributes<Text>>;

package/lib/typescript/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAa,IAAI,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAErF,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,KAAK,kBAAkB,EAOxB,MAAM,UAAU,CAAC;AAsBlB,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,EAAE,kBAAkB;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,8FAcf,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAalB,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,iBAAiB;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGAMf,CAAC;AAQH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAEvE,QAAA,MAAM,UAAU;qCAAoC,eAAe;;CAMlE,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,mBAAmB;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,qGAQlB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAYf,CAAC;AAQF,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,qBAAqB;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,uGAUpB,CAAC;AAQF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,SAAS,EAAE,OAAO,eAAe,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,EAOb,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAUL,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAG1C,OAAO,EAAsB,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAalB,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,EAAE,kBAAkB;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,8FAmBf,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGA2ClB,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,iBAAiB;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGA+BhB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU;4DAA2D,eAAe;;CAqBzF,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,mBAAmB;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,qGA+BlB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAyCf,CAAC;AAQF,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,qBAAqB;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,uGA2BpB,CAAC;AAQF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,SAAS,EAAE,OAAO,eAAe,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,EAOb,uBAAuB,CAAC"}

package/lib/typescript/components/Select/styles.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from 'class-variance-authority';
+import { type VariantProps } from '@cdx-ui/utils';
 export declare const selectTriggerVariants: (props?: ({
     variant?: "outline" | null | undefined;
     size?: "small" | "default" | null | undefined;
@@ -9,12 +9,5 @@ export declare const selectValueVariants: (props?: ({
 export declare const selectIconVariants: (props?: ({
     size?: "small" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const selectContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const selectItemVariants: (props?: ({
-    size?: "small" | "default" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const selectItemLabelVariants: (props?: ({
-    size?: "small" | "default" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type SelectVariantProps = VariantProps<typeof selectTriggerVariants>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/Select/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAkBlE,eAAO,MAAM,qBAAqB;;;8EAsCjC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EAkB/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;8EAiB9B,CAAC;AAIF,eAAO,MAAM,qBAAqB,oFAWhC,CAAC;AAIH,eAAO,MAAM,kBAAkB;;8EAsB9B,CAAC;AAIF,eAAO,MAAM,uBAAuB;;8EAanC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,eAAO,MAAM,qBAAqB;;;8EA+DjC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EAkB/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;8EAiB9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/lib/typescript/components/Skeleton/index.d.ts

@@ -0,0 +1,9 @@
+import { type ViewProps } from 'react-native';
+import Animated from 'react-native-reanimated';
+export interface SkeletonProps extends ViewProps {
+    className?: string;
+    /** Pulse animation duration in milliseconds. @default 1000 */
+    duration?: number;
+}
+export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<Animated.View>>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/Skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,QAMN,MAAM,yBAAyB,CAAC;AAIjC,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,yGAsBpB,CAAC"}

package/lib/typescript/components/Skeleton/styles.d.ts

@@ -0,0 +1,4 @@
+import { type VariantProps } from '@cdx-ui/utils';
+export declare const skeletonVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/Skeleton/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,gBAAgB,oFAAmD,CAAC;AAEjF,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/lib/typescript/components/Slider/getSliderPopupPosition.d.ts

@@ -0,0 +1,15 @@
+import { type ViewStyle } from 'react-native';
+import { type AnchorLayout, type SliderOrientation } from '@cdx-ui/primitives';
+export declare const SLIDER_POPUP_OFFSET = 8;
+export declare const SLIDER_POPUP_Z_INDEX = 9999;
+export interface SliderPopupPortalOrigin {
+    x: number;
+    y: number;
+}
+export declare function getSliderPopupPortalStyle(windowStyle: ViewStyle, portalOrigin: SliderPopupPortalOrigin | null): ViewStyle;
+/**
+ * Popover-style placement for the slider value tooltip, modeled after anchored
+ * popover content positioning (placement + offset relative to a measured trigger).
+ */
+export declare function getSliderPopupAnchorStyle(anchor: AnchorLayout, orientation: SliderOrientation, offset?: number): ViewStyle;
+//# sourceMappingURL=getSliderPopupPosition.d.ts.map

package/lib/typescript/components/Slider/getSliderPopupPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSliderPopupPosition.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/getSliderPopupPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAEzC,MAAM,WAAW,uBAAuB;IACtC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,wBAAgB,yBAAyB,CACvC,WAAW,EAAE,SAAS,EACtB,YAAY,EAAE,uBAAuB,GAAG,IAAI,GAC3C,SAAS,CAWX;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,YAAY,EACpB,WAAW,EAAE,iBAAiB,EAC9B,MAAM,SAAsB,GAC3B,SAAS,CA8BX"}

package/lib/typescript/components/Slider/index.d.ts

@@ -0,0 +1,66 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type ISliderProps, type ISliderRailProps, type ISliderThumbProps, type SliderOrientation, type SliderRangeValueProps, type SliderSingleValueProps } from '@cdx-ui/primitives';
+import { type SliderColor, type SliderVariantProps } from './styles';
+export interface SliderProps extends Omit<ISliderProps, 'orientation'> {
+    className?: string;
+    /**
+     * Semantic color token for the track fill and thumb border.
+     * @default `action`
+     */
+    color?: SliderColor;
+    orientation?: SliderOrientation;
+    children?: ReactNode;
+}
+export type { SliderRangeValueProps, SliderSingleValueProps };
+declare const SliderRoot: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<View>>;
+export interface SliderRailProps extends ISliderRailProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare const SliderRail: import("react").ForwardRefExoticComponent<SliderRailProps & import("react").RefAttributes<View>>;
+export interface SliderTrackProps extends ViewProps {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const SliderTrack: import("react").ForwardRefExoticComponent<SliderTrackProps & import("react").RefAttributes<View>>;
+export interface SliderThumbProps extends ISliderThumbProps {
+    className?: string;
+    /**
+     * Zero-based thumb index. Defaults to `0` for single-value sliders.
+     */
+    index?: number;
+    children?: ReactNode;
+}
+declare const SliderThumb: import("react").ForwardRefExoticComponent<SliderThumbProps & import("react").RefAttributes<View>>;
+export interface SliderPopupProps extends ViewProps {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const SliderPopup: import("react").ForwardRefExoticComponent<SliderPopupProps & import("react").RefAttributes<View>>;
+export interface SliderMarkerProps extends ViewProps {
+    asChild?: boolean;
+    className?: string;
+    value?: number;
+    children?: ReactNode;
+}
+declare const SliderMarker: import("react").ForwardRefExoticComponent<SliderMarkerProps & import("react").RefAttributes<View>>;
+export interface SliderMarkerGroupProps extends ViewProps {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const SliderMarkerGroup: import("react").ForwardRefExoticComponent<SliderMarkerGroupProps & import("react").RefAttributes<View>>;
+type SliderCompoundComponent = typeof SliderRoot & {
+    Rail: typeof SliderRail;
+    Track: typeof SliderTrack;
+    Thumb: typeof SliderThumb;
+    Popup: typeof SliderPopup;
+    MarkerGroup: typeof SliderMarkerGroup;
+    Marker: typeof SliderMarker;
+};
+export declare const Slider: SliderCompoundComponent;
+export type { SliderColor, SliderVariantProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/Slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAA8B,IAAI,EAAE,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAChG,OAAO,EAgBL,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC5B,MAAM,oBAAoB,CAAC;AAS5B,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAsBlB,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,CAAC;AAE9D,QAAA,MAAM,UAAU,8FAuCf,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAgBf,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGAoEhB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGAkBhB,CAAC;AAoBF,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGA2FhB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,oGAsCjB,CAAC;AAYF,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,yGAiDtB,CAAC;AAIF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,WAAW,EAAE,OAAO,iBAAiB,CAAC;IACtC,MAAM,EAAE,OAAO,YAAY,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,MAAM,EAOb,uBAAuB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/typescript/components/Slider/styles.d.ts

@@ -0,0 +1,30 @@
+import { type VariantProps } from '@cdx-ui/utils';
+export declare const sliderColorOptions: readonly ["action", "danger", "warning", "success", "info"];
+export type SliderColor = (typeof sliderColorOptions)[number];
+export declare const sliderRootVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const sliderRailVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const sliderRailColorVariants: (props?: ({
+    color?: "danger" | "warning" | "success" | "info" | "action" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const sliderTrackVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const sliderTrackColorVariants: (props?: ({
+    color?: "danger" | "warning" | "success" | "info" | "action" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const sliderThumbVariants: (props?: ({
+    color?: "danger" | "warning" | "success" | "info" | "action" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const sliderThumbHaloVariants: (props?: ({
+    visible?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const sliderPopupBaseVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const sliderMarkerVariants: (props?: ({
+    filled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SliderVariantProps = VariantProps<typeof sliderRootVariants> & VariantProps<typeof sliderRailVariants> & VariantProps<typeof sliderRailColorVariants> & VariantProps<typeof sliderTrackVariants> & VariantProps<typeof sliderTrackColorVariants> & VariantProps<typeof sliderThumbVariants>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/Slider/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,kBAAkB,6DAA8D,CAAC;AAC9F,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9D,eAAO,MAAM,kBAAkB;;8EAkB9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAa9B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;8EAalC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAU9B,CAAC;AAEH,eAAO,MAAM,wBAAwB;;8EAanC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAyB/B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;8EAQlC,CAAC;AAEH,eAAO,MAAM,uBAAuB,oFAGlC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;8EAahC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACtE,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACvC,YAAY,CAAC,OAAO,uBAAuB,CAAC,GAC5C,YAAY,CAAC,OAAO,mBAAmB,CAAC,GACxC,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAC7C,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/lib/typescript/components/Stack/styles.d.ts

@@ -13,11 +13,11 @@ declare const spaceMap: {
 export type StackSpace = keyof typeof spaceMap;
 export declare const hStackRootVariants: (props?: ({
     reversed?: boolean | null | undefined;
-    space?: "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    space?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const vStackRootVariants: (props?: ({
     reversed?: boolean | null | undefined;
-    space?: "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    space?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export {};
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/Switch/BaseSwitch.d.ts

@@ -1,9 +1,16 @@
-import { Switch as RNSwitch, type SwitchProps } from 'react-native';
-export interface BaseSwitchProps extends Omit<SwitchProps, 'className'> {
-    states?: Record<string, boolean | undefined>;
-    dataSet?: Record<string, string>;
+import { Switch as RNSwitch, type SwitchProps as RNSwitchProps } from 'react-native';
+import { type IUseSwitchReturn } from '@cdx-ui/primitives';
+export interface BaseSwitchProps extends Omit<RNSwitchProps, 'value' | 'disabled' | 'onValueChange' | 'thumbColor' | 'trackColor' | 'ios_backgroundColor' | 'className'> {
+    switchState: IUseSwitchReturn;
     className?: string;
-    size?: string;
+    size?: string | null;
 }
+/**
+ * Native host for `Switch`. Renders `RNSwitch` with Uniwind className passthrough
+ * derived from the resolved interaction state in `switchState`.
+ *
+ * All state/a11y/interaction machinery lives in the `useSwitch` hook; this file
+ * is pure rendering (Standard 3: primitives must not carry styling machinery).
+ */
 export declare const BaseSwitch: import("react").ForwardRefExoticComponent<BaseSwitchProps & import("react").RefAttributes<RNSwitch>>;
 //# sourceMappingURL=BaseSwitch.d.ts.map

package/lib/typescript/components/Switch/BaseSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/BaseSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AASpE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,sGAkBtB,CAAC"}
+{"version":3,"file":"BaseSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/BaseSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,KAAK,WAAW,IAAI,aAAa,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAShF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,aAAa,EACX,OAAO,GACP,UAAU,GACV,eAAe,GACf,YAAY,GACZ,YAAY,GACZ,qBAAqB,GACrB,WAAW,CACd;IACC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,sGAwBtB,CAAC"}

package/lib/typescript/components/Switch/BaseSwitch.web.d.ts

@@ -1,15 +1,21 @@
 import { View } from 'react-native';
+import { type IUseSwitchReturn } from '@cdx-ui/primitives';
 import { type SwitchVariantProps } from './styles';
 export interface BaseSwitchProps {
-    value?: boolean;
-    onValueChange?: (value: boolean) => void;
-    disabled?: boolean;
-    states?: Record<string, boolean | undefined>;
-    dataSet?: Record<string, string>;
+    switchState: IUseSwitchReturn;
     className?: string;
     size?: SwitchVariantProps['size'];
+    accessibilityLabel?: string;
     onFocus?: () => void;
     onBlur?: () => void;
 }
+/**
+ * Web host for `Switch`. Renders a custom `Pressable` + `View` toggle (preserving
+ * the existing visual contract) wired to the resolved state in `switchState`.
+ *
+ * `role="switch"` + `aria-checked` + keyboard semantics satisfy the same a11y
+ * contract that an `<input type="checkbox" role="switch">` would provide, without
+ * the visual rework an input swap would require (see spike notes in PR).
+ */
 export declare const BaseSwitch: import("react").ForwardRefExoticComponent<BaseSwitchProps & import("react").RefAttributes<View>>;
 //# sourceMappingURL=BaseSwitch.web.d.ts.map

package/lib/typescript/components/Switch/BaseSwitch.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSwitch.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/BaseSwitch.web.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,kGA4CtB,CAAC"}
+{"version":3,"file":"BaseSwitch.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/BaseSwitch.web.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEhF,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,kGA+BtB,CAAC"}

package/lib/typescript/components/Switch/index.d.ts

@@ -1,7 +1,19 @@
+import type { Switch as RNSwitch, View } from 'react-native';
 import { type ISwitchProps } from '@cdx-ui/primitives';
-import type { SwitchVariantProps } from './styles';
-export interface SwitchProps extends ISwitchProps, SwitchVariantProps {
+export interface SwitchProps extends ISwitchProps {
+    /**
+     * Track and thumb size.
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional Uniwind/Tailwind classes, merged after the switch's own styles. */
     className?: string;
+    /** Accessible label announced by screen readers. */
+    accessibilityLabel?: string;
+    /** Called when the switch receives focus. */
+    onFocus?: () => void;
+    /** Called when the switch loses focus. */
+    onBlur?: () => void;
 }
-export declare const Switch: import("@cdx-ui/primitives").ISwitchComponentType<import("./BaseSwitch").BaseSwitchProps & import("react").RefAttributes<import("react-native").Switch>, unknown>;
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<View | RNSwitch>>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/Switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgB,MAAM,oBAAoB,CAAC;AAErE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAInD,MAAM,WAAW,WAAY,SAAQ,YAAY,EAAE,kBAAkB;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,mKAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,IAAI,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAG5B,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,yGAqClB,CAAC"}

package/lib/typescript/components/Switch/styles.d.ts

@@ -1,4 +1,4 @@
-import { type VariantProps } from 'class-variance-authority';
+import { type VariantProps } from '@cdx-ui/utils';
 export declare const switchThumbColorVariants: (props?: ({
     isDisabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/lib/typescript/components/Switch/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,eAAO,MAAM,wBAAwB;;8EAQnC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAQhC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;8EAQjC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAQ9B,CAAC;AAMH,eAAO,MAAM,mBAAmB;;8EAoB/B,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;8EAmBtC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;8EAwB/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAMvD,eAAO,MAAM,wBAAwB;;8EAQnC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAQhC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;8EAQjC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAQ9B,CAAC;AAMH,eAAO,MAAM,mBAAmB;;8EAoB/B,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;8EAmBtC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;8EAwB/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/lib/typescript/components/Tabs/index.d.ts

@@ -0,0 +1,48 @@
+import { type ReactNode } from 'react';
+import { Text, View, type TextProps, type ViewProps } from 'react-native';
+import { type ITabPanelProps, type ITabProps, type ITabsListProps, type ITabsProps } from '@cdx-ui/primitives';
+import { type TabsVariant } from './styles';
+export type { TabsVariant };
+export interface TabsProps extends Omit<ViewProps, 'children'>, ITabsProps {
+    /** `solid` (default) slides a filled indicator behind the active tab; `outline` draws a sliding line indicator. Styled per Forge DS SegmentedControl (solid). */
+    variant?: TabsVariant;
+    className?: string;
+}
+declare const TabsRoot: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<View>>;
+export interface TabsListProps extends ITabsListProps {
+    asChild?: boolean;
+    className?: string;
+    /**
+     * When `orientation="horizontal"`, scroll tab triggers if they overflow the list width.
+     * Vertical lists do not scroll — tabs stack in a column (matches HeroUI / ARIA scrollable
+     * tablist patterns, which are horizontal-only).
+     * @default true
+     */
+    scrollable?: boolean;
+    showsHorizontalScrollIndicator?: boolean;
+}
+declare const TabsList: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<View>>;
+export interface TabsTabProps extends Omit<ITabProps, 'children'> {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const TabsTab: import("react").ForwardRefExoticComponent<TabsTabProps & import("react").RefAttributes<View>>;
+export interface TabsTabLabelProps extends TextProps {
+    asChild?: boolean;
+    className?: string;
+}
+declare const TabsTabLabel: import("react").ForwardRefExoticComponent<TabsTabLabelProps & import("react").RefAttributes<Text>>;
+export interface TabsPanelProps extends ITabPanelProps {
+    asChild?: boolean;
+    className?: string;
+}
+declare const TabsPanel: import("react").ForwardRefExoticComponent<TabsPanelProps & import("react").RefAttributes<View>>;
+type TabsCompoundComponent = typeof TabsRoot & {
+    List: typeof TabsList;
+    Tab: typeof TabsTab;
+    TabLabel: typeof TabsTabLabel;
+    Panel: typeof TabsPanel;
+};
+export declare const Tabs: TabsCompoundComponent;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,IAAI,EACJ,IAAI,EAEJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAUL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,EAqBL,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAElB,YAAY,EAAE,WAAW,EAAE,CAAC;AAqD5B,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,UAAU;IACxE,iKAAiK;IACjK,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,4FAkBb,CAAC;AAQF,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED,QAAA,MAAM,QAAQ,gGA2Yb,CAAC;AAQF,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,+FAyCZ,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,oGAoBjB,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,iGAiBd,CAAC;AAQF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,GAAG,EAAE,OAAO,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,IAAI,EAKX,qBAAqB,CAAC"}

package/lib/typescript/components/Tabs/styles.d.ts

@@ -0,0 +1,107 @@
+import { type VariantProps } from '@cdx-ui/utils';
+export type TabsVariant = 'outline' | 'solid';
+/** Thickness of the 2px action-colored outline selection segment (animated size, not a class). */
+export declare const OUTLINE_INDICATOR_THICKNESS = 2;
+/**
+ * Shared duration (ms) for the indicator's `withTiming` glide (`index.tsx`) and the tab's
+ * `duration-150` transition class (below) — kept in sync so the focus ring doesn't snap in
+ * ahead of a still-sliding solid/outline indicator. Change both together.
+ */
+export declare const TABS_INDICATOR_TRANSITION_MS = 150;
+/** Outline horizontal scroll — narrow fade reads cleanly against the page background. */
+export declare const TABS_SCROLL_FADE_SIZE = 32;
+/**
+ * Solid horizontal scroll — wider fade so tabs dissolve smoothly into the track (and under the
+ * overlay chevron) instead of ending in a hard clip at the scroll viewport edge.
+ */
+export declare const TABS_SOLID_SCROLL_FADE_SIZE = 40;
+/**
+ * Numeric styles that can't be expressed as static Uniwind utility classes — solid track radius
+ * and outline indicator offset (`bottom-px` / `left-px` don't apply on Reanimated host views).
+ */
+export declare const tabsStyles: {
+    solidTrack: {
+        borderRadius: number;
+    };
+    /** See `SOLID_VERTICAL_TRACK_RADIUS` — used instead of `solidTrack` for vertical solid tracks. */
+    solidTrackVertical: {
+        borderRadius: number;
+    };
+    /** Clips scroll ink + edge fades to the solid shell's rounded rect (className radius alone won't). */
+    solidShell: {
+        borderRadius: number;
+        overflow: "hidden";
+    };
+    horizontalScrollContent: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    horizontalScrollViewBleed: {
+        marginVertical: number;
+    };
+    outlineIndicator: {
+        zIndex: number;
+    };
+    outlineIndicatorHorizontal: {
+        bottom: number;
+    };
+    outlineIndicatorVertical: {
+        left: number;
+    };
+    solidIndicator: {
+        zIndex: number;
+    };
+    /** Clips press/hover feedback to the solid tab capsule (`rounded-full` alone is not enough on Pressable). */
+    solidTabPressable: {
+        borderRadius: number;
+        overflow: "hidden";
+    };
+};
+export declare const tabsRootVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const tabsListVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/** Flex track that hosts the rail, indicator, and tab triggers. */
+export declare const tabsListTrackVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | null | undefined;
+    variant?: "solid" | "outline" | null | undefined;
+    scrollable?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Viewport-sized solid shell for horizontal scroll — bg is a separate layer so overflow can stay
+ * visible. `py-1` (4px) matches the non-scrolling track's `p-1` exactly, so both the scrollable
+ * and non-scrollable solid paths land on the same 40px whole-tablist height (32px tab + 4px top
+ * + 4px bottom). `h-10`/`max-h-10`/`min-h-10` pin it explicitly so a taller-than-expected label
+ * line-height can't inflate the shell. `INDICATOR_BLEED_VERTICAL` (the ScrollView's own top/bottom
+ * reserved ink room, above) is kept equal to this `py-1` so the shell's `overflow: hidden` clip
+ * boundary lines up with where that reserved ink stops.
+ */
+export declare const tabsListSolidShellVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const tabsListSolidShellBgVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const tabsListScrollViewVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const tabsListScrollContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const tabsListScrollButtonVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const tabsListSolidScrollButtonVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const tabsListSolidScrollButtonSlotVariants: (props?: ({
+    position?: "end" | "start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const tabsOutlineTrackVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const tabsIndicatorVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | null | undefined;
+    variant?: "solid" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const tabsTabVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | null | undefined;
+    variant?: "solid" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const tabsPanelVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const tabsTabLabelVariants: (props?: ({
+    state?: "active" | "inactive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TabsTabVariantProps = VariantProps<typeof tabsTabVariants>;
+export type TabsListTrackVariantProps = VariantProps<typeof tabsListTrackVariants>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/Tabs/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAuB9C,kGAAkG;AAClG,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAEhD,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAqB9C;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;IAIrB,kGAAkG;;;;IAIlG,sGAAsG;;;;;;;;;;;;;;;;;;;;;;;;IAwBtG,6GAA6G;;;;;CAK7G,CAAC;AAEH,eAAO,MAAM,gBAAgB;;8EAQ3B,CAAC;AAEH,eAAO,MAAM,gBAAgB,oFAA4B,CAAC;AAE1D,mEAAmE;AACnE,eAAO,MAAM,qBAAqB;;;;8EAkChC,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,oFAErC,CAAC;AAEH,eAAO,MAAM,4BAA4B,oFAAiD,CAAC;AAE3F,eAAO,MAAM,0BAA0B,oFAA6B,CAAC;AAErE,eAAO,MAAM,+BAA+B,oFAAmC,CAAC;AAGhF,eAAO,MAAM,4BAA4B,oFAOvC,CAAC;AAIH,eAAO,MAAM,iCAAiC,oFAO5C,CAAC;AAEH,eAAO,MAAM,qCAAqC;;8EAUjD,CAAC;AAIF,eAAO,MAAM,wBAAwB;;8EAQnC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;8EA0BhC,CAAC;AAEH,eAAO,MAAM,eAAe;;;8EAuD3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;8EAQ5B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;8EAkB/B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AACvE,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/lib/typescript/components/Text/styles.d.ts

@@ -1,6 +1,6 @@
-import { type VariantProps } from 'class-variance-authority';
+import { type VariantProps } from '@cdx-ui/utils';
 export declare const textStyle: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type TextVariantProps = VariantProps<typeof textStyle>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/Text/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,SAAS;;8EAmBrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,SAAS;;8EAmBrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC"}

package/lib/typescript/components/Textarea/index.d.ts

@@ -0,0 +1,27 @@
+import { type TextInput, type TextInputProps, type ViewProps } from 'react-native';
+import { type IInputFieldProps } from '@cdx-ui/primitives';
+import { type TextareaVariantProps } from './styles';
+export type TextareaResize = 'none' | 'vertical';
+export interface TextareaProps extends Omit<TextInputProps, 'multiline' | 'children' | 'style'>, IInputFieldProps, TextareaVariantProps {
+    className?: string;
+    placeholderTextColorClassName?: string;
+    /** Initial / minimum visible rows. Defaults to 2 on web and 8 on native. */
+    numberOfLines?: number;
+    /**
+     * Grow the field height to fit its content. Defaults to `false`.
+     * Web uses `field-sizing: content`; native grows intrinsically (`scrollEnabled`
+     * off), using `onContentSizeChange` only to enable scrolling past `maxRows`.
+     */
+    autoGrow?: boolean;
+    /** Caps `autoGrow` at this many rows, after which the field scrolls. */
+    maxRows?: number;
+    /**
+     * Web-only user resize affordance. Defaults to `'none'`. `'vertical'` exposes the
+     * browser resize handle and takes precedence over `autoGrow` (they are mutually
+     * exclusive). No-op on native.
+     */
+    resize?: TextareaResize;
+    style?: ViewProps['style'];
+}
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<TextInput>>;
+//# sourceMappingURL=index.d.ts.map