@fountain-ui/core 2.0.0-beta.92 → 2.0.0-beta.94

package/build/commonjs/TextField/TextFieldProps.js

@@ -1,2 +1,11 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textFieldVariants = exports.textFieldStatus = void 0;
+const textFieldStatus = ['default', 'success', 'error'];
+exports.textFieldStatus = textFieldStatus;
+const textFieldVariants = ['default', 'search'];
+exports.textFieldVariants = textFieldVariants;
 //# sourceMappingURL=TextFieldProps.js.map

package/build/commonjs/TextField/TextFieldProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["TextFieldProps.ts"],"sourcesContent":["import React from 'react';\nimport { NativeSyntheticEvent, TargetedEvent } from 'react-native';\nimport { ComponentProps } from '../types';\n\ntype TextFieldKeyboardType = 'default' | 'numeric' | 'email-address';\n\nexport interface setStyleProp {\n    fontFamily: string;\n}\n\nexport default interface TextFieldProps extends ComponentProps<{\n    /**\n     * If true, user won't be able to interact with the component.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Whether to style the TextField with error style.\n     * @default false\n     */\n    error?: boolean,\n\n    /**\n     * It is an icon placed to the right of the TextField.\n     */\n    icon?: React.ReactElement;\n\n    /**\n     * User can specify the keyboard type.\n     * @default 'default'\n     */\n    keyboardType?: TextFieldKeyboardType;\n\n    /**\n     * The text to use for the floating label.\n     */\n    label?: string;\n\n    /**\n     * Callback that is called when the textField is blurred.\n     */\n    onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void,\n\n    /**\n     * Callback that is called when the textField's text changes.\n     */\n    onChangeText?: (value: string) => void,\n\n    /**\n     * Callback that is called when the textField is focused.\n     */\n    onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void,\n\n    /**\n     * Callback that is called when icon pressed.\n     */\n    onIconPress?: () => void;\n\n    /**\n     * Callback that is called when enter or submit key pressed.\n     */\n    onSubmitEditing?: () => void\n\n    /**\n     * Placeholder for textField.\n     */\n    placeholder?: string;\n\n    /**\n     * If true, the text input obscures the text entered so that sensitive text like passwords stay secure.\n     * @default false\n     */\n    secureTextEntry?: boolean;\n\n    /**\n     * Value of the textField.\n     */\n    value?: string;\n}> {}"],"mappings":""}
+{"version":3,"names":["textFieldStatus","textFieldVariants"],"sources":["TextFieldProps.ts"],"sourcesContent":["import type { TextInputProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport { StyleProp, TextStyle } from 'react-native';\nimport { ExtendedStyle } from '../types';\n\nexport const textFieldStatus = ['default', 'success', 'error'] as const;\nexport type TextFieldStatus = typeof textFieldStatus[number];\n\nexport const textFieldVariants = ['default', 'search'] as const;\nexport type TextFieldVariant = typeof textFieldVariants[number];\n\nexport default interface TextFieldProps extends OverridableComponentProps<TextInputProps, {\n    /**\n     * Determines the style of the container that wraps the input.\n     */\n    containerStyle?: ExtendedStyle | ExtendedStyle[];\n\n    /**\n     * Determines the text below the input.\n     */\n    hint?: string;\n\n    /**\n     * Determines whether to display the spinner when in loading state. (only search)\n     */\n    isLoading?: boolean;\n\n    /**\n     * Determines whether to expose the Clear button.\n     * @default variant === search ? true : false\n     */\n    showClearButton?: boolean;\n\n    /**\n     * Determines the input color based on the status.\n     * @default default\n     */\n    status?: TextFieldStatus;\n\n    /**\n     * Determines the title of the input.\n     */\n    title?: string;\n\n    /**\n     * Determines the overall style and appearance of the input.\n     * @default default\n     */\n    variant?: TextFieldVariant;\n}> {}\n"],"mappings":";;;;;;AAKO,MAAMA,eAAe,GAAG,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,CAAxB;;AAGA,MAAMC,iBAAiB,GAAG,CAAC,SAAD,EAAY,QAAZ,CAA1B"}

package/build/commonjs/TextField/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _TextField.default;
+    return _LegacyTextField.default;
   }
 });
 
