@cdx-ui/components 0.0.1-alpha.13 → 0.0.1-alpha.15

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

@@ -1,6 +1,7 @@
 import { type ReactNode } from 'react';
 import { type TextInput, View, type ViewProps } from 'react-native';
 import { type IInputFieldProps, type IInputProps, type IInputSlotProps } from '@cdx-ui/primitives';
+import { IconProps } from '../Icon';
 import { type InputVariantProps } from './styles';
 export interface InputProps extends ViewProps, IInputFieldProps, InputVariantProps {
     className?: string;
@@ -17,11 +18,12 @@ export interface InputSlotProps extends ViewProps, IInputSlotProps {
     children?: ReactNode;
 }
 declare const InputSlot: import("react").ForwardRefExoticComponent<InputSlotProps & import("react").RefAttributes<View>>;
-export interface InputIconProps extends ViewProps {
-    className?: string;
-    children?: ReactNode;
+export interface InputIconProps extends Omit<IconProps, 'children'> {
 }
-declare const InputIcon: import("react").ForwardRefExoticComponent<InputIconProps & import("react").RefAttributes<View>>;
+declare const InputIcon: {
+    ({ className, style, as, ...props }: InputIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 type InputCompoundComponent = typeof InputRoot & {
     Field: typeof InputField;
     Slot: typeof InputSlot;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,KAAK,iBAAiB,EAMvB,MAAM,UAAU,CAAC;AAmBlB,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,gBAAgB,EAAE,iBAAiB;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,6FAgBd,CAAC;AAQF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B,CAAC,EAAE,MAAM,CAAC;CACxC,CAAC;AAEF,QAAA,MAAM,UAAU,uGAoBf,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,eAAe;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,iGAYd,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,iGAYd,CAAC;AAQF,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,KAAK,EAIZ,sBAAsB,CAAC;AAE7B,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,KAAK,iBAAiB,EAMvB,MAAM,UAAU,CAAC;AAkBlB,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,gBAAgB,EAAE,iBAAiB;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,6FAgBd,CAAC;AAQF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B,CAAC,EAAE,MAAM,CAAC;CACxC,CAAC;AAEF,QAAA,MAAM,UAAU,uGAoBf,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,eAAe;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,iGAUd,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAEtE,QAAA,MAAM,SAAS;yCAAwC,cAAc;;CAMpE,CAAC;AAQF,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,KAAK,EAIZ,sBAAsB,CAAC;AAE7B,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -1,16 +1,14 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const inputRootVariants: (props?: ({
-    variant?: "outline" | "underlined" | null | undefined;
-    size?: "lg" | "md" | "sm" | null | undefined;
+    variant?: "outline" | null | undefined;
+    size?: "default" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const inputFieldVariants: (props?: ({
-    size?: "lg" | "md" | "sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const inputSlotVariants: (props?: ({
-    size?: "lg" | "md" | "sm" | null | undefined;
+    size?: "default" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const inputSlotVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const inputIconVariants: (props?: ({
-    size?: "lg" | "md" | "sm" | null | undefined;
+    size?: "default" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const inputFieldPlaceholderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export type InputVariantProps = VariantProps<typeof inputRootVariants>;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,iBAAiB;;;8EA8B7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAkB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;8EAW5B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;8EAW5B,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAAsC,CAAC;AAEjF,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAclE,eAAO,MAAM,iBAAiB;;;8EAmC7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAkB9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAAmD,CAAC;AAElF,eAAO,MAAM,iBAAiB;;8EAU5B,CAAC;AAEH,eAAO,MAAM,6BAA6B,oFAA4B,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,oFAI3B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,oFAW3B,CAAC"}

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

@@ -1,6 +1,7 @@
 import { type ReactNode } from 'react';
 import { Text, type TextProps, View, type ViewProps } from 'react-native';
 import { type ISelectContentProps, type ISelectItemLabelProps, type ISelectItemProps, type ISelectProps, type ISelectTriggerProps, type ISelectValueProps } from '@cdx-ui/primitives';
+import { IconProps } from '../Icon';
 import { type SelectVariantProps } from './styles';
 export interface SelectProps extends ViewProps, ISelectProps, SelectVariantProps {
     className?: string;
@@ -15,10 +16,12 @@ export interface SelectValueProps extends TextProps, ISelectValueProps {
     className?: string;
 }
 declare const SelectValue: import("react").ForwardRefExoticComponent<SelectValueProps & import("react").RefAttributes<Text>>;
-export interface SelectIconProps extends ViewProps {
-    className?: string;
+export interface SelectIconProps extends Omit<IconProps, 'children'> {
 }
-declare const SelectIcon: import("react").ForwardRefExoticComponent<SelectIconProps & import("react").RefAttributes<View>>;
+declare const SelectIcon: {
+    ({ className, style, ...props }: SelectIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export interface SelectContentProps extends ViewProps, ISelectContentProps {
     className?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAa,IAAI,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,KAAK,kBAAkB,EAOxB,MAAM,UAAU,CAAC;AAsBlB,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,EAAE,kBAAkB;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,8FAcf,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAYlB,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,iBAAiB;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGAMf,CAAC;AAQH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,kGAMd,CAAC;AAQH,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,mBAAmB;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,qGAQlB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAYf,CAAC;AAQF,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,qBAAqB;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,uGAUpB,CAAC;AAQF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,SAAS,EAAE,OAAO,eAAe,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,EAOb,uBAAuB,CAAC;AAE9B,YAAY,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAa,IAAI,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAErF,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EACL,KAAK,kBAAkB,EAOxB,MAAM,UAAU,CAAC;AAsBlB,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,EAAE,kBAAkB;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,8FAcf,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGAalB,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,iBAAiB;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGAMf,CAAC;AAQH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;CAAG;AAEvE,QAAA,MAAM,UAAU;qCAAoC,eAAe;;CAMlE,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,mBAAmB;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,qGAQlB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAYf,CAAC;AAQF,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,qBAAqB;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,uGAUpB,CAAC;AAQF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,SAAS,EAAE,OAAO,eAAe,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,EAOb,uBAAuB,CAAC;AAE9B,YAAY,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/styles.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAU1D,eAAO,MAAM,kBAAkB;;;8EAiB7B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;8EAiB7B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Stack/styles.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAU1D,eAAO,MAAM,kBAAkB;;;8EAW7B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;8EAW7B,CAAC"}

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

@@ -1,6 +1,10 @@
 import { type ComponentPropsWithoutRef } from 'react';
 import { Text as RNText } from 'react-native';
 import { TextVariantProps } from './styles';
-export type TextProps = TextVariantProps & ComponentPropsWithoutRef<typeof RNText>;
-export declare const Text: import("react").ForwardRefExoticComponent<TextVariantProps & import("react-native").TextProps & import("react").RefAttributes<RNText>>;
+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.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,GAAG,wBAAwB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEnF,eAAO,MAAM,IAAI,wIAKf,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.map

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

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

@@ -8,4 +8,5 @@ export * from './Switch';
 export { HStack, VStack } from './Stack';
 export * from './Heading';
 export * from './Text';
+export * from './Icon';
 //# 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,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,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"}

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.13",
+  "version": "0.0.1-alpha.15",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -60,8 +60,9 @@
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "uniwind": "1.4.1",
-    "@cdx-ui/primitives": "0.0.1-alpha.13",
-    "@cdx-ui/utils": "0.0.1-alpha.13"
+    "@cdx-ui/primitives": "0.0.1-alpha.15",
+    "@cdx-ui/utils": "0.0.1-alpha.15",
+    "@cdx-ui/icons": "0.0.1-alpha.15"
   },
   "devDependencies": {
     "@types/react": "*",

package/src/components/Box/Box.tsx

@@ -8,6 +8,7 @@ export interface BoxProps extends ViewProps {
   textProps?: TextProps;
 }
 
+/** @deprecated Use View instead */
 export const Box = forwardRef<View, BoxProps>(
   ({ style, className, children, textProps, ...restProps }, ref: ForwardedRef<View>) => {
     return (

package/src/components/Button/index.tsx

@@ -11,10 +11,12 @@ import {
 } from 'react-native';
 import { createButton, type IButtonProps } from '@cdx-ui/primitives';
 import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
+import { Icon, IconProps } from '../Icon';
 import {
   type ButtonGroupVariantProps,
   type ButtonVariantProps,
   buttonGroupVariants,
+  buttonIconVariants,
   buttonRootVariants,
   buttonSpinnerVariants,
   buttonTextVariants,
@@ -46,9 +48,10 @@ export interface ButtonProps extends PressableProps, IButtonProps, ButtonVariant
 const ButtonRoot = forwardRef<View, ButtonProps>(
   (
     {
-      variant = 'solid',
-      color = 'primary',
-      size = 'md',
+      variant = 'strong',
+      color = 'action',
+      size = 'default',
+      mode = 'light',
       fullWidth = false,
       className,
       children,
@@ -58,7 +61,7 @@ const ButtonRoot = forwardRef<View, ButtonProps>(
     ref,
   ) => {
     const computedClassName = cn(
-      buttonRootVariants({ variant, color, size, fullWidth }),
+      buttonRootVariants({ variant, color, size, mode, fullWidth }),
       className,
     );
 
@@ -67,7 +70,7 @@ const ButtonRoot = forwardRef<View, ButtonProps>(
         ref={ref}
         className={computedClassName}
         style={style}
-        context={{ variant, color, size, fullWidth }}
+        context={{ variant, color, size, mode, fullWidth }}
         {...props}
       >
         {children}
@@ -89,9 +92,9 @@ export interface ButtonTextProps extends TextProps {
 
 const ButtonLabel = forwardRef<Text, ButtonTextProps>(
   ({ className, children, style, ...props }, ref) => {
-    const { variant, color, size } = useButtonStyleContext();
+    const { variant, color, size, mode } = useButtonStyleContext();
 
-    const computedClassName = cn(buttonTextVariants({ variant, color, size }), className);
+    const computedClassName = cn(buttonTextVariants({ variant, color, size, mode }), className);
 
     return (
       <ButtonPrimitive.Text ref={ref} className={computedClassName} style={style} {...props}>
@@ -135,13 +138,15 @@ const ButtonGroup = forwardRef<View, ButtonGroupProps>(
 
 ButtonGroup.displayName = 'Button.Group';
 
-export interface ButtonIconProps extends ViewProps {
-  className?: string;
-}
+export interface ButtonIconProps extends Omit<IconProps, 'children'> {}
 
-const ButtonIcon = forwardRef<View, ButtonIconProps>(({ className, style, ...props }, ref) => {
-  return <ButtonPrimitive.Icon ref={ref} className={className} style={style} {...props} />;
-});
+const ButtonIcon = ({ className, style, as, ...props }: ButtonIconProps) => {
+  const { size } = useButtonStyleContext();
+
+  const computedClassName = cn(buttonIconVariants({ size }), className);
+
+  return <Icon as={as} className={computedClassName} style={style} {...props} />;
+};
 
 ButtonIcon.displayName = 'Button.Icon';
 
@@ -152,8 +157,11 @@ export interface ButtonSpinnerProps extends ActivityIndicatorProps {
 
 const ButtonSpinner = forwardRef<ActivityIndicator, ButtonSpinnerProps>(
   ({ className, colorClassName, style, ...props }, ref) => {
-    const { variant, color } = useButtonStyleContext();
-    const computedColorClassName = cn(buttonSpinnerVariants({ variant, color }), colorClassName);
+    const { variant, color, mode } = useButtonStyleContext();
+    const computedColorClassName = cn(
+      buttonSpinnerVariants({ variant, color, mode }),
+      colorClassName,
+    );
 
     return (
       <ButtonPrimitive.Spinner