@cdx-ui/primitives 0.1.7 → 0.2.1

package/lib/typescript/color-slider/types.d.ts

@@ -0,0 +1,82 @@
+import type { ReactNode } from 'react';
+import type { PressableProps, ViewProps } from 'react-native';
+import type { Color } from '../color';
+export type ColorSliderOrientation = 'horizontal' | 'vertical';
+export type ColorSliderConfiguration = {
+    readonly colorSpace: 'rgb';
+    readonly channel: 'red' | 'green' | 'blue';
+} | {
+    readonly colorSpace: 'hsl';
+    readonly channel: 'hue' | 'saturation' | 'lightness';
+} | {
+    readonly colorSpace: 'hsb';
+    readonly channel: 'hue' | 'saturation' | 'brightness';
+};
+export interface ColorSliderCommonProps extends Omit<ViewProps, 'children'> {
+    /** Current controlled color. */
+    readonly value?: Color;
+    /** Initial color for uncontrolled usage. */
+    readonly defaultValue?: Color;
+    /** Called while the selected channel changes. */
+    readonly onValueChange?: (value: Color) => void;
+    /** Called when a pointer, keyboard, or screen reader interaction completes. */
+    readonly onValueChangeComplete?: (value: Color) => void;
+    /** Slider axis. @default `'horizontal'` */
+    readonly orientation?: ColorSliderOrientation;
+    /** Channel increment. Defaults to the channel's natural increment. */
+    readonly step?: number;
+    /** Shift-arrow and page-key increment. @default `10` */
+    readonly pageStep?: number;
+    /** Disables pointer, keyboard, and screen reader interaction. @default `false` */
+    readonly isDisabled?: boolean;
+    readonly children?: ReactNode;
+}
+export type IColorSliderProps = ColorSliderCommonProps & ColorSliderConfiguration;
+export interface IColorSliderRailProps extends ViewProps {
+    readonly asChild?: boolean;
+    readonly children?: ReactNode;
+}
+export interface IColorSliderThumbProps extends PressableProps {
+    readonly asChild?: boolean;
+    readonly children?: ReactNode;
+}
+export interface ColorSliderSize {
+    readonly width: number;
+    readonly height: number;
+}
+export interface ColorSliderLayout extends ColorSliderSize {
+    readonly x: number;
+    readonly y: number;
+}
+export type ColorSliderContextValue = ColorSliderConfiguration & {
+    readonly value: Color;
+    readonly channelValue: number;
+    readonly valueLabel: string;
+    readonly min: number;
+    readonly max: number;
+    readonly step: number;
+    readonly pageStep: number;
+    readonly percent: number;
+    readonly orientation: ColorSliderOrientation;
+    readonly isDisabled: boolean;
+    readonly isDragging: boolean;
+    readonly accessibilityLabel?: string;
+    readonly layout: ColorSliderLayout | null;
+    readonly thumbSize: ColorSliderSize;
+    readonly gradientColors: readonly string[];
+    readonly setLayout: (layout: ColorSliderLayout) => void;
+    readonly setThumbSize: (size: ColorSliderSize) => void;
+    readonly setIsDragging: (dragging: boolean) => void;
+    readonly setChannelValue: (value: number, complete?: boolean) => void;
+    readonly setValueFromRatio: (ratio: number, complete?: boolean) => void;
+};
+export interface ColorSliderKeyboardEvent {
+    readonly nativeEvent?: {
+        readonly key?: string;
+        readonly shiftKey?: boolean;
+    };
+    readonly key?: string;
+    readonly shiftKey?: boolean;
+    preventDefault?: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/color-slider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/color-slider/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/color-slider/utils.d.ts

@@ -0,0 +1,12 @@
+import type { Color } from '../color';
+import type { ColorSliderConfiguration } from './types';
+export declare function clampColorSliderValue(value: number, min: number, max: number): number;
+export declare function getColorSliderRange({ colorSpace, channel }: ColorSliderConfiguration): {
+    min: number;
+    max: number;
+};
+export declare function getColorSliderChannelValue(color: Color, configuration: ColorSliderConfiguration): number;
+export declare function withColorSliderChannel(color: Color, configuration: ColorSliderConfiguration, value: number): Color;
+export declare function formatColorSliderValue(value: number, configuration: ColorSliderConfiguration): string;
+export declare function getColorSliderGradientColors(color: Color, configuration: ColorSliderConfiguration): readonly string[];
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/color-slider/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/color-slider/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAIxD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErF;AAED,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,wBAAwB,GAAG;IACtF,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb,CAQA;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,wBAAwB,GACtC,MAAM,CAQR;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,wBAAwB,EACvC,KAAK,EAAE,MAAM,GACZ,KAAK,CAQP;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,wBAAwB,GACtC,MAAM,CASR;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,wBAAwB,GACtC,SAAS,MAAM,EAAE,CAYnB"}

package/lib/typescript/color-swatch-picker/ColorSwatchPickerItem.d.ts

@@ -0,0 +1,6 @@
+import type { IColorSwatchPickerItemProps } from './types';
+export interface ColorSwatchPickerItemProps extends IColorSwatchPickerItemProps {
+    asChild?: boolean;
+}
+export declare const ColorSwatchPickerItem: import("react").ForwardRefExoticComponent<ColorSwatchPickerItemProps & import("react").RefAttributes<import("react-native").View>>;
+//# sourceMappingURL=ColorSwatchPickerItem.d.ts.map

package/lib/typescript/color-swatch-picker/ColorSwatchPickerItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchPickerItem.d.ts","sourceRoot":"","sources":["../../../src/color-swatch-picker/ColorSwatchPickerItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,WAAW,0BAA2B,SAAQ,2BAA2B;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,qBAAqB,oIAyCjC,CAAC"}

package/lib/typescript/color-swatch-picker/ColorSwatchPickerRoot.d.ts

@@ -0,0 +1,7 @@
+import { View } from 'react-native';
+import type { IColorSwatchPickerProps } from './types';
+export interface ColorSwatchPickerRootProps extends IColorSwatchPickerProps {
+    asChild?: boolean;
+}
+export declare const ColorSwatchPickerRoot: import("react").ForwardRefExoticComponent<ColorSwatchPickerRootProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=ColorSwatchPickerRoot.d.ts.map

package/lib/typescript/color-swatch-picker/ColorSwatchPickerRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchPickerRoot.d.ts","sourceRoot":"","sources":["../../../src/color-swatch-picker/ColorSwatchPickerRoot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMpC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,0BAA2B,SAAQ,uBAAuB;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,qBAAqB,6GA8EjC,CAAC"}

package/lib/typescript/color-swatch-picker/context.d.ts

@@ -0,0 +1,8 @@
+import type { ColorSwatchPickerContextValue, ColorSwatchPickerItemContextValue } from './types';
+export declare const ColorSwatchPickerProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: ColorSwatchPickerContextValue;
+}>, useColorSwatchPickerContext: () => ColorSwatchPickerContextValue;
+export declare const ColorSwatchPickerItemProvider: import("react").Provider<ColorSwatchPickerItemContextValue | null>;
+export declare function useColorSwatchPickerItemContext(): ColorSwatchPickerItemContextValue;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/color-swatch-picker/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/color-swatch-picker/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,6BAA6B,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AAEhG,eAAO,MAAO,yBAAyB;;;IAAE,2BAA2B,qCACM,CAAC;AAM3E,eAAO,MAAM,6BAA6B,oEAAwC,CAAC;AAEnF,wBAAgB,+BAA+B,IAAI,iCAAiC,CAQnF"}

