@meatech/payblend_app_ui_component 1.0.69

package/dist/components/BalanceUpdateAction/BalanceUpdateAction.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { useState, useEffect } from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import * as _ from 'lodash';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { FontSizes, metrics } from '../../themes/metrics.js';
+import { ACTIVE_OPACITY } from '../../themes/stats.js';
+import { Icon } from '../Icons/Icon.js';
+import Text from '../Text/index.js';
+
+const BalanceUpdateAction = ({ delay = 300, waitRefreshTime = 5000, onPress, }) => {
+    const [disabled, setDisabled] = useState(false);
+    useEffect(() => {
+        let timeout;
+        if (disabled) {
+            timeout = setTimeout(() => {
+                setDisabled(false);
+            }, waitRefreshTime);
+        }
+        return () => clearTimeout(timeout);
+    }, [waitRefreshTime, disabled]);
+    const handleBalanceUpdate = _.debounce(() => {
+        setDisabled(true);
+        onPress === null || onPress === void 0 ? void 0 : onPress();
+    }, delay);
+    return (React.createElement(TouchableOpacity, { style: [styles.container, disabled && styles.disabled], disabled: !onPress || disabled, activeOpacity: ACTIVE_OPACITY, onPress: handleBalanceUpdate },
+        React.createElement(Icon, { name: "ic_white_rotate_right", width: metrics.height.spacingExtraSmall, height: metrics.height.spacingExtraSmall }),
+        React.createElement(Text, { size: "xxs", style: styles.title }, "\u6B8B\u9AD8\u66F4\u65B0")));
+};
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        backgroundColor: colors.neutral['60'],
+        paddingVertical: metrics.height.spacingNano,
+        paddingHorizontal: metrics.width.spacingExtraSmall,
+        borderRadius: metrics.borderRadiusMassive,
+        gap: metrics.width.spacingNano,
+        alignItems: 'center',
+    },
+    title: {
+        color: colors.white['10'],
+        lineHeight: FontSizes.fontXS,
+    },
+    disabled: {
+        opacity: 0.5,
+    },
+});
+
+export { BalanceUpdateAction };
+//# sourceMappingURL=BalanceUpdateAction.js.map

