@jamadd/react-native-template-ui 0.2.1 → 0.2.3

package/lib/typescript/module/src/components/view/Box.d.ts

@@ -1,2045 +0,0 @@
-declare const Box: import("react").ForwardRefExoticComponent<import("@shopify/restyle").BackgroundColorProps<{
-    colors: {
-        transparent: import("../..").Palette;
-        themePri: import("../..").Palette;
-        themeSec: import("../..").Palette;
-        themePriT: import("../..").Palette;
-        background: import("../..").Palette;
-        backgroundOverlay: import("../..").Palette;
-        text: import("../..").Palette;
-        textOverlay: import("../..").Palette;
-        textButton: import("../..").Palette;
-        border: import("../..").Palette;
-        separator: import("../..").Palette;
-        err: import("../..").Palette;
-    };
-    spacing: {
-        none: import("../..").Spacing;
-        xxxs: import("../..").Spacing;
-        xxs: import("../..").Spacing;
-        xs: import("../..").Spacing;
-        s: import("../..").Spacing;
-        m: import("../..").Spacing;
-        l: import("../..").Spacing;
-        xl: import("../..").Spacing;
-        xxl: import("../..").Spacing;
-        xxxl: import("../..").Spacing;
-    };
-    breakpoints: {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    };
-    zIndices: {
-        bottom: import("../..").ZIndex;
-        middle: import("../..").ZIndex;
-        top: import("../..").ZIndex;
-    };
-    borderRadii: {
-        s: import("../..").BorderRadius;
-        m: import("../..").BorderRadius;
-        l: import("../..").BorderRadius;
-        round: import("../..").BorderRadius;
-    };
-    textVariants: {
-        textXSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textMBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        defaults: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textM: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-    };
-}> & import("@shopify/restyle").OpacityProps<{
-    colors: {
-        transparent: import("../..").Palette;
-        themePri: import("../..").Palette;
-        themeSec: import("../..").Palette;
-        themePriT: import("../..").Palette;
-        background: import("../..").Palette;
-        backgroundOverlay: import("../..").Palette;
-        text: import("../..").Palette;
-        textOverlay: import("../..").Palette;
-        textButton: import("../..").Palette;
-        border: import("../..").Palette;
-        separator: import("../..").Palette;
-        err: import("../..").Palette;
-    };
-    spacing: {
-        none: import("../..").Spacing;
-        xxxs: import("../..").Spacing;
-        xxs: import("../..").Spacing;
-        xs: import("../..").Spacing;
-        s: import("../..").Spacing;
-        m: import("../..").Spacing;
-        l: import("../..").Spacing;
-        xl: import("../..").Spacing;
-        xxl: import("../..").Spacing;
-        xxxl: import("../..").Spacing;
-    };
-    breakpoints: {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    };
-    zIndices: {
-        bottom: import("../..").ZIndex;
-        middle: import("../..").ZIndex;
-        top: import("../..").ZIndex;
-    };
-    borderRadii: {
-        s: import("../..").BorderRadius;
-        m: import("../..").BorderRadius;
-        l: import("../..").BorderRadius;
-        round: import("../..").BorderRadius;
-    };
-    textVariants: {
-        textXSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textMBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        defaults: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textM: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-    };
-}> & import("@shopify/restyle").VisibleProps<{
-    colors: {
-        transparent: import("../..").Palette;
-        themePri: import("../..").Palette;
-        themeSec: import("../..").Palette;
-        themePriT: import("../..").Palette;
-        background: import("../..").Palette;
-        backgroundOverlay: import("../..").Palette;
-        text: import("../..").Palette;
-        textOverlay: import("../..").Palette;
-        textButton: import("../..").Palette;
-        border: import("../..").Palette;
-        separator: import("../..").Palette;
-        err: import("../..").Palette;
-    };
-    spacing: {
-        none: import("../..").Spacing;
-        xxxs: import("../..").Spacing;
-        xxs: import("../..").Spacing;
-        xs: import("../..").Spacing;
-        s: import("../..").Spacing;
-        m: import("../..").Spacing;
-        l: import("../..").Spacing;
-        xl: import("../..").Spacing;
-        xxl: import("../..").Spacing;
-        xxxl: import("../..").Spacing;
-    };
-    breakpoints: {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    };
-    zIndices: {
-        bottom: import("../..").ZIndex;
-        middle: import("../..").ZIndex;
-        top: import("../..").ZIndex;
-    };
-    borderRadii: {
-        s: import("../..").BorderRadius;
-        m: import("../..").BorderRadius;
-        l: import("../..").BorderRadius;
-        round: import("../..").BorderRadius;
-    };
-    textVariants: {
-        textXSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textMBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        defaults: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textM: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-    };
-}> & import("@shopify/restyle").LayoutProps<{
-    colors: {
-        transparent: import("../..").Palette;
-        themePri: import("../..").Palette;
-        themeSec: import("../..").Palette;
-        themePriT: import("../..").Palette;
-        background: import("../..").Palette;
-        backgroundOverlay: import("../..").Palette;
-        text: import("../..").Palette;
-        textOverlay: import("../..").Palette;
-        textButton: import("../..").Palette;
-        border: import("../..").Palette;
-        separator: import("../..").Palette;
-        err: import("../..").Palette;
-    };
-    spacing: {
-        none: import("../..").Spacing;
-        xxxs: import("../..").Spacing;
-        xxs: import("../..").Spacing;
-        xs: import("../..").Spacing;
-        s: import("../..").Spacing;
-        m: import("../..").Spacing;
-        l: import("../..").Spacing;
-        xl: import("../..").Spacing;
-        xxl: import("../..").Spacing;
-        xxxl: import("../..").Spacing;
-    };
-    breakpoints: {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    };
-    zIndices: {
-        bottom: import("../..").ZIndex;
-        middle: import("../..").ZIndex;
-        top: import("../..").ZIndex;
-    };
-    borderRadii: {
-        s: import("../..").BorderRadius;
-        m: import("../..").BorderRadius;
-        l: import("../..").BorderRadius;
-        round: import("../..").BorderRadius;
-    };
-    textVariants: {
-        textXSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textMBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        defaults: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textM: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-    };
-}> & import("@shopify/restyle").SpacingProps<{
-    colors: {
-        transparent: import("../..").Palette;
-        themePri: import("../..").Palette;
-        themeSec: import("../..").Palette;
-        themePriT: import("../..").Palette;
-        background: import("../..").Palette;
-        backgroundOverlay: import("../..").Palette;
-        text: import("../..").Palette;
-        textOverlay: import("../..").Palette;
-        textButton: import("../..").Palette;
-        border: import("../..").Palette;
-        separator: import("../..").Palette;
-        err: import("../..").Palette;
-    };
-    spacing: {
-        none: import("../..").Spacing;
-        xxxs: import("../..").Spacing;
-        xxs: import("../..").Spacing;
-        xs: import("../..").Spacing;
-        s: import("../..").Spacing;
-        m: import("../..").Spacing;
-        l: import("../..").Spacing;
-        xl: import("../..").Spacing;
-        xxl: import("../..").Spacing;
-        xxxl: import("../..").Spacing;
-    };
-    breakpoints: {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    };
-    zIndices: {
-        bottom: import("../..").ZIndex;
-        middle: import("../..").ZIndex;
-        top: import("../..").ZIndex;
-    };
-    borderRadii: {
-        s: import("../..").BorderRadius;
-        m: import("../..").BorderRadius;
-        l: import("../..").BorderRadius;
-        round: import("../..").BorderRadius;
-    };
-    textVariants: {
-        textXSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textMBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        defaults: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textM: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-    };
-}> & {
-    borderBottomWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    borderLeftWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    borderRightWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    borderTopWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    borderStartWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    borderEndWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    borderWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-} & {
-    borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-} & {
-    borderRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-    borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-} & {
-    shadowOpacity?: import("@shopify/restyle").ResponsiveValue<import("react-native").AnimatableNumericValue | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    shadowOffset?: import("@shopify/restyle").ResponsiveValue<Readonly<{
-        width: number;
-        height: number;
-    }> | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    shadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    elevation?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-} & {
-    shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-} & {
-    position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | "static" | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    top?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    right?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    bottom?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    left?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    start?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-    end?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }>;
-} & {
-    zIndex?: import("@shopify/restyle").ResponsiveValue<"bottom" | "middle" | "top", {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    }> | undefined;
-} & import("@shopify/restyle").SpacingShorthandProps<{
-    colors: {
-        transparent: import("../..").Palette;
-        themePri: import("../..").Palette;
-        themeSec: import("../..").Palette;
-        themePriT: import("../..").Palette;
-        background: import("../..").Palette;
-        backgroundOverlay: import("../..").Palette;
-        text: import("../..").Palette;
-        textOverlay: import("../..").Palette;
-        textButton: import("../..").Palette;
-        border: import("../..").Palette;
-        separator: import("../..").Palette;
-        err: import("../..").Palette;
-    };
-    spacing: {
-        none: import("../..").Spacing;
-        xxxs: import("../..").Spacing;
-        xxs: import("../..").Spacing;
-        xs: import("../..").Spacing;
-        s: import("../..").Spacing;
-        m: import("../..").Spacing;
-        l: import("../..").Spacing;
-        xl: import("../..").Spacing;
-        xxl: import("../..").Spacing;
-        xxxl: import("../..").Spacing;
-    };
-    breakpoints: {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    };
-    zIndices: {
-        bottom: import("../..").ZIndex;
-        middle: import("../..").ZIndex;
-        top: import("../..").ZIndex;
-    };
-    borderRadii: {
-        s: import("../..").BorderRadius;
-        m: import("../..").BorderRadius;
-        l: import("../..").BorderRadius;
-        round: import("../..").BorderRadius;
-    };
-    textVariants: {
-        textXSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textMBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        defaults: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textM: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-    };
-}> & import("@shopify/restyle").BackgroundColorShorthandProps<{
-    colors: {
-        transparent: import("../..").Palette;
-        themePri: import("../..").Palette;
-        themeSec: import("../..").Palette;
-        themePriT: import("../..").Palette;
-        background: import("../..").Palette;
-        backgroundOverlay: import("../..").Palette;
-        text: import("../..").Palette;
-        textOverlay: import("../..").Palette;
-        textButton: import("../..").Palette;
-        border: import("../..").Palette;
-        separator: import("../..").Palette;
-        err: import("../..").Palette;
-    };
-    spacing: {
-        none: import("../..").Spacing;
-        xxxs: import("../..").Spacing;
-        xxs: import("../..").Spacing;
-        xs: import("../..").Spacing;
-        s: import("../..").Spacing;
-        m: import("../..").Spacing;
-        l: import("../..").Spacing;
-        xl: import("../..").Spacing;
-        xxl: import("../..").Spacing;
-        xxxl: import("../..").Spacing;
-    };
-    breakpoints: {
-        smallPhone: number;
-        phone: number;
-        smallTablet: number;
-        tablet: number;
-        desktop: number;
-    };
-    zIndices: {
-        bottom: import("../..").ZIndex;
-        middle: import("../..").ZIndex;
-        top: import("../..").ZIndex;
-    };
-    borderRadii: {
-        s: import("../..").BorderRadius;
-        m: import("../..").BorderRadius;
-        l: import("../..").BorderRadius;
-        round: import("../..").BorderRadius;
-    };
-    textVariants: {
-        textXSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textSBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textMBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXLBold: {
-            fontWeight: string;
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        defaults: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textS: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textM: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-        textXL: {
-            fontSize: import("../..").FontSize;
-            lineHeight: import("../..").FontLineHeight;
-            color: string;
-        };
-    };
-}> & Omit<import("react-native").ViewProps & {
-    children?: React.ReactNode;
-}, "m" | "bottom" | "top" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "shadowOpacity" | "shadowOffset" | "shadowRadius" | "elevation" | "position" | "right" | "left" | "start" | "end" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "backgroundColor" | "bg" | "zIndex" | "opacity" | "visible" | "shadowColor"> & import("react").RefAttributes<unknown>> & {
-    defaultProps?: Partial<import("@shopify/restyle").BackgroundColorProps<{
-        colors: {
-            transparent: import("../..").Palette;
-            themePri: import("../..").Palette;
-            themeSec: import("../..").Palette;
-            themePriT: import("../..").Palette;
-            background: import("../..").Palette;
-            backgroundOverlay: import("../..").Palette;
-            text: import("../..").Palette;
-            textOverlay: import("../..").Palette;
-            textButton: import("../..").Palette;
-            border: import("../..").Palette;
-            separator: import("../..").Palette;
-            err: import("../..").Palette;
-        };
-        spacing: {
-            none: import("../..").Spacing;
-            xxxs: import("../..").Spacing;
-            xxs: import("../..").Spacing;
-            xs: import("../..").Spacing;
-            s: import("../..").Spacing;
-            m: import("../..").Spacing;
-            l: import("../..").Spacing;
-            xl: import("../..").Spacing;
-            xxl: import("../..").Spacing;
-            xxxl: import("../..").Spacing;
-        };
-        breakpoints: {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        };
-        zIndices: {
-            bottom: import("../..").ZIndex;
-            middle: import("../..").ZIndex;
-            top: import("../..").ZIndex;
-        };
-        borderRadii: {
-            s: import("../..").BorderRadius;
-            m: import("../..").BorderRadius;
-            l: import("../..").BorderRadius;
-            round: import("../..").BorderRadius;
-        };
-        textVariants: {
-            textXSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textMBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            defaults: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textM: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-        };
-    }> & import("@shopify/restyle").OpacityProps<{
-        colors: {
-            transparent: import("../..").Palette;
-            themePri: import("../..").Palette;
-            themeSec: import("../..").Palette;
-            themePriT: import("../..").Palette;
-            background: import("../..").Palette;
-            backgroundOverlay: import("../..").Palette;
-            text: import("../..").Palette;
-            textOverlay: import("../..").Palette;
-            textButton: import("../..").Palette;
-            border: import("../..").Palette;
-            separator: import("../..").Palette;
-            err: import("../..").Palette;
-        };
-        spacing: {
-            none: import("../..").Spacing;
-            xxxs: import("../..").Spacing;
-            xxs: import("../..").Spacing;
-            xs: import("../..").Spacing;
-            s: import("../..").Spacing;
-            m: import("../..").Spacing;
-            l: import("../..").Spacing;
-            xl: import("../..").Spacing;
-            xxl: import("../..").Spacing;
-            xxxl: import("../..").Spacing;
-        };
-        breakpoints: {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        };
-        zIndices: {
-            bottom: import("../..").ZIndex;
-            middle: import("../..").ZIndex;
-            top: import("../..").ZIndex;
-        };
-        borderRadii: {
-            s: import("../..").BorderRadius;
-            m: import("../..").BorderRadius;
-            l: import("../..").BorderRadius;
-            round: import("../..").BorderRadius;
-        };
-        textVariants: {
-            textXSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textMBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            defaults: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textM: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-        };
-    }> & import("@shopify/restyle").VisibleProps<{
-        colors: {
-            transparent: import("../..").Palette;
-            themePri: import("../..").Palette;
-            themeSec: import("../..").Palette;
-            themePriT: import("../..").Palette;
-            background: import("../..").Palette;
-            backgroundOverlay: import("../..").Palette;
-            text: import("../..").Palette;
-            textOverlay: import("../..").Palette;
-            textButton: import("../..").Palette;
-            border: import("../..").Palette;
-            separator: import("../..").Palette;
-            err: import("../..").Palette;
-        };
-        spacing: {
-            none: import("../..").Spacing;
-            xxxs: import("../..").Spacing;
-            xxs: import("../..").Spacing;
-            xs: import("../..").Spacing;
-            s: import("../..").Spacing;
-            m: import("../..").Spacing;
-            l: import("../..").Spacing;
-            xl: import("../..").Spacing;
-            xxl: import("../..").Spacing;
-            xxxl: import("../..").Spacing;
-        };
-        breakpoints: {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        };
-        zIndices: {
-            bottom: import("../..").ZIndex;
-            middle: import("../..").ZIndex;
-            top: import("../..").ZIndex;
-        };
-        borderRadii: {
-            s: import("../..").BorderRadius;
-            m: import("../..").BorderRadius;
-            l: import("../..").BorderRadius;
-            round: import("../..").BorderRadius;
-        };
-        textVariants: {
-            textXSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textMBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            defaults: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textM: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-        };
-    }> & import("@shopify/restyle").LayoutProps<{
-        colors: {
-            transparent: import("../..").Palette;
-            themePri: import("../..").Palette;
-            themeSec: import("../..").Palette;
-            themePriT: import("../..").Palette;
-            background: import("../..").Palette;
-            backgroundOverlay: import("../..").Palette;
-            text: import("../..").Palette;
-            textOverlay: import("../..").Palette;
-            textButton: import("../..").Palette;
-            border: import("../..").Palette;
-            separator: import("../..").Palette;
-            err: import("../..").Palette;
-        };
-        spacing: {
-            none: import("../..").Spacing;
-            xxxs: import("../..").Spacing;
-            xxs: import("../..").Spacing;
-            xs: import("../..").Spacing;
-            s: import("../..").Spacing;
-            m: import("../..").Spacing;
-            l: import("../..").Spacing;
-            xl: import("../..").Spacing;
-            xxl: import("../..").Spacing;
-            xxxl: import("../..").Spacing;
-        };
-        breakpoints: {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        };
-        zIndices: {
-            bottom: import("../..").ZIndex;
-            middle: import("../..").ZIndex;
-            top: import("../..").ZIndex;
-        };
-        borderRadii: {
-            s: import("../..").BorderRadius;
-            m: import("../..").BorderRadius;
-            l: import("../..").BorderRadius;
-            round: import("../..").BorderRadius;
-        };
-        textVariants: {
-            textXSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textMBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            defaults: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textM: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-        };
-    }> & import("@shopify/restyle").SpacingProps<{
-        colors: {
-            transparent: import("../..").Palette;
-            themePri: import("../..").Palette;
-            themeSec: import("../..").Palette;
-            themePriT: import("../..").Palette;
-            background: import("../..").Palette;
-            backgroundOverlay: import("../..").Palette;
-            text: import("../..").Palette;
-            textOverlay: import("../..").Palette;
-            textButton: import("../..").Palette;
-            border: import("../..").Palette;
-            separator: import("../..").Palette;
-            err: import("../..").Palette;
-        };
-        spacing: {
-            none: import("../..").Spacing;
-            xxxs: import("../..").Spacing;
-            xxs: import("../..").Spacing;
-            xs: import("../..").Spacing;
-            s: import("../..").Spacing;
-            m: import("../..").Spacing;
-            l: import("../..").Spacing;
-            xl: import("../..").Spacing;
-            xxl: import("../..").Spacing;
-            xxxl: import("../..").Spacing;
-        };
-        breakpoints: {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        };
-        zIndices: {
-            bottom: import("../..").ZIndex;
-            middle: import("../..").ZIndex;
-            top: import("../..").ZIndex;
-        };
-        borderRadii: {
-            s: import("../..").BorderRadius;
-            m: import("../..").BorderRadius;
-            l: import("../..").BorderRadius;
-            round: import("../..").BorderRadius;
-        };
-        textVariants: {
-            textXSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textMBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            defaults: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textM: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-        };
-    }> & {
-        borderBottomWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        borderLeftWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        borderRightWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        borderTopWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        borderStartWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        borderEndWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        borderWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-    } & {
-        borderColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderTopColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderRightColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderLeftColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderBottomColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderStartColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderEndColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-    } & {
-        borderRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-        borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue<"s" | "m" | "l" | "round", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-    } & {
-        shadowOpacity?: import("@shopify/restyle").ResponsiveValue<import("react-native").AnimatableNumericValue | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        shadowOffset?: import("@shopify/restyle").ResponsiveValue<Readonly<{
-            width: number;
-            height: number;
-        }> | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        shadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        elevation?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-    } & {
-        shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-    } & {
-        position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | "static" | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        top?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        right?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        bottom?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        left?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        start?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-        end?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }>;
-    } & {
-        zIndex?: import("@shopify/restyle").ResponsiveValue<"bottom" | "middle" | "top", {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        }> | undefined;
-    } & import("@shopify/restyle").SpacingShorthandProps<{
-        colors: {
-            transparent: import("../..").Palette;
-            themePri: import("../..").Palette;
-            themeSec: import("../..").Palette;
-            themePriT: import("../..").Palette;
-            background: import("../..").Palette;
-            backgroundOverlay: import("../..").Palette;
-            text: import("../..").Palette;
-            textOverlay: import("../..").Palette;
-            textButton: import("../..").Palette;
-            border: import("../..").Palette;
-            separator: import("../..").Palette;
-            err: import("../..").Palette;
-        };
-        spacing: {
-            none: import("../..").Spacing;
-            xxxs: import("../..").Spacing;
-            xxs: import("../..").Spacing;
-            xs: import("../..").Spacing;
-            s: import("../..").Spacing;
-            m: import("../..").Spacing;
-            l: import("../..").Spacing;
-            xl: import("../..").Spacing;
-            xxl: import("../..").Spacing;
-            xxxl: import("../..").Spacing;
-        };
-        breakpoints: {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        };
-        zIndices: {
-            bottom: import("../..").ZIndex;
-            middle: import("../..").ZIndex;
-            top: import("../..").ZIndex;
-        };
-        borderRadii: {
-            s: import("../..").BorderRadius;
-            m: import("../..").BorderRadius;
-            l: import("../..").BorderRadius;
-            round: import("../..").BorderRadius;
-        };
-        textVariants: {
-            textXSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textMBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            defaults: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textM: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-        };
-    }> & import("@shopify/restyle").BackgroundColorShorthandProps<{
-        colors: {
-            transparent: import("../..").Palette;
-            themePri: import("../..").Palette;
-            themeSec: import("../..").Palette;
-            themePriT: import("../..").Palette;
-            background: import("../..").Palette;
-            backgroundOverlay: import("../..").Palette;
-            text: import("../..").Palette;
-            textOverlay: import("../..").Palette;
-            textButton: import("../..").Palette;
-            border: import("../..").Palette;
-            separator: import("../..").Palette;
-            err: import("../..").Palette;
-        };
-        spacing: {
-            none: import("../..").Spacing;
-            xxxs: import("../..").Spacing;
-            xxs: import("../..").Spacing;
-            xs: import("../..").Spacing;
-            s: import("../..").Spacing;
-            m: import("../..").Spacing;
-            l: import("../..").Spacing;
-            xl: import("../..").Spacing;
-            xxl: import("../..").Spacing;
-            xxxl: import("../..").Spacing;
-        };
-        breakpoints: {
-            smallPhone: number;
-            phone: number;
-            smallTablet: number;
-            tablet: number;
-            desktop: number;
-        };
-        zIndices: {
-            bottom: import("../..").ZIndex;
-            middle: import("../..").ZIndex;
-            top: import("../..").ZIndex;
-        };
-        borderRadii: {
-            s: import("../..").BorderRadius;
-            m: import("../..").BorderRadius;
-            l: import("../..").BorderRadius;
-            round: import("../..").BorderRadius;
-        };
-        textVariants: {
-            textXSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textSBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textMBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXLBold: {
-                fontWeight: string;
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            defaults: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textS: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textM: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-            textXL: {
-                fontSize: import("../..").FontSize;
-                lineHeight: import("../..").FontLineHeight;
-                color: string;
-            };
-        };
-    }> & Omit<import("react-native").ViewProps & {
-        children?: React.ReactNode;
-    }, "m" | "bottom" | "top" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "shadowOpacity" | "shadowOffset" | "shadowRadius" | "elevation" | "position" | "right" | "left" | "start" | "end" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "backgroundColor" | "bg" | "zIndex" | "opacity" | "visible" | "shadowColor"> & import("react").RefAttributes<unknown>> | undefined;
-};
-export default Box;
-//# sourceMappingURL=Box.d.ts.map