package/lib/typescript/color-swatch-picker/index.d.ts

@@ -0,0 +1,5 @@
+export { ColorSwatchPickerRoot, type ColorSwatchPickerRootProps } from './ColorSwatchPickerRoot';
+export { ColorSwatchPickerItem, type ColorSwatchPickerItemProps } from './ColorSwatchPickerItem';
+export { useColorSwatchPickerContext, useColorSwatchPickerItemContext } from './context';
+export type { IColorSwatchPickerItemProps, IColorSwatchPickerProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/color-swatch-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/color-swatch-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAE,2BAA2B,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAC;AACzF,YAAY,EAAE,2BAA2B,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/color-swatch-picker/types.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+import type { PressableProps, ViewProps } from 'react-native';
+import type { Color } from '../color';
+export interface IColorSwatchPickerProps extends Omit<ViewProps, 'children'> {
+    value?: Color;
+    defaultValue?: Color;
+    onValueChange?: (value: Color) => void;
+    isDisabled?: boolean;
+    children?: ReactNode;
+}
+export interface IColorSwatchPickerItemProps extends Omit<PressableProps, 'children'> {
+    color: Color;
+    isDisabled?: boolean;
+    isHovered?: boolean;
+    isActive?: boolean;
+    isFocused?: boolean;
+    isFocusVisible?: boolean;
+    children?: ReactNode;
+}
+export interface ColorSwatchPickerContextValue {
+    registerColor: (color: Color) => () => void;
+}
+export interface ColorSwatchPickerItemContextValue {
+    color: Color;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/color-swatch-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/color-swatch-picker/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,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACnF,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,6BAA6B;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,iCAAiC;IAChD,KAAK,EAAE,KAAK,CAAC;CACd"}

package/lib/typescript/date-field/DateFieldRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldRoot.d.ts","sourceRoot":"","sources":["../../../src/date-field/DateFieldRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,WAAW,kBAAmB,SAAQ,eAAe,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,qGAkGzB,CAAC"}
+{"version":3,"file":"DateFieldRoot.d.ts","sourceRoot":"","sources":["../../../src/date-field/DateFieldRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,WAAW,kBAAmB,SAAQ,eAAe,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,qGAqGzB,CAAC"}

package/lib/typescript/date-field/DateFieldSegment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldSegment.d.ts","sourceRoot":"","sources":["../../../src/date-field/DateFieldSegment.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,IAAI,EAEJ,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,qBAAsB,SAAQ,sBAAsB,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,wGAyE5B,CAAC"}
+{"version":3,"file":"DateFieldSegment.d.ts","sourceRoot":"","sources":["../../../src/date-field/DateFieldSegment.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,IAAI,EAEJ,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,qBAAsB,SAAQ,sBAAsB,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,wGAyF5B,CAAC"}

package/lib/typescript/date-field/context.d.ts

@@ -12,6 +12,8 @@ export interface DateFieldContextValue {
     disabled: boolean;
     readOnly: boolean;
     invalid: boolean;
+    /** Message the enclosing `Field` shows for the invalid state, if any. */
+    errorMessage?: string;
     focusedSegmentIndex: number | null;
     focusSegment: (index: number) => void;
     blurSegment: (index: number) => void;

package/lib/typescript/date-field/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/date-field/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EACV,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,WAAW,EACX,OAAO,EACR,MAAM,oBAAoB,CAAC;AAE5B,mFAAmF;AACnF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,wBAAwB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,yEAAyE;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,eAAe,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,iDAAiD;IACjD,sBAAsB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CAClE;AAED,eAAO,MAAM,gBAAgB,uDAAoD,CAAC;AAElF,wBAAgB,mBAAmB,IAAI,qBAAqB,CAM3D"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/date-field/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EACV,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,WAAW,EACX,OAAO,EACR,MAAM,oBAAoB,CAAC;AAE5B,mFAAmF;AACnF,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,wBAAwB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,yEAAyE;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,eAAe,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3E,iDAAiD;IACjD,sBAAsB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CAClE;AAED,eAAO,MAAM,gBAAgB,uDAAoD,CAAC;AAElF,wBAAgB,mBAAmB,IAAI,qBAAqB,CAM3D"}

package/lib/typescript/date-picker/DatePickerRoot.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import { View, type ViewProps } from 'react-native';
-import type { DateComponentLabels, DateId } from '@cdx-ui/formatters';
+import { type DateComponentLabels, type DateId, type DateValidationReason } from '@cdx-ui/formatters';
 export interface DatePickerRootProps extends Omit<ViewProps, 'children'> {
     asChild?: boolean;
     children?: ReactNode;
@@ -14,12 +14,38 @@ export interface DatePickerRootProps extends Omit<ViewProps, 'children'> {
     onOpenChange?: (open: boolean) => void;
     isDisabled?: boolean;
     isReadOnly?: boolean;
+    /**
+     * Forces the invalid state. OR-ed with the picker's own validation: setting `true` marks the
+     * field invalid, but `false` never hides a `minValue` / `maxValue` / `isDateUnavailable` violation.
+     */
     isInvalid?: boolean;
     isRequired?: boolean;
-    /** Earliest selectable date, applied to the embedded calendar. Build with `dateId(...)`. */
+    /**
+     * Earliest selectable date, applied to the embedded calendar and to typed entry. Build with
+     * `dateId(...)`.
+     */
     minValue?: DateId;
-    /** Latest selectable date, applied to the embedded calendar. Build with `dateId(...)`. */
+    /**
+     * Latest selectable date, applied to the embedded calendar and to typed entry. Build with
+     * `dateId(...)`.
+     */
     maxValue?: DateId;
+    /**
+     * Returns `true` for dates that cannot be selected, such as weekends or holidays. The calendar
+     * renders them disabled; a typed unavailable date is kept and emitted but renders invalid. Pass
+     * a stable (memoized) function.
+     */
+    isDateUnavailable?: (date: DateId) => boolean;
+    /**
+     * Called when the committed value starts or stops violating `minValue`, `maxValue`, or
+     * `isDateUnavailable`, and again when the formatted message changes while the reason stays
+     * the same — a new bound, `locale`, or `labels` while the value is still `beforeMin`, for
+     * example. Receives the reason and its `labels` message formatted in `locale`, or `undefined`
+     * for both once the value is valid or cleared. Fires before paint, so state set here renders
+     * in the same frame as the invalid styling. Not needed to show the message: an empty
+     * `Field.Error` anywhere in the enclosing `Field` already renders it.
+     */
+    onValidationChange?: (reason: DateValidationReason | undefined, message: string | undefined) => void;
     name?: string;
     locale?: string;
     labels?: Partial<DateComponentLabels>;

package/lib/typescript/date-picker/DatePickerRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerRoot.d.ts","sourceRoot":"","sources":["../../../src/date-picker/DatePickerRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAQtE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,cAAc,sGA6I1B,CAAC"}
+{"version":3,"file":"DatePickerRoot.d.ts","sourceRoot":"","sources":["../../../src/date-picker/DatePickerRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,oBAAoB,CAAC;AAa5B,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C;;;;;;;;OAQG;IACH,kBAAkB,CAAC,EAAE,CACnB,MAAM,EAAE,oBAAoB,GAAG,SAAS,EACxC,OAAO,EAAE,MAAM,GAAG,SAAS,KACxB,IAAI,CAAC;IACV,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,cAAc,sGAgN1B,CAAC"}

package/lib/typescript/date-picker/context.d.ts

@@ -12,6 +12,7 @@ export interface DatePickerContextValue {
     disabled: boolean;
     minValue?: DateId;
     maxValue?: DateId;
+    isDateUnavailable?: (date: DateId) => boolean;
     locale: string;
     labels: DateComponentLabels;
     registerSurface: (type: PickerSurfaceType) => void;

package/lib/typescript/date-picker/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/date-picker/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEtE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAErE,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,mBAAmB,CAAC;IAC5B,eAAe,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,gEAAgE;IAChE,SAAS,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,gEAAgE;IAChE,UAAU,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,iBAAiB,wDAAqD,CAAC;AAEpF,wBAAgB,oBAAoB,IAAI,sBAAsB,CAM7D"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/date-picker/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEtE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAErE,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,mBAAmB,CAAC;IAC5B,eAAe,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnD,gEAAgE;IAChE,SAAS,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,gEAAgE;IAChE,UAAU,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,iBAAiB,wDAAqD,CAAC;AAEpF,wBAAgB,oBAAoB,IAAI,sBAAsB,CAM7D"}

package/lib/typescript/index.d.ts

@@ -3,6 +3,12 @@ export * from './breadcrumbs';
 export * from './button';
 export * from './chip';
 export * from './checkbox';
+export * from './color';
+export * from './color-area';
+export * from './color-field';
+export * from './color-picker';
+export * from './color-slider';
+export * from './color-swatch-picker';
 export * from './dialog';
 export * from './drawer';
 export * from './field';
@@ -43,5 +49,6 @@ export { domDataAttributes, mergeDomDataAttributes, type DomDataAttributeValue,
 export { mapViewPropsToDom, type MapViewPropsToDomOptions } from './utils/mapViewPropsToDom';
 export { assignRef } from './utils/assignRef';
 export { createPortalFn } from './utils/createPortal';
+export { useHasTextAncestor } from './utils/textAncestor';
 export { Slot } from './slot';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,OAAO,EACL,qBAAqB,EACrB,4BAA4B,EAC5B,kBAAkB,EAClB,KAAK,UAAU,EACf,0BAA0B,EAC1B,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,2BAA2B,EAC3B,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,uBAAuB,EAC5B,KAAK,8BAA8B,EACnC,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,+BAA+B,EACpC,KAAK,8BAA8B,EACnC,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,WAAW,CAAC;AACnB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,KAAK,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,OAAO,EACL,qBAAqB,EACrB,4BAA4B,EAC5B,kBAAkB,EAClB,KAAK,UAAU,EACf,0BAA0B,EAC1B,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,2BAA2B,EAC3B,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,uBAAuB,EAC5B,KAAK,8BAA8B,EACnC,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,+BAA+B,EACpC,KAAK,8BAA8B,EACnC,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,WAAW,CAAC;AACnB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,KAAK,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,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/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.7",
+  "version": "0.2.1",
   "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.7",
-    "@cdx-ui/utils": "0.1.7"
+    "@cdx-ui/utils": "0.2.1",
+    "@cdx-ui/formatters": "0.2.1"
   },
   "devDependencies": {
     "@types/react": "19.1.17",

package/src/calendar/CalendarRoot.tsx

@@ -42,6 +42,7 @@ export const CalendarRoot = forwardRef<ComponentRef<typeof View>, CalendarRootPr
       onMonthIdChange,
       minValue,
       maxValue,
+      isDateUnavailable,
       disabled = false,
       locale = 'en-US',
       labels: labelsProp,
@@ -96,6 +97,7 @@ export const CalendarRoot = forwardRef<ComponentRef<typeof View>, CalendarRootPr
         onMonthIdChange: setMonthId,
         minValue,
         maxValue,
+        isDateUnavailable,
         disabled,
         locale,
         labels,
@@ -109,6 +111,7 @@ export const CalendarRoot = forwardRef<ComponentRef<typeof View>, CalendarRootPr
         setMonthId,
         minValue,
         maxValue,
+        isDateUnavailable,
         disabled,
         locale,
         labels,

package/src/calendar/context.tsx

@@ -10,6 +10,7 @@ export interface CalendarContextValue {
   onMonthIdChange: (monthId: MonthId) => void;
   minValue?: DateId;
   maxValue?: DateId;
+  isDateUnavailable?: (date: DateId) => boolean;
   disabled: boolean;
   locale: string;
   labels: DateComponentLabels;

package/src/calendar/types.ts

@@ -17,6 +17,13 @@ export interface ICalendarProps {
   minValue?: DateId;
   /** Latest selectable date. Build with `dateId(...)` from `@cdx-ui/formatters`. */
   maxValue?: DateId;
+  /**
+   * Returns `true` for days that cannot be selected, such as weekends or holidays. Unavailable
+   * days render disabled and ignore presses, combined with `minValue` / `maxValue`. An inline
+   * function is safe; a stable (module-level or memoized) one also skips re-checking every day of
+   * the visible month on each render.
+   */
+  isDateUnavailable?: (date: DateId) => boolean;
   disabled?: boolean;
   /** BCP 47 locale for weekday and month formatting. Defaults to `en-US`. */
   locale?: string;

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;
+}