@factorialco/f0-react-native 0.33.0 → 0.35.0

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

@@ -2,9 +2,21 @@ import React from "react";
 import { View } from "react-native";
 import { type VariantProps } from "tailwind-variants";
 import { type IconType } from "../primitives/F0Icon";
+/**
+ * @deprecated Use `F0Button` from `../F0Button` instead.
+ */
 export declare const variants: readonly ["default", "outline", "critical", "neutral", "ghost", "promote"];
+/**
+ * @deprecated Use `F0ButtonVariant` from `../F0Button` instead.
+ */
 export type ButtonVariant = (typeof variants)[number];
+/**
+ * @deprecated Use `BUTTON_SIZES` from `../F0Button` instead.
+ */
 export declare const sizes: readonly ["sm", "md", "lg"];
+/**
+ * @deprecated Use `F0ButtonSize` from `../F0Button` instead.
+ */
 export type ButtonSize = (typeof sizes)[number];
 declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
@@ -73,6 +85,9 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         false: string;
     };
 }, undefined, "flex-row items-center justify-center rounded border-none grow-0", unknown, unknown, undefined>>;
+/**
+ * @deprecated Use `F0ButtonProps` from `../F0Button` instead.
+ */
 export interface ButtonProps extends VariantProps<typeof buttonVariants> {
     label: string;
     onPress?: () => void | Promise<unknown>;
@@ -86,6 +101,9 @@ export interface ButtonProps extends VariantProps<typeof buttonVariants> {
     showBadge?: boolean;
     fullWidth?: boolean;
 }
+/**
+ * @deprecated Use `F0Button` from `../F0Button` instead.
+ */
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<View>>;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGzD,OAAO,EAAU,KAAK,QAAQ,EAAkB,MAAM,sBAAsB,CAAA;AAE5E,eAAO,MAAM,QAAQ,4EAOX,CAAA;AACV,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAA;AAErD,eAAO,MAAM,KAAK,6BAA8B,CAAA;AAChD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8GA+BlB,CAAA;AAkEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,MAAM,0EA4GjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGzD,OAAO,EAA0B,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE5E;;GAEG;AACH,eAAO,MAAM,QAAQ,4EAOX,CAAA;AAEV;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAA;AAErD;;GAEG;AACH,eAAO,MAAM,KAAK,6BAA8B,CAAA;AAEhD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8GA+BlB,CAAA;AAkEF;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,0EA4GjB,CAAA"}

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

@@ -0,0 +1,5 @@
+import React from "react";
+import { type F0BadgeProps } from "./F0Badge.types";
+declare const F0Badge: React.NamedExoticComponent<F0BadgeProps>;
+export { F0Badge };
+//# sourceMappingURL=F0Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"F0Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/F0Badge/F0Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAExE,QAAA,MAAM,OAAO,0CAYX,CAAA;AAIF,OAAO,EAAE,OAAO,EAAE,CAAA"}

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

@@ -0,0 +1,57 @@
+export declare const badgeVariantClasses: {
+    readonly neutral: "bg-transparent text-f0-icon";
+    readonly highlight: "text-f0-special-highlight";
+    readonly positive: "bg-f0-background-positive-bold text-f0-foreground-inverse";
+    readonly critical: "bg-f0-icon-critical text-f0-foreground-inverse";
+    readonly warning: "bg-f0-background-warning-bold text-f0-foreground-inverse";
+};
+export declare const badgeSizeClasses: {
+    readonly xs: "h-2.5 w-2.5";
+    readonly sm: "h-3 w-3";
+    readonly md: "h-5 w-5";
+    readonly lg: "h-6 w-6";
+};
+export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        readonly neutral: "bg-transparent text-f0-icon";
+        readonly highlight: "text-f0-special-highlight";
+        readonly positive: "bg-f0-background-positive-bold text-f0-foreground-inverse";
+        readonly critical: "bg-f0-icon-critical text-f0-foreground-inverse";
+        readonly warning: "bg-f0-background-warning-bold text-f0-foreground-inverse";
+    };
+    size: {
+        readonly xs: "h-2.5 w-2.5";
+        readonly sm: "h-3 w-3";
+        readonly md: "h-5 w-5";
+        readonly lg: "h-6 w-6";
+    };
+}, undefined, "flex shrink-0 items-center justify-center rounded-full", {
+    variant: {
+        readonly neutral: "bg-transparent text-f0-icon";
+        readonly highlight: "text-f0-special-highlight";
+        readonly positive: "bg-f0-background-positive-bold text-f0-foreground-inverse";
+        readonly critical: "bg-f0-icon-critical text-f0-foreground-inverse";
+        readonly warning: "bg-f0-background-warning-bold text-f0-foreground-inverse";
+    };
+    size: {
+        readonly xs: "h-2.5 w-2.5";
+        readonly sm: "h-3 w-3";
+        readonly md: "h-5 w-5";
+        readonly lg: "h-6 w-6";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        readonly neutral: "bg-transparent text-f0-icon";
+        readonly highlight: "text-f0-special-highlight";
+        readonly positive: "bg-f0-background-positive-bold text-f0-foreground-inverse";
+        readonly critical: "bg-f0-icon-critical text-f0-foreground-inverse";
+        readonly warning: "bg-f0-background-warning-bold text-f0-foreground-inverse";
+    };
+    size: {
+        readonly xs: "h-2.5 w-2.5";
+        readonly sm: "h-3 w-3";
+        readonly md: "h-5 w-5";
+        readonly lg: "h-6 w-6";
+    };
+}, undefined, "flex shrink-0 items-center justify-center rounded-full", unknown, unknown, undefined>>;
+//# sourceMappingURL=F0Badge.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"F0Badge.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/F0Badge/F0Badge.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;;CAMtB,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAA;AAEV,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qGAUxB,CAAA"}