package/dist/components/BalanceUpdateAction/BalanceUpdateAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BalanceUpdateAction.js","sources":["../../../../components/BalanceUpdateAction/BalanceUpdateAction.tsx"],"sourcesContent":["import * as React from 'react';\nimport {useEffect, useState} from 'react';\nimport {StyleSheet, TouchableOpacity} from 'react-native';\nimport * as _ from 'lodash';\nimport {ACTIVE_OPACITY, colors, FontSizes, metrics} from '@ui/themes';\nimport {Icon} from '../Icons';\nimport Text from '../Text';\nimport {BalanceUpdateActionProps} from './type';\n\nexport const BalanceUpdateAction: React.FC<BalanceUpdateActionProps> = ({\n  delay = 300,\n  waitRefreshTime = 5000,\n  onPress,\n}) => {\n  const [disabled, setDisabled] = useState<boolean>(false);\n\n  useEffect(() => {\n    let timeout: ReturnType<typeof setTimeout>;\n    if (disabled) {\n      timeout = setTimeout(() => {\n        setDisabled(false);\n      }, waitRefreshTime);\n    }\n    return () => clearTimeout(timeout);\n  }, [waitRefreshTime, disabled]);\n\n  const handleBalanceUpdate = _.debounce(() => {\n    setDisabled(true);\n    onPress?.();\n  }, delay);\n\n  return (\n    <TouchableOpacity\n      style={[styles.container, disabled && styles.disabled]}\n      disabled={!onPress || disabled}\n      activeOpacity={ACTIVE_OPACITY}\n      onPress={handleBalanceUpdate}>\n      <Icon\n        name=\"ic_white_rotate_right\"\n        width={metrics.height.spacingExtraSmall}\n        height={metrics.height.spacingExtraSmall}\n      />\n      <Text size=\"xxs\" style={styles.title}>\n        残高更新\n      </Text>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    backgroundColor: colors.neutral['60'],\n    paddingVertical: metrics.height.spacingNano,\n    paddingHorizontal: metrics.width.spacingExtraSmall,\n    borderRadius: metrics.borderRadiusMassive,\n    gap: metrics.width.spacingNano,\n    alignItems: 'center',\n  },\n  title: {\n    color: colors.white['10'],\n    lineHeight: FontSizes.fontXS,\n  },\n  disabled: {\n    opacity: 0.5,\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;AASa,MAAA,mBAAmB,GAAuC,CAAC,EACtE,KAAK,GAAG,GAAG,EACX,eAAe,GAAG,IAAI,EACtB,OAAO,GACR,KAAI;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IAExD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,OAAsC;QAC1C,IAAI,QAAQ,EAAE;AACZ,YAAA,OAAO,GAAG,UAAU,CAAC,MAAK;gBACxB,WAAW,CAAC,KAAK,CAAC;aACnB,EAAE,eAAe,CAAC;;AAErB,QAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;AACpC,KAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAE/B,IAAA,MAAM,mBAAmB,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAK;QAC1C,WAAW,CAAC,IAAI,CAAC;AACjB,QAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,EAAI;KACZ,EAAE,KAAK,CAAC;AAET,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,EACtD,QAAQ,EAAE,CAAC,OAAO,IAAI,QAAQ,EAC9B,aAAa,EAAE,cAAc,EAC7B,OAAO,EAAE,mBAAmB,EAAA;QAC5B,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EACvC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EACxC,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAE7B,EAAA,0BAAA,CAAA,CACU;AAEvB;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,SAAS,EAAE;AACT,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;AACrC,QAAA,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW;AAC3C,QAAA,iBAAiB,EAAE,OAAO,CAAC,KAAK,CAAC,iBAAiB;QAClD,YAAY,EAAE,OAAO,CAAC,mBAAmB;AACzC,QAAA,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AAC9B,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;QACzB,UAAU,EAAE,SAAS,CAAC,MAAM;AAC7B,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE,GAAG;AACb,KAAA;AACF,CAAA,CAAC;;;;"}

package/dist/components/BalanceUpdateAction/index.d.ts

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

package/dist/components/BalanceUpdateAction/index.d.ts.map

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

package/dist/components/BalanceUpdateAction/type.d.ts

@@ -0,0 +1,7 @@
+interface BalanceUpdateActionProps {
+    delay?: number;
+    waitRefreshTime?: number;
+    onPress?: () => void;
+}
+
+export type { BalanceUpdateActionProps };

package/dist/components/BalanceUpdateAction/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/BalanceUpdateAction/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/dist/components/Button/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { CustomButtonProps } from './type.js';
+
+declare const Button: React.FC<CustomButtonProps>;
+
+export { Button as default };

package/dist/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAK3C,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4DvC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Button/index.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { TouchableOpacity } from 'react-native';
+import Text from '../Text/index.js';
+import { styles, buttonColors, textColors, textSizes } from './styles.js';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { metrics } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const Button = ({ children, textSize = "medium", textWeight = "700", color = "secondary", textColor = "primary", type = "fill", onPress, style, disabled = false, }) => {
+    const buttonStyle = [
+        styles.base,
+        type === "fill" && {
+            backgroundColor: disabled ? colors.neutral[20] : buttonColors[color],
+        },
+        type === "outline" && {
+            borderColor: disabled ? colors.neutral[20] : buttonColors[color],
+            borderWidth: metrics.borderWidthMedium,
+        },
+        type === "noline" && {
+            backgroundColor: disabled ? "white" : "transparent",
+        },
+        textSize === "small" && {
+            paddingVertical: metrics.height.spacingSmall,
+            paddingHorizontal: metrics.width.spacingSlightlySmall,
+        },
+        {
+            paddingVertical: metrics.height.spacingExtraSmall,
+            paddingHorizontal: metrics.width.spacingBase,
+        },
+    ];
+    const textStyle = [
+        {
+            fontSize: textSizes[textSize],
+            color: disabled
+                ? colors.neutral[60]
+                : type === "fill"
+                    ? "white"
+                    : textColors[textColor],
+        },
+    ];
+    return (React.createElement(TouchableOpacity, { disabled: disabled, style: [buttonStyle, style], onPress: onPress },
+        React.createElement(Text, { fontWeight: textWeight, style: textStyle, ellipsizeMode: "tail", numberOfLines: 1 }, children)));
+};
+
+export { Button as default };
+//# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/Button/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { TouchableOpacity } from \"react-native\";\nimport { CustomButtonProps } from \"./type\";\nimport Text from \"../Text\";\nimport { buttonColors, styles, textColors, textSizes } from \"./styles\";\nimport { colors, metrics } from \"@ui/themes\";\n\nconst Button: React.FC<CustomButtonProps> = ({\n  children,\n  textSize = \"medium\",\n  textWeight = \"700\",\n  color = \"secondary\",\n  textColor = \"primary\",\n  type = \"fill\",\n  onPress,\n  style,\n  disabled = false,\n}) => {\n  const buttonStyle = [\n    styles.base,\n    type === \"fill\" && {\n      backgroundColor: disabled ? colors.neutral[20] : buttonColors[color],\n    },\n    type === \"outline\" && {\n      borderColor: disabled ? colors.neutral[20] : buttonColors[color],\n      borderWidth: metrics.borderWidthMedium,\n    },\n    type === \"noline\" && {\n      backgroundColor: disabled ? \"white\" : \"transparent\",\n    },\n    textSize === \"small\" && {\n      paddingVertical: metrics.height.spacingSmall,\n      paddingHorizontal: metrics.width.spacingSlightlySmall,\n    },\n    (textSize === \"small\" || \"large\") && {\n      paddingVertical: metrics.height.spacingExtraSmall,\n      paddingHorizontal: metrics.width.spacingBase,\n    },\n  ];\n\n  const textStyle = [\n    {\n      fontSize: textSizes[textSize],\n      color: disabled\n        ? colors.neutral[60]\n        : type === \"fill\"\n        ? \"white\"\n        : textColors[textColor],\n    },\n  ];\n\n  return (\n    <TouchableOpacity\n      disabled={disabled}\n      style={[buttonStyle, style]}\n      onPress={onPress}\n    >\n      <Text\n        fontWeight={textWeight}\n        style={textStyle}\n        ellipsizeMode=\"tail\"\n        numberOfLines={1}\n      >\n        {children}\n      </Text>\n    </TouchableOpacity>\n  );\n};\n\nexport default Button;\n"],"names":[],"mappings":";;;;;;;;;;AAOA,MAAM,MAAM,GAAgC,CAAC,EAC3C,QAAQ,EACR,QAAQ,GAAG,QAAQ,EACnB,UAAU,GAAG,KAAK,EAClB,KAAK,GAAG,WAAW,EACnB,SAAS,GAAG,SAAS,EACrB,IAAI,GAAG,MAAM,EACb,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,KAAK,GACjB,KAAI;AACH,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,MAAM,CAAC,IAAI;QACX,IAAI,KAAK,MAAM,IAAI;AACjB,YAAA,eAAe,EAAE,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;AACrE,SAAA;QACD,IAAI,KAAK,SAAS,IAAI;AACpB,YAAA,WAAW,EAAE,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;YAChE,WAAW,EAAE,OAAO,CAAC,iBAAiB;AACvC,SAAA;QACD,IAAI,KAAK,QAAQ,IAAI;YACnB,eAAe,EAAE,QAAQ,GAAG,OAAO,GAAG,aAAa;AACpD,SAAA;QACD,QAAQ,KAAK,OAAO,IAAI;AACtB,YAAA,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY;AAC5C,YAAA,iBAAiB,EAAE,OAAO,CAAC,KAAK,CAAC,oBAAoB;AACtD,SAAA;AACD,QAAqC;AACnC,YAAA,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB;AACjD,YAAA,iBAAiB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AAC7C,SAAA;KACF;AAED,IAAA,MAAM,SAAS,GAAG;AAChB,QAAA;AACE,YAAA,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC;AAC7B,YAAA,KAAK,EAAE;AACL,kBAAE,MAAM,CAAC,OAAO,CAAC,EAAE;kBACjB,IAAI,KAAK;AACX,sBAAE;AACF,sBAAE,UAAU,CAAC,SAAS,CAAC;AAC1B,SAAA;KACF;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,EAC3B,OAAO,EAAE,OAAO,EAAA;QAEhB,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,aAAa,EAAC,MAAM,EACpB,aAAa,EAAE,CAAC,IAEf,QAAQ,CACJ,CACU;AAEvB;;;;"}

package/dist/components/Button/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const buttonColors: Record<string, string>;
+export declare const textSizes: {
+    [key: string]: number;
+};
+export declare const textColors: {
+    [key: string]: string;
+};
+export declare const styles: any;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Button/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../components/Button/styles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAM/C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAI9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAQ/C,CAAC;AAEF,eAAO,MAAM,MAAM,KAMjB,CAAC"}

package/dist/components/Button/styles.js

@@ -0,0 +1,38 @@
+import { StyleSheet } from 'react-native';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { metrics, FontSizes } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const buttonColors = {
+    primary: colors.teal[80],
+    secondary: colors.secondary[100],
+    error: colors.red[60],
+    black: colors.neutral[100],
+    disabled: colors.neutral[60],
+};
+const textSizes = {
+    small: FontSizes.fontSmall,
+    medium: FontSizes.fontMedium,
+    large: FontSizes.fontLarge,
+};
+const textColors = {
+    primary: colors.teal[80],
+    error: colors.red[60],
+    black: colors.neutral[100],
+    white: colors.white[10],
+    disabled: colors.neutral[60],
+    while: colors.white[10],
+    secondary: colors.neutral[60],
+};
+const styles = StyleSheet.create({
+    base: {
+        borderRadius: metrics.borderRadiusBase,
+        alignItems: "center",
+        justifyContent: "center",
+    },
+});
+
+export { buttonColors, styles, textColors, textSizes };
+//# sourceMappingURL=styles.js.map

package/dist/components/Button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../components/Button/styles.tsx"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { FontSizes, metrics, colors } from \"@ui/themes\";\n\nexport const buttonColors: Record<string, string> = {\n  primary: colors.teal[80],\n  secondary: colors.secondary[100],\n  error: colors.red[60],\n  black: colors.neutral[100],\n  disabled: colors.neutral[60],\n};\n\nexport const textSizes: { [key: string]: number } = {\n  small: FontSizes.fontSmall,\n  medium: FontSizes.fontMedium,\n  large: FontSizes.fontLarge,\n};\n\nexport const textColors: { [key: string]: string } = {\n  primary: colors.teal[80],\n  error: colors.red[60],\n  black: colors.neutral[100],\n  white: colors.white[10],\n  disabled: colors.neutral[60],\n  while: colors.white[10],\n  secondary: colors.neutral[60],\n};\n\nexport const styles = StyleSheet.create({\n  base: {\n    borderRadius: metrics.borderRadiusBase,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n});\n"],"names":[],"mappings":";;;;;;;AAGa,MAAA,YAAY,GAA2B;AAClD,IAAA,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACxB,IAAA,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC;AAChC,IAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;AACrB,IAAA,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AAC1B,IAAA,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;;AAGjB,MAAA,SAAS,GAA8B;IAClD,KAAK,EAAE,SAAS,CAAC,SAAS;IAC1B,MAAM,EAAE,SAAS,CAAC,UAAU;IAC5B,KAAK,EAAE,SAAS,CAAC,SAAS;;AAGf,MAAA,UAAU,GAA8B;AACnD,IAAA,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACxB,IAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;AACrB,IAAA,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AAC1B,IAAA,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AACvB,IAAA,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AACvB,IAAA,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;;AAGlB,MAAA,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AACtC,IAAA,IAAI,EAAE;QACJ,YAAY,EAAE,OAAO,CAAC,gBAAgB;AACtC,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACzB,KAAA;AACF,CAAA;;;;"}