-var _TextField = _interopRequireDefault(require("./TextField"));
+var _LegacyTextField = _interopRequireDefault(require("./LegacyTextField"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/build/commonjs/TextField/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export { default } from './TextField';\nexport type { default as TextFieldProps } from './TextFieldProps';"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export { default } from './LegacyTextField';\nexport type { default as TextFieldProps } from './LegacyTextFieldProps';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/TextField/useVariantStyleMap.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useVariantStyleMap;
+
+var _react = require("react");
+
+var _styles = require("@fountain-ui/styles");
+
+var _styles2 = require("../styles");
+
+function useStatusColor(theme, status) {
+  switch (status) {
+    default:
+    case 'default':
+      return {
+        borderColor: theme.palette.border.base,
+        hintColor: theme.palette.text.weak
+      };
+
+    case 'success':
+      return {
+        borderColor: theme.palette.status.success,
+        hintColor: theme.palette.status.success
+      };
+
+    case 'error':
+      return {
+        borderColor: theme.palette.status.danger,
+        hintColor: theme.palette.status.danger
+      };
+  }
+}
+
+function useVariantStyleMap(variant, status, isFocused) {
+  const theme = (0, _styles2.useTheme)();
+  const {
+    borderColor,
+    hintColor
+  } = useStatusColor(theme, status);
+  return (0, _react.useMemo)(() => {
+    switch (variant) {
+      default:
+      case 'default':
+        return {
+          containerStyle: {
+            borderBottomColor: status === 'default' && isFocused ? theme.palette.border.strong : borderColor,
+            borderBottomWidth: 1
+          },
+          inputStyle: {
+            paddingRight: theme.spacing(4),
+            paddingVertical: theme.spacing(4),
+            ...(0, _styles2.createFontStyle)(theme, {
+              selector: _ => (0, _styles.typographyOf)({
+                fontSize: 18,
+                lineHeight: 27,
+                fontFamily: 'Pretendard-SemiBold',
+                letterSpacing: 0
+              }),
+              color: theme.palette.text.strong
+            })
+          },
+          hintStyle: {
+            marginTop: theme.spacing(2),
+            ...(0, _styles2.createFontStyle)(theme, {
+              // selector: (typography) => typography.caption1['regular']
+              color: hintColor
+            })
+          }
+        };
+
+      case 'search':
+        return {
+          containerStyle: {
+            backgroundColor: theme.palette.surface.supportive,
+            borderColor: theme.palette.border.base,
+            borderRadius: theme.shape.radius.md,
+            borderWidth: 0.5,
+            paddingLeft: theme.spacing(3),
+            paddingRight: theme.spacing(0.5)
+          },
+          inputStyle: {
+            paddingBottom: theme.spacing(2.5),
+            paddingLeft: theme.spacing(2),
+            paddingRight: theme.spacing(1),
+            paddingTop: theme.spacing(2.25),
+            ...(0, _styles2.createFontStyle)(theme, {
+              selector: _ => (0, _styles.typographyOf)({
+                fontSize: 16,
+                lineHeight: 19.2,
+                fontFamily: 'Pretendard-SemiBold',
+                letterSpacing: -0.16
+              }),
+              color: theme.palette.text.strong
+            })
+          }
+        };
+    }
+  }, [theme, borderColor, hintColor, variant, isFocused]);
+}
+//# sourceMappingURL=useVariantStyleMap.js.map

package/build/commonjs/TextField/useVariantStyleMap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useStatusColor","theme","status","borderColor","palette","border","base","hintColor","text","weak","success","danger","useVariantStyleMap","variant","isFocused","useTheme","useMemo","containerStyle","borderBottomColor","strong","borderBottomWidth","inputStyle","paddingRight","spacing","paddingVertical","createFontStyle","selector","_","typographyOf","fontSize","lineHeight","fontFamily","letterSpacing","color","hintStyle","marginTop","backgroundColor","surface","supportive","borderRadius","shape","radius","md","borderWidth","paddingLeft","paddingBottom","paddingTop"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { FountainUiStyle, Theme } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport { createFontStyle, useTheme } from '../styles';\nimport type { TextFieldStatus, TextFieldVariant } from './TextFieldProps';\n\ninterface VariantStyleMap {\n    containerStyle?: FountainUiStyle;\n    inputStyle?: FountainUiStyle;\n    hintStyle?: FountainUiStyle;\n}\n\nfunction useStatusColor(theme: Theme, status: TextFieldStatus): { borderColor: string; hintColor: string; } {\n    switch (status) {\n        default:\n        case 'default':\n            return {\n                borderColor: theme.palette.border.base,\n                hintColor: theme.palette.text.weak,\n            };\n        case 'success':\n            return {\n                borderColor: theme.palette.status.success,\n                hintColor: theme.palette.status.success,\n            };\n        case 'error':\n            return {\n                borderColor: theme.palette.status.danger,\n                hintColor: theme.palette.status.danger,\n            };\n    }\n}\n\nexport default function useVariantStyleMap(variant: TextFieldVariant, status: TextFieldStatus, isFocused: boolean): VariantStyleMap {\n    const theme = useTheme();\n\n    const {\n        borderColor,\n        hintColor,\n    } = useStatusColor(theme, status);\n\n    return useMemo(() => {\n        switch (variant) {\n            default:\n            case 'default':\n                return {\n                    containerStyle: {\n                        borderBottomColor: status === 'default' && isFocused ? theme.palette.border.strong : borderColor,\n                        borderBottomWidth: 1,\n                    },\n                    inputStyle: {\n                        paddingRight: theme.spacing(4),\n                        paddingVertical: theme.spacing(4),\n                        ...createFontStyle(theme, {\n                            selector: (_) => typographyOf({\n                                fontSize: 18,\n                                lineHeight: 27,\n                                fontFamily: 'Pretendard-SemiBold',\n                                letterSpacing: 0,\n                            }),\n                            color: theme.palette.text.strong,\n                        }),\n                    },\n                    hintStyle: {\n                        marginTop: theme.spacing(2),\n                        ...createFontStyle(theme, {\n                            // selector: (typography) => typography.caption1['regular']\n                            color: hintColor,\n                        }),\n                    },\n                };\n            case 'search':\n                return {\n                    containerStyle: {\n                        backgroundColor: theme.palette.surface.supportive,\n                        borderColor: theme.palette.border.base,\n                        borderRadius: theme.shape.radius.md,\n                        borderWidth: 0.5,\n                        paddingLeft: theme.spacing(3),\n                        paddingRight: theme.spacing(0.5),\n                    },\n                    inputStyle: {\n                        paddingBottom: theme.spacing(2.5),\n                        paddingLeft: theme.spacing(2),\n                        paddingRight: theme.spacing(1),\n                        paddingTop: theme.spacing(2.25),\n                        ...createFontStyle(theme, {\n                            selector: (_) => typographyOf({\n                                fontSize: 16,\n                                lineHeight: 19.2,\n                                fontFamily: 'Pretendard-SemiBold',\n                                letterSpacing: -0.16,\n                            }),\n                            color: theme.palette.text.strong,\n                        }),\n                    },\n                };\n        }\n    }, [theme, borderColor, hintColor, variant, isFocused]);\n}\n"],"mappings":"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"}