package/lib/typescript/components/F0Badge/F0Badge.types.d.ts

@@ -0,0 +1,19 @@
+import type { VariantProps } from "tailwind-variants";
+import type { IconType } from "../primitives/F0Icon";
+import { badgeSizeClasses, badgeVariantClasses, type badgeVariants } from "./F0Badge.styles";
+export type F0BadgeVariant = keyof typeof badgeVariantClasses;
+export declare const F0_BADGE_VARIANTS: ReadonlyArray<F0BadgeVariant>;
+export type F0BadgeSize = keyof typeof badgeSizeClasses;
+export declare const F0_BADGE_SIZES: ReadonlyArray<F0BadgeSize>;
+export declare const F0_BADGE_ICON_SIZES: {
+    readonly xs: "xs";
+    readonly sm: "xs";
+    readonly md: "sm";
+    readonly lg: "md";
+};
+export interface F0BadgeProps extends VariantProps<typeof badgeVariants> {
+    icon: IconType;
+    variant?: F0BadgeVariant;
+    size?: F0BadgeSize;
+}
+//# sourceMappingURL=F0Badge.types.d.ts.map

package/lib/typescript/components/F0Badge/F0Badge.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"F0Badge.types.d.ts","sourceRoot":"","sources":["../../../../src/components/F0Badge/F0Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEpD,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,aAAa,EACnB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,mBAAmB,CAAA;AAE7D,eAAO,MAAM,iBAAiB,EAEzB,aAAa,CAAC,cAAc,CAAC,CAAA;AAElC,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,gBAAgB,CAAA;AAEvD,eAAO,MAAM,cAAc,EAEtB,aAAa,CAAC,WAAW,CAAC,CAAA;AAE/B,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAA;AAEV,MAAM,WAAW,YAAa,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IACtE,IAAI,EAAE,QAAQ,CAAA;IACd,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB"}

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

@@ -0,0 +1,4 @@
+export { F0Badge } from "./F0Badge";
+export { F0_BADGE_SIZES, F0_BADGE_VARIANTS, F0_BADGE_ICON_SIZES, } from "./F0Badge.types";
+export type { F0BadgeProps, F0BadgeSize, F0BadgeVariant } from "./F0Badge.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/F0Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,iBAAiB,CAAA;AACxB,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA"}

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