package/dist/components/Button/type.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+
+interface CustomButtonProps {
+    children: React.ReactNode;
+    textSize?: 'small' | 'medium' | 'large';
+    color?: 'primary' | 'secondary' | 'error' | 'black' | 'disabled';
+    type?: 'noline' | 'outline' | 'fill' | 'secondary';
+    textColor?: 'primary' | 'secondary' | 'error' | 'black' | 'white' | 'disabled' | 'secondary';
+    textWeight?: '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+    disabled?: boolean;
+}
+
+export type { CustomButtonProps };

package/dist/components/Button/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/Button/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAClD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACjE,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,CAAC;IACnD,SAAS,CAAC,EACN,SAAS,GACT,WAAW,GACX,OAAO,GACP,OAAO,GACP,OAAO,GACP,UAAU,GACV,WAAW,CAAC;IAChB,UAAU,CAAC,EACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;IACV,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/Container/Container.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+declare const Container: ({ children, isShowHeader, headerTitle, backgroundColor, keyboardAvoidingEnabled, subScreenName, webHeaderTitle, onRightPress, onLeftPress, onClose, }: {
+    children: React.ReactNode;
+    isShowHeader?: boolean;
+    headerTitle?: string;
+    backgroundColor?: string;
+    keyboardAvoidingEnabled?: boolean;
+    subScreenName?: string;
+    webHeaderTitle?: string;
+    onRightPress?: () => void;
+    onLeftPress?: () => void;
+    onClose?: () => void;
+}) => any;
+
+export { Container };

