@kukkim/react-native-ui 0.1.3 → 0.1.5

package/lib/module/components/select/commonSelect.js

@@ -0,0 +1,135 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { useTheme } from "../../hooks/useTheme.js";
+import { CommonIcon } from "../icon/index.js";
+import { CommonText } from "../text/index.js";
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SelectItem = _props => {
+  return null;
+};
+export const CommonSelect = ({
+  children,
+  placeholder = 'Select',
+  value,
+  // defaultValue,
+  onChange,
+  style
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const [open, setOpen] = useState(false);
+  const [internalValue, setInternalValue] = useState(
+  // defaultValue
+  '');
+  const selectedValue = value ?? internalValue;
+  const items = React.Children.toArray(children).filter(React.isValidElement);
+  const selectedItem = items.find(item => item.props.value === selectedValue);
+  const handleSelect = nextValue => {
+    if (value === undefined) {
+      setInternalValue(nextValue);
+    }
+    onChange?.(nextValue);
+    setOpen(false);
+  };
+  const rotate = useSharedValue(0);
+  const arrowAnimatedStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        rotate: `${rotate.value}deg`
+      }]
+    };
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      style: [styles.trigger, {
+        borderColor: theme.colors.border,
+        backgroundColor: theme.colors.background
+      }],
+      onPress: () => {
+        const nextOpen = !open;
+        rotate.value = withTiming(nextOpen ? 180 : 0, {
+          duration: 200
+        });
+        setOpen(nextOpen);
+      },
+      children: [/*#__PURE__*/_jsx(CommonText, {
+        size: "m",
+        style: [!selectedItem && {
+          color: theme.colors.disabled
+        }],
+        children: selectedItem?.props.label ?? placeholder
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: arrowAnimatedStyle,
+        children: /*#__PURE__*/_jsx(CommonIcon, {
+          iconType: "down"
+        })
+      })]
+    }), open && /*#__PURE__*/_jsx(View, {
+      style: [{
+        borderColor: theme.colors.border,
+        backgroundColor: theme.colors.background
+      }, styles.dropdown],
+      children: items.map(item => {
+        const isSelected = item.props.value === selectedValue;
+        return /*#__PURE__*/_jsx(Pressable, {
+          style: [styles.option, isSelected && styles.selectedOption],
+          onPress: () => handleSelect(item.props.value),
+          children: /*#__PURE__*/_jsx(CommonText, {
+            style: [styles.optionText, isSelected && styles.selectedOptionText],
+            children: item.props.label
+          })
+        }, String(item.props.value));
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative',
+    width: '100%',
+    zIndex: 999
+  },
+  trigger: {
+    minHeight: 44,
+    borderWidth: 1,
+    borderRadius: 8,
+    paddingHorizontal: 10,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  arrow: {
+    fontSize: 12,
+    color: '#667085'
+  },
+  dropdown: {
+    position: 'absolute',
+    top: 46,
+    left: 0,
+    right: 0,
+    borderWidth: 1,
+    borderRadius: 8,
+    zIndex: 999,
+    elevation: 10
+  },
+  option: {
+    paddingVertical: 12,
+    paddingHorizontal: 12
+  },
+  selectedOption: {
+    backgroundColor: '#F2F4F7'
+  },
+  optionText: {
+    fontSize: 14,
+    color: '#101828'
+  },
+  selectedOptionText: {
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=commonSelect.js.map

package/lib/module/components/select/commonSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Pressable","StyleSheet","View","useTheme","CommonIcon","CommonText","Animated","useAnimatedStyle","useSharedValue","withTiming","jsx","_jsx","jsxs","_jsxs","SelectItem","_props","CommonSelect","children","placeholder","value","onChange","style","theme","open","setOpen","internalValue","setInternalValue","selectedValue","items","Children","toArray","filter","isValidElement","selectedItem","find","item","props","handleSelect","nextValue","undefined","rotate","arrowAnimatedStyle","transform","styles","container","trigger","borderColor","colors","border","backgroundColor","background","onPress","nextOpen","duration","size","color","disabled","label","iconType","dropdown","map","isSelected","option","selectedOption","optionText","selectedOptionText","String","create","position","width","zIndex","minHeight","borderWidth","borderRadius","paddingHorizontal","flexDirection","alignItems","justifyContent","arrow","fontSize","top","left","right","elevation","paddingVertical","fontWeight"],"sourceRoot":"../../../../src","sources":["components/select/commonSelect.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/select/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { CommonSelect, SelectItem } from "./commonSelect.js";
+export { CommonSelect, SelectItem };
+//# sourceMappingURL=index.js.map

package/lib/module/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CommonSelect","SelectItem"],"sourceRoot":"../../../../src","sources":["components/select/index.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,UAAU,QAAQ,mBAAgB;AAEzD,SAASD,YAAY,EAAEC,UAAU","ignoreList":[]}

package/lib/module/components/select/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/select/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/select/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/slider/index.js

@@ -1,3 +1,105 @@
-// TODO: slider 구현 필요
 "use strict";
+
+import { View, StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, { useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
+import { CommonText } from "../text/index.js";
+import { useTheme } from "../../hooks/useTheme.js";
+
+// TODO: Thumb가 범위 바깥으로 넘어가는 것 수정 필요.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CommonSlider = ({
+  labels = []
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const position = useSharedValue(0);
+  const startPosition = useSharedValue(0);
+  const panGesture = Gesture.Pan().onBegin(() => {
+    startPosition.value = position.value;
+  }).onUpdate(event => {
+    const nextValue = startPosition.value + event.translationX;
+    if (nextValue < 0) {
+      position.value = 0;
+    } else {
+      position.value = nextValue;
+    }
+  });
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: position.value
+    }]
+  }));
+  const activeTrackStyle = useAnimatedStyle(() => ({
+    width: position.value + 15
+  }));
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [styles.sliderBar, {
+        backgroundColor: theme.colors.secondary
+      }],
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [{
+          backgroundColor: theme.colors.primary
+        }, styles.filledSliderBar, activeTrackStyle]
+      }), /*#__PURE__*/_jsx(GestureDetector, {
+        gesture: panGesture,
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [animatedStyle, {
+            backgroundColor: theme.colors.text
+          }, styles.thumb]
+        })
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.labelBar,
+      children: labels.map((label, index) => {
+        const percent = labels.length === 1 ? 0 : index / (labels.length - 1);
+        return /*#__PURE__*/_jsx(CommonText, {
+          size: "s",
+          style: [styles.labelText, {
+            color: theme.colors.text,
+            left: `${percent * 100}%`
+          }],
+          children: label
+        }, `${label}-${index}`);
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 20,
+    width: '100%'
+  },
+  sliderBar: {
+    width: '100%',
+    height: 10
+  },
+  filledSliderBar: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    height: 10,
+    borderRadius: 5
+  },
+  labelBar: {
+    position: 'relative',
+    height: 24,
+    marginTop: 12
+  },
+  labelText: {
+    position: 'absolute',
+    transform: [{
+      translateX: -8
+    }]
+  },
+  thumb: {
+    bottom: 10,
+    width: 30,
+    height: 30,
+    borderRadius: 15
+  }
+});
 //# sourceMappingURL=index.js.map