package/build/commonjs/Toggle/Toggle.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Toggle;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _styles = require("@fountain-ui/styles");
+
+var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
+
+var _ShadowView = _interopRequireDefault(require("../ShadowView"));
+
+var _styles2 = require("../styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const useStyles = function () {
+  const theme = (0, _styles2.useTheme)();
+  return {
+    root: {
+      borderRadius: theme.shape.radius.full,
+      justifyContent: 'center'
+    },
+    toggle: {
+      backgroundColor: _styles.commonColors.static.strongInverse,
+      borderRadius: theme.shape.radius.full
+    }
+  };
+};
+
+const sizeMap = {
+  medium: {
+    containerHeight: 24,
+    containerWidth: 42,
+    paddingHorizontal: 3,
+    toggleSize: 18
+  }
+};
+
+function Toggle(props) {
+  const {
+    checked = false,
+    onChange,
+    style: styleProp,
+    ...otherProps
+  } = props;
+  const styles = useStyles();
+  const theme = (0, _styles2.useTheme)();
+  const animation = (0, _react.useRef)(new _reactNative.Animated.Value(checked ? 1 : 0)).current;
+  const {
+    containerHeight,
+    containerWidth,
+    paddingHorizontal,
+    toggleSize
+  } = sizeMap['medium'];
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.timing(animation, {
+      toValue: checked ? 1 : 0,
+      duration: 150,
+      useNativeDriver: false
+    }).start();
+  }, [checked]);
+  const translateX = animation.interpolate({
+    inputRange: [0, 1],
+    outputRange: [paddingHorizontal, containerWidth - toggleSize - paddingHorizontal]
+  });
+  const containerStyle = (0, _styles2.css)([styles.root, {
+    backgroundColor: checked ? theme.palette.fill.accent : theme.palette.fill.weak,
+    height: containerHeight,
+    width: containerWidth
+  }, styleProp]);
+  const toggleStyle = (0, _styles2.css)([styles.toggle, {
+    height: toggleSize,
+    width: toggleSize
+  }]);
+  const animatedStyle = {
+    transform: [{
+      translateX: translateX
+    }]
+  };
+
+  const handlePress = () => {
+    onChange === null || onChange === void 0 ? void 0 : onChange(!checked);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({}, otherProps, {
+    pressEffect: 'none',
+    onPress: handlePress,
+    style: containerStyle
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: animatedStyle
+  }, /*#__PURE__*/_react.default.createElement(_ShadowView.default, {
+    style: toggleStyle,
+    variant: 400
+  })));
+}
+
+;
+//# sourceMappingURL=Toggle.js.map