package/dist/components/Container/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../components/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,SAAS,GAAI,uJAWvB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,QAsBA,CAAC"}

package/dist/components/Container/Container.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { KeyboardAvoidingView } from 'react-native-keyboard-controller';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { deviceHeight } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+import Header from '../Header/index.js';
+
+const Container = ({ children, isShowHeader, headerTitle, backgroundColor = colors.white[10], keyboardAvoidingEnabled = false, subScreenName, webHeaderTitle, onRightPress, onLeftPress, onClose, }) => {
+    return (React.createElement(SafeAreaView, { style: [styles.flex1, { backgroundColor }] },
+        React.createElement(KeyboardAvoidingView, { enabled: keyboardAvoidingEnabled, behavior: "padding", style: styles.keyboardAvoidingViewContainer },
+            isShowHeader && (React.createElement(Header, { screenName: headerTitle, subScreenName: subScreenName, children: webHeaderTitle, onLeftPress: onLeftPress, onRightPress: onRightPress, onClose: onClose })),
+            children)));
+};
+const styles = StyleSheet.create({
+    flex1: {
+        flex: 1,
+    },
+    keyboardAvoidingViewContainer: {
+        flexGrow: 1,
+        maxHeight: deviceHeight(),
+    },
+});
+
+export { Container };
+//# sourceMappingURL=Container.js.map

