@aic-kits/react-native 0.0.3 → 0.0.5

package/lib/theme/common/spaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spaces.d.ts","sourceRoot":"","sources":["../../../src/theme/common/spaces.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GACb,SAAS,GACT,QAAQ,GACR,OAAO,GACP,aAAa,GACb,QAAQ,GACR,aAAa,GACb,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,GACX,SAAS,CAAC;AAEd,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAE3C,eAAO,MAAM,SAAS,cAAe,MAAM,KAAG,MAa5C,CAAC;AAEH,eAAO,MAAM,OAAO,QAAS,MAAM,KAAG,GAAG,IAAI,KAe5C,CAAC"}

package/lib/theme/common/spaces.js

@@ -0,0 +1,31 @@
+import { scale } from '../../utils';
+export const getSpaces = (baseSpace) => ({
+    xxsmall: scale(baseSpace * 0.25), // 2
+    xsmall: scale(baseSpace * 0.5), // 4
+    small: scale(baseSpace), // 8
+    smallMedium: scale(baseSpace) * 1.5, // 12
+    medium: scale(baseSpace * 2), // 16
+    mediumLarge: scale(baseSpace * 2.5), // 20
+    large: scale(baseSpace * 3), // 24
+    xlarge: scale(baseSpace * 4), // 32
+    xxlarge: scale(baseSpace * 5), // 40
+    xxxlarge: scale(baseSpace * 6), // 48
+    xxxxlarge: scale(baseSpace * 7), // 56
+    '5xlarge': scale(baseSpace * 8), // 64
+});
+export const isSpace = (key) => {
+    return [
+        'xxsmall',
+        'xsmall',
+        'small',
+        'smallMedium',
+        'medium',
+        'mediumLarge',
+        'large',
+        'xlarge',
+        'xxlarge',
+        'xxxlarge',
+        'xxxxlarge',
+        '5xlarge',
+    ].includes(key);
+};

package/lib/theme/common/text.d.ts

@@ -0,0 +1,14 @@
+import type { Scale } from './scale';
+export type FontWeight = 'regular' | 'medium' | 'semi-bold' | 'bold';
+type FontWeights = Record<FontWeight, string>;
+type Fonts = Record<keyof Scale['font'], FontWeights>;
+export type FontSize = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
+type FontSizes = Record<FontSize, number>;
+type LineHeights = FontSizes;
+type LetterSpacings = Record<FontSize, number>;
+export declare const getFonts: ({ neutral }: Scale["font"]) => Fonts;
+export declare const getFontSizes: (baseFontSize: number) => FontSizes;
+export declare const getLineHeights: (baseFontSize: number) => LineHeights;
+export declare const getLetterSpacings: (baseFontSize: number) => LetterSpacings;
+export type { Fonts, FontSizes, LineHeights };
+//# sourceMappingURL=text.d.ts.map

package/lib/theme/common/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/theme/common/text.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAC;AACrE,KAAK,WAAW,GAAG,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAC9C,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC;AAEtD,MAAM,MAAM,QAAQ,GAChB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AACb,KAAK,SAAS,GAAG,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC1C,KAAK,WAAW,GAAG,SAAS,CAAC;AAC7B,KAAK,cAAc,GAAG,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AA6D/C,eAAO,MAAM,QAAQ,gBAAiB,KAAK,CAAC,MAAM,CAAC,KAAG,KAOpD,CAAC;AAqBH,eAAO,MAAM,YAAY,iBAAkB,MAAM,KAAG,SACf,CAAC;AAEtC,eAAO,MAAM,cAAc,iBAAkB,MAAM,KAAG,WACf,CAAC;AAExC,eAAO,MAAM,iBAAiB,iBAAkB,MAAM,KAAG,cACf,CAAC;AAE3C,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC"}

package/lib/theme/common/text.js