package/build/commonjs/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useStyles","theme","useTheme","root","borderRadius","shape","radius","full","justifyContent","toggle","backgroundColor","commonColors","static","strongInverse","sizeMap","medium","containerHeight","containerWidth","paddingHorizontal","toggleSize","Toggle","props","checked","onChange","style","styleProp","otherProps","styles","animation","useRef","Animated","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","translateX","interpolate","inputRange","outputRange","containerStyle","css","palette","fill","accent","weak","height","width","toggleStyle","animatedStyle","transform","handlePress"],"sources":["Toggle.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { Animated } from 'react-native';\nimport { commonColors, NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport ShadowView from '../ShadowView';\nimport { css, useTheme } from '../styles';\nimport { ExtendedStyle } from '../types';\nimport type ToggleProps from './ToggleProps';\n\ntype ToggleStyles = NamedStylesStringUnion<'root' | 'toggle'>;\n\nconst useStyles: UseStyles<ToggleStyles> = function (): ToggleStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            borderRadius: theme.shape.radius.full,\n            justifyContent: 'center',\n        },\n        toggle: {\n            backgroundColor: commonColors.static.strongInverse,\n            borderRadius: theme.shape.radius.full,\n        },\n    };\n};\n\nconst sizeMap = {\n    medium: {\n        containerHeight: 24,\n        containerWidth: 42,\n        paddingHorizontal: 3,\n        toggleSize: 18,\n    },\n};\n\nexport default function Toggle(props: ToggleProps) {\n    const {\n        checked = false,\n        onChange,\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const animation = useRef(new Animated.Value(checked ? 1 : 0)).current;\n\n    const {\n        containerHeight,\n        containerWidth,\n        paddingHorizontal,\n        toggleSize,\n    } = sizeMap['medium'];\n\n    useEffect(() => {\n        Animated.timing(animation, {\n            toValue: checked ? 1 : 0,\n            duration: 150,\n            useNativeDriver: false,\n        }).start();\n    }, [checked]);\n\n    const translateX = animation.interpolate({\n        inputRange: [0, 1],\n        outputRange: [paddingHorizontal, containerWidth - toggleSize - paddingHorizontal],\n    });\n\n    const containerStyle = css([\n        styles.root,\n        {\n            backgroundColor: checked\n                ? theme.palette.fill.accent\n                : theme.palette.fill.weak,\n            height: containerHeight,\n            width: containerWidth,\n        },\n        styleProp,\n    ]);\n\n    const toggleStyle = css([\n        styles.toggle,\n        {\n            height: toggleSize,\n            width: toggleSize,\n        },\n    ]);\n\n    const animatedStyle = {\n        transform: [{ translateX: translateX as unknown }],\n    } as ExtendedStyle;\n\n    const handlePress = () => {\n        onChange?.(!checked);\n    };\n\n    return (\n        <ButtonBase\n            {...otherProps}\n            pressEffect={'none'}\n            onPress={handlePress}\n            style={containerStyle}\n        >\n            <Animated.View style={animatedStyle}>\n                <ShadowView\n                    style={toggleStyle}\n                    variant={400}\n                />\n            </Animated.View>\n        </ButtonBase>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Toggle/ToggleProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=ToggleProps.js.map

package/build/commonjs/Toggle/ToggleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["ToggleProps.ts"],"sourcesContent":["import type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface ToggleProps extends OverridableComponentProps<Omit<ButtonBaseProps, 'children'>, {\n    /**\n     * If `true`, the component is checked.\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * If `true`, the switch is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback fired when the switch is changed.\n     */\n    onChange?: (newChecked: boolean) => void;\n}> {}\n"],"mappings":""}

package/build/commonjs/Toggle/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Toggle.default;
+  }
+});
+
+var _Toggle = _interopRequireDefault(require("./Toggle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/build/commonjs/Toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './Toggle';\nexport type { default as ToggleProps } from './ToggleProps';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/Tooltip/Beaks/Beak.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Beak;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _HorizontalLargeBeak = _interopRequireDefault(require("./HorizontalLargeBeak"));
+
+var _HorizontalSmallBeak = _interopRequireDefault(require("./HorizontalSmallBeak"));
+
+var _VerticalLargeBeak = _interopRequireDefault(require("./VerticalLargeBeak"));
+
+var _VerticalSmallBeak = _interopRequireDefault(require("./VerticalSmallBeak"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const getBeakComponent = (placement, size) => {
+  if (placement === 'top' || placement === 'bottom') {
+    if (size === 'small') return {
+      Component: _HorizontalSmallBeak.default,
+      rotate: placement === 'top' ? '180deg' : '0deg'
+    };
+    if (size === 'large') return {
+      Component: _HorizontalLargeBeak.default,
+      rotate: placement === 'top' ? '180deg' : '0deg'
+    };
+  }
+
+  if (placement === 'left' || placement === 'right') {
+    if (size === 'small') return {
+      Component: _VerticalSmallBeak.default,
+      rotate: placement === 'left' ? '180deg' : '0deg'
+    };
+    if (size === 'large') return {
+      Component: _VerticalLargeBeak.default,
+      rotate: placement === 'left' ? '180deg' : '0deg'
+    };
+  }
+
+  return {
+    Component: () => null,
+    rotate: '0deg'
+  };
+};
+
+function Beak(props) {
+  const {
+    placement = 'top',
+    size = 'small',
+    ...otherProps
+  } = props;
+  const {
+    Component,
+    rotate
+  } = getBeakComponent(placement, size);
+  return /*#__PURE__*/_react.default.createElement(Component, _extends({}, otherProps, {
+    style: {
+      transform: [{
+        rotate
+      }]
+    }
+  }));
+}
+//# sourceMappingURL=Beak.js.map

package/build/commonjs/Tooltip/Beaks/Beak.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getBeakComponent","placement","size","Component","HorizontalSmallBeak","rotate","HorizontalLargeBeak","VerticalSmallBeak","VerticalLargeBeak","Beak","props","otherProps","transform"],"sources":["Beak.tsx"],"sourcesContent":["import React from 'react';\nimport type { TooltipPlacement, TooltipSize } from '../TooltipProps';\nimport type BeakProps from './BeakProps';\nimport HorizontalLargeBeak from './HorizontalLargeBeak';\nimport HorizontalSmallBeak from './HorizontalSmallBeak';\nimport VerticalLargeBeak from './VerticalLargeBeak';\nimport VerticalSmallBeak from './VerticalSmallBeak';\n\nconst getBeakComponent = (placement: TooltipPlacement, size: TooltipSize) => {\n    if (placement === 'top' || placement === 'bottom') {\n        if (size === 'small') return {\n            Component: HorizontalSmallBeak,\n            rotate: placement === 'top' ? '180deg' : '0deg',\n        };\n        if (size === 'large') return {\n            Component: HorizontalLargeBeak,\n            rotate: placement === 'top' ? '180deg' : '0deg',\n        };\n    }\n\n    if (placement === 'left' || placement === 'right') {\n        if (size === 'small') return {\n            Component: VerticalSmallBeak,\n            rotate: placement === 'left' ? '180deg' : '0deg',\n        };\n        if (size === 'large') return {\n            Component: VerticalLargeBeak,\n            rotate: placement === 'left' ? '180deg' : '0deg',\n        };\n    }\n\n    return {\n        Component: () => null,\n        rotate: '0deg',\n    };\n};\n\nexport default function Beak(props: BeakProps) {\n    const {\n        placement = 'top' as TooltipPlacement,\n        size = 'small' as TooltipSize,\n        ...otherProps\n    } = props;\n\n    const { Component, rotate } = getBeakComponent(placement, size);\n\n    return (\n        <Component\n            {...otherProps}\n            style={{ transform: [{ rotate }] }}\n        />\n    );\n}\n"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,gBAAgB,GAAG,CAACC,SAAD,EAA8BC,IAA9B,KAAoD;EACzE,IAAID,SAAS,KAAK,KAAd,IAAuBA,SAAS,KAAK,QAAzC,EAAmD;IAC/C,IAAIC,IAAI,KAAK,OAAb,EAAsB,OAAO;MACzBC,SAAS,EAAEC,4BADc;MAEzBC,MAAM,EAAEJ,SAAS,KAAK,KAAd,GAAsB,QAAtB,GAAiC;IAFhB,CAAP;IAItB,IAAIC,IAAI,KAAK,OAAb,EAAsB,OAAO;MACzBC,SAAS,EAAEG,4BADc;MAEzBD,MAAM,EAAEJ,SAAS,KAAK,KAAd,GAAsB,QAAtB,GAAiC;IAFhB,CAAP;EAIzB;;EAED,IAAIA,SAAS,KAAK,MAAd,IAAwBA,SAAS,KAAK,OAA1C,EAAmD;IAC/C,IAAIC,IAAI,KAAK,OAAb,EAAsB,OAAO;MACzBC,SAAS,EAAEI,0BADc;MAEzBF,MAAM,EAAEJ,SAAS,KAAK,MAAd,GAAuB,QAAvB,GAAkC;IAFjB,CAAP;IAItB,IAAIC,IAAI,KAAK,OAAb,EAAsB,OAAO;MACzBC,SAAS,EAAEK,0BADc;MAEzBH,MAAM,EAAEJ,SAAS,KAAK,MAAd,GAAuB,QAAvB,GAAkC;IAFjB,CAAP;EAIzB;;EAED,OAAO;IACHE,SAAS,EAAE,MAAM,IADd;IAEHE,MAAM,EAAE;EAFL,CAAP;AAIH,CA3BD;;AA6Be,SAASI,IAAT,CAAcC,KAAd,EAAgC;EAC3C,MAAM;IACFT,SAAS,GAAG,KADV;IAEFC,IAAI,GAAG,OAFL;IAGF,GAAGS;EAHD,IAIFD,KAJJ;EAMA,MAAM;IAAEP,SAAF;IAAaE;EAAb,IAAwBL,gBAAgB,CAACC,SAAD,EAAYC,IAAZ,CAA9C;EAEA,oBACI,6BAAC,SAAD,eACQS,UADR;IAEI,KAAK,EAAE;MAAEC,SAAS,EAAE,CAAC;QAAEP;MAAF,CAAD;IAAb;EAFX,GADJ;AAMH"}

package/build/commonjs/Tooltip/Beaks/BeakProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=BeakProps.js.map

package/build/commonjs/Tooltip/Beaks/BeakProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["BeakProps.ts"],"sourcesContent":["import type { SvgProps } from 'react-native-svg';\nimport type TooltipProps from '../TooltipProps';\n\nexport default interface BeakProps extends SvgProps, Pick<TooltipProps, 'placement' | 'size'> {}\n"],"mappings":""}

package/build/commonjs/Tooltip/Beaks/HorizontalLargeBeak.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = HorizontalLargeBeak;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNativeSvg = require("react-native-svg");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function HorizontalLargeBeak(props) {
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Svg, _extends({
+    height: 5,
+    viewBox: '0 0 13 5',
+    width: 13
+  }, props), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M5.81034 0.656815L1.82931 4.44828C1.45743 4.80245 0.963553 5 0.45 5H12.55C12.0364 5 11.5426 4.80245 11.1707 4.44828L7.18966 0.656815C6.80345 0.288998 6.19655 0.288999 5.81034 0.656815Z"
+  }));
+}
+//# sourceMappingURL=HorizontalLargeBeak.js.map