package/lib/module/components/slider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/slider/index.tsx"],"mappings":"AAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["View","StyleSheet","Gesture","GestureDetector","Animated","useAnimatedStyle","useSharedValue","CommonText","useTheme","jsx","_jsx","jsxs","_jsxs","CommonSlider","labels","theme","position","startPosition","panGesture","Pan","onBegin","value","onUpdate","event","nextValue","translationX","animatedStyle","transform","translateX","activeTrackStyle","width","style","styles","container","children","sliderBar","backgroundColor","colors","secondary","primary","filledSliderBar","gesture","text","thumb","labelBar","map","label","index","percent","length","size","labelText","color","left","create","padding","height","top","borderRadius","marginTop","bottom"],"sourceRoot":"../../../../src","sources":["components/slider/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/slider/types.js

@@ -1,2 +1,4 @@
 "use strict";
+
+export {};
 //# sourceMappingURL=types.js.map

package/lib/module/components/spinner/commonSpinner.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { CommonIcon } from "../icon/index.js";
+import { useTheme } from "../../hooks/useTheme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CommonSpinner = ({
+  type = 'primary',
+  ...props
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const rotateValue = useSharedValue(0);
+  const animatedStyles = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${rotateValue.value}deg`
+    }]
+  }));
+  useEffect(() => {
+    rotateValue.value = withRepeat(withTiming(360, {
+      duration: 1000,
+      easing: Easing.linear
+    }), -1,
+    // infinite
+    false);
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    ...props,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [animatedStyles],
+      children: /*#__PURE__*/_jsx(CommonIcon, {
+        color: theme.colors[type],
+        iconType: "loaderCircle"
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: 24,
+    height: 24
+  }
+});
+export default CommonSpinner;
+//# sourceMappingURL=commonSpinner.js.map

package/lib/module/components/spinner/commonSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","StyleSheet","View","Animated","Easing","useAnimatedStyle","useSharedValue","withRepeat","withTiming","CommonIcon","useTheme","jsx","_jsx","CommonSpinner","type","props","theme","rotateValue","animatedStyles","transform","rotate","value","duration","easing","linear","style","styles","container","children","color","colors","iconType","create","width","height"],"sourceRoot":"../../../../src","sources":["components/spinner/commonSpinner.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,QAAQ,IACbC,MAAM,EACNC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAChC,SAASC,UAAU,QAAQ,kBAAS;AAEpC,SAASC,QAAQ,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,aAAa,GAAGA,CAAC;EAAEC,IAAI,GAAG,SAAS;EAAE,GAAGC;AAAoB,CAAC,KAAK;EACtE,MAAM;IAAEC;EAAM,CAAC,GAAGN,QAAQ,CAAC,CAAC;EAC5B,MAAMO,WAAW,GAAGX,cAAc,CAAC,CAAC,CAAC;EACrC,MAAMY,cAAc,GAAGb,gBAAgB,CAAC,OAAO;IAC7Cc,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE,GAAGH,WAAW,CAACI,KAAK;IAAM,CAAC;EACnD,CAAC,CAAC,CAAC;EAEHrB,SAAS,CAAC,MAAM;IACdiB,WAAW,CAACI,KAAK,GAAGd,UAAU,CAC5BC,UAAU,CAAC,GAAG,EAAE;MACdc,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAEnB,MAAM,CAACoB;IACjB,CAAC,CAAC,EACF,CAAC,CAAC;IAAE;IACJ,KACF,CAAC;EACH,CAAC,CAAC;EAEF,oBACEZ,IAAA,CAACV,IAAI;IAACuB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAA,GAAKZ,KAAK;IAAAa,QAAA,eACtChB,IAAA,CAACT,QAAQ,CAACD,IAAI;MAACuB,KAAK,EAAE,CAACP,cAAc,CAAE;MAAAU,QAAA,eACrChB,IAAA,CAACH,UAAU;QAACoB,KAAK,EAAEb,KAAK,CAACc,MAAM,CAAChB,IAAI,CAAE;QAACiB,QAAQ,EAAC;MAAc,CAAE;IAAC,CACpD;EAAC,CACZ,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGzB,UAAU,CAAC+B,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAerB,aAAa","ignoreList":[]}

package/lib/module/components/spinner/index.js

@@ -1,3 +1,5 @@
-// TODO: spinner 구현 필요
 "use strict";
+
+import CommonSpinner from "./commonSpinner.js";
+export { CommonSpinner };
 //# sourceMappingURL=index.js.map

package/lib/module/components/spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/spinner/index.tsx"],"mappings":"AAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["CommonSpinner"],"sourceRoot":"../../../../src","sources":["components/spinner/index.ts"],"mappings":";;AAAA,OAAOA,aAAa,MAAM,oBAAiB;AAE3C,SAASA,aAAa","ignoreList":[]}

package/lib/module/components/spinner/types.js

@@ -1,2 +1,4 @@
 "use strict";
+
+export {};
 //# sourceMappingURL=types.js.map

package/lib/module/index.js

@@ -1,5 +1,5 @@
 "use strict";
 
-export { CommonText, CommonButton, CommonBadge, SafeAreaContainer, ScrollViewContainer, CommonIcon, CommonRating, CommonAvatar, CommonImage, CheckBox, CommonHeader, CommonCard, FoldableCard, LinearProgressBar, CircularProgressBar, CommonInput, CommonPopOver, CommonSwitch } from "./components/index.js";
+export { CommonText, CommonButton, CommonBadge, SafeAreaContainer, ScrollViewContainer, CommonIcon, CommonRating, CommonAvatar, CommonImage, CheckBox, CommonHeader, CommonCard, FoldableCard, LinearProgressBar, CircularProgressBar, CommonInput, CommonPopOver, CommonSwitch, SocialLoginButton, CommonSpinner, CommonSlider, CommonSelect, SelectItem } from "./components/index.js";
 export { ThemeProvider } from "./theme/themeProvider.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["CommonText","CommonButton","CommonBadge","SafeAreaContainer","ScrollViewContainer","CommonIcon","CommonRating","CommonAvatar","CommonImage","CheckBox","CommonHeader","CommonCard","FoldableCard","LinearProgressBar","CircularProgressBar","CommonInput","CommonPopOver","CommonSwitch","ThemeProvider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,mBAAmB,EACnBC,UAAU,EACVC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,YAAY,EACZC,iBAAiB,EACjBC,mBAAmB,EACnBC,WAAW,EACXC,aAAa,EACbC,YAAY,QACP,uBAAc;AACrB,SAASC,aAAa,QAAQ,0BAAuB","ignoreList":[]}
+{"version":3,"names":["CommonText","CommonButton","CommonBadge","SafeAreaContainer","ScrollViewContainer","CommonIcon","CommonRating","CommonAvatar","CommonImage","CheckBox","CommonHeader","CommonCard","FoldableCard","LinearProgressBar","CircularProgressBar","CommonInput","CommonPopOver","CommonSwitch","SocialLoginButton","CommonSpinner","CommonSlider","CommonSelect","SelectItem","ThemeProvider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,mBAAmB,EACnBC,UAAU,EACVC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,YAAY,EACZC,iBAAiB,EACjBC,mBAAmB,EACnBC,WAAW,EACXC,aAAa,EACbC,YAAY,EACZC,iBAAiB,EACjBC,aAAa,EACbC,YAAY,EACZC,YAAY,EACZC,UAAU,QACL,uBAAc;AACrB,SAASC,aAAa,QAAQ,0BAAuB","ignoreList":[]}

package/lib/typescript/src/components/badge/commonBadge.d.ts

@@ -1,4 +1,4 @@
 import { type CommonBadgeProps } from './types.js';
-declare const CommonBadge: ({ type, size, typeText, ...props }: CommonBadgeProps) => import("react").JSX.Element;
+declare const CommonBadge: ({ type, size, typeText, style, ...props }: CommonBadgeProps) => import("react").JSX.Element;
 export default CommonBadge;
 //# sourceMappingURL=commonBadge.d.ts.map

package/lib/typescript/src/components/badge/commonBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commonBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/commonBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,YAAS,CAAC;AAIxE,QAAA,MAAM,WAAW,GAAI,oCAKlB,gBAAgB,gCAwBlB,CAAC;AAcF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"commonBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/commonBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,YAAS,CAAC;AAGxE,QAAA,MAAM,WAAW,GAAI,2CAMlB,gBAAgB,gCAsBlB,CAAC;AAaF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/badge/numberBadge.d.ts

@@ -0,0 +1,4 @@
+import { type NumberBadgeProps } from './types.js';
+declare const NumberBadge: ({ type, number, maxNumber, size, style, ...props }: NumberBadgeProps) => import("react").JSX.Element;
+export default NumberBadge;
+//# sourceMappingURL=numberBadge.d.ts.map

package/lib/typescript/src/components/badge/numberBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/badge/numberBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,gBAAgB,EAItB,MAAM,YAAS,CAAC;AAGjB,QAAA,MAAM,WAAW,GAAI,oDAOlB,gBAAgB,gCAkBlB,CAAC;AAaF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/button/index.d.ts

@@ -1,3 +1,4 @@
 import CommonButton from './commonButton.js';
-export { CommonButton };
+import SocialLoginButton from './socialLoginButton.js';
+export { CommonButton, SocialLoginButton };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,mBAAgB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,mBAAgB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,wBAAqB,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/typescript/src/components/button/socialLoginButton.d.ts

@@ -0,0 +1,4 @@
+import { type SocialLoginButtonProps } from './types.js';
+declare const SocialLoginButton: ({ type, provider, disabled, ...props }: SocialLoginButtonProps) => import("react").JSX.Element;
+export default SocialLoginButton;
+//# sourceMappingURL=socialLoginButton.d.ts.map

package/lib/typescript/src/components/button/socialLoginButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"socialLoginButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/socialLoginButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,YAAS,CAAC;AAGtD,QAAA,MAAM,iBAAiB,GAAI,wCAKxB,sBAAsB,gCAuBxB,CAAC;AAcF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/components/button/types.d.ts

@@ -10,5 +10,8 @@ export interface ButtonProps extends PressableProps {
 export interface CommonButtonProps extends ButtonProps {
     title?: string;
 }
+export interface SocialLoginButtonProps extends ButtonProps {
+    provider: 'apple' | 'facebook' | 'google' | 'kakaotalk' | 'naver';
+}
 export {};
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AACvC,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAInD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAIvD,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AACvC,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAInD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,SAAS,CAIvD,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,QAAQ,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;CACnE"}

package/lib/typescript/src/components/card/foldableCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"foldableCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/foldableCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAS,CAAC;AAUjD,QAAA,MAAM,YAAY,GAAI,4CAMnB,iBAAiB,gCA6CnB,CAAC;AAwBF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"foldableCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/foldableCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAS,CAAC;AAUjD,QAAA,MAAM,YAAY,GAAI,4CAMnB,iBAAiB,gCAyCnB,CAAC;AAwBF,eAAe,YAAY,CAAC"}

package/lib/typescript/src/components/icon/Apple.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from 'react-native-svg';
+declare const SvgApple: (props: SvgProps) => import("react").JSX.Element;
+export default SvgApple;
+//# sourceMappingURL=Apple.d.ts.map

package/lib/typescript/src/components/icon/Apple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Apple.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/Apple.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,QAAA,MAAM,QAAQ,GAAI,OAAO,QAAQ,gCAUhC,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/components/icon/Facebook.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from 'react-native-svg';
+declare const SvgFacebook: (props: SvgProps) => import("react").JSX.Element;
+export default SvgFacebook;
+//# sourceMappingURL=Facebook.d.ts.map

package/lib/typescript/src/components/icon/Facebook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Facebook.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/Facebook.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,QAAA,MAAM,WAAW,GAAI,OAAO,QAAQ,gCAUnC,CAAC;AACF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/icon/Google.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from 'react-native-svg';
+declare const SvgGoogle: (props: SvgProps) => import("react").JSX.Element;
+export default SvgGoogle;
+//# sourceMappingURL=Google.d.ts.map

package/lib/typescript/src/components/icon/Google.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Google.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/Google.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,QAAA,MAAM,SAAS,GAAI,OAAO,QAAQ,gCAUjC,CAAC;AACF,eAAe,SAAS,CAAC"}

package/lib/typescript/src/components/icon/Kakaotalk.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from 'react-native-svg';
+declare const SvgKakaotalk: (props: SvgProps) => import("react").JSX.Element;
+export default SvgKakaotalk;
+//# sourceMappingURL=Kakaotalk.d.ts.map

package/lib/typescript/src/components/icon/Kakaotalk.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kakaotalk.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/Kakaotalk.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,QAAA,MAAM,YAAY,GAAI,OAAO,QAAQ,gCAUpC,CAAC;AACF,eAAe,YAAY,CAAC"}

package/lib/typescript/src/components/icon/LoaderCircle.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from 'react-native-svg';
+declare const SvgLoaderCircle: (props: SvgProps) => import("react").JSX.Element;
+export default SvgLoaderCircle;
+//# sourceMappingURL=LoaderCircle.d.ts.map

package/lib/typescript/src/components/icon/LoaderCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderCircle.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/LoaderCircle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,QAAA,MAAM,eAAe,GAAI,OAAO,QAAQ,gCAgBvC,CAAC;AACF,eAAe,eAAe,CAAC"}

package/lib/typescript/src/components/icon/Naver.d.ts

@@ -0,0 +1,4 @@
+import type { SvgProps } from 'react-native-svg';
+declare const SvgNaver: (props: SvgProps) => import("react").JSX.Element;
+export default SvgNaver;
+//# sourceMappingURL=Naver.d.ts.map

package/lib/typescript/src/components/icon/Naver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Naver.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/Naver.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,QAAA,MAAM,QAAQ,GAAI,OAAO,QAAQ,gCAUhC,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/components/icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,YAAS,CAAC;AAuBnD,eAAO,MAAM,UAAU,GAAI,qCAKxB,SAAS,uCAiBX,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,YAAS,CAAC;AAoCnD,eAAO,MAAM,UAAU,GAAI,qCAKxB,SAAS,uCAiBX,CAAC"}

package/lib/typescript/src/components/icon/types.d.ts

@@ -3,7 +3,7 @@ type Variant = 'primary' | 'secondary';
 type SizeVariant = 's' | 'm' | 'l';
 export declare const sizeType: Record<SizeVariant, number>;
 export interface IconProps extends ViewProps {
-    iconType: 'check' | 'back' | 'close' | 'star_empty' | 'star_half' | 'star_full';
+    iconType: 'check' | 'back' | 'down' | 'close' | 'apple' | 'facebook' | 'google' | 'kakaotalk' | 'naver' | 'loaderCircle' | 'star_empty' | 'star_half' | 'star_full';
     type?: Variant;
     size?: SizeVariant;
     color?: string;

package/lib/typescript/src/components/icon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AACvC,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAIhD,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,QAAQ,EAGJ,OAAO,GACP,MAAM,GACN,OAAO,GAMP,YAAY,GACZ,WAAW,GACX,WAAW,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;AACvC,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAIhD,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,QAAQ,EAGJ,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,UAAU,GACV,QAAQ,GACR,WAAW,GACX,OAAO,GACP,cAAc,GAGd,YAAY,GACZ,WAAW,GACX,WAAW,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

@@ -1,5 +1,5 @@
 export { CommonText } from './text/index.js';
-export { CommonButton } from './button/index.js';
+export { CommonButton, SocialLoginButton } from './button/index.js';
 export { CommonBadge } from './badge/index.js';
 export { SafeAreaContainer, ScrollViewContainer } from './screenContainer/index.js';
 export { CommonIcon } from './icon/index.js';
@@ -13,4 +13,7 @@ export { LinearProgressBar, CircularProgressBar } from './progressBar/index.js';
 export { CommonInput } from './input/index.js';
 export { CommonPopOver } from './popOver/index.js';
 export { CommonSwitch } from './switch/index.js';
+export { CommonSpinner } from './spinner/index.js';
+export { CommonSlider } from './slider/index.js';
+export { CommonSelect, SelectItem } from './select/index.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAQ,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAS,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,4BAAmB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAQ,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAS,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAQ,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,wBAAe,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAS,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAW,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAQ,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAU,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAS,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,4BAAmB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAQ,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAS,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAQ,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,wBAAe,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAS,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAW,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAW,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAU,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAU,CAAC"}

package/lib/typescript/src/components/select/commonSelect.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type CommonSelectItemProps, type CommonSelectProps } from './types.js';
+export declare const SelectItem: (_props: CommonSelectItemProps) => null;
+export declare const CommonSelect: ({ children, placeholder, value, onChange, style, }: CommonSelectProps) => React.JSX.Element;
+//# sourceMappingURL=commonSelect.d.ts.map

package/lib/typescript/src/components/select/commonSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/commonSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAS,CAAC;AAO7E,eAAO,MAAM,UAAU,GAAI,QAAQ,qBAAqB,SAEvD,CAAC;AACF,eAAO,MAAM,YAAY,GAAI,oDAO1B,iBAAiB,sBAqGnB,CAAC"}

package/lib/typescript/src/components/select/index.d.ts

@@ -0,0 +1,3 @@
+import { CommonSelect, SelectItem } from './commonSelect.js';
+export { CommonSelect, SelectItem };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAgB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/src/components/select/types.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+type SizeVariant = 's' | 'm' | 'l';
+export interface CommonSelectProps extends ViewProps {
+    size?: SizeVariant;
+    value?: string;
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    children: ReactNode;
+}
+export interface CommonSelectItemProps extends ViewProps {
+    label: string;
+    value: string;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnC,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf"}

package/lib/typescript/src/components/slider/index.d.ts

@@ -1 +1,3 @@
+import { type SliderProps } from './types.js';
+export declare const CommonSlider: ({ labels }: SliderProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/slider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/index.tsx"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/slider/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,YAAS,CAAC;AAI3C,eAAO,MAAM,YAAY,GAAI,YAAiB,WAAW,gCAyExD,CAAC"}

package/lib/typescript/src/components/slider/types.d.ts

@@ -1 +1,10 @@
+import { type ViewProps } from 'react-native';
+type Variant = 'primary' | 'secondary';
+type SizeVariant = 's' | 'm' | 'l';
+export interface SliderProps extends ViewProps {
+    type?: Variant;
+    size?: SizeVariant;
+    labels?: (string | number)[];
+}
+export {};
 //# sourceMappingURL=types.d.ts.map