@@ -0,0 +1,70 @@
+import { scale } from '../../utils';
+const fontSizes = {
+    h1: 48,
+    h2: 40,
+    h3: 32,
+    h4: 24,
+    h5: 20,
+    h6: 18,
+    xlarge: 18,
+    large: 16,
+    medium: 14,
+    small: 12,
+    xsmall: 10,
+};
+const lineHeights = {
+    h1: fontSizes.h1 * 1.6,
+    h2: fontSizes.h2 * 1.6,
+    h3: fontSizes.h3 * 1.6,
+    h4: fontSizes.h4 * 1.6,
+    h5: fontSizes.h5 * 1.6,
+    h6: fontSizes.h6 * 1.6,
+    xlarge: fontSizes.xlarge * 1.4,
+    large: fontSizes.large * 1.4,
+    medium: fontSizes.medium * 1.4,
+    small: 16,
+    xsmall: 14,
+};
+const letterSpacings = {
+    h1: 0,
+    h2: 0,
+    h3: 0,
+    h4: 0,
+    h5: 0,
+    h6: 0,
+    xlarge: 0.2,
+    large: 0.2,
+    medium: 0.2,
+    small: 0.2,
+    xsmall: 0.2,
+};
+const getSize = (sizes, size, baseFontSize) => (baseFontSize / fontSizes.xsmall) * sizes[size];
+const getFontSize = (size, baseFontSize) => getSize(fontSizes, size, baseFontSize);
+const getLineHeight = (size, baseFontSize) => getSize(lineHeights, size, baseFontSize);
+const getLetterSpacing = (size, baseFontSize) => getSize(letterSpacings, size, baseFontSize);
+export const getFonts = ({ neutral }) => ({
+    neutral: {
+        regular: `${neutral}-Regular`,
+        medium: `${neutral}-Medium`,
+        'semi-bold': `${neutral}-SemiBold`,
+        bold: `${neutral}-Bold`,
+    },
+});
+const getSizes = (baseFontSize, getSizeFunction) => {
+    return {
+        h1: scale(getSizeFunction('h1', baseFontSize)),
+        h2: scale(getSizeFunction('h2', baseFontSize)),
+        h3: scale(getSizeFunction('h3', baseFontSize)),
+        h4: scale(getSizeFunction('h4', baseFontSize)),
+        h5: scale(getSizeFunction('h5', baseFontSize)),
+        h6: scale(getSizeFunction('h6', baseFontSize)),
+        xlarge: scale(getSizeFunction('xlarge', baseFontSize)),
+        large: scale(getSizeFunction('large', baseFontSize)),
+        medium: scale(getSizeFunction('medium', baseFontSize)),
+        small: scale(getSizeFunction('small', baseFontSize)),
+        xsmall: scale(getSizeFunction('xsmall', baseFontSize)),
+    };
+};
+export const getFontSizes = (baseFontSize) => getSizes(baseFontSize, getFontSize);
+export const getLineHeights = (baseFontSize) => getSizes(baseFontSize, getLineHeight);
+export const getLetterSpacings = (baseFontSize) => getSizes(baseFontSize, getLetterSpacing);

package/lib/theme/components/art.d.ts

@@ -0,0 +1,17 @@
+export declare const getArtTheme: () => {
+    emoji: {
+        scale: number;
+    };
+    icon: {
+        gradientStart: {
+            x: number;
+            y: number;
+        };
+        gradientEnd: {
+            x: number;
+            y: number;
+        };
+    };
+    defaultSize: "large";
+};
+//# sourceMappingURL=art.d.ts.map

package/lib/theme/components/art.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"art.d.ts","sourceRoot":"","sources":["../../../src/theme/components/art.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAiBvB,CAAC"}

package/lib/theme/components/art.js

@@ -0,0 +1,15 @@
+export const getArtTheme = () => {
+    const emoji = {
+        scale: 1.3,
+    };
+    const icon = {
+        gradientStart: { x: 1, y: 1 },
+        gradientEnd: { x: 0, y: 0 },
+    };
+    const defaultSize = 'large';
+    return {
+        emoji,
+        icon,
+        defaultSize,
+    };
+};

package/lib/theme/components/avatar.d.ts