package/build/commonjs/Tooltip/Beaks/HorizontalLargeBeak.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HorizontalLargeBeak","props"],"sources":["HorizontalLargeBeak.tsx"],"sourcesContent":["import React from 'react';\nimport type { SvgProps } from 'react-native-svg';\nimport { Path, Svg } from 'react-native-svg';\n\nexport default function HorizontalLargeBeak(props: SvgProps) {\n    return (\n        <Svg\n            height={5}\n            viewBox={'0 0 13 5'}\n            width={13}\n            {...props}\n        >\n            <Path\n                d=\"M5.81034 0.656815L1.82931 4.44828C1.45743 4.80245 0.963553 5 0.45 5H12.55C12.0364 5 11.5426 4.80245 11.1707 4.44828L7.18966 0.656815C6.80345 0.288998 6.19655 0.288999 5.81034 0.656815Z\"\n            />\n        </Svg>\n    );\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEe,SAASA,mBAAT,CAA6BC,KAA7B,EAA8C;EACzD,oBACI,6BAAC,mBAAD;IACI,MAAM,EAAE,CADZ;IAEI,OAAO,EAAE,UAFb;IAGI,KAAK,EAAE;EAHX,GAIQA,KAJR,gBAMI,6BAAC,oBAAD;IACI,CAAC,EAAC;EADN,EANJ,CADJ;AAYH"}

package/build/commonjs/Tooltip/Beaks/HorizontalSmallBeak.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = HorizontalSmallBeak;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNativeSvg = require("react-native-svg");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function HorizontalSmallBeak(props) {
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Svg, _extends({
+    height: 4,
+    viewBox: '0 0 11 4',
+    width: 11
+  }, props), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M5.11034 0.656814L2.17931 3.44828C1.80743 3.80245 1.31355 4 0.800001 4H10.8C10.2864 4 9.79257 3.80245 9.42069 3.44828L6.48966 0.656815C6.10345 0.288998 5.49655 0.288998 5.11034 0.656814Z"
+  }));
+}
+//# sourceMappingURL=HorizontalSmallBeak.js.map

