@cdx-ui/components 0.3.3 → 0.3.5

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

@@ -1,7 +1,7 @@
 import { type InputVariantProps } from '../Input/styles';
 export declare const colorFieldVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const colorFieldGroupVariants: (props?: ({
-    variant?: "outline" | null | undefined;
+    variant?: "outline" | "subtle" | null | undefined;
     size?: "small" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const colorFieldInputVariants: (props?: ({
@@ -9,5 +9,7 @@ export declare const colorFieldInputVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const colorFieldInputPlaceholderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const colorFieldSlotVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export type ColorFieldGroupVariantProps = InputVariantProps;
+export type ColorFieldGroupVariantProps = Omit<InputVariantProps, 'variant'> & {
+    variant?: 'outline';
+};
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ColorField/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,iBAAiB,CAAC;AAEzB,eAAO,MAAM,kBAAkB,oFAAiB,CAAC;AAEjD,eAAO,MAAM,uBAAuB;;;8EAAoB,CAAC;AAEzD,eAAO,MAAM,uBAAuB;;8EAAqB,CAAC;AAE1D,eAAO,MAAM,kCAAkC,oFAAgC,CAAC;AAEhF,eAAO,MAAM,sBAAsB,oFAAoB,CAAC;AAExD,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ColorField/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,iBAAiB,CAAC;AAEzB,eAAO,MAAM,kBAAkB,oFAAiB,CAAC;AAEjD,eAAO,MAAM,uBAAuB;;;8EAAoB,CAAC;AAEzD,eAAO,MAAM,uBAAuB;;8EAAqB,CAAC;AAE1D,eAAO,MAAM,kCAAkC,oFAAgC,CAAC;AAEhF,eAAO,MAAM,sBAAsB,oFAAoB,CAAC;AAExD,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG;IAC7E,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC"}

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from '@cdx-ui/utils';
 export declare const dateFieldRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const dateFieldGroupVariants: (props?: ({
-    variant?: "outline" | null | undefined;
+    variant?: "outline" | "subtle" | null | undefined;
     size?: "small" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const dateFieldInputVariants: (props?: ({
@@ -11,5 +11,7 @@ export declare const dateFieldSegmentVariants: (props?: ({
     literal?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const dateFieldSuffixVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export type DateFieldGroupVariantProps = VariantProps<typeof dateFieldGroupVariants>;
+export type DateFieldGroupVariantProps = Omit<VariantProps<typeof dateFieldGroupVariants>, 'variant'> & {
+    variant?: 'outline';
+};
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DateField/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,qBAAqB,oFAAiB,CAAC;AAEpD,eAAO,MAAM,sBAAsB;;;8EAAoB,CAAC;AAExD,eAAO,MAAM,sBAAsB;;8EAmBlC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;8EAkBpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,oFAAoB,CAAC;AAEzD,MAAM,MAAM,0BAA0B,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DateField/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,qBAAqB,oFAAiB,CAAC;AAEpD,eAAO,MAAM,sBAAsB;;;8EAAoB,CAAC;AAExD,eAAO,MAAM,sBAAsB;;8EAmBlC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;8EAkBpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,oFAAoB,CAAC;AAEzD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,YAAY,CAAC,OAAO,sBAAsB,CAAC,EAC3C,SAAS,CACV,GAAG;IACF,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC"}

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

@@ -10,10 +10,11 @@ export interface InputProps extends ViewProps, IInputFieldProps {
     /** Shell content — typically `Input.Field` plus optional `Input.Slot`/`Input.Icon`. */
     children?: ReactNode;
     /**
-     * Visual style variant.
+     * Visual style variant. `outline` is a bordered field on the page surface; `subtle` is a
+     * filled, borderless field for dense or nested surfaces such as a search field in a popup.
      * @default 'outline'
      */
-    variant?: 'outline';
+    variant?: 'outline' | 'subtle';
     /**
      * Height, padding, and field font size.
      * @default 'default'

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAML,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAkB/C,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,gBAAgB;IAC7D,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,6FAyBd,CAAC;AAQF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2FAA2F;IAC3F,6BAA6B,CAAC,EAAE,MAAM,CAAC;CACxC,CAAC;AAEF,QAAA,MAAM,UAAU,uGAqBf,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,eAAe;IAChE,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,iGAiBd,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,CAAC;IAClF,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;CACtB;AAED,QAAA,MAAM,SAAS;kDAAiD,cAAc;;CA4B7E,CAAC;AAQF,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,KAAK,EAIZ,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAML,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAkB/C,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,gBAAgB;IAC7D,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,6FAyBd,CAAC;AAQF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2FAA2F;IAC3F,6BAA6B,CAAC,EAAE,MAAM,CAAC;CACxC,CAAC;AAEF,QAAA,MAAM,UAAU,uGAqBf,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,eAAe;IAChE,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,iGAiBd,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI,GAAG,OAAO,CAAC;IAClF,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;CACtB;AAED,QAAA,MAAM,SAAS;kDAAiD,cAAc;;CA4B7E,CAAC;AAQF,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,KAAK,EAIZ,sBAAsB,CAAC"}

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

@@ -1,6 +1,6 @@
 import { type VariantProps } from '@cdx-ui/utils';
 export declare const inputRootVariants: (props?: ({
-    variant?: "outline" | null | undefined;
+    variant?: "outline" | "subtle" | null | undefined;
     size?: "small" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const inputFieldVariants: (props?: ({

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,iBAAiB;;;8EA2D7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EA2B9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAA4D,CAAC;AAE3F,eAAO,MAAM,iBAAiB;;8EAU5B,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAAmC,CAAC;AAE9E,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAevD,eAAO,MAAM,iBAAiB;;;8EAmE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EA2B9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAA4D,CAAC;AAE3F,eAAO,MAAM,iBAAiB;;8EAU5B,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAAmC,CAAC;AAE9E,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

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

@@ -3,7 +3,8 @@ import { type IOtpInputRootProps, type OtpInputFieldProps } from '@cdx-ui/primit
 import { type InputProps } from '../Input';
 import { type InputVariantProps } from '../Input/styles';
 import { type OtpInputVariantProps } from './styles';
-export interface OtpInputCellProps extends ViewProps, InputVariantProps {
+export interface OtpInputCellProps extends ViewProps, Omit<InputVariantProps, 'variant'> {
+    variant?: 'outline';
     className?: string;
     children?: React.ReactNode;
     isInvalid?: boolean;
@@ -24,7 +25,7 @@ declare const OtpStyledField: import("react").ForwardRefExoticComponent<OtpInput
     className?: string;
 } & import("react").RefAttributes<TextInput>>;
 export interface OtpInputProps extends Omit<IOtpInputRootProps, 'size'>, OtpInputVariantProps {
-    variant?: NonNullable<InputProps['variant']>;
+    variant?: 'outline';
     size?: NonNullable<InputProps['size']>;
     className?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/OtpInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAQL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,KAAK,iBAAiB,EAAsB,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,UAAU,CAAC;AAMlB,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,iBAAiB;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,oGAoBlB,CAAC;AAIF,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnF;;;;;GAKG;AACH,QAAA,MAAM,cAAc;gBARsD,MAAM;6CAwB9E,CAAC;AAIH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EAAE,oBAAoB;IAC3F,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,gGAuFjB,CAAC;AAIF,KAAK,yBAAyB,GAAG,OAAO,YAAY,GAAG;IACrD,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,KAAK,EAAE,OAAO,cAAc,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAGf,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/OtpInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAQL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,KAAK,iBAAiB,EAAsB,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,UAAU,CAAC;AAMlB,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IACtF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,oGAoBlB,CAAC;AAIF,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnF;;;;;GAKG;AACH,QAAA,MAAM,cAAc;gBARsD,MAAM;6CAwB9E,CAAC;AAIH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EAAE,oBAAoB;IAC3F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,gGAuFjB,CAAC;AAIF,KAAK,yBAAyB,GAAG,OAAO,YAAY,GAAG;IACrD,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,KAAK,EAAE,OAAO,cAAc,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAGf,yBAAyB,CAAC"}

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

@@ -1,12 +1,18 @@
 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 { Text, type TextInput, type TextProps, View, type ViewProps } from 'react-native';
+import { type ISelectContentProps, type ISelectEmptyProps, type ISelectItemLabelProps, type ISelectItemProps, type ISelectProps, type ISelectSearchProps, type ISelectTriggerProps, type ISelectValueProps } from '@cdx-ui/primitives';
 import { IconProps } from '../Icon';
+import { type InputProps } from '../Input';
 import { type IconSlotPosition } from '../../utils/positionToDataIcon';
 import { type SelectVariantProps } from './styles';
-export interface SelectProps extends ViewProps, ISelectProps, SelectVariantProps {
+export type { SelectFilter, SelectItemData, SelectType, SelectValueRenderProps, } from '@cdx-ui/primitives';
+/**
+ * `type` narrows `value` / `defaultValue` / `onValueChange` to `string` (single, the default)
+ * or `string[]` (multiple).
+ */
+export type SelectProps = ViewProps & SelectVariantProps & ISelectProps & {
     className?: string;
-}
+};
 declare const SelectRoot: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<View>>;
 export interface SelectTriggerProps extends ISelectTriggerProps {
     /**
@@ -35,7 +41,7 @@ export interface SelectTriggerProps extends ISelectTriggerProps {
     children?: ReactNode;
 }
 declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<View>>;
-export interface SelectValueProps extends TextProps, ISelectValueProps {
+export interface SelectValueProps extends Omit<TextProps, 'children'>, ISelectValueProps {
     asChild?: boolean;
     className?: string;
 }
@@ -58,16 +64,74 @@ declare const SelectIcon: {
     ({ asChild, className, style, as, position, ...props }: SelectIconProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
+export interface SelectSearchProps extends ISelectSearchProps {
+    /**
+     * Merge the search wiring onto the single child text input instead of rendering the default
+     * `Input` with a search icon.
+     */
+    asChild?: boolean;
+    /** Additional Uniwind/Tailwind classes, merged after the search container's own styles. */
+    className?: string;
+    /**
+     * `Input` variant of the default search field. Ignored when `asChild` is set.
+     * @default 'subtle'
+     */
+    variant?: InputProps['variant'];
+    /** The text input to render when `asChild` is set. Otherwise not rendered. */
+    children?: ReactNode;
+}
+declare const SelectSearch: import("react").ForwardRefExoticComponent<SelectSearchProps & import("react").RefAttributes<TextInput>>;
+export interface SelectEmptyProps extends ISelectEmptyProps {
+    asChild?: boolean;
+    /** Additional Uniwind/Tailwind classes, merged after the empty state's own styles. */
+    className?: string;
+}
+declare const SelectEmpty: import("react").ForwardRefExoticComponent<SelectEmptyProps & import("react").RefAttributes<View>>;
 export interface SelectContentProps extends ViewProps, ISelectContentProps {
     asChild?: boolean;
     className?: string;
 }
+/** Without `asChild`, direct children are sorted into regions (see `partitionPopupChildren`). */
 declare const SelectContent: import("react").ForwardRefExoticComponent<SelectContentProps & import("react").RefAttributes<View>>;
+export interface SelectBottomSheetProps extends ViewProps {
+    /** Render the consumer's child as the sheet body, skipping the region split. */
+    asChild?: boolean;
+    /** Additional Uniwind/Tailwind classes, merged after the sheet body's own styles. */
+    className?: string;
+    /**
+     * Accessible name of the visually hidden dismiss button on web, where the surface is the
+     * `Select.Content` dropdown.
+     * @default 'Dismiss'
+     */
+    dismissAccessibilityLabel?: string;
+    /** `Select.Search`, `Select.Item` elements, and `Select.Empty`, as in `Select.Content`. */
+    children?: ReactNode;
+}
+/**
+ * Presents the options in a bottom sheet on iOS and Android, in place of `Select.Content`. The
+ * sheet keeps `Select.Search` and the results above the soft keyboard, and closes on swipe
+ * down, backdrop press, Android back, and the VoiceOver escape gesture without changing the
+ * value. On web it renders the `Select.Content` dropdown. Requires `BottomSheet.Provider`.
+ */
+declare const SelectBottomSheet: import("react").ForwardRefExoticComponent<SelectBottomSheetProps & import("react").RefAttributes<View>>;
+export interface SelectItemControlProps extends ViewProps {
+    /** Render the consumer's child element in place of the default checkbox glyph. */
+    asChild?: boolean;
+    /** Additional Uniwind/Tailwind classes, merged after the control's own styles. */
+    className?: string;
+    /** The element to render when `asChild` is set. Otherwise not rendered. */
+    children?: ReactNode;
+}
+declare const SelectItemControl: {
+    ({ asChild, className, style, children, ...props }: SelectItemControlProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 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.
+     * The default checkmark is omitted when the item contains a `Select.ItemControl`.
      */
     indicator?: ReactNode;
     className?: string;
@@ -84,9 +148,12 @@ type SelectCompoundComponent = typeof SelectRoot & {
     Value: typeof SelectValue;
     Icon: typeof SelectIcon;
     Content: typeof SelectContent;
+    BottomSheet: typeof SelectBottomSheet;
+    Search: typeof SelectSearch;
+    Empty: typeof SelectEmpty;
     Item: typeof SelectItem;
     ItemLabel: typeof SelectItemLabel;
+    ItemControl: typeof SelectItemControl;
 };
 export declare const Select: SelectCompoundComponent;
-export {};
 //# sourceMappingURL=index.d.ts.map

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,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;AAUlB,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,GAAG,OAAO,CAAC;IACnF,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,kGA4Cf,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,uGAyBpB,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":"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"}

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

@@ -9,5 +9,14 @@ 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 selectItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const selectSearchVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const selectSearchListboxVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const selectBottomSheetVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const selectBottomSheetListboxVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const selectEmptyVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const selectEmptyTextVariants: (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":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,eAAO,MAAM,qBAAqB;;;8EAqEjC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EAoB/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;8EAiB9B,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;;;8EAqEjC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EAoB/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;8EAiB9B,CAAC;AAMF,eAAO,MAAM,kBAAkB,oFAAoE,CAAC;AAIpG,eAAO,MAAM,oBAAoB,oFAAgB,CAAC;AAElD,eAAO,MAAM,2BAA2B,oFAEtC,CAAC;AAIH,eAAO,MAAM,yBAAyB,oFAAuB,CAAC;AAE9D,eAAO,MAAM,gCAAgC,oFAAgB,CAAC;AAI9D,eAAO,MAAM,mBAAmB,oFAAqB,CAAC;AAEtD,eAAO,MAAM,uBAAuB;;8EAUlC,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/lib/typescript/components/picker/surfaces.d.ts

@@ -11,10 +11,21 @@ export declare function PickerDialogSurface({ open, setOpen, registerSurface, ch
 type PickerBottomSheetSurfaceProps = {
     open: boolean;
     setOpen: (open: boolean) => void;
-    registerSurface: (type: 'bottomSheet') => void;
+    registerSurface?: (type: 'bottomSheet') => void;
+    /**
+     * Lays the children out in a container that fills the sheet, so a fixed header can sit above a
+     * `BottomSheet.ScrollView`. By default the children size a `BottomSheet.View`.
+     */
+    fill?: boolean;
     children: ReactNode;
-} & Pick<BottomSheetModalProps, 'snapPoints' | 'enableDynamicSizing'>;
-export declare function PickerBottomSheetSurface({ open, setOpen, registerSurface, children, snapPoints, enableDynamicSizing, }: PickerBottomSheetSurfaceProps): import("react/jsx-runtime").JSX.Element;
+} & Pick<BottomSheetModalProps, 'snapPoints' | 'enableDynamicSizing' | 'keyboardBehavior' | 'keyboardBlurBehavior' | 'accessible'>;
+/**
+ * Text input for a picker sheet. It registers with the sheet's keyboard handling, which moves
+ * the sheet for a focused `BottomSheetTextInput` only; a plain `TextInput` stays under the
+ * keyboard.
+ */
+export declare const PickerSheetTextInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetTextInput").BottomSheetTextInputProps & import("react").RefAttributes<import("react-native-gesture-handler").TextInput | undefined>>>;
+export declare function PickerBottomSheetSurface({ open, setOpen, registerSurface, fill, children, snapPoints, enableDynamicSizing, ...modalProps }: PickerBottomSheetSurfaceProps): import("react/jsx-runtime").JSX.Element;
 interface PickerPopoverSurfaceProps {
     open: boolean;
     setOpen: (open: boolean) => void;

package/lib/typescript/components/picker/surfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["../../../../src/components/picker/surfaces.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjG,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAML,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAA+B,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAKzF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAUA;AAED,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,qBAAqB,EAAE,YAAY,GAAG,qBAAqB,CAAC,CAAC;AAEtE,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,QAAQ,EACR,UAA2B,EAC3B,mBAA2B,GAC5B,EAAE,6BAA6B,2CA+C/B;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,KAAgB,GACjB,EAAE,yBAAyB,kDA+D3B"}
+{"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["../../../../src/components/picker/surfaces.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjG,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAGhD,OAAO,EAML,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAA+B,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAKzF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAUA;AAED,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CACN,qBAAqB,EACrB,YAAY,GAAG,qBAAqB,GAAG,kBAAkB,GAAG,sBAAsB,GAAG,YAAY,CAClG,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,uRAAuB,CAAC;AAEzD,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,IAAY,EACZ,QAAQ,EACR,UAA2B,EAC3B,mBAA2B,EAC3B,GAAG,UAAU,EACd,EAAE,6BAA6B,2CAsD/B;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,KAAgB,GACjB,EAAE,yBAAyB,kDA+D3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -106,10 +106,10 @@
     "@marceloterreiro/flash-calendar": "2.0.0",
     "react-native-reanimated-carousel": "5.0.0-beta.5",
     "uniwind": "1.10.0",
-    "@cdx-ui/formatters": "0.3.3",
-    "@cdx-ui/icons": "0.3.3",
-    "@cdx-ui/primitives": "0.3.3",
-    "@cdx-ui/utils": "0.3.3"
+    "@cdx-ui/utils": "0.3.5",
+    "@cdx-ui/formatters": "0.3.5",
+    "@cdx-ui/icons": "0.3.5",
+    "@cdx-ui/primitives": "0.3.5"
   },
   "devDependencies": {
     "@dnd-kit/core": "6.3.1",

package/src/components/Chip/styles.ts

@@ -20,7 +20,9 @@ export const chipRootVariants = cva(
   {
     variants: {
       variant: {
-        subtle: [],
+        // Explicit `border-0` keeps `borderWidth` defined when a chip switches from `outline`.
+        // Android otherwise stops painting the label inside the `overflow-hidden` root.
+        subtle: ['border-0'],
         outline: ['bg-transparent', 'border'],
       },
       color: {

package/src/components/ColorField/styles.ts

@@ -17,4 +17,6 @@ export const colorFieldInputPlaceholderVariants = inputFieldPlaceholderVariants;
 
 export const colorFieldSlotVariants = inputSlotVariants;
 
-export type ColorFieldGroupVariantProps = InputVariantProps;
+export type ColorFieldGroupVariantProps = Omit<InputVariantProps, 'variant'> & {
+  variant?: 'outline';
+};

package/src/components/DateField/styles.ts

@@ -48,4 +48,9 @@ export const dateFieldSegmentVariants = cva(
 
 export const dateFieldSuffixVariants = inputSlotVariants;
 
-export type DateFieldGroupVariantProps = VariantProps<typeof dateFieldGroupVariants>;
+export type DateFieldGroupVariantProps = Omit<
+  VariantProps<typeof dateFieldGroupVariants>,
+  'variant'
+> & {
+  variant?: 'outline';
+};

package/src/components/Drawer/index.tsx

@@ -268,7 +268,7 @@ const DrawerPermanentPanel = ({
   const animatedStyle = useAnimatedStyle(() => {
     const value = extent.get();
     return isHorizontal ? { width: value } : { height: value };
-  }, [isHorizontal]);
+  }, [extent, isHorizontal]);
 
   return (
     <Animated.View

package/src/components/Input/index.tsx

@@ -37,10 +37,11 @@ export interface InputProps extends ViewProps, IInputFieldProps {
   /** Shell content — typically `Input.Field` plus optional `Input.Slot`/`Input.Icon`. */
   children?: ReactNode;
   /**
-   * Visual style variant.
+   * Visual style variant. `outline` is a bordered field on the page surface; `subtle` is a
+   * filled, borderless field for dense or nested surfaces such as a search field in a popup.
    * @default 'outline'
    */
-  variant?: 'outline';
+  variant?: 'outline' | 'subtle';
   /**
    * Height, padding, and field font size.
    * @default 'default'

package/src/components/Input/styles.ts

@@ -1,40 +1,60 @@
 import { cva, type VariantProps } from '@cdx-ui/utils';
 import { DISABLED_CURSOR, TRANSITION_COLORS, WEB_NARROW_FIELD_TEXT } from '../../styles/constants';
 
+// State border colors are listed after each variant's resting border so they win on native,
+// where Uniwind resolves equal-specificity conflicts by class order.
+const FIELD_STATE_BORDER = [
+  'web:data-[focus=true]:data-[invalid=false]:ring-stroke-action',
+  'web:data-[focus=true]:data-[invalid=false]:border-stroke-action',
+  'web:data-[focus=true]:data-[invalid=true]:ring-stroke-danger',
+  'web:data-[focus=true]:data-[invalid=true]:border-stroke-danger',
+  'native:data-[field-state=focused]:border-stroke-action',
+  'native:data-[field-state=focused-invalid]:border-stroke-danger',
+  'data-[invalid=true]:border-stroke-danger',
+];
+
 export const inputRootVariants = cva(
   [
     'w-full flex-row items-center overflow-hidden',
-    'bg-surface-primary',
-    'border-solid border-stroke-primary',
+    'border-solid',
     'web:border-default native:border-[length:var(--border-width-default)]',
     'rounded-[var(--border-radius-default)]',
     TRANSITION_COLORS,
-    'data-[disabled=true]:bg-surface-secondary',
     'data-[disabled=true]:opacity-[var(--opacity-disabled)]',
     DISABLED_CURSOR,
     'data-[readonly=true]:cursor-default',
-    'data-[readonly=true]:bg-surface-secondary',
-    'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover',
     // Web: inset ring avoids a border-width change so the shell never shifts on focus and
-    // no per-size padding compensation is required. Recolor the border to match the ring so
-    // the two read as a single focus outline instead of a gray border + colored ring.
+    // no per-size padding compensation is required. Each variant recolors the border to match
+    // the ring so the two read as a single focus outline.
     'web:data-[focus=true]:ring-inset',
     'web:data-[focus=true]:ring-[length:var(--border-width-focused)]',
-    'web:data-[focus=true]:data-[invalid=false]:ring-stroke-action',
-    'web:data-[focus=true]:data-[invalid=false]:border-stroke-action',
-    'web:data-[focus=true]:data-[invalid=true]:ring-stroke-danger',
-    'web:data-[focus=true]:data-[invalid=true]:border-stroke-danger',
     // Native: thicker border on focus; size variants below subtract a hairline of padding
     // so layout doesn't shift by 1px.
     'native:data-[focus=true]:border-[length:var(--border-width-focused)]',
-    'native:data-[field-state=focused]:border-stroke-action',
-    'native:data-[field-state=focused-invalid]:border-stroke-danger',
-    'data-[invalid=true]:border-stroke-danger',
   ],
   {
     variants: {
       variant: {
-        outline: [],
+        outline: [
+          'bg-surface-primary',
+          'border-stroke-primary',
+          'data-[disabled=true]:bg-surface-secondary',
+          'data-[readonly=true]:bg-surface-secondary',
+          'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover',
+          ...FIELD_STATE_BORDER,
+        ],
+        // Filled, borderless at rest. The border stays at full width in a transparent color so
+        // focus and invalid recolor it without resizing the shell. Read-only drops the fill for a
+        // quiet outline because `surface-secondary` matches the fill in dark mode.
+        subtle: [
+          'bg-surface-neutral-subtle',
+          'border-transparent',
+          'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:data-[readonly=false]:bg-surface-neutral-subtle-hover',
+          'data-[readonly=true]:bg-transparent',
+          'web:data-[readonly=true]:data-[invalid=false]:border-stroke-secondary',
+          'native:data-[readonly=true]:border-stroke-secondary',
+          ...FIELD_STATE_BORDER,
+        ],
       },
       size: {
         default: [

package/src/components/OtpInput/index.tsx

@@ -26,7 +26,8 @@ const SCOPE = 'OTP_INPUT';
 
 const useOtpInputStyleContext = () => useStyleContext(SCOPE) as Partial<InputVariantProps>;
 
-export interface OtpInputCellProps extends ViewProps, InputVariantProps {
+export interface OtpInputCellProps extends ViewProps, Omit<InputVariantProps, 'variant'> {
+  variant?: 'outline';
   className?: string;
   children?: React.ReactNode;
   isInvalid?: boolean;
@@ -87,7 +88,7 @@ const OtpStyledField = forwardRef<TextInput, OtpInputFieldStyledProps>((props, r
 OtpStyledField.displayName = 'OtpInput.Field';
 
 export interface OtpInputProps extends Omit<IOtpInputRootProps, 'size'>, OtpInputVariantProps {
-  variant?: NonNullable<InputProps['variant']>;
+  variant?: 'outline';
   size?: NonNullable<InputProps['size']>;
   className?: string;
 }