@cdx-ui/components 0.0.1-alpha.4 → 0.0.1-alpha.40

package/lib/typescript/components/Stack/HStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HStack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/HStack.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,QAAA,MAAM,UAAU;;;;;;;;;CASN,CAAC;AAEX,KAAK,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,8FAclB,CAAC"}
+{"version":3,"file":"HStack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/HStack.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAE/D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,8FAgBlB,CAAC"}

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

@@ -1,20 +1,9 @@
 import { View, type ViewProps } from 'react-native';
-declare const spaceScale: {
-    readonly xs: 1;
-    readonly sm: 2;
-    readonly md: 3;
-    readonly lg: 4;
-    readonly xl: 5;
-    readonly '2xl': 6;
-    readonly '3xl': 7;
-    readonly '4xl': 8;
-};
-type StackSpace = keyof typeof spaceScale;
+import { type StackSpace } from './styles';
 export interface VStackProps extends ViewProps {
     className?: string;
     space?: StackSpace;
     reversed?: boolean;
 }
 export declare const VStack: import("react").ForwardRefExoticComponent<VStackProps & import("react").RefAttributes<View>>;
-export {};
 //# sourceMappingURL=VStack.d.ts.map

package/lib/typescript/components/Stack/VStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VStack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/VStack.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,QAAA,MAAM,UAAU;;;;;;;;;CASN,CAAC;AAEX,KAAK,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,8FAkBlB,CAAC"}
+{"version":3,"file":"VStack.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/VStack.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAE/D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,8FAgBlB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,QAAQ;;;;;;;;;;;CAWJ,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE/C,eAAO,MAAM,kBAAkB;;;8EAW7B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;8EAW7B,CAAC"}

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