package/build/commonjs/Tooltip/Beaks/HorizontalSmallBeak.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HorizontalSmallBeak","props"],"sources":["HorizontalSmallBeak.tsx"],"sourcesContent":["import React from 'react';\nimport type { SvgProps } from 'react-native-svg';\nimport { Path, Svg } from 'react-native-svg';\n\nexport default function HorizontalSmallBeak(props: SvgProps) {\n    return (\n        <Svg\n            height={4}\n            viewBox={'0 0 11 4'}\n            width={11}\n            {...props}\n        >\n            <Path\n                d=\"M5.11034 0.656814L2.17931 3.44828C1.80743 3.80245 1.31355 4 0.800001 4H10.8C10.2864 4 9.79257 3.80245 9.42069 3.44828L6.48966 0.656815C6.10345 0.288998 5.49655 0.288998 5.11034 0.656814Z\"\n            />\n        </Svg>\n    );\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEe,SAASA,mBAAT,CAA6BC,KAA7B,EAA8C;EACzD,oBACI,6BAAC,mBAAD;IACI,MAAM,EAAE,CADZ;IAEI,OAAO,EAAE,UAFb;IAGI,KAAK,EAAE;EAHX,GAIQA,KAJR,gBAMI,6BAAC,oBAAD;IACI,CAAC,EAAC;EADN,EANJ,CADJ;AAYH"}

package/build/commonjs/Tooltip/Beaks/VerticalLargeBeak.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = VerticalLargeBeak;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNativeSvg = require("react-native-svg");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function VerticalLargeBeak(props) {
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Svg, _extends({
+    height: 28,
+    viewBox: '0 0 5 28',
+    width: 5
+  }, props), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M0.656815 13.3103L4.44828 9.32931C4.80245 8.95743 5 8.46355 5 7.95V20.05C5 19.5364 4.80245 19.0426 4.44828 18.6707L0.656815 14.6897C0.288998 14.3034 0.288998 13.6966 0.656815 13.3103Z"
+  }));
+}
+//# sourceMappingURL=VerticalLargeBeak.js.map