@@ -0,0 +1,6 @@
+import React from "react";
+import { View } from "react-native";
+import { type F0ButtonProps } from "./F0Button.types";
+declare const F0Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<F0ButtonProps & React.RefAttributes<View>>>;
+export { F0Button };
+//# sourceMappingURL=F0Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"F0Button.d.ts","sourceRoot":"","sources":["../../../../src/components/F0Button/F0Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAwBnC,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,kBAAkB,CAAA;AAEzB,QAAA,MAAM,QAAQ,uGA2Lb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -0,0 +1,161 @@
+import type { IconColor } from "../primitives/F0Icon";
+import type { TextColor } from "../primitives/F0Text";
+import type { ButtonVariant } from "./F0Button.types";
+export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        neutral: string;
+        critical: string;
+        ghost: string;
+        promote: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+    round: {
+        true: string;
+        false: string;
+    };
+}, undefined, "flex-row items-center justify-center rounded border-none grow-0", {
+    variant: {
+        default: string;
+        outline: string;
+        neutral: string;
+        critical: string;
+        ghost: string;
+        promote: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+    round: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        neutral: string;
+        critical: string;
+        ghost: string;
+        promote: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+    round: {
+        true: string;
+        false: string;
+    };
+}, undefined, "flex-row items-center justify-center rounded border-none grow-0", unknown, unknown, undefined>>;
+export declare const pressedVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        neutral: string;
+        critical: string;
+        ghost: string;
+        promote: string;
+    };
+}, undefined, "", {
+    variant: {
+        default: string;
+        outline: string;
+        neutral: string;
+        critical: string;
+        ghost: string;
+        promote: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        neutral: string;
+        critical: string;
+        ghost: string;
+        promote: string;
+    };
+}, undefined, "", unknown, unknown, undefined>>;
+export declare const loadingContentVariants: import("tailwind-variants").TVReturnType<{
+    loading: {
+        true: string;
+        false: string;
+    };
+}, undefined, undefined, {
+    loading: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    loading: {
+        true: string;
+        false: string;
+    };
+}, undefined, undefined, unknown, unknown, undefined>>;
+export declare const loadingIndicatorVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        neutral: string;
+        critical: string;
+        ghost: string;
+        promote: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "rounded-full border-solid border-t-transparent", {
+    variant: {
+        default: string;
+        outline: string;
+        neutral: string;
+        critical: string;
+        ghost: string;
+        promote: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        neutral: string;
+        critical: string;
+        ghost: string;
+        promote: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "rounded-full border-solid border-t-transparent", unknown, unknown, undefined>>;
+export declare const getIconColor: (variant: ButtonVariant, isPressed: boolean) => IconColor;
+export declare const getIconOnlyColor: (variant: ButtonVariant, isPressed: boolean) => IconColor;
+export declare const getTextColor: (variant: ButtonVariant, isPressed: boolean) => TextColor;
+//# sourceMappingURL=F0Button.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"F0Button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/F0Button/F0Button.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAErD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8GA+BzB,CAAA;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAe1B,CAAA;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;sDAUjC,CAAA;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6FAqBnC,CAAA;AAEF,eAAO,MAAM,YAAY,GACvB,SAAS,aAAa,EACtB,WAAW,OAAO,KACjB,SASF,CAAA;AAED,eAAO,MAAM,gBAAgB,GAC3B,SAAS,aAAa,EACtB,WAAW,OAAO,KACjB,SAaF,CAAA;AAED,eAAO,MAAM,YAAY,GACvB,SAAS,aAAa,EACtB,WAAW,OAAO,KACjB,SAaF,CAAA"}

package/lib/typescript/components/F0Button/F0Button.types.d.ts

@@ -0,0 +1,47 @@
+import type { IconType } from "../primitives/F0Icon";
+import type { PressableFeedbackProps, PressableFeedbackVariant } from "../primitives/PressableFeedback";
+/**
+ * Button variant types
+ */
+export declare const BUTTON_VARIANTS: readonly ["default", "outline", "critical", "neutral", "ghost", "promote"];
+export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
+export type F0ButtonVariant = ButtonVariant;
+/**
+ * Button size types
+ */
+export declare const BUTTON_SIZES: readonly ["sm", "md", "lg"];
+export type ButtonSize = (typeof BUTTON_SIZES)[number];
+export type F0ButtonSize = ButtonSize;
+/**
+ * Props that are controlled by F0Button and must not be passed through.
+ * This preserves F0Button press-state behavior and accessibility contract.
+ */
+declare const F0_BUTTON_CONTROLLED_PASSTHROUGH_PROPS: readonly ["onPressIn", "onPressOut", "accessibilityLabel", "accessibilityRole", "accessibilityState"];
+export declare const F0_BUTTON_BANNED_PROPS: readonly ["style", "className"];
+export declare const F0_BUTTON_BLOCKED_FORWARD_PROPS: readonly ["onPressIn", "onPressOut", "accessibilityLabel", "accessibilityRole", "accessibilityState", "style", "className"];
+interface F0ButtonPropsInternal extends Omit<PressableFeedbackProps, "children" | "variant" | "disabled" | (typeof F0_BUTTON_CONTROLLED_PASSTHROUGH_PROPS)[number]> {
+    label: string;
+    onPress?: () => void | Promise<unknown>;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: IconType;
+    emoji?: string;
+    hideLabel?: boolean;
+    round?: boolean;
+    showBadge?: boolean;
+    fullWidth?: boolean;
+    accessibilityHint?: string;
+    testID?: string;
+    feedback?: PressableFeedbackVariant;
+}
+/**
+ * Public props for the F0Button component.
+ *
+ * Note: `className` and `style` props are NOT available.
+ * Use semantic props (variant, size, etc.) for styling.
+ */
+export type F0ButtonProps = Omit<F0ButtonPropsInternal, (typeof F0_BUTTON_BANNED_PROPS)[number]>;
+export {};
+//# sourceMappingURL=F0Button.types.d.ts.map

package/lib/typescript/components/F0Button/F0Button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"F0Button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/F0Button/F0Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,KAAK,EACV,sBAAsB,EACtB,wBAAwB,EACzB,MAAM,iCAAiC,CAAA;AAExC;;GAEG;AACH,eAAO,MAAM,eAAe,4EAOlB,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAC5D,MAAM,MAAM,eAAe,GAAG,aAAa,CAAA;AAE3C;;GAEG;AACH,eAAO,MAAM,YAAY,6BAA8B,CAAA;AAEvD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;AACtD,MAAM,MAAM,YAAY,GAAG,UAAU,CAAA;AAErC;;;GAGG;AACH,QAAA,MAAM,sCAAsC,uGAMlC,CAAA;AAEV,eAAO,MAAM,sBAAsB,iCAAkC,CAAA;AAErE,eAAO,MAAM,+BAA+B,6HAGlC,CAAA;AAEV,UAAU,qBAAsB,SAAQ,IAAI,CAC1C,sBAAsB,EACpB,UAAU,GACV,SAAS,GACT,UAAU,GACV,CAAC,OAAO,sCAAsC,CAAC,CAAC,MAAM,CAAC,CAC1D;IACC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;IACvC,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,wBAAwB,CAAA;CACpC;AAED;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,qBAAqB,EACrB,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CACxC,CAAA"}

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

@@ -0,0 +1,4 @@
+export { F0Button } from "./F0Button";
+export { BUTTON_VARIANTS, BUTTON_SIZES } from "./F0Button.types";
+export type { F0ButtonProps, F0ButtonVariant, F0ButtonSize, } from "./F0Button.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/F0Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAChE,YAAY,EACV,aAAa,EACb,eAAe,EACf,YAAY,GACb,MAAM,kBAAkB,CAAA"}

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