@@ -0,0 +1,11 @@
+export type AvatarSize = 'small' | 'medium' | 'large';
+export declare const getAvatarTheme: () => {
+    defaultSize: "large";
+    defaultRequiredSize: number;
+    sizes: Record<AvatarSize, number>;
+    icon: {
+        color: "primary";
+        size: number;
+    };
+};
+//# sourceMappingURL=avatar.d.ts.map

package/lib/theme/components/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/theme/components/avatar.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,eAAO,MAAM,cAAc;;;;;;;;CAqB1B,CAAC"}

package/lib/theme/components/avatar.js

@@ -0,0 +1,20 @@
+import { scale } from '../../utils';
+export const getAvatarTheme = () => {
+    const defaultSize = 'large';
+    const defaultRequiredSize = 1080;
+    const sizes = {
+        small: scale(28),
+        medium: scale(60),
+        large: scale(120),
+    };
+    const icon = {
+        color: 'primary',
+        size: scale(30),
+    };
+    return {
+        defaultSize,
+        defaultRequiredSize,
+        sizes,
+        icon,
+    };
+};

package/lib/theme/components/base.d.ts

@@ -0,0 +1,14 @@
+import type { StatusBarStyle } from 'react-native';
+import type { Color } from '../common';
+export declare const getBaseTheme: () => {
+    defaultStatusBarParams: {
+        backgroundColor: Color;
+        barStyle: StatusBarStyle;
+    };
+    defaultHomeIndicatorParams: {
+        backgroundColor: Color;
+    };
+    defaultHeaderParams: false;
+    defaultBackgroundColor: "white";
+};
+//# sourceMappingURL=base.d.ts.map

package/lib/theme/components/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../src/theme/components/base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAEvC,eAAO,MAAM,YAAY;;yBAEJ,KAAK;kBACZ,cAAc;;;yBAOP,KAAK;;;;CAczB,CAAC"}

package/lib/theme/components/base.js

@@ -0,0 +1,17 @@
+export const getBaseTheme = () => {
+    const defaultStatusBarParams = {
+        backgroundColor: 'white',
+        barStyle: 'dark-content',
+    };
+    const defaultHomeIndicatorParams = {
+        backgroundColor: 'white',
+    };
+    const defaultBackgroundColor = 'white';
+    const defaultHeaderParams = false;
+    return {
+        defaultStatusBarParams,
+        defaultHomeIndicatorParams,
+        defaultHeaderParams,
+        defaultBackgroundColor,
+    };
+};

package/lib/theme/components/bubble.d.ts

@@ -0,0 +1,6 @@
+export declare const getBubbleTheme: () => {
+    defaultBackgroundColor: "white";
+    defaultBorderColor: "grey300";
+    defaultBorderWidth: "base";
+};
+//# sourceMappingURL=bubble.d.ts.map

package/lib/theme/components/bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.d.ts","sourceRoot":"","sources":["../../../src/theme/components/bubble.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;CAa1B,CAAC"}

package/lib/theme/components/bubble.js

@@ -0,0 +1,10 @@
+export const getBubbleTheme = () => {
+    const defaultBackgroundColor = 'white';
+    const defaultBorderColor = 'grey300';
+    const defaultBorderWidth = 'base';
+    return {
+        defaultBackgroundColor,
+        defaultBorderColor,
+        defaultBorderWidth,
+    };
+};

package/lib/theme/components/button.d.ts

@@ -0,0 +1,12 @@
+import type { Radius } from '../common';
+export type ButtonColor = 'primary' | 'secondary' | 'dark' | 'white' | 'primary01';
+export type ButtonCorner = 'circle' | 'squircle';
+export declare const getButtonTheme: () => {
+    defaultTextColors: Record<ButtonColor, keyof import("..").ColorPalette>;
+    squircleBorderRadii: Record<ButtonCorner, Radius | "full">;
+    loadingConfig: {
+        showingDuration: number;
+        size: "small";
+    };
+};
+//# sourceMappingURL=button.d.ts.map

package/lib/theme/components/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/theme/components/button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,MAAM,EAAE,MAAM,WAAW,CAAC;AAE/C,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,WAAW,GACX,MAAM,GACN,OAAO,GACP,WAAW,CAAC;AAChB,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjD,eAAO,MAAM,cAAc;;;;;;;CAwB1B,CAAC"}