package/build/commonjs/Tooltip/Beaks/VerticalLargeBeak.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VerticalLargeBeak","props"],"sources":["VerticalLargeBeak.tsx"],"sourcesContent":["import React from 'react';\nimport type { SvgProps } from 'react-native-svg';\nimport { Path, Svg } from 'react-native-svg';\n\nexport default function VerticalLargeBeak(props: SvgProps) {\n    return (\n        <Svg\n            height={28}\n            viewBox={'0 0 5 28'}\n            width={5}\n            {...props}\n        >\n            <Path\n                d=\"M0.656815 13.3103L4.44828 9.32931C4.80245 8.95743 5 8.46355 5 7.95V20.05C5 19.5364 4.80245 19.0426 4.44828 18.6707L0.656815 14.6897C0.288998 14.3034 0.288998 13.6966 0.656815 13.3103Z\"\n            />\n        </Svg>\n    );\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEe,SAASA,iBAAT,CAA2BC,KAA3B,EAA4C;EACvD,oBACI,6BAAC,mBAAD;IACI,MAAM,EAAE,EADZ;IAEI,OAAO,EAAE,UAFb;IAGI,KAAK,EAAE;EAHX,GAIQA,KAJR,gBAMI,6BAAC,oBAAD;IACI,CAAC,EAAC;EADN,EANJ,CADJ;AAYH"}

package/build/commonjs/Tooltip/Beaks/VerticalSmallBeak.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = VerticalSmallBeak;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNativeSvg = require("react-native-svg");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function VerticalSmallBeak(props) {
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Svg, _extends({
+    height: 11,
+    viewBox: '0 0 4 11',
+    width: 4
+  }, props), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M0.656815 4.81034L3.44828 1.87931C3.80245 1.50742 4 1.01355 4 0.499994L4 10.5C4 9.98644 3.80245 9.49257 3.44828 9.12068L0.656816 6.18965C0.288999 5.80344 0.288999 5.19655 0.656815 4.81034Z"
+  }));
+}
+//# sourceMappingURL=VerticalSmallBeak.js.map

