@0610studio/zs-ui 0.13.5 → 0.13.8

package/build/theme/primitive.d.ts

@@ -0,0 +1,111 @@
+export declare const WHITE = "#FFFFFF";
+export declare const BLACK = "#000000";
+export declare const PRIMITIVE_ORANGE: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const PRIMITIVE_TEAL: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const PRIMITIVE_BLUE: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const PRIMITIVE_RED: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const PRIMITIVE_YELLOW: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const PRIMITIVE_GREEN: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const PRIMITIVE_GREY: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const PRIMITIVE_GREY_DARK: {
+    5: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare const SHADOW_COLORS: {
+    light: string[];
+    dark: string[];
+};
+//# sourceMappingURL=primitive.d.ts.map

package/build/theme/primitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../src/theme/primitive.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,KAAK,YAAY,CAAC;AAE/B,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAY5B,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;CAY1B,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;CAY1B,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;CAYzB,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;CAY5B,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;CAY3B,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;CAY1B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;CAY/B,CAAA;AAED,eAAO,MAAM,aAAa;;;CAyBzB,CAAA"}

package/build/theme/primitive.js

@@ -0,0 +1,133 @@
+export const WHITE = '#FFFFFF';
+export const BLACK = '#000000';
+export const PRIMITIVE_ORANGE = {
+    5: '#fffaf0',
+    10: '#fff2dc',
+    20: '#ffda9e',
+    30: '#ffc86e',
+    40: '#ffb742',
+    50: '#ffa20d',
+    60: '#e69100',
+    70: '#cc8000',
+    80: '#b37000',
+    90: '#996000',
+    100: '#805000',
+};
+export const PRIMITIVE_TEAL = {
+    5: '#f2fbfb',
+    10: '#e0f7f7',
+    20: '#b2e8e6',
+    30: '#7fd6d1',
+    40: '#4fc3bb',
+    50: '#26b3a8',
+    60: '#1a948a',
+    70: '#13766f',
+    80: '#0d5954',
+    90: '#0a3f3c',
+    100: '#072a29',
+};
+export const PRIMITIVE_BLUE = {
+    5: '#f5faff',
+    10: '#e8f0ff',
+    20: '#b8d8ff',
+    30: '#8fa8ff',
+    40: '#6b8aff',
+    50: '#4981ff',
+    60: '#1f53e6',
+    70: '#173ecc',
+    80: '#0c2eb3',
+    90: '#041f99',
+    100: '#021980',
+};
+export const PRIMITIVE_RED = {
+    5: '#FFF5F6',
+    10: '#FFE8EB',
+    20: '#FFB8C4',
+    30: '#FF8FA3',
+    40: '#FF6B85',
+    50: '#FF4D6F',
+    60: '#F02D5A',
+    70: '#E01E4A',
+    80: '#CC163E',
+    90: '#B30F33',
+    100: '#990A2A',
+};
+export const PRIMITIVE_YELLOW = {
+    5: '#FFFBF0',
+    10: '#FFF7DC',
+    20: '#FFEF9E',
+    30: '#FFE76E',
+    40: '#FFDF42',
+    50: '#FFD700',
+    60: '#E6C200',
+    70: '#CCAD00',
+    80: '#B39800',
+    90: '#998300',
+    100: '#806E00',
+};
+export const PRIMITIVE_GREEN = {
+    5: '#F5FFF7',
+    10: '#E8FFEC',
+    20: '#B8FFC4',
+    30: '#8FFFA3',
+    40: '#6BFF85',
+    50: '#4FD165',
+    60: '#2DB84A',
+    70: '#1A9F38',
+    80: '#0F8B2B',
+    90: '#0A7A24',
+    100: '#00691D',
+};
+export const PRIMITIVE_GREY = {
+    5: '#F8F8F8',
+    10: '#F5F7F9',
+    20: '#F0F2F4',
+    30: '#DFE3E8',
+    40: '#C4CDD5',
+    50: '#919EAB',
+    60: '#637381',
+    70: '#454F5B',
+    80: '#1C252E',
+    90: '#141A21',
+    100: '#000000',
+};
+export const PRIMITIVE_GREY_DARK = {
+    5: '#141414',
+    10: '#1F1F1F',
+    20: '#2C2C2C',
+    30: '#3D3D3D',
+    40: '#4F4F4F',
+    50: '#606060',
+    60: '#737373',
+    70: '#8C8C8C',
+    80: '#bfbfbf',
+    90: '#ededed',
+    100: '#FFFFFF',
+};
+export const SHADOW_COLORS = {
+    light: [
+        'rgba(0, 0, 0, 0.18)',
+        'rgba(0, 0, 0, 0.20)',
+        'rgba(0, 0, 0, 0.22)',
+        'rgba(0, 0, 0, 0.23)',
+        'rgba(0, 0, 0, 0.25)',
+        'rgba(0, 0, 0, 0.27)',
+        'rgba(0, 0, 0, 0.29)',
+        'rgba(0, 0, 0, 0.30)',
+        'rgba(0, 0, 0, 0.32)',
+        'rgba(0, 0, 0, 0.34)',
+    ],
+    dark: [
+        'rgba(255, 255, 255, 0.58)',
+        'rgba(255, 255, 255, 0.60)',
+        'rgba(255, 255, 255, 0.62)',
+        'rgba(255, 255, 255, 0.63)',
+        'rgba(255, 255, 255, 0.65)',
+        'rgba(255, 255, 255, 0.67)',
+        'rgba(255, 255, 255, 0.69)',
+        'rgba(255, 255, 255, 0.70)',
+        'rgba(255, 255, 255, 0.72)',
+        'rgba(255, 255, 255, 0.74)',
+    ]
+};
+//# sourceMappingURL=primitive.js.map

package/build/theme/primitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitive.js","sourceRoot":"","sources":["../../src/theme/primitive.ts"],"names":[],"mappings":"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","sourcesContent":["export const WHITE = '#FFFFFF';\nexport const BLACK = '#000000';\n\nexport const PRIMITIVE_ORANGE = {\n  5: '#fffaf0',\n  10: '#fff2dc',\n  20: '#ffda9e',\n  30: '#ffc86e',\n  40: '#ffb742',\n  50: '#ffa20d',\n  60: '#e69100',\n  70: '#cc8000',\n  80: '#b37000',\n  90: '#996000',\n  100: '#805000',\n}\n\nexport const PRIMITIVE_TEAL = {\n  5: '#f2fbfb',\n  10: '#e0f7f7',\n  20: '#b2e8e6',\n  30: '#7fd6d1',\n  40: '#4fc3bb',\n  50: '#26b3a8',\n  60: '#1a948a',\n  70: '#13766f',\n  80: '#0d5954',\n  90: '#0a3f3c',\n  100: '#072a29',\n}\n\nexport const PRIMITIVE_BLUE = {\n  5: '#f5faff',\n  10: '#e8f0ff',\n  20: '#b8d8ff',\n  30: '#8fa8ff',\n  40: '#6b8aff',\n  50: '#4981ff',\n  60: '#1f53e6',\n  70: '#173ecc',\n  80: '#0c2eb3',\n  90: '#041f99',\n  100: '#021980',\n}\n\nexport const PRIMITIVE_RED = {\n  5: '#FFF5F6',\n  10: '#FFE8EB',\n  20: '#FFB8C4',\n  30: '#FF8FA3',\n  40: '#FF6B85',\n  50: '#FF4D6F',\n  60: '#F02D5A',\n  70: '#E01E4A',\n  80: '#CC163E',\n  90: '#B30F33',\n  100: '#990A2A',\n}\n\nexport const PRIMITIVE_YELLOW = {\n  5: '#FFFBF0',\n  10: '#FFF7DC',\n  20: '#FFEF9E',\n  30: '#FFE76E',\n  40: '#FFDF42',\n  50: '#FFD700',\n  60: '#E6C200',\n  70: '#CCAD00',\n  80: '#B39800',\n  90: '#998300',\n  100: '#806E00',\n}\n\nexport const PRIMITIVE_GREEN = {\n  5: '#F5FFF7',\n  10: '#E8FFEC',\n  20: '#B8FFC4',\n  30: '#8FFFA3',\n  40: '#6BFF85',\n  50: '#4FD165',\n  60: '#2DB84A',\n  70: '#1A9F38',\n  80: '#0F8B2B',\n  90: '#0A7A24',\n  100: '#00691D',\n}\n\nexport const PRIMITIVE_GREY = {\n  5: '#F8F8F8',\n  10: '#F5F7F9',\n  20: '#F0F2F4',\n  30: '#DFE3E8',\n  40: '#C4CDD5',\n  50: '#919EAB',\n  60: '#637381',\n  70: '#454F5B',\n  80: '#1C252E',\n  90: '#141A21',\n  100: '#000000',\n}\n\nexport const PRIMITIVE_GREY_DARK = {\n  5: '#141414',\n  10: '#1F1F1F',\n  20: '#2C2C2C',\n  30: '#3D3D3D',\n  40: '#4F4F4F',\n  50: '#606060',\n  60: '#737373',\n  70: '#8C8C8C',\n  80: '#bfbfbf',\n  90: '#ededed',\n  100: '#FFFFFF',\n}\n\nexport const SHADOW_COLORS = {\n  light: [\n    'rgba(0, 0, 0, 0.18)',\n    'rgba(0, 0, 0, 0.20)',\n    'rgba(0, 0, 0, 0.22)',\n    'rgba(0, 0, 0, 0.23)',\n    'rgba(0, 0, 0, 0.25)',\n    'rgba(0, 0, 0, 0.27)',\n    'rgba(0, 0, 0, 0.29)',\n    'rgba(0, 0, 0, 0.30)',\n    'rgba(0, 0, 0, 0.32)',\n    'rgba(0, 0, 0, 0.34)',\n  ],\n  dark: [\n    'rgba(255, 255, 255, 0.58)',\n    'rgba(255, 255, 255, 0.60)',\n    'rgba(255, 255, 255, 0.62)',\n    'rgba(255, 255, 255, 0.63)',\n    'rgba(255, 255, 255, 0.65)',\n    'rgba(255, 255, 255, 0.67)',\n    'rgba(255, 255, 255, 0.69)',\n    'rgba(255, 255, 255, 0.70)',\n    'rgba(255, 255, 255, 0.72)',\n    'rgba(255, 255, 255, 0.74)',\n  ]\n}"]}

package/build/ui/ZSBlockButton/index.d.ts

@@ -9,7 +9,9 @@ type Props = {
     variant?: 'solid' | 'pastel' | 'stroke';
     typo: TypoOptions;
     prefixIcon?: ImageSourcePropType;
+    isLoading?: boolean;
+    disabled?: boolean;
 };
-declare function ZSBlockButton({ onPress, style, title, intent, typo, prefixIcon, variant }: Props): import("react").JSX.Element;
+declare function ZSBlockButton({ onPress, style, title, intent, typo, prefixIcon, variant, isLoading, disabled }: Props): import("react").JSX.Element;
 export default ZSBlockButton;
 //# sourceMappingURL=index.d.ts.map

package/build/ui/ZSBlockButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSBlockButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,EAAoB,WAAW,EAAoB,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAMnG,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACxC,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAClC,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAkB,EAAE,IAAI,EAAE,UAAU,EAAE,OAAiB,EAAE,EAAE,KAAK,+BA6G/G;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSBlockButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,EAAoB,WAAW,EAAoB,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAMnG,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACxC,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAkB,EAAE,IAAI,EAAE,UAAU,EAAE,OAAiB,EAAE,SAAiB,EAAE,QAAgB,EAAE,EAAE,KAAK,+BA6GpJ;AAED,eAAe,aAAa,CAAC"}

package/build/ui/ZSBlockButton/index.js

@@ -3,7 +3,7 @@ import { useTheme } from '../../context/ThemeContext';
 import ZSPressable from '../ZSPressable';
 import ZSView from '../ZSView';
 import ZSText from '../ZSText';
-function ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefixIcon, variant = 'solid' }) {
+function ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefixIcon, variant = 'solid', isLoading = false, disabled = false }) {
     const { palette } = useTheme();
     const size = typo.split('.')[1];
     const getColors = () => {
@@ -74,7 +74,7 @@ function ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefix
         return palette.text[c01];
     };
     const textColorValue = getTextColorValue();
-    return (<ZSPressable onPress={onPress} style={style}>
+    return (<ZSPressable onPress={onPress} style={style} isLoading={isLoading} disabled={disabled}>
       <ZSView style={{
             paddingHorizontal,
             paddingVertical,

package/build/ui/ZSBlockButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSBlockButton/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Image, type ImageSourcePropType, type StyleProp, type ViewStyle } from 'react-native';\nimport { TypoColorOptions, TypoOptions, ViewColorOptions, IntentOptions } from '../../theme/types';\nimport { useTheme } from '../../context/ThemeContext';\nimport ZSPressable from '../ZSPressable';\nimport ZSView from '../ZSView';\nimport ZSText from '../ZSText';\n\ntype Props = {\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  title: string;\n  intent?: IntentOptions;\n  variant?: 'solid' | 'pastel' | 'stroke';\n  typo: TypoOptions;\n  prefixIcon?: ImageSourcePropType;\n};\n\nfunction ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefixIcon, variant = 'solid' }: Props) {\n  const { palette } = useTheme();\n  const size = typo.split('.')[1];\n\n  const getColors = (): {\n    backgroundColor: ViewColorOptions | 'transparent';\n    textColor: TypoColorOptions;\n    borderColor?: string;\n    borderWidth: number;\n  } => {\n    const baseColor = intent === 'danger' ? 'danger'\n      : intent === 'primary' ? 'primary'\n        : intent === 'information' ? 'information'\n          : intent === 'success' ? 'success'\n            : intent === 'warning' ? 'warning'\n              : 'grey';\n\n    if (variant === 'solid') {\n      return {\n        backgroundColor: `${baseColor}.50` as ViewColorOptions,\n        textColor: 'white' as TypoColorOptions,\n        borderColor: undefined,\n        borderWidth: 0,\n      };\n    } else if (variant === 'pastel') {\n      return {\n        backgroundColor: `${baseColor}.10` as ViewColorOptions,\n        textColor: (intent === 'danger' ? 'danger.60'\n          : intent === 'primary' ? 'primary.60'\n            : intent === 'information' ? 'information.60'\n              : intent === 'success' ? 'success.60'\n                : intent === 'warning' ? 'warning.60'\n                  : 'grey.70') as TypoColorOptions,\n        borderColor: undefined,\n        borderWidth: 0,\n      };\n    } else { // stroke\n      return {\n        backgroundColor: 'transparent',\n        textColor: (intent === 'danger' ? 'danger.50'\n          : intent === 'primary' ? 'primary.50'\n            : intent === 'information' ? 'information.50'\n              : intent === 'success' ? 'success.50'\n                : intent === 'warning' ? 'warning.60'\n                  : 'grey.60') as TypoColorOptions,\n        borderColor: intent === 'danger' ? palette.danger[50]\n          : intent === 'primary' ? palette.primary[50]\n            : intent === 'information' ? palette.information[50]\n              : intent === 'success' ? palette.success[50]\n                : intent === 'warning' ? palette.warning[50]\n                  : palette.grey[50],\n        borderWidth: 1,\n      };\n    }\n  };\n\n  const colors = getColors();\n\n  const paddingHorizontal = size === '1' ? 11\n    : size === '2' ? 11\n      : size === '3' ? 10\n        : size === '4' ? 8\n          : size === '5' ? 7\n            : 10;\n  const paddingVertical = size === '1' ? 9\n    : size === '2' ? 9\n      : size === '3' ? 8\n        : size === '4' ? 6\n          : size === '5' ? 5\n            : 8;\n\n  const getTextColorValue = () => {\n    const [c01, c02] = colors.textColor.split('.');\n    if (c02) {\n      return palette[c01][c02];\n    }\n    return palette.text[c01];\n  };\n\n  const textColorValue = getTextColorValue();\n\n  return (\n    <ZSPressable onPress={onPress} style={style}>\n      <ZSView\n        style={{\n          paddingHorizontal,\n          paddingVertical,\n          borderRadius: 6,\n          justifyContent: 'center',\n          alignItems: 'center',\n          flexDirection: 'row',\n          gap: 4,\n          backgroundColor: colors.backgroundColor === 'transparent' ? 'transparent' : undefined,\n          borderColor: colors.borderColor,\n          borderWidth: colors.borderWidth,\n        }}\n        color={colors.backgroundColor !== 'transparent' ? colors.backgroundColor : undefined}\n      >\n        {prefixIcon && (\n          <Image\n            style={{ width: 12, height: 12, marginTop: 1 }}\n            tintColor={textColorValue}\n            source={prefixIcon}\n          />\n        )}\n        <ZSText color={colors.textColor} typo={typo}>{title}</ZSText>\n      </ZSView>\n    </ZSPressable>\n  );\n}\n\nexport default ZSBlockButton;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSBlockButton/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Image, type ImageSourcePropType, type StyleProp, type ViewStyle } from 'react-native';\nimport { TypoColorOptions, TypoOptions, ViewColorOptions, IntentOptions } from '../../theme/types';\nimport { useTheme } from '../../context/ThemeContext';\nimport ZSPressable from '../ZSPressable';\nimport ZSView from '../ZSView';\nimport ZSText from '../ZSText';\n\ntype Props = {\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  title: string;\n  intent?: IntentOptions;\n  variant?: 'solid' | 'pastel' | 'stroke';\n  typo: TypoOptions;\n  prefixIcon?: ImageSourcePropType;\n  isLoading?: boolean;\n  disabled?: boolean;\n};\n\nfunction ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefixIcon, variant = 'solid', isLoading = false, disabled = false }: Props) {\n  const { palette } = useTheme();\n  const size = typo.split('.')[1];\n\n  const getColors = (): {\n    backgroundColor: ViewColorOptions | 'transparent';\n    textColor: TypoColorOptions;\n    borderColor?: string;\n    borderWidth: number;\n  } => {\n    const baseColor = intent === 'danger' ? 'danger'\n      : intent === 'primary' ? 'primary'\n        : intent === 'information' ? 'information'\n          : intent === 'success' ? 'success'\n            : intent === 'warning' ? 'warning'\n              : 'grey';\n\n    if (variant === 'solid') {\n      return {\n        backgroundColor: `${baseColor}.50` as ViewColorOptions,\n        textColor: 'white' as TypoColorOptions,\n        borderColor: undefined,\n        borderWidth: 0,\n      };\n    } else if (variant === 'pastel') {\n      return {\n        backgroundColor: `${baseColor}.10` as ViewColorOptions,\n        textColor: (intent === 'danger' ? 'danger.60'\n          : intent === 'primary' ? 'primary.60'\n            : intent === 'information' ? 'information.60'\n              : intent === 'success' ? 'success.60'\n                : intent === 'warning' ? 'warning.60'\n                  : 'grey.70') as TypoColorOptions,\n        borderColor: undefined,\n        borderWidth: 0,\n      };\n    } else { // stroke\n      return {\n        backgroundColor: 'transparent',\n        textColor: (intent === 'danger' ? 'danger.50'\n          : intent === 'primary' ? 'primary.50'\n            : intent === 'information' ? 'information.50'\n              : intent === 'success' ? 'success.50'\n                : intent === 'warning' ? 'warning.60'\n                  : 'grey.60') as TypoColorOptions,\n        borderColor: intent === 'danger' ? palette.danger[50]\n          : intent === 'primary' ? palette.primary[50]\n            : intent === 'information' ? palette.information[50]\n              : intent === 'success' ? palette.success[50]\n                : intent === 'warning' ? palette.warning[50]\n                  : palette.grey[50],\n        borderWidth: 1,\n      };\n    }\n  };\n\n  const colors = getColors();\n\n  const paddingHorizontal = size === '1' ? 11\n    : size === '2' ? 11\n      : size === '3' ? 10\n        : size === '4' ? 8\n          : size === '5' ? 7\n            : 10;\n  const paddingVertical = size === '1' ? 9\n    : size === '2' ? 9\n      : size === '3' ? 8\n        : size === '4' ? 6\n          : size === '5' ? 5\n            : 8;\n\n  const getTextColorValue = () => {\n    const [c01, c02] = colors.textColor.split('.');\n    if (c02) {\n      return palette[c01][c02];\n    }\n    return palette.text[c01];\n  };\n\n  const textColorValue = getTextColorValue();\n\n  return (\n    <ZSPressable onPress={onPress} style={style} isLoading={isLoading} disabled={disabled}>\n      <ZSView\n        style={{\n          paddingHorizontal,\n          paddingVertical,\n          borderRadius: 6,\n          justifyContent: 'center',\n          alignItems: 'center',\n          flexDirection: 'row',\n          gap: 4,\n          backgroundColor: colors.backgroundColor === 'transparent' ? 'transparent' : undefined,\n          borderColor: colors.borderColor,\n          borderWidth: colors.borderWidth,\n        }}\n        color={colors.backgroundColor !== 'transparent' ? colors.backgroundColor : undefined}\n      >\n        {prefixIcon && (\n          <Image\n            style={{ width: 12, height: 12, marginTop: 1 }}\n            tintColor={textColorValue}\n            source={prefixIcon}\n          />\n        )}\n        <ZSText color={colors.textColor} typo={typo}>{title}</ZSText>\n      </ZSView>\n    </ZSPressable>\n  );\n}\n\nexport default ZSBlockButton;\n"]}

package/build/ui/ZSPressable/index.d.ts

@@ -10,8 +10,10 @@ interface ZSPressableProps extends ViewProps {
     elevationLevel?: ShadowLevel;
     fullWidth?: boolean;
     color?: ViewColorOptions;
+    isLoading?: boolean;
+    disabled?: boolean;
 }
-declare function ZSPressable({ onPress, onLongPress, isAnimation, pressedBackgroundColor, pressedBackgroundBorderRadius, elevationLevel, fullWidth, color, ...props }: ZSPressableProps): React.JSX.Element;
+declare function ZSPressable({ onPress, onLongPress, isAnimation, pressedBackgroundColor, pressedBackgroundBorderRadius, elevationLevel, fullWidth, color, isLoading, disabled, ...props }: ZSPressableProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof ZSPressable>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/build/ui/ZSPressable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSPressable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAKvE,UAAU,gBAAiB,SAAQ,SAAS;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,WAAW,EACX,WAAkB,EAClB,sBAAmD,EACnD,6BAAkC,EAClC,cAAc,EACd,SAAiB,EACjB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,qBA4DlB;;AAED,wBAAuC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSPressable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EAAmB,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAMvE,UAAU,gBAAiB,SAAQ,SAAS;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,WAAW,EACX,WAAkB,EAClB,sBAAmD,EACnD,6BAAkC,EAClC,cAAc,EACd,SAAiB,EACjB,KAAK,EACL,SAAiB,EACjB,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,gBAAgB,qBA8ElB;;AAED,wBAAuC"}

package/build/ui/ZSPressable/index.js

@@ -1,11 +1,28 @@
-import React from "react";
+import React, { useRef } from "react";
 import { Pressable, View } from "react-native";
 import Animated, { interpolate, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
 import AnimatedWrapper from "../atoms/AnimatedWrapper";
 const DEFAULT_DURATION = { duration: 100 };
 const SCALE_VALUES = [1, 0.96];
-function ZSPressable({ onPress, onLongPress, isAnimation = true, pressedBackgroundColor = 'rgba(180, 180, 180, 0.1)', pressedBackgroundBorderRadius = 16, elevationLevel, fullWidth = false, color, ...props }) {
+const DEBOUNCE_TIME = 300;
+function ZSPressable({ onPress, onLongPress, isAnimation = true, pressedBackgroundColor = 'rgba(180, 180, 180, 0.1)', pressedBackgroundBorderRadius = 16, elevationLevel, fullWidth = false, color, isLoading = false, disabled = false, ...props }) {
     const isButtonPress = useSharedValue(0);
+    const lastClickTime = useRef(0);
+    // ------------------------------------------------------------
+    const createPressHandler = (callback) => {
+        return () => {
+            const now = Date.now();
+            if (now - lastClickTime.current < DEBOUNCE_TIME)
+                return;
+            if (isLoading || disabled)
+                return;
+            lastClickTime.current = now;
+            callback?.();
+        };
+    };
+    const handlePress = createPressHandler(onPress);
+    const handleLongPress = createPressHandler(onLongPress);
+    // ------------------------------------------------------------
     const boxAnimation = useAnimatedStyle(() => {
         'worklet';
         const scale = interpolate(isButtonPress.value, [0, 1], SCALE_VALUES, 'clamp');
@@ -30,9 +47,8 @@ function ZSPressable({ onPress, onLongPress, isAnimation = true, pressedBackgrou
                 borderRadius: pressedBackgroundBorderRadius,
             };
     };
-    const containerStyle = fullWidth ? { width: '100%' } : undefined;
-    return (<View style={containerStyle}>
-      <Pressable onPress={onPress} onLongPress={onLongPress} onPressIn={handlePressIn} onPressOut={handlePressOut} style={({ pressed }) => handlePressStyle(pressed)}>
+    return (<View style={[fullWidth ? { width: '100%' } : undefined, { opacity: (isLoading || disabled) ? 0.55 : 1 }]}>
+      <Pressable onPress={handlePress} onLongPress={handleLongPress} onPressIn={handlePressIn} onPressOut={handlePressOut} disabled={isLoading || disabled} style={({ pressed }) => handlePressStyle(pressed)}>
         <Animated.View style={boxAnimation}>
           <AnimatedWrapper color={color} isAnimation={isAnimation} elevationLevel={elevationLevel} style={props.style}>
             {props.children}

package/build/ui/ZSPressable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSPressable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAC1D,OAAO,QAAQ,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC9G,OAAO,eAAe,MAAM,0BAA0B,CAAC;AAGvD,MAAM,gBAAgB,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAW,CAAC;AACpD,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,IAAI,CAAU,CAAC;AAaxC,SAAS,WAAW,CAAC,EACnB,OAAO,EACP,WAAW,EACX,WAAW,GAAG,IAAI,EAClB,sBAAsB,GAAG,0BAA0B,EACnD,6BAA6B,GAAG,EAAE,EAClC,cAAc,EACd,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,GAAG,KAAK,EACS;IACjB,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACzC,SAAS,CAAC;QACV,MAAM,KAAK,GAAG,WAAW,CACvB,aAAa,CAAC,KAAK,EACnB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,YAAY,EACZ,OAAO,CACR,CAAC;QACF,OAAO;YACL,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;SACvB,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,aAAa,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,aAAa,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,OAAgB,EAAE,EAAE;QAC5C,OAAO,OAAO;YACZ,CAAC,CAAC;gBACE,eAAe,EAAE,sBAAsB;gBACvC,YAAY,EAAE,6BAA6B;aAC5C;YACH,CAAC,CAAC;gBACE,eAAe,EAAE,aAAa;gBAC9B,YAAY,EAAE,6BAA6B;aAC5C,CAAC;IACR,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAe,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1E,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAC1B;MAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,UAAU,CAAC,CAAC,cAAc,CAAC,CAC3B,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAElD;QAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACjC;UAAA,CAAC,eAAe,CACd,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAEnB;YAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;UAAA,EAAE,eAAe,CACnB;QAAA,EAAE,QAAQ,CAAC,IAAI,CACjB;MAAA,EAAE,SAAS,CACb;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport { Pressable, View, ViewProps } from \"react-native\";\nimport Animated, { interpolate, useAnimatedStyle, useSharedValue, withTiming } from \"react-native-reanimated\";\nimport AnimatedWrapper from \"../atoms/AnimatedWrapper\";\nimport type { ShadowLevel, ViewColorOptions } from \"../../theme/types\";\n\nconst DEFAULT_DURATION = { duration: 100 } as const;\nconst SCALE_VALUES = [1, 0.96] as const;\n\ninterface ZSPressableProps extends ViewProps {\n  onPress?: (value?: any) => void;\n  onLongPress?: (value?: any) => void;\n  pressedBackgroundColor?: string;\n  pressedBackgroundBorderRadius?: number;\n  isAnimation?: boolean;\n  elevationLevel?: ShadowLevel;\n  fullWidth?: boolean;\n  color?: ViewColorOptions;\n}\n\nfunction ZSPressable({\n  onPress,\n  onLongPress,\n  isAnimation = true,\n  pressedBackgroundColor = 'rgba(180, 180, 180, 0.1)',\n  pressedBackgroundBorderRadius = 16,\n  elevationLevel,\n  fullWidth = false,\n  color,\n  ...props\n}: ZSPressableProps) {\n  const isButtonPress = useSharedValue(0);\n\n  const boxAnimation = useAnimatedStyle(() => {\n    'worklet';\n    const scale = interpolate(\n      isButtonPress.value,\n      [0, 1],\n      SCALE_VALUES,\n      'clamp'\n    );\n    return {\n      transform: [{ scale }],\n    };\n  }, []);\n  \n  const handlePressIn = () => {\n    isButtonPress.value = withTiming(1, DEFAULT_DURATION);\n  };\n  \n  const handlePressOut = () => {\n    isButtonPress.value = withTiming(0, DEFAULT_DURATION);\n  };\n\n  const handlePressStyle = (pressed: boolean) => {\n    return pressed \n      ? {\n          backgroundColor: pressedBackgroundColor,\n          borderRadius: pressedBackgroundBorderRadius,\n        }\n      : {\n          backgroundColor: 'transparent',\n          borderRadius: pressedBackgroundBorderRadius,\n        };\n  };\n\n  const containerStyle = fullWidth ? { width: '100%' as const } : undefined;\n\n  return (\n    <View style={containerStyle}>\n      <Pressable\n        onPress={onPress}\n        onLongPress={onLongPress}\n        onPressIn={handlePressIn}\n        onPressOut={handlePressOut}\n        style={({ pressed }) => handlePressStyle(pressed)}\n      >\n        <Animated.View style={boxAnimation}>\n          <AnimatedWrapper\n            color={color}\n            isAnimation={isAnimation}\n            elevationLevel={elevationLevel}\n            style={props.style}\n          >\n            {props.children}\n          </AnimatedWrapper>\n        </Animated.View>\n      </Pressable>\n    </View>\n  );\n}\n\nexport default React.memo(ZSPressable);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSPressable/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useRef } from \"react\";\nimport { Pressable, View, ViewProps } from \"react-native\";\nimport Animated, { interpolate, useAnimatedStyle, useSharedValue, withTiming } from \"react-native-reanimated\";\nimport AnimatedWrapper from \"../atoms/AnimatedWrapper\";\nimport type { ShadowLevel, ViewColorOptions } from \"../../theme/types\";\n\nconst DEFAULT_DURATION = { duration: 100 } as const;\nconst SCALE_VALUES = [1, 0.96] as const;\nconst DEBOUNCE_TIME = 300;\n\ninterface ZSPressableProps extends ViewProps {\n  onPress?: (value?: any) => void;\n  onLongPress?: (value?: any) => void;\n  pressedBackgroundColor?: string;\n  pressedBackgroundBorderRadius?: number;\n  isAnimation?: boolean;\n  elevationLevel?: ShadowLevel;\n  fullWidth?: boolean;\n  color?: ViewColorOptions;\n  isLoading?: boolean;\n  disabled?: boolean;\n}\n\nfunction ZSPressable({\n  onPress,\n  onLongPress,\n  isAnimation = true,\n  pressedBackgroundColor = 'rgba(180, 180, 180, 0.1)',\n  pressedBackgroundBorderRadius = 16,\n  elevationLevel,\n  fullWidth = false,\n  color,\n  isLoading = false,\n  disabled = false,\n  ...props\n}: ZSPressableProps) {\n  const isButtonPress = useSharedValue(0);\n  const lastClickTime = useRef<number>(0);\n\n  // ------------------------------------------------------------\n\n  const createPressHandler = (callback?: () => void) => {\n    return () => {\n      const now = Date.now();\n      if (now - lastClickTime.current < DEBOUNCE_TIME) return;\n      if (isLoading || disabled) return;\n      lastClickTime.current = now;\n\n      callback?.();\n    };\n  };\n\n  const handlePress = createPressHandler(onPress);\n  const handleLongPress = createPressHandler(onLongPress);\n\n  // ------------------------------------------------------------\n\n  const boxAnimation = useAnimatedStyle(() => {\n    'worklet';\n    const scale = interpolate(\n      isButtonPress.value,\n      [0, 1],\n      SCALE_VALUES,\n      'clamp'\n    );\n    return {\n      transform: [{ scale }],\n    };\n  }, []);\n\n  const handlePressIn = () => {\n    isButtonPress.value = withTiming(1, DEFAULT_DURATION);\n  };\n\n  const handlePressOut = () => {\n    isButtonPress.value = withTiming(0, DEFAULT_DURATION);\n  };\n\n  const handlePressStyle = (pressed: boolean) => {\n    return pressed\n      ? {\n        backgroundColor: pressedBackgroundColor,\n        borderRadius: pressedBackgroundBorderRadius,\n      }\n      : {\n        backgroundColor: 'transparent',\n        borderRadius: pressedBackgroundBorderRadius,\n      };\n  };\n\n  return (\n    <View style={[fullWidth ? { width: '100%' as const } : undefined, { opacity: (isLoading || disabled) ? 0.55 : 1 }]}>\n      <Pressable\n        onPress={handlePress}\n        onLongPress={handleLongPress}\n        onPressIn={handlePressIn}\n        onPressOut={handlePressOut}\n        disabled={isLoading || disabled}\n        style={({ pressed }) => handlePressStyle(pressed)}\n      >\n        <Animated.View style={boxAnimation}>\n          <AnimatedWrapper\n            color={color}\n            isAnimation={isAnimation}\n            elevationLevel={elevationLevel}\n            style={props.style}\n          >\n            {props.children}\n          </AnimatedWrapper>\n        </Animated.View>\n      </Pressable>\n    </View>\n  );\n}\n\nexport default React.memo(ZSPressable);\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0610studio/zs-ui",
-  "version": "0.13.5",
+  "version": "0.13.8",
   "private": false,
   "description": "EXPO ZS-UI",
   "type": "commonjs",

package/android/.gradle/buildOutputCleanup/cache.properties

@@ -1,2 +0,0 @@
-#Wed Oct 01 14:26:17 KST 2025
-gradle.version=8.9

package/android/.idea/android.iml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="JAVA_MODULE" version="4">
-  <component name="NewModuleRootManager" inherit-compiler-output="true">
-    <exclude-output />
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>