@@ -27,6 +27,11 @@ declare const iconVariants: import("tailwind-variants").TVReturnType<{
         xs: string;
     };
 }, undefined, "shrink-0", unknown, unknown, undefined>>;
+/**
+ * @deprecated Use `F0IconProps` from `../primitives/F0Icon` instead.
+ * Migration: Replace `IconProps` with `F0IconProps`.
+ * `F0Icon` supports `icon`, `size`, `testID`, and `className`, and adds semantic `color` variants.
+ */
 export interface IconProps extends SvgProps, VariantProps<typeof iconVariants> {
     icon: IconType;
     testID?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGzD,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtE,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;uDAchB,CAAA;AAEF,MAAM,WAAW,SAAU,SAAQ,QAAQ,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IAC5E,IAAI,EAAE,QAAQ,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,uEAiBf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGzD,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtE,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;uDAchB,CAAA;AAEF;;;;GAIG;AACH,MAAM,WAAW,SAAU,SAAQ,QAAQ,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IAC5E,IAAI,EAAE,QAAQ,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,uEAiBf,CAAA"}

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

@@ -2,6 +2,8 @@ export * from "./Activity/ActivityItem";
 export * from "./Avatars/exports";
 export * from "./Badge";
 export * from "./Button";
+export * from "./F0Button";
+export * from "./F0Badge";
 export * from "./Counter";
 export * from "./ExampleComponent";
 export { Icon, type IconProps } from "./Icon";

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

@@ -1 +1 @@
-{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../src/components/exports.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kCAAkC,CAAA;AAChD,cAAc,uCAAuC,CAAA;AAGrD,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA"}
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../src/components/exports.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kCAAkC,CAAA;AAChD,cAAc,uCAAuC,CAAA;AAGrD,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react-native",
-  "version": "0.33.0",
+  "version": "0.35.0",
   "type": "module",
   "description": "React Native components for F0 Design System",
   "main": "expo-router/entry",

package/src/components/Badge/__tests__/index.spec.tsx

@@ -0,0 +1,29 @@
+import { render } from "@testing-library/react-native"
+import React from "react"
+
+import { Add } from "../../../icons/app"
+import { Badge } from "../index"
+
+const getClassName = (
+  json: ReturnType<ReturnType<typeof render>["toJSON"]>
+) => {
+  if (!json || Array.isArray(json)) return ""
+  return String(json.props.className ?? "")
+}
+
+describe("Badge (deprecated wrapper)", () => {
+  it("renders by delegating to F0Badge", () => {
+    const { toJSON } = render(<Badge icon={Add} />)
+    expect(toJSON()).toBeTruthy()
+  })
+
+  it("maps `type` to F0Badge `variant`", () => {
+    const { toJSON } = render(<Badge icon={Add} type="critical" />)
+    expect(getClassName(toJSON())).toContain("bg-f0-icon-critical")
+  })
+
+  it("preserves size mapping contract", () => {
+    const { toJSON } = render(<Badge icon={Add} size="lg" />)
+    expect(getClassName(toJSON())).toContain("stroke-md")
+  })
+})

package/src/components/Badge/index.tsx

@@ -1,48 +1,46 @@
-import { tv, type VariantProps } from "tailwind-variants"
+import { F0Badge } from "../F0Badge"
+import type { IconType } from "../primitives/F0Icon"
 
-import { F0Icon, type IconType } from "../primitives/F0Icon"
+/**
+ * @deprecated Use `F0_BADGE_VARIANTS` from `../F0Badge` instead.
+ */
+export const BADGE_TYPES = [
+  "neutral",
+  "highlight",
+  "positive",
+  "critical",
+  "warning",
+] as const
 
-const badgeVariants = tv({
-  base: "flex shrink-0 items-center justify-center rounded-full",
-  variants: {
-    type: {
-      neutral: "bg-transparent text-f0-icon",
-      highlight: "text-f0-special-highlight",
-      positive: "bg-f0-background-positive-bold text-f0-foreground-inverse",
-      critical: "bg-f0-icon-critical text-f0-foreground-inverse",
-      warning: "bg-f0-background-warning-bold text-f0-foreground-inverse",
-    },
-    size: {
-      xs: "h-2.5 w-2.5",
-      sm: "h-3 w-3",
-      md: "h-5 w-5",
-      lg: "h-6 w-6",
-    },
-  },
-  defaultVariants: {
-    type: "neutral",
-    size: "md",
-  },
-})
+/**
+ * @deprecated Use `F0BadgeVariant` from `../F0Badge` instead.
+ */
+export type BadgeType = (typeof BADGE_TYPES)[number]
 
-const iconSizes = {
-  xs: "xs",
-  sm: "xs",
-  md: "sm",
-  lg: "md",
-} as const
+/**
+ * @deprecated Use `F0BadgeSize` from `../F0Badge` instead.
+ */
+export const BADGE_SIZES = ["xs", "sm", "md", "lg"] as const
 
-export interface BadgeProps extends VariantProps<typeof badgeVariants> {
+/**
+ * @deprecated Use `F0BadgeSize` from `../F0Badge` instead.
+ */
+export type BadgeSize = (typeof BADGE_SIZES)[number]
+
+/**
+ * @deprecated Use `F0BadgeProps` from `../F0Badge` instead.
+ * Migration: replace `type` with `variant`.
+ */
+export interface BadgeProps {
   icon: IconType
-  size?: keyof typeof iconSizes
+  type?: BadgeType
+  size?: BadgeSize
 }
 
-export const Badge = ({ type, size = "md", icon }: BadgeProps) => {
-  return (
-    <F0Icon
-      className={badgeVariants({ type, size })}
-      icon={icon}
-      size={iconSizes[size]}
-    />
-  )
+/**
+ * @deprecated Use `F0Badge` from `../F0Badge` instead.
+ * Migration: replace `type` with `variant`.
+ */
+export const Badge = ({ type = "neutral", size = "md", icon }: BadgeProps) => {
+  return <F0Badge icon={icon} variant={type} size={size} />
 }

package/src/components/Button/__snapshots__/index.spec.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`Button Snapshot - critical variant 1`] = `
 <View
-  className="flex item-start"
+  className="flex items-start"
 >
   <View
     accessibilityLabel="Test Button"
@@ -49,7 +49,7 @@ exports[`Button Snapshot - critical variant 1`] = `
 
 exports[`Button Snapshot - default button 1`] = `
 <View
-  className="flex item-start"
+  className="flex items-start"
 >
   <View
     accessibilityLabel="Test Button"
@@ -96,7 +96,7 @@ exports[`Button Snapshot - default button 1`] = `
 
 exports[`Button Snapshot - different sizes 1`] = `
 <View
-  className="flex item-start"
+  className="flex items-start"
 >
   <View
     accessibilityLabel="Test Button"
@@ -143,7 +143,7 @@ exports[`Button Snapshot - different sizes 1`] = `
 
 exports[`Button Snapshot - different sizes 2`] = `
 <View
-  className="flex item-start"
+  className="flex items-start"
 >
   <View
     accessibilityLabel="Test Button"
@@ -190,7 +190,7 @@ exports[`Button Snapshot - different sizes 2`] = `
 
 exports[`Button Snapshot - different sizes 3`] = `
 <View
-  className="flex item-start"
+  className="flex items-start"
 >
   <View
     accessibilityLabel="Test Button"
@@ -237,7 +237,7 @@ exports[`Button Snapshot - different sizes 3`] = `
 
 exports[`Button Snapshot - disabled state 1`] = `
 <View
-  className="flex item-start"
+  className="flex items-start"
 >
   <View
     accessibilityLabel="Test Button, disabled"
@@ -284,7 +284,7 @@ exports[`Button Snapshot - disabled state 1`] = `
 
 exports[`Button Snapshot - loading state 1`] = `
 <View
-  className="flex item-start"
+  className="flex items-start"
 >
   <View
     accessibilityLabel="Test Button, disabled, loading"
@@ -331,7 +331,7 @@ exports[`Button Snapshot - loading state 1`] = `
 
 exports[`Button Snapshot - outline variant 1`] = `
 <View
-  className="flex item-start"
+  className="flex items-start"
 >
   <View
     accessibilityLabel="Test Button"
@@ -378,7 +378,7 @@ exports[`Button Snapshot - outline variant 1`] = `
 
 exports[`Button Snapshot - round button with hidden label 1`] = `
 <View
-  className="flex item-start"
+  className="flex items-start"
 >
   <View
     accessibilityLabel="Test Button"
@@ -419,7 +419,7 @@ exports[`Button Snapshot - round button with hidden label 1`] = `
 
 exports[`Button Snapshot - with emoji 1`] = `
 <View
-  className="flex item-start"
+  className="flex items-start"
 >
   <View
     accessibilityLabel="Test Button"
@@ -471,7 +471,7 @@ exports[`Button Snapshot - with emoji 1`] = `
 
 exports[`Button Snapshot - with icon 1`] = `
 <View
-  className="flex item-start"
+  className="flex items-start"
 >
   <View
     accessibilityLabel="Test Button"