package/build/commonjs/Tooltip/Beaks/VerticalSmallBeak.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VerticalSmallBeak","props"],"sources":["VerticalSmallBeak.tsx"],"sourcesContent":["import React from 'react';\nimport type { SvgProps } from 'react-native-svg';\nimport { Path, Svg } from 'react-native-svg';\n\nexport default function VerticalSmallBeak(props: SvgProps) {\n    return (\n        <Svg\n            height={11}\n            viewBox={'0 0 4 11'}\n            width={4}\n            {...props}\n        >\n            <Path\n                d=\"M0.656815 4.81034L3.44828 1.87931C3.80245 1.50742 4 1.01355 4 0.499994L4 10.5C4 9.98644 3.80245 9.49257 3.44828 9.12068L0.656816 6.18965C0.288999 5.80344 0.288999 5.19655 0.656815 4.81034Z\"\n            />\n        </Svg>\n    );\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEe,SAASA,iBAAT,CAA2BC,KAA3B,EAA4C;EACvD,oBACI,6BAAC,mBAAD;IACI,MAAM,EAAE,EADZ;IAEI,OAAO,EAAE,UAFb;IAGI,KAAK,EAAE;EAHX,GAIQA,KAJR,gBAMI,6BAAC,oBAAD;IACI,CAAC,EAAC;EADN,EANJ,CADJ;AAYH"}

package/build/commonjs/Tooltip/Beaks/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Beak.default;
+  }
+});
+
+var _Beak = _interopRequireDefault(require("./Beak"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/build/commonjs/Tooltip/Beaks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './Beak';\nexport type { default as BeakProps } from './BeakProps';\n"],"mappings":";;;;;;;;;;;;AAAA"}