package/lib/theme/components/button.js

@@ -0,0 +1,22 @@
+export const getButtonTheme = () => {
+    const defaultTextColors = {
+        primary: 'white',
+        secondary: 'white',
+        dark: 'white',
+        white: 'grey900',
+        primary01: 'primary',
+    };
+    const squircleBorderRadii = {
+        circle: 'full',
+        squircle: 'xlarge',
+    };
+    const loadingConfig = {
+        showingDuration: 300,
+        size: 'small',
+    };
+    return {
+        defaultTextColors,
+        squircleBorderRadii,
+        loadingConfig,
+    };
+};

package/lib/theme/components/card.d.ts

@@ -0,0 +1,8 @@
+import type { BorderWidth } from '../common';
+export declare const getCardTheme: () => {
+    innerBorderRadiusScales: Record<BorderWidth, number>;
+    innerOpacityDuration: number;
+    defaultBorderRadiusColor: "white";
+    defaultBackgroundColor: "white";
+};
+//# sourceMappingURL=card.d.ts.map

package/lib/theme/components/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/theme/components/card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAS,MAAM,WAAW,CAAC;AAEpD,eAAO,MAAM,YAAY;;;;;CAkBxB,CAAC"}

package/lib/theme/components/card.js

@@ -0,0 +1,16 @@
+export const getCardTheme = () => {
+    const innerBorderRadiusScales = {
+        base: 1,
+        medium: 0.95,
+        large: 0.85,
+    };
+    const innerOpacityDuration = 2000;
+    const defaultBorderRadiusColor = 'white';
+    const defaultBackgroundColor = 'white';
+    return {
+        innerBorderRadiusScales,
+        innerOpacityDuration,
+        defaultBorderRadiusColor,
+        defaultBackgroundColor,
+    };
+};

package/lib/theme/components/chart.d.ts

@@ -0,0 +1,16 @@
+export type ChartType = 'line';
+export declare const getChartTheme: () => {
+    defaultBackgroundColor: "white";
+    defaultLabelFontSize: "medium";
+    defaultLabelFontWeight: "semi-bold";
+    defaultLabelFont: "neutral";
+    defaultColor: "primary";
+    lineChart: {
+        defaultWithDots: boolean;
+        defaultWithInnerLines: boolean;
+        defaultWithOuterLines: boolean;
+        defaultFromZero: boolean;
+        defaultBezier: boolean;
+    };
+};
+//# sourceMappingURL=chart.d.ts.map

package/lib/theme/components/chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../src/theme/components/chart.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAE/B,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAuBzB,CAAC"}

package/lib/theme/components/chart.js

@@ -0,0 +1,22 @@
+export const getChartTheme = () => {
+    const defaultBackgroundColor = 'white';
+    const defaultColor = 'primary';
+    const defaultLabelFontSize = 'medium';
+    const defaultLabelFontWeight = 'semi-bold';
+    const defaultLabelFont = 'neutral';
+    const lineChart = {
+        defaultWithDots: false,
+        defaultWithInnerLines: false,
+        defaultWithOuterLines: true,
+        defaultFromZero: true,
+        defaultBezier: true,
+    };
+    return {
+        defaultBackgroundColor,
+        defaultLabelFontSize,
+        defaultLabelFontWeight,
+        defaultLabelFont,
+        defaultColor,
+        lineChart,
+    };
+};

package/lib/theme/components/chat.d.ts

@@ -0,0 +1,11 @@
+export declare const getChatTheme: () => {
+    defaultTextFontSize: "xlarge";
+    defaultTextFontWeight: "medium";
+    defaultTextColor: "grey900";
+    defaultTextPaddingHorizontal: "large";
+    defaultTextPaddingVertical: "smallMedium";
+    defaultMediaScale: number;
+    defaultClusterWidth: `${number}%`;
+    defaultItemSeparatorSize: "xsmall";
+};
+//# sourceMappingURL=chat.d.ts.map