@@ -0,0 +1,9 @@
+import { Switch as RNSwitch, type SwitchProps } from 'react-native';
+export interface BaseSwitchProps extends Omit<SwitchProps, 'className'> {
+    states?: Record<string, boolean | undefined>;
+    dataSet?: Record<string, string>;
+    className?: string;
+    size?: string;
+}
+export declare const BaseSwitch: import("react").ForwardRefExoticComponent<BaseSwitchProps & import("react").RefAttributes<RNSwitch>>;
+//# sourceMappingURL=BaseSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/BaseSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AASpE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,sGAkBtB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { View } from 'react-native';
+import { type SwitchVariantProps } from './styles';
+export interface BaseSwitchProps {
+    value?: boolean;
+    onValueChange?: (value: boolean) => void;
+    disabled?: boolean;
+    states?: Record<string, boolean | undefined>;
+    dataSet?: Record<string, string>;
+    className?: string;
+    size?: SwitchVariantProps['size'];
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export declare const BaseSwitch: import("react").ForwardRefExoticComponent<BaseSwitchProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=BaseSwitch.web.d.ts.map

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

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

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

@@ -0,0 +1,7 @@
+import { type ISwitchProps } from '@cdx-ui/primitives';
+import type { SwitchVariantProps } from './styles';
+export interface SwitchProps extends ISwitchProps, SwitchVariantProps {
+    className?: string;
+}
+export declare const Switch: import("@cdx-ui/primitives").ISwitchComponentType<import("./BaseSwitch").BaseSwitchProps & import("react").RefAttributes<import("react-native").Switch>, unknown>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgB,MAAM,oBAAoB,CAAC;AAErE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAInD,MAAM,WAAW,WAAY,SAAQ,YAAY,EAAE,kBAAkB;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,mKAAkB,CAAC"}

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

@@ -0,0 +1,26 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const switchThumbColorVariants: (props?: ({
+    isDisabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const switchTrackOnVariants: (props?: ({
+    isInvalid?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const switchTrackOffVariants: (props?: ({
+    isInvalid?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const switchIosBgVariants: (props?: ({
+    isInvalid?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const switchTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const switchWebTrackColorVariants: (props?: ({
+    isChecked?: boolean | null | undefined;
+    isInvalid?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const switchThumbVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    isChecked?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SwitchVariantProps = VariantProps<typeof switchTrackVariants>;
+//# sourceMappingURL=styles.d.ts.map

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

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

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

@@ -1,2 +1,10 @@
-export * from './Text';
+import { type ComponentPropsWithoutRef } from 'react';
+import { Text as RNText } from 'react-native';
+import { TextVariantProps } from './styles';
+export type TextProps = TextVariantProps & ComponentPropsWithoutRef<typeof RNText> & {
+    className?: string;
+};
+export declare const Text: import("react").ForwardRefExoticComponent<TextVariantProps & import("react-native").TextProps & {
+    className?: string;
+} & import("react").RefAttributes<RNText>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAqB,MAAM,OAAO,CAAC;AACrF,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAa,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG,gBAAgB,GACtC,wBAAwB,CAAC,OAAO,MAAM,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnE,eAAO,MAAM,IAAI;gBAFyC,MAAM;0CAO9D,CAAC"}

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

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

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

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

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

@@ -0,0 +1,8 @@
+import type { ForwardedRef, ReactElement } from 'react';
+import { type FlashListProps, type FlashListRef } from '@shopify/flash-list';
+export type VirtualizedListRef = FlashListRef<unknown>;
+export type VirtualizedListProps<T = unknown> = FlashListProps<T>;
+export declare const VirtualizedList: <T>(props: VirtualizedListProps<T> & {
+    ref?: ForwardedRef<FlashListRef<T>>;
+}) => ReactElement | null;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/VirtualizedList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;AACvD,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;AASlE,eAAO,MAAM,eAAe,EAAuC,CAAC,CAAC,EACnE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,KACrE,YAAY,GAAG,IAAI,CAAC"}

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

@@ -1,7 +1,26 @@
+export * from './AlertDialog';
+export * from './Avatar';
+export * from './BottomSheet';
 export * from './Box';
 export * from './Button';
+export * from './Card';
+export * from './Checkbox';
+export * from './Chip';
+export * from './Dialog';
+export * from './Field';
+export * from './Form';
+export * from './Image';
 export * from './Input';
+export * from './OtpInput';
+export * from './Link';
+export * from './ProgressBar';
+export * from './ProgressSegmented';
 export * from './Select';
+export * from './VirtualizedList';
+export * from './Switch';
 export { HStack, VStack } from './Stack';
+export * from './Heading';
 export * from './Text';
+export * from './Icon';
+export * from './IconButton';
 //# sourceMappingURL=index.d.ts.map

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,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,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"}

package/lib/typescript/index.d.ts

@@ -1,2 +1,5 @@
+/// <reference types="uniwind/types" preserve="true" />
 export * from './components';
+export { View, ScrollView, KeyboardAvoidingView } from 'react-native';
+export { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
 //# 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,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AACA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC"}

package/lib/typescript/metro/withCdxMetroConfig.d.ts

@@ -0,0 +1,19 @@
+import type { MetroConfig } from 'metro-config';
+export interface CdxMetroConfigOptions {
+    /** Path to the CSS entry file (e.g., `'./global.css'`). */
+    cssEntryFile: string;
+    /** Path where generated Tailwind class type definitions are written. */
+    generatedTypesFile?: string;
+}
+/**
+ * Wraps a Metro config with CDX UI's styling-layer configuration.
+ *
+ * Today this delegates to Uniwind. If the styling layer is swapped (see
+ * `docs/research/uniwind-to-nativewind-contingency.md`), only the internals
+ * of this function change — consuming Metro configs stay the same.
+ *
+ * Must be the **outermost** Metro config wrapper (after any other wrappers
+ * like `withStorybook`).
+ */
+export declare function withCdxMetroConfig<T extends MetroConfig>(config: T, options: CdxMetroConfigOptions): T;
+//# sourceMappingURL=withCdxMetroConfig.d.ts.map

package/lib/typescript/metro/withCdxMetroConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withCdxMetroConfig.d.ts","sourceRoot":"","sources":["../../../src/metro/withCdxMetroConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,WAAW,qBAAqB;IACpC,2DAA2D;IAC3D,YAAY,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,WAAW,EACtD,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,qBAAqB,GAC7B,CAAC,CAKH"}

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

@@ -0,0 +1,2 @@
+export * from './primitives';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,85 @@
+export declare const COLOR_BG_PRIMARY = "bg-white";
+export declare const COLOR_BG_SUBTLE = "bg-slate-50";
+export declare const COLOR_BG_MUTED = "bg-slate-100";
+export declare const COLOR_BG_INVERSE = "bg-slate-900";
+export declare const COLOR_BORDER_DEFAULT = "border-slate-200";
+export declare const COLOR_BORDER_STRONG = "border-slate-300";
+export declare const COLOR_BORDER_FOCUS = "border-slate-900";
+export declare const COLOR_BORDER_INVALID = "border-red-500";
+export declare const COLOR_TEXT_PRIMARY = "text-slate-900";
+export declare const COLOR_TEXT_SECONDARY = "text-slate-500";
+export declare const COLOR_TEXT_MUTED = "text-slate-400";
+export declare const COLOR_TEXT_INVERSE = "text-white";
+export declare const COLOR_TEXT_PLACEHOLDER = "text-slate-400";
+export declare const COLOR_TEXT_INVALID = "text-red-600";
+export declare const COLOR_BRAND_DEFAULT = "bg-slate-900";
+export declare const COLOR_BRAND_HOVER = "bg-slate-800";
+export declare const COLOR_BRAND_ACTIVE = "bg-slate-700";
+export declare const COLOR_ACCENT_DEFAULT = "bg-slate-900";
+export declare const COLOR_ACCENT_BORDER = "border-slate-900";
+export declare const SEMANTIC_COLORS: {
+    readonly action: {
+        readonly bg: "bg-slate-900";
+        readonly bgHover: "bg-slate-800";
+        readonly bgActive: "bg-slate-700";
+        readonly border: "border-slate-900";
+        readonly text: "text-slate-900";
+        readonly ring: "ring-slate-400/50";
+    };
+    readonly danger: {
+        readonly bg: "bg-red-600";
+        readonly bgHover: "bg-red-700";
+        readonly bgActive: "bg-red-800";
+        readonly border: "border-red-600";
+        readonly text: "text-red-600";
+        readonly ring: "ring-red-400/50";
+    };
+    readonly warning: {
+        readonly bg: "bg-amber-500";
+        readonly bgHover: "bg-amber-600";
+        readonly bgActive: "bg-amber-700";
+        readonly border: "border-amber-500";
+        readonly text: "text-amber-600";
+        readonly ring: "ring-amber-400/50";
+    };
+    readonly success: {
+        readonly bg: "bg-green-600";
+        readonly bgHover: "bg-green-700";
+        readonly bgActive: "bg-green-800";
+        readonly border: "border-green-600";
+        readonly text: "text-green-600";
+        readonly ring: "ring-green-400/50";
+    };
+    readonly info: {
+        readonly bg: "bg-sky-500";
+        readonly bgHover: "bg-sky-600";
+        readonly bgActive: "bg-sky-700";
+        readonly border: "border-sky-500";
+        readonly text: "text-sky-600";
+        readonly ring: "ring-sky-400/50";
+    };
+};
+export declare const FOCUS_RING = "ring-2 ring-slate-400/50 ring-offset-2";
+export declare const RADIUS_SM = "rounded-lg";
+export declare const RADIUS_MD = "rounded-xl";
+export declare const RADIUS_FULL = "rounded-full";
+export declare const SHADOW_SM = "shadow-sm";
+export declare const SHADOW_MD = "shadow-md";
+export declare const SIZE_SCALE: {
+    readonly default: {
+        readonly height: "h-10";
+        readonly px: "px-4";
+        readonly gap: "gap-2";
+        readonly text: "text-base";
+    };
+    readonly small: {
+        readonly height: "h-8";
+        readonly px: "px-3";
+        readonly gap: "gap-1.5";
+        readonly text: "text-sm";
+    };
+};
+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";
+//# sourceMappingURL=primitives.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../src/styles/primitives.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,aAAa,CAAC;AAC3C,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAC7C,eAAO,MAAM,cAAc,iBAAiB,CAAC;AAC7C,eAAO,MAAM,gBAAgB,iBAAiB,CAAC;AAG/C,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AACvD,eAAO,MAAM,mBAAmB,qBAAqB,CAAC;AACtD,eAAO,MAAM,kBAAkB,qBAAqB,CAAC;AACrD,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AAGrD,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AACnD,eAAO,MAAM,oBAAoB,mBAAmB,CAAC;AACrD,eAAO,MAAM,gBAAgB,mBAAmB,CAAC;AACjD,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAC/C,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AACvD,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AAGjD,eAAO,MAAM,mBAAmB,iBAAiB,CAAC;AAClD,eAAO,MAAM,iBAAiB,iBAAiB,CAAC;AAChD,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AAGjD,eAAO,MAAM,oBAAoB,iBAAiB,CAAC;AACnD,eAAO,MAAM,mBAAmB,qBAAqB,CAAC;AAItD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyClB,CAAC;AAGX,eAAO,MAAM,UAAU,2CAA2C,CAAC;AAGnE,eAAO,MAAM,SAAS,eAAe,CAAC;AACtC,eAAO,MAAM,SAAS,eAAe,CAAC;AACtC,eAAO,MAAM,WAAW,iBAAiB,CAAC;AAG1C,eAAO,MAAM,SAAS,cAAc,CAAC;AACrC,eAAO,MAAM,SAAS,cAAc,CAAC;AAMrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;CAGb,CAAC;AAGX,eAAO,MAAM,iBAAiB,mCAAmC,CAAC;AAGlE,eAAO,MAAM,gBAAgB,oCAAoC,CAAC;AAClE,eAAO,MAAM,eAAe,qFACwD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.0.1-alpha.4",
+  "version": "0.0.1-alpha.40",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -14,7 +14,13 @@
       "require": "./lib/commonjs/index.js",
       "default": "./lib/module/index.js"
     },
-    "./styles.css": "./src/styles.css"
+    "./styles.css": "./src/styles.css",
+    "./metro": {
+      "types": "./lib/typescript/metro/withCdxMetroConfig.d.ts",
+      "require": "./lib/commonjs/metro/withCdxMetroConfig.js",
+      "import": "./lib/module/metro/withCdxMetroConfig.js",
+      "default": "./lib/commonjs/metro/withCdxMetroConfig.js"
+    }
   },
   "files": [
     "lib",
@@ -35,13 +41,17 @@
     ]
   },
   "peerDependencies": {
+    "@shopify/flash-list": ">=2.0.0",
     "react": "^18.2.0 || ^19.0.0",
     "react-native": ">=0.76.0",
     "react-native-reanimated": ">=3.0.0",
-    "react-native-web": ">=0.19.0",
-    "uniwind": "*"
+    "react-native-safe-area-context": ">=4.0.0",
+    "react-native-web": ">=0.19.0"
   },
   "peerDependenciesMeta": {
+    "@shopify/flash-list": {
+      "optional": true
+    },
     "react-native": {
       "optional": true
     },
@@ -50,15 +60,15 @@
     },
     "react-native-web": {
       "optional": true
-    },
-    "uniwind": {
-      "optional": true
     }
   },
   "dependencies": {
+    "@gorhom/bottom-sheet": "^5.2.6",
     "class-variance-authority": "^0.7.1",
-    "@cdx-ui/primitives": "0.0.1-alpha.4",
-    "@cdx-ui/utils": "0.0.1-alpha.4"
+    "uniwind": "1.6.1",
+    "@cdx-ui/primitives": "0.0.1-alpha.40",
+    "@cdx-ui/utils": "0.0.1-alpha.40",
+    "@cdx-ui/icons": "0.0.1-alpha.40"
   },
   "devDependencies": {
     "@types/react": "*",
@@ -84,6 +94,7 @@
   },
   "scripts": {
     "build": "bob build",
-    "lint": "eslint src/"
+    "lint": "eslint src/",
+    "test": "jest --config ../../jest.config.js"
   }
 }

package/src/components/AlertDialog/index.tsx

@@ -0,0 +1,124 @@
+import React, { forwardRef } from 'react';
+import { View } from 'react-native';
+import { useDialog } from '@cdx-ui/primitives';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { Button, type ButtonProps } from '../Button';
+import { Dialog, type DialogRootProps } from '../Dialog';
+
+// =============================================================================
+// ALERT DIALOG ROOT (Dialog with non-dismissible defaults + alertdialog role)
+// =============================================================================
+
+export interface AlertDialogRootProps extends DialogRootProps {}
+
+const AlertDialogRoot = forwardRef<View, AlertDialogRootProps>(
+  (
+    {
+      closeOnBackdropPress = false,
+      closeOnEscKey = false,
+      role = 'alertdialog',
+      children,
+      ...props
+    },
+    ref,
+  ) => (
+    <Dialog
+      ref={ref}
+      closeOnBackdropPress={closeOnBackdropPress}
+      closeOnEscKey={closeOnEscKey}
+      role={role}
+      {...props}
+    >
+      {children}
+    </Dialog>
+  ),
+);
+AlertDialogRoot.displayName = 'AlertDialog';
+
+// =============================================================================
+// ALERT DIALOG ACTION
+// =============================================================================
+
+export interface AlertDialogActionProps extends Omit<ButtonProps, 'variant'> {
+  readonly asChild?: boolean;
+}
+
+const AlertDialogAction = forwardRef<View, AlertDialogActionProps>(
+  ({ asChild = false, children, color = 'action', className, ...props }, ref) => {
+    if (asChild && React.isValidElement(children)) {
+      return React.cloneElement(children as React.ReactElement<any>, {
+        ref,
+        className,
+        ...props,
+      });
+    }
+
+    return (
+      <Button ref={ref} variant="strong" color={color} className={className} {...props}>
+        <Button.Label>{children}</Button.Label>
+      </Button>
+    );
+  },
+);
+AlertDialogAction.displayName = 'AlertDialog.Action';
+
+// =============================================================================
+// ALERT DIALOG CANCEL
+// =============================================================================
+
+export interface AlertDialogCancelProps extends Omit<ButtonProps, 'variant'> {
+  readonly asChild?: boolean;
+}
+
+const AlertDialogCancel = forwardRef<View, AlertDialogCancelProps>(
+  ({ asChild = false, children, onPress, className, ...props }, ref) => {
+    const { onOpenChange } = useDialog();
+    const handlePress = composeEventHandlers(onPress, () => onOpenChange(false));
+
+    if (asChild && React.isValidElement(children)) {
+      return React.cloneElement(children as React.ReactElement<any>, {
+        ref,
+        onPress: handlePress,
+        className,
+        ...props,
+      });
+    }
+
+    return (
+      <Button ref={ref} variant="outline" onPress={handlePress} className={className} {...props}>
+        <Button.Label>{children}</Button.Label>
+      </Button>
+    );
+  },
+);
+AlertDialogCancel.displayName = 'AlertDialog.Cancel';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+type AlertDialogCompoundComponent = typeof AlertDialogRoot & {
+  Trigger: typeof Dialog.Trigger;
+  Content: typeof Dialog.Content;
+  Header: typeof Dialog.Header;
+  Title: typeof Dialog.Title;
+  Description: typeof Dialog.Description;
+  Body: typeof Dialog.Body;
+  Footer: typeof Dialog.Footer;
+  Close: typeof Dialog.Close;
+  Action: typeof AlertDialogAction;
+  Cancel: typeof AlertDialogCancel;
+};
+
+export const AlertDialog = Object.assign(AlertDialogRoot, {
+  Trigger: Dialog.Trigger,
+  Content: Dialog.Content,
+  Header: Dialog.Header,
+  Title: Dialog.Title,
+  Description: Dialog.Description,
+  Body: Dialog.Body,
+  Footer: Dialog.Footer,
+  Close: Dialog.Close,
+  Action: AlertDialogAction,
+  Cancel: AlertDialogCancel,
+}) as AlertDialogCompoundComponent;