package/dist/components/Container/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sources":["../../../../components/Container/Container.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleSheet } from 'react-native';\nimport { KeyboardAvoidingView } from 'react-native-keyboard-controller';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { colors, deviceHeight } from '@ui/themes';\n\nimport Header from '../Header';\n\nexport const Container = ({\n  children,\n  isShowHeader,\n  headerTitle,\n  backgroundColor = colors.white[10],\n  keyboardAvoidingEnabled = false,\n  subScreenName,\n  webHeaderTitle,\n  onRightPress,\n  onLeftPress,\n  onClose,\n}: {\n  children: React.ReactNode;\n  isShowHeader?: boolean;\n  headerTitle?: string;\n  backgroundColor?: string;\n  keyboardAvoidingEnabled?: boolean;\n  subScreenName?: string;\n  webHeaderTitle?: string;\n  onRightPress?: () => void;\n  onLeftPress?: () => void;\n  onClose?: () => void;\n}) => {\n  return (\n    <SafeAreaView style={[styles.flex1, { backgroundColor }]}>\n      <KeyboardAvoidingView\n        enabled={keyboardAvoidingEnabled}\n        behavior=\"padding\"\n        style={styles.keyboardAvoidingViewContainer}\n      >\n        {isShowHeader && (\n          <Header\n            screenName={headerTitle}\n            subScreenName={subScreenName}\n            children={webHeaderTitle}\n            onLeftPress={onLeftPress}\n            onRightPress={onRightPress}\n            onClose={onClose}\n          />\n        )}\n        {children}\n      </KeyboardAvoidingView>\n    </SafeAreaView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  flex1: {\n    flex: 1,\n  },\n  keyboardAvoidingViewContainer: {\n    flexGrow: 1,\n    maxHeight: deviceHeight(),\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;;AAQa,MAAA,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAClC,uBAAuB,GAAG,KAAK,EAC/B,aAAa,EACb,cAAc,EACd,YAAY,EACZ,WAAW,EACX,OAAO,GAYR,KAAI;AACH,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,EAAA;AACtD,QAAA,KAAA,CAAA,aAAA,CAAC,oBAAoB,EAAA,EACnB,OAAO,EAAE,uBAAuB,EAChC,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,MAAM,CAAC,6BAA6B,EAAA;AAE1C,YAAA,YAAY,KACX,KAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,UAAU,EAAE,WAAW,EACvB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,GAChB,CACH;YACA,QAAQ,CACY,CACV;AAEnB;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACD,IAAA,6BAA6B,EAAE;AAC7B,QAAA,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,YAAY,EAAE;AAC1B,KAAA;AACF,CAAA,CAAC;;;;"}

package/dist/components/Container/index.d.ts

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

package/dist/components/Container/index.d.ts.map

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

package/dist/components/Header/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { CustomHeaderProps } from './type.js';
+
+declare const Header: React.FC<CustomHeaderProps>;
+
+export { Header as default };

package/dist/components/Header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAwD3C,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2JvC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Header/index.js

@@ -0,0 +1,128 @@
+import * as React from 'react';
+import { useState } from 'react';
+import { Platform, View, Pressable, Image } from 'react-native';
+import Animated, { useAnimatedRef, useSharedValue, useAnimatedStyle, measure, withTiming, Easing } from 'react-native-reanimated';
+import Text from '../Text/index.js';
+import { Icon } from '../Icons/Icon.js';
+import { styles } from './styles.js';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import { Images } from '../../themes/images.js';
+import { ph as responsiveHeight, pw as responsiveWidth } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+const hamburgerBussinessServicesList = [
+    {
+        id: 1,
+        title: "Home",
+    },
+    {
+        id: 2,
+        title: "試合情報",
+    },
+    {
+        id: 3,
+        title: "選手紹介",
+    },
+    {
+        id: 4,
+        title: "****",
+    },
+    {
+        id: 5,
+        title: "******",
+    },
+    {
+        id: 6,
+        title: "****",
+    },
+];
+const hamburgerWalletList = [
+    {
+        id: 1,
+        title: "口座一覧",
+    },
+    {
+        id: 2,
+        title: "Visaプリペイド",
+    },
+    {
+        id: 3,
+        title: "***Pay",
+    },
+    {
+        id: 4,
+        title: "ファンDX",
+    },
+    {
+        id: 5,
+        title: "アカウント",
+    },
+];
+const Header = ({ style, screenName, subScreenName, isShowLeftIcon = true, textColors = colors.white[10], children, leftIcon = "ic_close", onRightPress, onLeftPress, onClose, }) => {
+    const headerRef = useAnimatedRef();
+    const opacity = useSharedValue(0);
+    const [isOpen, setIsOpen] = useState(false);
+    const toggleDropdown = () => {
+        setIsOpen(!isOpen);
+        opacity.value = withTiming(isOpen ? 0 : 1, {
+            duration: 300,
+            easing: Easing.out(Easing.quad),
+        });
+    };
+    const animatedStyle = useAnimatedStyle(() => {
+        const layout = measure(headerRef);
+        return {
+            pointerEvents: opacity.value === 0 ? "none" : "auto",
+            opacity: opacity.value,
+            top: layout === null || layout === void 0 ? void 0 : layout.height,
+        };
+    });
+    const handleRightClick = () => {
+        onRightPress && onRightPress();
+    };
+    const handleLeftClick = () => {
+        if (onLeftPress) {
+            onLeftPress();
+        }
+    };
+    const colorStyle = textColors ? { color: textColors } : {};
+    return (React.createElement(React.Fragment, null, Platform.OS === "web" ? (React.createElement(View, null,
+        React.createElement(View, { style: [style, styles.headerContainer] },
+            isShowLeftIcon && (React.createElement(Icon, { tintColor: textColors, width: responsiveWidth(24), height: responsiveHeight(24), name: leftIcon, onPress: onClose })),
+            React.createElement(Text, { style: colorStyle, size: "medium", fontFamily: "Inter", fontWeight: "700" }, children || ""),
+            React.createElement(View, null)),
+        subScreenName && (React.createElement(View, { style: styles.headerScreenNameContainer },
+            React.createElement(View, { style: styles.headerScreenNameTextWrapper },
+                React.createElement(Text, { size: "medium", fontWeight: "700" }, subScreenName)),
+            React.createElement(View, { style: styles.headerScreenNameRightBoxContainer },
+                React.createElement(Icon, { name: "ic_back", tintColor: colors.neutral[90], onPress: handleLeftClick }),
+                React.createElement(Icon, { name: "ic_chevron_right", tintColor: colors.neutral[90], onPress: handleRightClick })))))) : (React.createElement(View, null,
+        React.createElement(Animated.View, { ref: headerRef, style: styles.shadowWrapper },
+            React.createElement(View, { style: [style, styles.headerUpperContentWrapper] },
+                React.createElement(Pressable, null,
+                    React.createElement(Image, { source: Images.payblend_logo })),
+                React.createElement(Pressable, { onPress: toggleDropdown, style: styles.rightBox },
+                    React.createElement(View, { style: styles.line }),
+                    React.createElement(View, { style: styles.line }),
+                    React.createElement(View, { style: styles.line })))),
+        React.createElement(Animated.View, { style: [styles.dropdown, animatedStyle] },
+            React.createElement(View, { style: styles.dropdownContentWrapper },
+                React.createElement(View, { style: styles.dropdownTitleNameContainer },
+                    React.createElement(Text, { size: "medium", fontWeight: "700", color: "white" }, "\u4E8B\u696D\u8005\u306E\u30B5\u30FC\u30D3\u30B9")),
+                hamburgerBussinessServicesList.map((item) => (React.createElement(Pressable, { key: item.id, style: styles.dropdownMenuNameContainer },
+                    React.createElement(Text, { size: "medium", fontWeight: "400", color: "white" }, item.title)))),
+                React.createElement(View, { style: styles.dropdownTitleNameContainer },
+                    React.createElement(Text, { size: "medium", fontWeight: "700", color: "white" }, "Wallet")),
+                hamburgerWalletList.map((item) => (React.createElement(Pressable, { key: item.id, style: styles.dropdownMenuNameContainer },
+                    React.createElement(Text, { size: "medium", fontWeight: "400", color: "white" }, item.title)))))),
+        screenName && (React.createElement(View, { style: styles.headerScreenNameContainer },
+            React.createElement(View, { style: styles.headerScreenNameTextWrapper },
+                React.createElement(Text, { size: "medium", fontWeight: "700" }, screenName)),
+            React.createElement(View, { style: styles.headerScreenNameRightBoxContainer },
+                React.createElement(Icon, { name: "ic_back", onPress: handleLeftClick }),
+                React.createElement(Icon, { name: "ic_chevron_right", onPress: handleRightClick }))))))));
+};
+
+export { Header as default };
+//# sourceMappingURL=index.js.map

package/dist/components/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/Header/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useState } from \"react\";\nimport { View, Image, Pressable, TextStyle, Platform } from \"react-native\";\nimport Animated, {\n  Easing,\n  measure,\n  useAnimatedRef,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from \"react-native-reanimated\";\nimport { CustomHeaderProps } from \"./type\";\nimport Text from \"../Text\";\nimport { Icon } from \"../Icons\";\nimport { styles } from \"./styles\";\nimport { colors, Images, ph, pw } from \"@ui/themes\";\n\nconst hamburgerBussinessServicesList = [\n  {\n    id: 1,\n    title: \"Home\",\n  },\n  {\n    id: 2,\n    title: \"試合情報\",\n  },\n  {\n    id: 3,\n    title: \"選手紹介\",\n  },\n  {\n    id: 4,\n    title: \"****\",\n  },\n  {\n    id: 5,\n    title: \"******\",\n  },\n  {\n    id: 6,\n    title: \"****\",\n  },\n];\n\nconst hamburgerWalletList = [\n  {\n    id: 1,\n    title: \"口座一覧\",\n  },\n  {\n    id: 2,\n    title: \"Visaプリペイド\",\n  },\n  {\n    id: 3,\n    title: \"***Pay\",\n  },\n  {\n    id: 4,\n    title: \"ファンDX\",\n  },\n  {\n    id: 5,\n    title: \"アカウント\",\n  },\n];\n\nconst Header: React.FC<CustomHeaderProps> = ({\n  style,\n  screenName,\n  subScreenName,\n  isShowLeftIcon = true,\n  textColors = colors.white[10],\n  children,\n  leftIcon = \"ic_close\",\n  onRightPress,\n  onLeftPress,\n  onClose,\n}) => {\n  const headerRef = useAnimatedRef<View>();\n  const opacity = useSharedValue(0);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const toggleDropdown = () => {\n    setIsOpen(!isOpen);\n    opacity.value = withTiming(isOpen ? 0 : 1, {\n      duration: 300,\n      easing: Easing.out(Easing.quad),\n    });\n  };\n\n  const animatedStyle = useAnimatedStyle(() => {\n    const layout = measure(headerRef);\n    return {\n      pointerEvents: opacity.value === 0 ? \"none\" : \"auto\",\n      opacity: opacity.value,\n      top: layout?.height,\n    };\n  });\n\n  const handleRightClick = () => {\n    onRightPress && onRightPress();\n  };\n  const handleLeftClick = () => {\n    if (onLeftPress) {\n      onLeftPress();\n    }\n  };\n  const colorStyle: TextStyle = textColors ? { color: textColors } : {};\n  return (\n    <>\n      {Platform.OS === \"web\" ? (\n        <View>\n          <View style={[style, styles.headerContainer]}>\n            {isShowLeftIcon && (\n              <Icon\n                tintColor={textColors}\n                width={pw(24)}\n                height={ph(24)}\n                name={leftIcon}\n                onPress={onClose}\n              />\n            )}\n            <Text\n              style={colorStyle}\n              size=\"medium\"\n              fontFamily={\"Inter\"}\n              fontWeight=\"700\"\n            >\n              {children || \"\"}\n            </Text>\n            <View />\n          </View>\n          {subScreenName && (\n            <View style={styles.headerScreenNameContainer}>\n              <View style={styles.headerScreenNameTextWrapper}>\n                <Text size=\"medium\" fontWeight=\"700\">\n                  {subScreenName}\n                </Text>\n              </View>\n\n              <View style={styles.headerScreenNameRightBoxContainer}>\n                <Icon\n                  name=\"ic_back\"\n                  tintColor={colors.neutral[90]}\n                  onPress={handleLeftClick}\n                />\n                <Icon\n                  name=\"ic_chevron_right\"\n                  tintColor={colors.neutral[90]}\n                  onPress={handleRightClick}\n                />\n              </View>\n            </View>\n          )}\n        </View>\n      ) : (\n        <View>\n          <Animated.View ref={headerRef} style={styles.shadowWrapper}>\n            <View style={[style, styles.headerUpperContentWrapper]}>\n              <Pressable>\n                <Image source={Images.payblend_logo} />\n              </Pressable>\n              <Pressable onPress={toggleDropdown} style={styles.rightBox}>\n                <View style={styles.line} />\n                <View style={styles.line} />\n                <View style={styles.line} />\n              </Pressable>\n            </View>\n          </Animated.View>\n          <Animated.View style={[styles.dropdown, animatedStyle]}>\n            <View style={styles.dropdownContentWrapper}>\n              <View style={styles.dropdownTitleNameContainer}>\n                <Text size=\"medium\" fontWeight=\"700\" color={\"white\"}>\n                  事業者のサービス\n                </Text>\n              </View>\n              {hamburgerBussinessServicesList.map((item) => (\n                <Pressable\n                  key={item.id}\n                  style={styles.dropdownMenuNameContainer}\n                >\n                  <Text size=\"medium\" fontWeight=\"400\" color={\"white\"}>\n                    {item.title}\n                  </Text>\n                </Pressable>\n              ))}\n              <View style={styles.dropdownTitleNameContainer}>\n                <Text size=\"medium\" fontWeight=\"700\" color={\"white\"}>\n                  Wallet\n                </Text>\n              </View>\n              {hamburgerWalletList.map((item) => (\n                <Pressable\n                  key={item.id}\n                  style={styles.dropdownMenuNameContainer}\n                >\n                  <Text size=\"medium\" fontWeight=\"400\" color={\"white\"}>\n                    {item.title}\n                  </Text>\n                </Pressable>\n              ))}\n            </View>\n          </Animated.View>\n          {screenName && (\n            <View style={styles.headerScreenNameContainer}>\n              <View style={styles.headerScreenNameTextWrapper}>\n                <Text size=\"medium\" fontWeight=\"700\">\n                  {screenName}\n                </Text>\n              </View>\n\n              <View style={styles.headerScreenNameRightBoxContainer}>\n                <Icon name=\"ic_back\" onPress={handleLeftClick} />\n                <Icon name=\"ic_chevron_right\" onPress={handleRightClick} />\n              </View>\n            </View>\n          )}\n        </View>\n      )}\n    </>\n  );\n};\n\nexport default Header;\n"],"names":["pw","ph"],"mappings":"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"}