package/lib/theme/components/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../src/theme/components/chat.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;;;;;;;;;CA4BxB,CAAC"}

package/lib/theme/components/chat.js

@@ -0,0 +1,20 @@
+export const getChatTheme = () => {
+    const defaultTextFontSize = 'xlarge';
+    const defaultTextFontWeight = 'medium';
+    const defaultTextColor = 'grey900';
+    const defaultTextPaddingHorizontal = 'large';
+    const defaultTextPaddingVertical = 'smallMedium';
+    const defaultMediaScale = 0.8;
+    const defaultClusterWidth = '80%';
+    const defaultItemSeparatorSize = 'xsmall';
+    return {
+        defaultTextFontSize,
+        defaultTextFontWeight,
+        defaultTextColor,
+        defaultTextPaddingHorizontal,
+        defaultTextPaddingVertical,
+        defaultMediaScale,
+        defaultClusterWidth,
+        defaultItemSeparatorSize,
+    };
+};

package/lib/theme/components/chip.d.ts

@@ -0,0 +1,18 @@
+import type { FontSize, FontWeight, Space } from '../common';
+export type ChipSize = 'small' | 'medium' | 'large';
+export declare const getChipTheme: () => {
+    defaultSize: "medium";
+    defaultSelected: boolean;
+    borderWidth: "medium";
+    borderColor: "primary";
+    backgroundColors: Record<"selected" | "unselected", keyof import("..").ColorPalette>;
+    borderRadius: "5xlarge";
+    chipConfigs: Record<ChipSize, {
+        paddingVertical: Space;
+        paddingHorizontal: Space;
+        iconSize: Space;
+        fontSize: FontSize;
+        fontWeight: FontWeight;
+    }>;
+};
+//# sourceMappingURL=chip.d.ts.map

package/lib/theme/components/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/theme/components/chip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,QAAQ,EACR,UAAU,EAEV,KAAK,EACN,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,eAAO,MAAM,YAAY;;;;;;;;yBAeF,KAAK;2BACH,KAAK;kBACd,KAAK;kBACL,QAAQ;oBACN,UAAU;;CAmC3B,CAAC"}

package/lib/theme/components/chip.js

@@ -0,0 +1,43 @@
+export const getChipTheme = () => {
+    const defaultSize = 'medium';
+    const defaultSelected = false;
+    const borderColor = 'primary';
+    const borderWidth = 'medium';
+    const backgroundColors = {
+        selected: 'primary',
+        unselected: 'white',
+    };
+    const borderRadius = '5xlarge';
+    const chipConfigs = {
+        small: {
+            paddingVertical: 'xsmall',
+            paddingHorizontal: 'medium',
+            iconSize: 'small',
+            fontSize: 'medium',
+            fontWeight: 'semi-bold',
+        },
+        medium: {
+            paddingVertical: 'small',
+            paddingHorizontal: 'mediumLarge',
+            iconSize: 'medium',
+            fontSize: 'large',
+            fontWeight: 'semi-bold',
+        },
+        large: {
+            paddingVertical: 'smallMedium',
+            paddingHorizontal: 'large',
+            iconSize: 'large',
+            fontSize: 'xlarge',
+            fontWeight: 'bold',
+        },
+    };
+    return {
+        defaultSize,
+        defaultSelected,
+        borderWidth,
+        borderColor,
+        backgroundColors,
+        borderRadius,
+        chipConfigs,
+    };
+};

package/lib/theme/components/divider.d.ts

@@ -0,0 +1,12 @@
+import type { GlobalTheme } from '../../theme';
+export type MarginSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export declare const getDividerTheme: (theme: GlobalTheme) => {
+    colors: {
+        default: string;
+    };
+    space: Record<MarginSize, number>;
+    borderWidths: {
+        default: number;
+    };
+};
+//# sourceMappingURL=divider.d.ts.map

package/lib/theme/components/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/theme/components/divider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5E,eAAO,MAAM,eAAe,UAAW,WAAW;;;;;;;;CAkBjD,CAAC"}

package/lib/theme/components/divider.js

