@cdx-ui/components 0.1.7 → 0.2.1

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

@@ -10,6 +10,12 @@ export * from './Card';
 export * from './Carousel';
 export * from './Checkbox';
 export * from './Chip';
+export * from './ColorArea';
+export * from './ColorField';
+export * from './ColorPicker';
+export * from './ColorSlider';
+export { ColorSwatch, type ColorSwatchProps, type ColorSwatchVariantProps } from './ColorSwatch';
+export * from './ColorSwatchPicker';
 export * from './CurrencyInput';
 export * from './DateField';
 export * from './Calendar';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACjG,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

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

@@ -1,5 +1,6 @@
 import { type ReactNode, type RefObject } from 'react';
 import { View } from 'react-native';
+import { type OverlayWidthPolicy } from '@cdx-ui/primitives';
 import { type BottomSheetModalProps } from '../BottomSheet';
 export declare function PickerDialogSurface({ open, setOpen, registerSurface, children, }: {
     open: boolean;
@@ -22,7 +23,10 @@ interface PickerPopoverSurfaceProps {
     triggerRef?: RefObject<View | null>;
     children: ReactNode;
     className?: string;
+    contentClassName?: string;
+    dataSlot?: string;
+    width?: OverlayWidthPolicy;
 }
-export declare function PickerPopoverSurface({ open, setOpen, registerSurface, anchorRef, triggerRef, children, className, }: PickerPopoverSurfaceProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PickerPopoverSurface({ open, setOpen, registerSurface, anchorRef, triggerRef, children, className, contentClassName, dataSlot, width, }: PickerPopoverSurfaceProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=surfaces.d.ts.map

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;AAUhD,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;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE,yBAAyB,kDA0D3B"}
+{"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"}

package/lib/typescript/figma/Icon.figma.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Icon.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAM1B,wBAIE"}
+{"version":3,"file":"Icon.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Icon.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAsC1B,wBASE"}

package/lib/typescript/figma/Text.figma.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Text.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAe1B,wBAKE"}
+{"version":3,"file":"Text.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Text.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAgC1B,wBAKE"}

package/lib/typescript/providers/toast/insets-container.d.ts

@@ -1,5 +1,15 @@
 import type { ReactNode } from 'react';
 import type { ToastInsets } from './types';
+/**
+ * The viewport spans the whole window, so every full-size layer in it must let
+ * pointer events through to the page. React Native Web only expands `box-none`
+ * for `StyleSheet.create` styles, not inline style objects.
+ */
+export declare const passThroughStyles: {
+    boxNone: {
+        pointerEvents: "box-none";
+    };
+};
 interface InsetsContainerProps {
     /**
      * When true, uses a regular View instead of FullWindowOverlay on iOS.
@@ -34,6 +44,8 @@ interface InsetsContainerProps {
      * Custom wrapper function to wrap the toast content
      * Receives children and should return a component that wraps them
      * The wrapper should apply flex: 1 (via className or style) to ensure proper layout
+     * and `pointerEvents: 'box-none'` (from a `StyleSheet.create` style) so it does not block
+     * interaction with the page behind
      * Can be any component wrapper - KeyboardAvoidingView, View, or any custom component
      */
     contentWrapper?: (children: ReactNode) => React.ReactElement;

package/lib/typescript/providers/toast/insets-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"insets-container.d.ts","sourceRoot":"","sources":["../../../../src/providers/toast/insets-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,UAAU,oBAAoB;IAC5B;;;;OAIG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAClC;;;;;;;;OAQG;IACH,0CAA0C,CAAC,EAAE,OAAO,CAAC;IACrD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,aAA+B,EAC/B,cAAc,EACd,QAAQ,EACR,wBAAwB,EACxB,0CAA0C,EAC1C,QAAQ,EACR,SAAS,EACT,IAAI,GACL,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAiJhC"}
+{"version":3,"file":"insets-container.d.ts","sourceRoot":"","sources":["../../../../src/providers/toast/insets-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;CAE5B,CAAC;AAEH,UAAU,oBAAoB;IAC5B;;;;OAIG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAClC;;;;;;;;OAQG;IACH,0CAA0C,CAAC,EAAE,OAAO,CAAC;IACrD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,KAAK,CAAC,YAAY,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,aAA+B,EAC/B,cAAc,EACd,QAAQ,EACR,wBAAwB,EACxB,0CAA0C,EAC1C,QAAQ,EACR,SAAS,EACT,IAAI,GACL,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAoJhC"}

package/lib/typescript/providers/toast/types.d.ts

@@ -74,16 +74,21 @@ export interface ToastProviderProps {
      * Custom wrapper function to wrap the toast content
      * Receives children and should return a component that wraps them
      * The wrapper should apply flex: 1 (via className or style) to ensure proper layout
+     * and `pointerEvents: 'box-none'` so it does not block interaction with the page behind.
+     * On web, `box-none` only takes effect from a `StyleSheet.create` style, not an inline object.
      * Can be any component wrapper - KeyboardAvoidingView, View, or any custom component
      *
      * @example
      * ```tsx
+     * const styles = StyleSheet.create({ passThrough: { pointerEvents: 'box-none' } });
+     *
      * <ToastProvider
      *   contentWrapper={(children) => (
      *     <KeyboardAvoidingView
      *       behavior="padding"
      *       keyboardVerticalOffset={24}
      *       className="flex-1"
+     *       style={styles.passThrough}
      *     >
      *       {children}
      *     </KeyboardAvoidingView>

package/lib/typescript/providers/toast/types.d.ts.map

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

package/lib/typescript/styles/constants.d.ts

@@ -1,5 +1,15 @@
 export declare const TRANSITION_COLORS = "transition-colors duration-150";
 export declare const DISABLED_OPACITY = "data-[disabled=true]:opacity-50";
 export declare const DISABLED_CURSOR = "data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none";
+export declare const CONTENT_COLOR: {
+    readonly primary: "text-content-primary";
+    readonly secondary: "text-content-secondary";
+    readonly tertiary: "text-content-tertiary";
+    readonly action: "text-content-action";
+    readonly danger: "text-content-danger";
+    readonly warning: "text-content-warning";
+    readonly success: "text-content-success";
+    readonly info: "text-content-info";
+};
 export declare const WEB_NARROW_FIELD_TEXT = "web:max-[600px]:text-base web:max-[600px]:leading-normal";
 //# sourceMappingURL=constants.d.ts.map

package/lib/typescript/styles/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/styles/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,mCAAmC,CAAC;AAGlE,eAAO,MAAM,gBAAgB,oCAAoC,CAAC;AAClE,eAAO,MAAM,eAAe,qFACwD,CAAC;AAIrF,eAAO,MAAM,qBAAqB,6DAA6D,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/styles/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,mCAAmC,CAAC;AAGlE,eAAO,MAAM,gBAAgB,oCAAoC,CAAC;AAClE,eAAO,MAAM,eAAe,qFACwD,CAAC;AAIrF,eAAO,MAAM,aAAa;;;;;;;;;CAShB,CAAC;AAIX,eAAO,MAAM,qBAAqB,6DAA6D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.1.7",
+  "version": "0.2.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -81,10 +81,10 @@
     "@marceloterreiro/flash-calendar": "2.0.0",
     "react-native-reanimated-carousel": "5.0.0-beta.5",
     "uniwind": "1.10.0",
-    "@cdx-ui/primitives": "0.1.7",
-    "@cdx-ui/utils": "0.1.7",
-    "@cdx-ui/icons": "0.1.7",
-    "@cdx-ui/formatters": "0.1.7"
+    "@cdx-ui/formatters": "0.2.1",
+    "@cdx-ui/icons": "0.2.1",
+    "@cdx-ui/utils": "0.2.1",
+    "@cdx-ui/primitives": "0.2.1"
   },
   "devDependencies": {
     "@react-navigation/bottom-tabs": "*",

package/src/components/Alert/index.tsx

@@ -149,7 +149,7 @@ AlertRoot.displayName = 'Alert';
 // ICON
 // =============================================================================
 
-export interface AlertIconProps extends Omit<IconProps, 'as'> {
+export interface AlertIconProps extends Omit<IconProps, 'as' | 'color'> {
   asChild?: boolean;
   /**
    * Override the auto-rendered severity icon. Omit to use the default icon for

package/src/components/Avatar/index.tsx

@@ -215,7 +215,7 @@ AvatarText.displayName = 'Avatar.Text';
 // AVATAR ICON
 // =============================================================================
 
-export interface AvatarIconProps extends Omit<IconProps, 'children'> {
+export interface AvatarIconProps extends Omit<IconProps, 'children' | 'color'> {
   asChild?: boolean;
   className?: string;
 }

package/src/components/Button/index.tsx

@@ -277,7 +277,7 @@ ButtonGroup.displayName = 'Button.Group';
 // STYLED ICON COMPONENT
 // =============================================================================
 
-export interface ButtonIconProps extends Omit<IconProps, 'children' | 'as'> {
+export interface ButtonIconProps extends Omit<IconProps, 'children' | 'as' | 'color'> {
   /** Render the consumer's child element in place of the default icon host. */
   asChild?: boolean;
   /**

package/src/components/Calendar/flashCalendarAdapter.ts

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { useCSSVariable } from 'uniwind';
 import type { CalendarTheme } from '@marceloterreiro/flash-calendar';
-import type { DateId } from '@cdx-ui/formatters';
+import { formatDateId, parseMonthId, type DateId, type MonthId } from '@cdx-ui/formatters';
 
 const DAY_SIZE = 36;
 const DAY_RADIUS = DAY_SIZE / 2;
@@ -352,6 +352,18 @@ export function formatFlashCalendarWeekdayShort(date: Date, locale: string): str
   return new Intl.DateTimeFormat(locale, { weekday: 'short' }).format(date);
 }
 
+/** Every day of the month Flash Calendar renders; days of adjacent months render as blanks. */
+export function getMonthDateIds(monthId: MonthId): DateId[] {
+  const parts = parseMonthId(monthId);
+  if (!parts) {
+    return [];
+  }
+  const daysInMonth = new Date(parts.year, parts.month, 0).getDate();
+  return Array.from({ length: daysInMonth }, (_, index) =>
+    formatDateId({ year: parts.year, month: parts.month, day: index + 1 }),
+  );
+}
+
 /**
  * Brands a raw Flash Calendar day id as a wire {@link DateId}. Flash Calendar
  * always hands back `YYYY-MM-DD`, so this is the trusted third-party boundary

package/src/components/Calendar/index.tsx

@@ -1,6 +1,7 @@
-import { forwardRef, useCallback, useId, useMemo, type ReactNode } from 'react';
+import { forwardRef, useCallback, useId, useMemo, useRef, type ReactNode } from 'react';
 import { View, type ViewProps } from 'react-native';
 import { Calendar as FlashCalendar } from '@marceloterreiro/flash-calendar';
+import { getDateValidationReason, type DateId } from '@cdx-ui/formatters';
 import {
   CalendarGrid as CalendarGridPrimitive,
   CalendarRoot as CalendarRootPrimitive,
@@ -15,6 +16,7 @@ import { CalendarYearPickerGrid } from './CalendarYearPickerGrid';
 import {
   FLASH_CALENDAR_DAY_HEIGHT,
   formatFlashCalendarWeekdayShort,
+  getMonthDateIds,
   toCalendarDateId,
   useFlashCalendarTheme,
 } from './flashCalendarAdapter';
@@ -73,8 +75,26 @@ const CalendarHeader = forwardRef<View, ViewProps>(({ className, style, ...props
 
 CalendarHeader.displayName = 'Calendar.Header';
 
+/**
+ * Keeps the previous array while its contents are unchanged, so an inline `isDateUnavailable`
+ * (a new function every render) does not hand Flash Calendar a new array and re-layout the month.
+ */
+function useStableDateIds(ids: DateId[] | undefined): DateId[] | undefined {
+  const ref = useRef(ids);
+  const prev = ref.current;
+  const unchanged =
+    prev === ids ||
+    (ids !== undefined &&
+      prev?.length === ids.length &&
+      prev.every((id, index) => id === ids[index]));
+  if (!unchanged) {
+    ref.current = ids;
+  }
+  return ref.current;
+}
+
 const CalendarGrid = forwardRef<View, ViewProps>(({ className, style, ...props }, ref) => {
-  const { value, onValueChange, monthId, minValue, maxValue, disabled, locale } =
+  const { value, onValueChange, monthId, minValue, maxValue, isDateUnavailable, disabled, locale } =
     useCalendarContext();
   const instanceId = useId();
   const theme = useFlashCalendarTheme(value);
@@ -86,13 +106,30 @@ const CalendarGrid = forwardRef<View, ViewProps>(({ className, style, ...props }
 
   const activeRanges = useMemo(() => (value ? [{ startId: value, endId: value }] : []), [value]);
 
+  // Bounds are disabled by Flash Calendar via calendarMinDateId / calendarMaxDateId.
+  const unavailableDateIds = useStableDateIds(
+    useMemo(
+      () =>
+        isDateUnavailable
+          ? getMonthDateIds(monthId).filter((id) => isDateUnavailable(id))
+          : undefined,
+      [isDateUnavailable, monthId],
+    ),
+  );
+
+  const isDateUnavailableRef = useRef(isDateUnavailable);
+  isDateUnavailableRef.current = isDateUnavailable;
+
   const handleDayPress = useCallback(
     (dateId: string) => {
-      if (!disabled) {
-        onValueChange?.(toCalendarDateId(dateId));
+      const id = toCalendarDateId(dateId);
+      const rules = { minValue, maxValue, isDateUnavailable: isDateUnavailableRef.current };
+      if (disabled || getDateValidationReason(id, rules)) {
+        return;
       }
+      onValueChange?.(id);
     },
-    [disabled, onValueChange],
+    [disabled, maxValue, minValue, onValueChange],
   );
 
   return (
@@ -103,6 +140,7 @@ const CalendarGrid = forwardRef<View, ViewProps>(({ className, style, ...props }
         calendarActiveDateRanges={activeRanges}
         calendarMinDateId={minValue}
         calendarMaxDateId={maxValue}
+        calendarDisabledDateIds={unavailableDateIds}
         calendarMonthHeaderHeight={0}
         calendarDayHeight={FLASH_CALENDAR_DAY_HEIGHT}
         calendarWeekHeaderHeight={28}

package/src/components/Checkbox/index.tsx

@@ -138,7 +138,7 @@ CheckboxIndicator.displayName = 'Checkbox.Indicator';
 // CHECKBOX ICON (styled-only, reads context for conditional mount)
 // =============================================================================
 
-export interface CheckboxIconProps extends Omit<IconProps, 'children'> {}
+export interface CheckboxIconProps extends Omit<IconProps, 'children' | 'color'> {}
 
 const CheckboxIcon = ({ className, style, ...props }: CheckboxIconProps) => {
   const { isReadOnly } = useCheckboxContext();

package/src/components/Chip/index.tsx

@@ -157,7 +157,7 @@ ChipLabel.displayName = 'Chip.Label';
 // ICON
 // =============================================================================
 
-export interface ChipIconProps extends Omit<IconProps, 'children' | 'as'> {
+export interface ChipIconProps extends Omit<IconProps, 'children' | 'as' | 'color'> {
   asChild?: boolean;
   /**
    * Forge icon component to render. Required unless `asChild` is set, in which

package/src/components/ColorArea/ColorAreaPaint.tsx

@@ -0,0 +1,51 @@
+import { useId } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Defs, LinearGradient, Rect, Stop, Svg } from 'react-native-svg';
+import { useColorAreaContext } from '@cdx-ui/primitives';
+import { colorAreaPaintVariants } from './styles';
+
+export function ColorAreaPaint() {
+  const { value, isRTL } = useColorAreaContext();
+  const horizontalGradientId = useId();
+  const verticalGradientId = useId();
+  const hue = value.withChannel('hsb', 'saturation', 100).withChannel('hsb', 'brightness', 100);
+
+  return (
+    <View
+      className={colorAreaPaintVariants()}
+      style={styles.paint}
+      accessible={false}
+      accessibilityElementsHidden
+      importantForAccessibility="no-hide-descendants"
+    >
+      <Svg width="100%" height="100%">
+        <Defs>
+          <LinearGradient
+            id={horizontalGradientId}
+            x1={isRTL ? '100%' : '0%'}
+            y1="0%"
+            x2={isRTL ? '0%' : '100%'}
+            y2="0%"
+          >
+            <Stop offset="0%" stopColor="#FFFFFF" />
+            <Stop offset="100%" stopColor={hue.toString('hex')} />
+          </LinearGradient>
+          <LinearGradient id={verticalGradientId} x1="0%" y1="0%" x2="0%" y2="100%">
+            <Stop offset="0%" stopColor="#000000" stopOpacity={0} />
+            <Stop offset="100%" stopColor="#000000" stopOpacity={1} />
+          </LinearGradient>
+        </Defs>
+        <Rect width="100%" height="100%" fill={`url(#${horizontalGradientId})`} />
+        <Rect width="100%" height="100%" fill={`url(#${verticalGradientId})`} />
+      </Svg>
+    </View>
+  );
+}
+
+ColorAreaPaint.displayName = 'ColorAreaPaint';
+
+const styles = StyleSheet.create({
+  paint: {
+    pointerEvents: 'none',
+  },
+});

package/src/components/ColorArea/ColorAreaPaint.web.tsx

@@ -0,0 +1,31 @@
+import { View, type ViewStyle } from 'react-native';
+import { useColorAreaContext } from '@cdx-ui/primitives';
+import { colorAreaPaintVariants } from './styles';
+
+export function ColorAreaPaint() {
+  const { value, isRTL } = useColorAreaContext();
+  const hue = value
+    .withChannel('hsb', 'saturation', 100)
+    .withChannel('hsb', 'brightness', 100)
+    .toString('hex');
+  const direction = isRTL ? 'to left' : 'to right';
+  const paintStyle = {
+    backgroundImage: [
+      'linear-gradient(to bottom, transparent, #000000)',
+      `linear-gradient(${direction}, #FFFFFF, ${hue})`,
+    ].join(', '),
+    pointerEvents: 'none',
+  } as unknown as ViewStyle;
+
+  return (
+    <View
+      className={colorAreaPaintVariants()}
+      style={paintStyle}
+      accessible={false}
+      accessibilityElementsHidden
+      importantForAccessibility="no-hide-descendants"
+    />
+  );
+}
+
+ColorAreaPaint.displayName = 'ColorAreaPaint';

package/src/components/ColorArea/index.tsx

@@ -0,0 +1,71 @@
+import { forwardRef, type ReactNode } from 'react';
+import { View } from 'react-native';
+import {
+  ColorAreaRoot as ColorAreaRootPrimitive,
+  ColorAreaThumb as ColorAreaThumbPrimitive,
+  dataAttributes,
+  mergeDataAttributes,
+  useColorAreaContext,
+  type IColorAreaProps,
+  type IColorAreaThumbProps,
+} from '@cdx-ui/primitives';
+import { cn } from '@cdx-ui/utils';
+import { ColorAreaPaint } from './ColorAreaPaint';
+import { colorAreaThumbVariants, colorAreaVariants } from './styles';
+
+export interface ColorAreaProps extends IColorAreaProps {
+  readonly asChild?: boolean;
+  readonly className?: string;
+  readonly children?: ReactNode;
+}
+
+const ColorAreaRoot = forwardRef<View, ColorAreaProps>(
+  ({ asChild, className, style, children, ...props }, ref) => (
+    <ColorAreaRootPrimitive
+      ref={ref}
+      asChild={asChild}
+      className={cn(colorAreaVariants(), className)}
+      style={style}
+      {...props}
+      {...mergeDataAttributes(props, dataAttributes({ slot: 'color-area' }))}
+    >
+      <ColorAreaPaint />
+      {children}
+    </ColorAreaRootPrimitive>
+  ),
+);
+
+ColorAreaRoot.displayName = 'ColorArea';
+
+export interface ColorAreaThumbProps extends IColorAreaThumbProps {
+  readonly className?: string;
+  readonly children?: ReactNode;
+}
+
+const ColorAreaThumb = forwardRef<View, ColorAreaThumbProps>(
+  ({ className, style, children, ...props }, ref) => {
+    const { value } = useColorAreaContext();
+
+    return (
+      <ColorAreaThumbPrimitive
+        ref={ref}
+        className={cn(colorAreaThumbVariants(), className)}
+        style={[{ backgroundColor: value.toString('hex') }, style]}
+        {...props}
+        {...mergeDataAttributes(props, dataAttributes({ slot: 'color-area-thumb' }))}
+      >
+        {children}
+      </ColorAreaThumbPrimitive>
+    );
+  },
+);
+
+ColorAreaThumb.displayName = 'ColorArea.Thumb';
+
+type ColorAreaCompoundComponent = typeof ColorAreaRoot & {
+  Thumb: typeof ColorAreaThumb;
+};
+
+export const ColorArea = Object.assign(ColorAreaRoot, {
+  Thumb: ColorAreaThumb,
+}) as ColorAreaCompoundComponent;

package/src/components/ColorArea/styles.ts

@@ -0,0 +1,18 @@
+import { cva } from '@cdx-ui/utils';
+import { DISABLED_CURSOR } from '../../styles/constants';
+
+export const colorAreaVariants = cva([
+  'relative aspect-square w-full touch-none select-none',
+  'data-[disabled=true]:opacity-[var(--opacity-disabled)]',
+  DISABLED_CURSOR,
+]);
+
+export const colorAreaPaintVariants = cva([
+  'absolute inset-0 overflow-hidden rounded-[var(--border-radius-default)]',
+]);
+
+export const colorAreaThumbVariants = cva([
+  'z-2 size-5 rounded-[var(--border-radius-round)]',
+  'border-2 border-surface-primary shadow-md',
+  'transition-none',
+]);