package/dist/components/Header/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const buttonColors: Record<string, string>;
+export declare const textSizes: {
+    [key: string]: number;
+};
+export declare const textColors: {
+    [key: string]: string;
+};
+export declare const styles: any;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/Header/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../components/Header/styles.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK/C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAI9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAM/C,CAAC;AAEF,eAAO,MAAM,MAAM,KA6FjB,CAAC"}

package/dist/components/Header/styles.js

@@ -0,0 +1,120 @@
+import { StyleSheet, Platform } from 'react-native';
+import '../../themes/base/styles.js';
+import { colors } from '../../themes/colors.js';
+import '../../themes/images.js';
+import { Space, metrics, ph as responsiveHeight, pw as responsiveWidth, FontSizes } from '../../themes/metrics.js';
+import '../../themes/stats.js';
+
+({
+    primary: colors.teal[80],
+    secondary: colors.neutral[20],
+    error: colors.red[60],
+    black: colors.neutral[100],
+});
+({
+    small: FontSizes.fontSmall,
+    medium: FontSizes.fontMedium,
+    large: FontSizes.fontLarge,
+});
+({
+    primary: colors.teal[80],
+    secondary: colors.neutral[20],
+    error: colors.red[60],
+    black: colors.neutral[100],
+    while: colors.white[10],
+});
+const styles = StyleSheet.create({
+    shadowWrapper: {
+        overflow: "hidden",
+        paddingBottom: 5,
+    },
+    headerUpperContentWrapper: {
+        width: "100%",
+        justifyContent: "space-between",
+        flexDirection: "row",
+        paddingHorizontal: metrics.width.spacingXXLarge,
+        paddingVertical: Space.xxxxs,
+        alignItems: "center",
+        backgroundColor: colors.white[10],
+        shadowColor: colors.black[10],
+        shadowOffset: {
+            width: 0,
+            height: 5,
+        },
+        shadowOpacity: 0.01,
+        elevation: 5,
+    },
+    headerScreenNameContainer: {
+        paddingHorizontal: Space.medium,
+        paddingVertical: Space.small,
+        flexDirection: "row",
+        alignItems: "center",
+        backgroundColor: "white",
+    },
+    headerScreenNameTextWrapper: {
+        width: "60%",
+    },
+    headerScreenNameRightBoxContainer: {
+        flexDirection: "row",
+        width: "40%",
+        justifyContent: "flex-end",
+    },
+    leftBtn: {
+        backgroundColor: "red",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    rightBox: {
+        borderWidth: metrics.borderWidthMedium,
+        borderColor: colors.neutral[60],
+        borderRadius: metrics.borderRadiusTiny,
+        paddingHorizontal: responsiveWidth(14),
+        paddingVertical: Space.xs,
+        gap: Space.xxs,
+    },
+    line: {
+        backgroundColor: colors.neutral[85],
+        width: responsiveWidth(23),
+        height: responsiveHeight(1),
+    },
+    dropdown: {
+        position: "absolute",
+        width: "100%",
+        overflow: "hidden",
+        backgroundColor: colors.neutral[90],
+        zIndex: 10,
+        shadowColor: colors.neutral[100],
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 0.25,
+        shadowRadius: 6,
+        elevation: 6,
+    },
+    dropdownContentWrapper: {
+        paddingVertical: Space.large,
+    },
+    dropdownTitleNameContainer: {
+        paddingHorizontal: Space.medium,
+        paddingVertical: Space.xs,
+    },
+    dropdownMenuNameContainer: {
+        paddingHorizontal: Space.large,
+        paddingVertical: Space.xs,
+    },
+    headerContainer: {
+        width: "100%",
+        justifyContent: "space-between",
+        flexDirection: "row",
+        paddingHorizontal: metrics.width.spacingXXLarge,
+        paddingVertical: Space.xs,
+        alignItems: "center",
+        backgroundColor: Platform.OS === "web" ? colors.primaryWeb[100] : colors.primary[100],
+        shadowColor: "rgba(13, 26, 38, 0.15)",
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.25,
+        shadowRadius: 3.84,
+        elevation: 5,
+    },
+});
+
+export { styles };
+//# sourceMappingURL=styles.js.map

package/dist/components/Header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../components/Header/styles.tsx"],"sourcesContent":["import { Platform, StyleSheet } from \"react-native\";\nimport { FontSizes, Space, metrics, ph, pw } from \"@ui/themes\";\nimport { colors } from \"@ui/themes/colors\";\n\nexport const buttonColors: Record<string, string> = {\n  primary: colors.teal[80],\n  secondary: colors.neutral[20],\n  error: colors.red[60],\n  black: colors.neutral[100],\n};\n\nexport const textSizes: { [key: string]: number } = {\n  small: FontSizes.fontSmall,\n  medium: FontSizes.fontMedium,\n  large: FontSizes.fontLarge,\n};\n\nexport const textColors: { [key: string]: string } = {\n  primary: colors.teal[80],\n  secondary: colors.neutral[20],\n  error: colors.red[60],\n  black: colors.neutral[100],\n  while: colors.white[10],\n};\n\nexport const styles = StyleSheet.create({\n  shadowWrapper: {\n    overflow: \"hidden\",\n    paddingBottom: 5,\n  },\n  headerUpperContentWrapper: {\n    width: \"100%\",\n    justifyContent: \"space-between\",\n    flexDirection: \"row\",\n    paddingHorizontal: metrics.width.spacingXXLarge,\n    paddingVertical: Space.xxxxs,\n    alignItems: \"center\",\n    backgroundColor: colors.white[10],\n    shadowColor: colors.black[10],\n    shadowOffset: {\n      width: 0,\n      height: 5,\n    },\n    shadowOpacity: 0.01,\n    elevation: 5,\n  },\n  headerScreenNameContainer: {\n    paddingHorizontal: Space.medium,\n    paddingVertical: Space.small,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    backgroundColor: \"white\",\n  },\n  headerScreenNameTextWrapper: {\n    width: \"60%\",\n  },\n  headerScreenNameRightBoxContainer: {\n    flexDirection: \"row\",\n    width: \"40%\",\n    justifyContent: \"flex-end\",\n  },\n  leftBtn: {\n    backgroundColor: \"red\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  rightBox: {\n    borderWidth: metrics.borderWidthMedium,\n    borderColor: colors.neutral[60],\n    borderRadius: metrics.borderRadiusTiny,\n    paddingHorizontal: pw(14),\n    paddingVertical: Space.xs,\n    gap: Space.xxs,\n  },\n  line: {\n    backgroundColor: colors.neutral[85],\n    width: pw(23),\n    height: ph(1),\n  },\n  dropdown: {\n    position: \"absolute\",\n    width: \"100%\",\n    overflow: \"hidden\",\n    backgroundColor: colors.neutral[90],\n    zIndex: 10,\n    shadowColor: colors.neutral[100],\n    shadowOffset: { width: 0, height: 4 },\n    shadowOpacity: 0.25,\n    shadowRadius: 6,\n    elevation: 6,\n  },\n  dropdownContentWrapper: {\n    paddingVertical: Space.large,\n  },\n\n  dropdownTitleNameContainer: {\n    paddingHorizontal: Space.medium,\n    paddingVertical: Space.xs,\n  },\n  dropdownMenuNameContainer: {\n    paddingHorizontal: Space.large,\n    paddingVertical: Space.xs,\n  },\n  headerContainer: {\n    width: \"100%\",\n    justifyContent: \"space-between\",\n    flexDirection: \"row\",\n    paddingHorizontal: metrics.width.spacingXXLarge,\n    paddingVertical: Space.xs,\n    alignItems: \"center\",\n    backgroundColor:\n      Platform.OS === \"web\" ? colors.primaryWeb[100] : colors.primary[100],\n    shadowColor: \"rgba(13, 26, 38, 0.15)\",\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.25,\n    shadowRadius: 3.84,\n    elevation: 5,\n  },\n});"],"names":["pw","ph"],"mappings":"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"}