@@ -0,0 +1,16 @@
+export const getDividerTheme = (theme) => {
+    const colors = {
+        default: theme.colors.grey200,
+    };
+    const space = {
+        xsmall: theme.spaces.xsmall,
+        small: theme.spaces.small,
+        medium: theme.spaces.medium,
+        large: theme.spaces.large,
+        xlarge: theme.spaces.xlarge,
+    };
+    const borderWidths = {
+        default: theme.borderWidths.base,
+    };
+    return { colors, space, borderWidths };
+};

package/lib/theme/components/filter.d.ts

@@ -0,0 +1,5 @@
+export declare const getFilterTheme: () => {
+    chipSize: "medium";
+    chipColor: "primary";
+};
+//# sourceMappingURL=filter.d.ts.map

package/lib/theme/components/filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/theme/components/filter.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;;CAQ1B,CAAC"}

package/lib/theme/components/filter.js

@@ -0,0 +1,8 @@
+export const getFilterTheme = () => {
+    const chipSize = 'medium';
+    const chipColor = 'primary';
+    return {
+        chipSize,
+        chipColor,
+    };
+};

package/lib/theme/components/header.d.ts

@@ -0,0 +1,30 @@
+import type { Color, GlobalTheme } from '../common';
+export type HeaderType = 'default' | 'progress';
+export declare const getHeaderTheme: (theme: GlobalTheme) => {
+    defaultType: "default";
+    defaultBackgroundColor: "white";
+    backButton: {
+        defaultIcon: "arrow-left-light-outline";
+        defaultColor: Color;
+        size: number;
+        hitSlop: number;
+        hapticFeedback: "impact-medium";
+    };
+    defaultHeader: {
+        defaultTitleColor: Color;
+        rightButton: {
+            defaultColor: Color;
+            size: number;
+            hitSlop: number;
+            hapticFeedback: "impact-medium";
+        };
+    };
+    progressHeader: {
+        progress: {
+            width: number;
+            marginRight: number;
+        };
+    };
+    gap: "medium";
+};
+//# sourceMappingURL=header.d.ts.map

package/lib/theme/components/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/theme/components/header.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAS,MAAM,WAAW,CAAC;AAE3D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhD,eAAO,MAAM,cAAc,UAAW,WAAW;;;;;sBAOpB,KAAK;;;;;;2BAOA,KAAK;;0BAER,KAAK;;;;;;;;;;;;;CAsBnC,CAAC"}

package/lib/theme/components/header.js

@@ -0,0 +1,36 @@
+import { scale } from '../../utils';
+export const getHeaderTheme = (theme) => {
+    const defaultBackgroundColor = 'white';
+    const defaultType = 'default';
+    const gap = 'medium';
+    const backButton = {
+        defaultIcon: 'arrow-left-light-outline',
+        defaultColor: 'black',
+        size: scale(28),
+        hitSlop: theme.spaces.small,
+        hapticFeedback: 'impact-medium',
+    };
+    const defaultHeader = {
+        defaultTitleColor: 'black',
+        rightButton: {
+            defaultColor: 'black',
+            size: scale(28),
+            hitSlop: theme.spaces.small,
+            hapticFeedback: 'impact-medium',
+        },
+    };
+    const progressHeader = {
+        progress: {
+            width: scale(216),
+            marginRight: scale(44),
+        },
+    };
+    return {
+        defaultType,
+        defaultBackgroundColor,
+        backButton,
+        defaultHeader,
+        progressHeader,
+        gap,
+    };
+};

package/lib/theme/components/image.d.ts

@@ -0,0 +1,4 @@
+export declare const getImageTheme: () => {
+    defaultDetailPageHeaderHeight: number;
+};
+//# sourceMappingURL=image.d.ts.map

package/lib/theme/components/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/theme/components/image.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;CAMzB,CAAC"}

package/lib/theme/components/image.js

@@ -0,0 +1,6 @@
+export const getImageTheme = () => {
+    const defaultDetailPageHeaderHeight = 24;
+    return {
+        defaultDetailPageHeaderHeight,
+    };
+};