@fountain-ui/core 3.0.0-alpha.3 → 3.0.0-alpha.30

package/build/commonjs/internal/icons/ChevronLeft.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSvgIcon"],"sources":["ChevronLeft.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        d=\"M7.58594 12L14.293 18.7071C14.6836 19.0976 15.3167 19.0976 15.7073 18.7071C16.0978 18.3166 16.0978 17.6834 15.7073 17.2929L10.4144 12L15.7073 6.70711C16.0978 6.31658 16.0978 5.68342 15.7073 5.29289C15.3167 4.90237 14.6836 4.90237 14.293 5.29289L7.58594 12Z\"\n    />,\n    'ChevronLeft',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,oBAAD;EACI,CAAC,EAAC;AADN,EADW,EAIX,aAJW,C"}
+{"version":3,"names":["createSvgIcon"],"sources":["ChevronLeft.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M0 12C3.16267e-09 11.7348 0.105357 11.4804 0.292893 11.2929L6.29289 5.29289C6.68342 4.90237 7.31658 4.90237 7.70711 5.29289C8.09763 5.68342 8.09763 6.31658 7.70711 6.70711L2.41421 12L7.70711 17.2929C8.09763 17.6834 8.09763 18.3166 7.70711 18.7071C7.31658 19.0976 6.68342 19.0976 6.29289 18.7071L0.292893 12.7071C0.105357 12.5196 -3.16267e-09 12.2652 0 12Z\"\n    />,\n    'ChevronLeft',\n    '0 0 8 24',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,oBAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADW,EAMX,aANW,EAOX,UAPW,C"}

package/build/commonjs/internal/icons/ChevronRight.js

@@ -14,8 +14,10 @@ var _utils = require("../../utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var _default = (0, _utils.createSvgIcon)( /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
-  d: "M16.4141 12L9.70696 18.7071C9.31643 19.0976 8.68327 19.0976 8.29274 18.7071C7.90222 18.3166 7.90222 17.6834 8.29274 17.2929L13.5856 12L8.29274 6.70711C7.90222 6.31658 7.90222 5.68342 8.29274 5.29289C8.68327 4.90237 9.31643 4.90237 9.70696 5.29289L16.4141 12Z"
-}), 'ChevronRight');
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M8 12C8 12.2652 7.89464 12.5196 7.70711 12.7071L1.70711 18.7071C1.31658 19.0976 0.683417 19.0976 0.292892 18.7071C-0.0976309 18.3166 -0.0976309 17.6834 0.292893 17.2929L5.58579 12L0.292894 6.70711C-0.0976304 6.31658 -0.0976304 5.68342 0.292895 5.29289C0.683418 4.90237 1.31658 4.90237 1.70711 5.29289L7.70711 11.2929C7.89464 11.4804 8 11.7348 8 12Z"
+}), 'ChevronRight', '0 0 8 24');
 
 exports.default = _default;
 //# sourceMappingURL=ChevronRight.js.map

package/build/commonjs/internal/icons/ChevronRight.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSvgIcon"],"sources":["ChevronRight.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        d=\"M16.4141 12L9.70696 18.7071C9.31643 19.0976 8.68327 19.0976 8.29274 18.7071C7.90222 18.3166 7.90222 17.6834 8.29274 17.2929L13.5856 12L8.29274 6.70711C7.90222 6.31658 7.90222 5.68342 8.29274 5.29289C8.68327 4.90237 9.31643 4.90237 9.70696 5.29289L16.4141 12Z\"\n    />,\n    'ChevronRight',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,oBAAD;EACI,CAAC,EAAC;AADN,EADW,EAIX,cAJW,C"}
+{"version":3,"names":["createSvgIcon"],"sources":["ChevronRight.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8 12C8 12.2652 7.89464 12.5196 7.70711 12.7071L1.70711 18.7071C1.31658 19.0976 0.683417 19.0976 0.292892 18.7071C-0.0976309 18.3166 -0.0976309 17.6834 0.292893 17.2929L5.58579 12L0.292894 6.70711C-0.0976304 6.31658 -0.0976304 5.68342 0.292895 5.29289C0.683418 4.90237 1.31658 4.90237 1.70711 5.29289L7.70711 11.2929C7.89464 11.4804 8 11.7348 8 12Z\"\n    />,\n    'ChevronRight',\n    '0 0 8 24',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,oBAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADW,EAMX,cANW,EAOX,UAPW,C"}

package/build/commonjs/internal/icons/ChipClose.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNativeSvg = require("react-native-svg");
+
+var _utils = require("../../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = (0, _utils.createSvgIcon)( /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M0.170854 3.58753C0.39866 3.35972 0.768006 3.35972 0.995812 3.58753L4.08333 6.67505L7.17085 3.58753C7.39866 3.35972 7.76801 3.35972 7.99581 3.58753C8.22362 3.81533 8.22362 4.18468 7.99581 4.41248L4.90829 7.5L7.99581 10.5875C8.22362 10.8153 8.22362 11.1847 7.99581 11.4125C7.76801 11.6403 7.39866 11.6403 7.17085 11.4125L4.08333 8.32496L0.995812 11.4125C0.768006 11.6403 0.39866 11.6403 0.170854 11.4125C-0.0569515 11.1847 -0.0569515 10.8153 0.170854 10.5875L3.25838 7.5L0.170854 4.41248C-0.0569515 4.18468 -0.0569515 3.81533 0.170854 3.58753Z"
+}), 'ChipClose', '0 0 9 15');
+
+exports.default = _default;
+//# sourceMappingURL=ChipClose.js.map

package/build/commonjs/internal/icons/ChipClose.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSvgIcon"],"sources":["ChipClose.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M0.170854 3.58753C0.39866 3.35972 0.768006 3.35972 0.995812 3.58753L4.08333 6.67505L7.17085 3.58753C7.39866 3.35972 7.76801 3.35972 7.99581 3.58753C8.22362 3.81533 8.22362 4.18468 7.99581 4.41248L4.90829 7.5L7.99581 10.5875C8.22362 10.8153 8.22362 11.1847 7.99581 11.4125C7.76801 11.6403 7.39866 11.6403 7.17085 11.4125L4.08333 8.32496L0.995812 11.4125C0.768006 11.6403 0.39866 11.6403 0.170854 11.4125C-0.0569515 11.1847 -0.0569515 10.8153 0.170854 10.5875L3.25838 7.5L0.170854 4.41248C-0.0569515 4.18468 -0.0569515 3.81533 0.170854 3.58753Z\"\n    />,\n    'ChipClose',\n    '0 0 9 15',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,oBAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADW,EAMX,WANW,EAOX,UAPW,C"}

package/build/commonjs/internal/icons/Clear.js

@@ -16,12 +16,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var _default = (0, _utils.createSvgIcon)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M4.68306 5.68306C4.92714 5.43898 5.32286 5.43898 5.56694 5.68306L7 7.11612L8.43306 5.68306C8.67714 5.43898 9.07286 5.43898 9.31694 5.68306C9.56102 5.92714 9.56102 6.32286 9.31694 6.56694L7.88388 8L9.31694 9.43306C9.56102 9.67714 9.56102 10.0729 9.31694 10.3169C9.07286 10.561 8.67714 10.561 8.43306 10.3169L7 8.88388L5.56694 10.3169C5.32286 10.561 4.92714 10.561 4.68306 10.3169C4.43898 10.0729 4.43898 9.67714 4.68306 9.43306L6.11612 8L4.68306 6.56694C4.43898 6.32286 4.43898 5.92714 4.68306 5.68306Z"
+  d: "M5.32076 6.32681C5.603 6.04521 6.06061 6.04521 6.34285 6.32681L7.99999 7.98019L9.65712 6.32681C9.93937 6.04521 10.397 6.04521 10.6792 6.32681C10.9615 6.60842 10.9615 7.06498 10.6792 7.34659L9.02208 8.99997L10.6792 10.6533C10.9615 10.9349 10.9615 11.3915 10.6792 11.6731C10.397 11.9547 9.93937 11.9547 9.65712 11.6731L7.99999 10.0197L6.34285 11.6731C6.06061 11.9547 5.603 11.9547 5.32076 11.6731C5.03852 11.3915 5.03852 10.9349 5.32076 10.6533L6.9779 8.99997L5.32076 7.34659C5.03852 7.06498 5.03852 6.60842 5.32076 6.32681Z"
 }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M7 2.375C3.8934 2.375 1.375 4.8934 1.375 8C1.375 11.1066 3.8934 13.625 7 13.625C10.1066 13.625 12.625 11.1066 12.625 8C12.625 4.8934 10.1066 2.375 7 2.375ZM0.125 8C0.125 4.20304 3.20304 1.125 7 1.125C10.797 1.125 13.875 4.20304 13.875 8C13.875 11.797 10.797 14.875 7 14.875C3.20304 14.875 0.125 11.797 0.125 8Z"
-})), 'Clear', '0 0 14 16');
+  d: "M7.99999 2.51017C4.40763 2.51017 1.49544 5.41575 1.49544 8.99997C1.49544 12.5842 4.40763 15.4898 7.99999 15.4898C11.5923 15.4898 14.5045 12.5842 14.5045 8.99997C14.5045 5.41575 11.5923 2.51017 7.99999 2.51017ZM0.0499878 8.99997C0.0499878 4.61926 3.60932 1.06799 7.99999 1.06799C12.3907 1.06799 15.95 4.61926 15.95 8.99997C15.95 13.3807 12.3907 16.9319 7.99999 16.9319C3.60932 16.9319 0.0499878 13.3807 0.0499878 8.99997Z"
+})), 'Clear', '0 0 16 18');
 
 exports.default = _default;
 //# sourceMappingURL=Clear.js.map

package/build/commonjs/internal/icons/Clear.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSvgIcon"],"sources":["Clear.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <React.Fragment>\n        <Path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M4.68306 5.68306C4.92714 5.43898 5.32286 5.43898 5.56694 5.68306L7 7.11612L8.43306 5.68306C8.67714 5.43898 9.07286 5.43898 9.31694 5.68306C9.56102 5.92714 9.56102 6.32286 9.31694 6.56694L7.88388 8L9.31694 9.43306C9.56102 9.67714 9.56102 10.0729 9.31694 10.3169C9.07286 10.561 8.67714 10.561 8.43306 10.3169L7 8.88388L5.56694 10.3169C5.32286 10.561 4.92714 10.561 4.68306 10.3169C4.43898 10.0729 4.43898 9.67714 4.68306 9.43306L6.11612 8L4.68306 6.56694C4.43898 6.32286 4.43898 5.92714 4.68306 5.68306Z\"\n        />\n        <Path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M7 2.375C3.8934 2.375 1.375 4.8934 1.375 8C1.375 11.1066 3.8934 13.625 7 13.625C10.1066 13.625 12.625 11.1066 12.625 8C12.625 4.8934 10.1066 2.375 7 2.375ZM0.125 8C0.125 4.20304 3.20304 1.125 7 1.125C10.797 1.125 13.875 4.20304 13.875 8C13.875 11.797 10.797 14.875 7 14.875C3.20304 14.875 0.125 11.797 0.125 8Z\"\n        />\n    </React.Fragment>,\n    'Clear',\n    '0 0 14 16',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,oBAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADJ,eAMI,6BAAC,oBAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EANJ,CADW,EAaX,OAbW,EAcX,WAdW,C"}
+{"version":3,"names":["createSvgIcon"],"sources":["Clear.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <React.Fragment>\n        <Path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M5.32076 6.32681C5.603 6.04521 6.06061 6.04521 6.34285 6.32681L7.99999 7.98019L9.65712 6.32681C9.93937 6.04521 10.397 6.04521 10.6792 6.32681C10.9615 6.60842 10.9615 7.06498 10.6792 7.34659L9.02208 8.99997L10.6792 10.6533C10.9615 10.9349 10.9615 11.3915 10.6792 11.6731C10.397 11.9547 9.93937 11.9547 9.65712 11.6731L7.99999 10.0197L6.34285 11.6731C6.06061 11.9547 5.603 11.9547 5.32076 11.6731C5.03852 11.3915 5.03852 10.9349 5.32076 10.6533L6.9779 8.99997L5.32076 7.34659C5.03852 7.06498 5.03852 6.60842 5.32076 6.32681Z\"\n        />\n        <Path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M7.99999 2.51017C4.40763 2.51017 1.49544 5.41575 1.49544 8.99997C1.49544 12.5842 4.40763 15.4898 7.99999 15.4898C11.5923 15.4898 14.5045 12.5842 14.5045 8.99997C14.5045 5.41575 11.5923 2.51017 7.99999 2.51017ZM0.0499878 8.99997C0.0499878 4.61926 3.60932 1.06799 7.99999 1.06799C12.3907 1.06799 15.95 4.61926 15.95 8.99997C15.95 13.3807 12.3907 16.9319 7.99999 16.9319C3.60932 16.9319 0.0499878 13.3807 0.0499878 8.99997Z\"\n        />\n    </React.Fragment>,\n    'Clear',\n    '0 0 16 18',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,oBAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADJ,eAMI,6BAAC,oBAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EANJ,CADW,EAaX,OAbW,EAcX,WAdW,C"}

package/build/commonjs/internal/icons/Close.js

@@ -14,8 +14,10 @@ var _utils = require("../../utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var _default = (0, _utils.createSvgIcon)( /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
-  d: "M19.7071 5.70711C20.0976 5.31658 20.0976 4.68342 19.7071 4.29289C19.3166 3.90237 18.6834 3.90237 18.2929 4.29289L12 10.5858L5.70711 4.29292C5.31658 3.9024 4.68342 3.9024 4.29289 4.29292C3.90237 4.68345 3.90237 5.31661 4.29289 5.70714L10.5858 12L4.29289 18.2929C3.90237 18.6834 3.90237 19.3166 4.29289 19.7071C4.68342 20.0976 5.31658 20.0976 5.70711 19.7071L12 13.4142L18.2929 19.7071C18.6834 20.0977 19.3166 20.0977 19.7071 19.7071C20.0976 19.3166 20.0976 18.6834 19.7071 18.2929L13.4142 12L19.7071 5.70711Z"
-}), 'Close');
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M0.292893 5.29289C0.683417 4.90237 1.31658 4.90237 1.70711 5.29289L7 10.5858L12.2929 5.29289C12.6834 4.90237 13.3166 4.90237 13.7071 5.29289C14.0976 5.68342 14.0976 6.31658 13.7071 6.70711L8.41421 12L13.7071 17.2929C14.0976 17.6834 14.0976 18.3166 13.7071 18.7071C13.3166 19.0976 12.6834 19.0976 12.2929 18.7071L7 13.4142L1.70711 18.7071C1.31658 19.0976 0.683417 19.0976 0.292893 18.7071C-0.0976311 18.3166 -0.0976311 17.6834 0.292893 17.2929L5.58579 12L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289Z"
+}), 'Close', '0 0 14 24');
 
 exports.default = _default;
 //# sourceMappingURL=Close.js.map

package/build/commonjs/internal/icons/Close.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSvgIcon"],"sources":["Close.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        d=\"M19.7071 5.70711C20.0976 5.31658 20.0976 4.68342 19.7071 4.29289C19.3166 3.90237 18.6834 3.90237 18.2929 4.29289L12 10.5858L5.70711 4.29292C5.31658 3.9024 4.68342 3.9024 4.29289 4.29292C3.90237 4.68345 3.90237 5.31661 4.29289 5.70714L10.5858 12L4.29289 18.2929C3.90237 18.6834 3.90237 19.3166 4.29289 19.7071C4.68342 20.0976 5.31658 20.0976 5.70711 19.7071L12 13.4142L18.2929 19.7071C18.6834 20.0977 19.3166 20.0977 19.7071 19.7071C20.0976 19.3166 20.0976 18.6834 19.7071 18.2929L13.4142 12L19.7071 5.70711Z\"\n    />,\n    'Close',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,oBAAD;EACI,CAAC,EAAC;AADN,EADW,EAIX,OAJW,C"}
+{"version":3,"names":["createSvgIcon"],"sources":["Close.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M0.292893 5.29289C0.683417 4.90237 1.31658 4.90237 1.70711 5.29289L7 10.5858L12.2929 5.29289C12.6834 4.90237 13.3166 4.90237 13.7071 5.29289C14.0976 5.68342 14.0976 6.31658 13.7071 6.70711L8.41421 12L13.7071 17.2929C14.0976 17.6834 14.0976 18.3166 13.7071 18.7071C13.3166 19.0976 12.6834 19.0976 12.2929 18.7071L7 13.4142L1.70711 18.7071C1.31658 19.0976 0.683417 19.0976 0.292893 18.7071C-0.0976311 18.3166 -0.0976311 17.6834 0.292893 17.2929L5.58579 12L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289Z\"\n    />,\n    'Close',\n    '0 0 14 24',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,oBAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADW,EAMX,OANW,EAOX,WAPW,C"}

package/build/commonjs/internal/icons/Search.js

@@ -16,8 +16,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var _default = (0, _utils.createSvgIcon)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M8.25 3.5C5.3505 3.5 3 5.8505 3 8.75C3 11.6495 5.3505 14 8.25 14C9.66548 14 10.9501 13.4398 11.8943 12.5291C11.9136 12.5042 11.9346 12.4803 11.9575 12.4575C11.9803 12.4346 12.0042 12.4136 12.0291 12.3943C12.9398 11.4501 13.5 10.1655 13.5 8.75C13.5 5.8505 11.1495 3.5 8.25 3.5ZM13.5239 12.9633C14.4476 11.8085 15 10.3438 15 8.75C15 5.02208 11.9779 2 8.25 2C4.52208 2 1.5 5.02208 1.5 8.75C1.5 12.4779 4.52208 15.5 8.25 15.5C9.84376 15.5 11.3085 14.9476 12.4633 14.0239L15.22 16.7806C15.5129 17.0735 15.9877 17.0735 16.2806 16.7806C16.5735 16.4877 16.5735 16.0129 16.2806 15.72L13.5239 12.9633Z"
-})), 'Search', '0 0 18 19');
+  d: "M8.70834 3.16665C5.64776 3.16665 3.16667 5.64774 3.16667 8.70831C3.16667 11.7689 5.64776 14.25 8.70834 14.25C10.2024 14.25 11.5585 13.6587 12.5551 12.6973C12.5755 12.6711 12.5977 12.6458 12.6218 12.6217C12.6459 12.5977 12.6711 12.5754 12.6974 12.5551C13.6587 11.5584 14.25 10.2024 14.25 8.70831C14.25 5.64774 11.7689 3.16665 8.70834 3.16665ZM14.2753 13.1556C15.2503 11.9367 15.8333 10.3906 15.8333 8.70831C15.8333 4.77328 12.6434 1.58331 8.70834 1.58331C4.77331 1.58331 1.58334 4.77328 1.58334 8.70831C1.58334 12.6433 4.77331 15.8333 8.70834 15.8333C10.3906 15.8333 11.9368 15.2503 13.1557 14.2752L16.0655 17.1851C16.3747 17.4942 16.8759 17.4942 17.1851 17.1851C17.4943 16.8759 17.4943 16.3747 17.1851 16.0655L14.2753 13.1556Z"
+})), 'Search', '0 0 19 19');
 
 exports.default = _default;
 //# sourceMappingURL=Search.js.map

package/build/commonjs/internal/icons/Search.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSvgIcon"],"sources":["Search.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <React.Fragment>\n        <Path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8.25 3.5C5.3505 3.5 3 5.8505 3 8.75C3 11.6495 5.3505 14 8.25 14C9.66548 14 10.9501 13.4398 11.8943 12.5291C11.9136 12.5042 11.9346 12.4803 11.9575 12.4575C11.9803 12.4346 12.0042 12.4136 12.0291 12.3943C12.9398 11.4501 13.5 10.1655 13.5 8.75C13.5 5.8505 11.1495 3.5 8.25 3.5ZM13.5239 12.9633C14.4476 11.8085 15 10.3438 15 8.75C15 5.02208 11.9779 2 8.25 2C4.52208 2 1.5 5.02208 1.5 8.75C1.5 12.4779 4.52208 15.5 8.25 15.5C9.84376 15.5 11.3085 14.9476 12.4633 14.0239L15.22 16.7806C15.5129 17.0735 15.9877 17.0735 16.2806 16.7806C16.5735 16.4877 16.5735 16.0129 16.2806 15.72L13.5239 12.9633Z\"\n        />\n    </React.Fragment>,\n    'Search',\n    '0 0 18 19',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,oBAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADJ,CADW,EAQX,QARW,EASX,WATW,C"}
+{"version":3,"names":["createSvgIcon"],"sources":["Search.tsx"],"sourcesContent":["import React from 'react';\nimport { Path } from 'react-native-svg';\nimport { createSvgIcon } from '../../utils';\n\nexport default createSvgIcon(\n    <React.Fragment>\n        <Path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8.70834 3.16665C5.64776 3.16665 3.16667 5.64774 3.16667 8.70831C3.16667 11.7689 5.64776 14.25 8.70834 14.25C10.2024 14.25 11.5585 13.6587 12.5551 12.6973C12.5755 12.6711 12.5977 12.6458 12.6218 12.6217C12.6459 12.5977 12.6711 12.5754 12.6974 12.5551C13.6587 11.5584 14.25 10.2024 14.25 8.70831C14.25 5.64774 11.7689 3.16665 8.70834 3.16665ZM14.2753 13.1556C15.2503 11.9367 15.8333 10.3906 15.8333 8.70831C15.8333 4.77328 12.6434 1.58331 8.70834 1.58331C4.77331 1.58331 1.58334 4.77328 1.58334 8.70831C1.58334 12.6433 4.77331 15.8333 8.70834 15.8333C10.3906 15.8333 11.9368 15.2503 13.1557 14.2752L16.0655 17.1851C16.3747 17.4942 16.8759 17.4942 17.1851 17.1851C17.4943 16.8759 17.4943 16.3747 17.1851 16.0655L14.2753 13.1556Z\"\n        />\n    </React.Fragment>,\n    'Search',\n    '0 0 19 19',\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;eAEe,IAAAA,oBAAA,gBACX,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,oBAAD;EACI,QAAQ,EAAC,SADb;EAEI,QAAQ,EAAC,SAFb;EAGI,CAAC,EAAC;AAHN,EADJ,CADW,EAQX,QARW,EASX,WATW,C"}

package/build/commonjs/internal/icons/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AppBarChevronLeft", {
+  enumerable: true,
+  get: function () {
+    return _AppBarChevronLeft.default;
+  }
+});
 Object.defineProperty(exports, "Check", {
   enumerable: true,
   get: function () {
@@ -51,6 +57,12 @@ Object.defineProperty(exports, "ChevronRight", {
     return _ChevronRight.default;
   }
 });
+Object.defineProperty(exports, "ChipClose", {
+  enumerable: true,
+  get: function () {
+    return _ChipClose.default;
+  }
+});
 Object.defineProperty(exports, "CircularProgress", {
   enumerable: true,
   get: function () {
@@ -112,6 +124,8 @@ Object.defineProperty(exports, "Search", {
   }
 });
 
+var _AppBarChevronLeft = _interopRequireDefault(require("./AppBarChevronLeft"));
+
 var _Check = _interopRequireDefault(require("./Check"));
 
 var _Checkbox = _interopRequireDefault(require("./Checkbox"));
@@ -128,6 +142,8 @@ var _ChevronLeft = _interopRequireDefault(require("./ChevronLeft"));
 
 var _ChevronRight = _interopRequireDefault(require("./ChevronRight"));
 
+var _ChipClose = _interopRequireDefault(require("./ChipClose"));
+
 var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));
 
 var _Clear = _interopRequireDefault(require("./Clear"));

package/build/commonjs/internal/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as Check } from './Check';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxChecked } from './CheckboxChecked';\nexport { default as CheckboxOn } from './CheckboxOn';\nexport { default as CheckCircle } from './CheckCircle';\nexport { default as ChevronDown } from './ChevronDown';\nexport { default as ChevronLeft } from './ChevronLeft';\nexport { default as ChevronRight } from './ChevronRight';\nexport { default as CircularProgress } from './CircularProgress';\nexport { default as Clear } from './Clear';\nexport { default as Close } from './Close';\nexport { default as EyeOff } from './EyeOff';\nexport { default as EyeOn } from './EyeOn';\nexport { default as InfoCircle } from './InfoCircle';\nexport { default as LoadingSpinner } from './LoadingSpinner';\nexport { default as Radio } from './Radio';\nexport { default as RadioChecked } from './RadioChecked';\nexport { default as Search } from './Search';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as AppBarChevronLeft } from './AppBarChevronLeft';\nexport { default as Check } from './Check';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxChecked } from './CheckboxChecked';\nexport { default as CheckboxOn } from './CheckboxOn';\nexport { default as CheckCircle } from './CheckCircle';\nexport { default as ChevronDown } from './ChevronDown';\nexport { default as ChevronLeft } from './ChevronLeft';\nexport { default as ChevronRight } from './ChevronRight';\nexport { default as ChipClose } from './ChipClose';\nexport { default as CircularProgress } from './CircularProgress';\nexport { default as Clear } from './Clear';\nexport { default as Close } from './Close';\nexport { default as EyeOff } from './EyeOff';\nexport { default as EyeOn } from './EyeOn';\nexport { default as InfoCircle } from './InfoCircle';\nexport { default as LoadingSpinner } from './LoadingSpinner';\nexport { default as Radio } from './Radio';\nexport { default as RadioChecked } from './RadioChecked';\nexport { default as Search } from './Search';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/build/module/Accordion/Accordion.js

@@ -1,3 +1,5 @@
+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); }
+
 import React, { useEffect, useRef, useState } from 'react';
 import { Text, View } from 'react-native';
 import Animated, { useAnimatedStyle, useSharedValue, withDelay, withTiming } from 'react-native-reanimated';
@@ -40,7 +42,9 @@ export default function Accordion(props) {
     RightIcon,
     LeftComponent,
     isInitialExpanded = false,
-    variant = 'solid'
+    style: styleProp,
+    variant = 'solid',
+    ...otherProps
   } = props;
   const styles = useStyles();
   const theme = useTheme();
@@ -51,6 +55,7 @@ export default function Accordion(props) {
     container: containerStyle,
     content: contentStyle,
     contentFont: contentFontStyle,
+    iconContainer: iconContainerStyle,
     subTitleFont: subTitleFontStyle,
     title: titleStyle,
     titleFont: titleFontStyle
@@ -91,10 +96,10 @@ export default function Accordion(props) {
     animatedHeight.value = withTiming(isExpanded ? contentHeight : 0, ANIMATION_CONFIG);
     animatedOpacity.value = isExpanded ? withDelay(CONTENT_OPACITY_DELAY_MILLIS, withTiming(1, ANIMATION_CONFIG)) : withTiming(0, ANIMATION_CONFIG);
   }, [isExpanded, contentHeight]);
-  const rootStyle = css([styles.root, containerStyle]);
-  return /*#__PURE__*/React.createElement(Column, {
+  const rootStyle = css([styles.root, containerStyle, styleProp]);
+  return /*#__PURE__*/React.createElement(Column, _extends({
     style: rootStyle
-  }, /*#__PURE__*/React.createElement(ButtonBase, {
+  }, otherProps), /*#__PURE__*/React.createElement(ButtonBase, {
     onPress: onPress
   }, /*#__PURE__*/React.createElement(Row, {
     style: titleStyle
@@ -102,21 +107,23 @@ export default function Accordion(props) {
     flexShrink: 1
   }, /*#__PURE__*/React.createElement(Row, {
     alignItems: 'center'
-  }, LeftComponent ? /*#__PURE__*/React.createElement(React.Fragment, null, LeftComponent, /*#__PURE__*/React.createElement(Spacer, {
+  }, LeftComponent ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: iconContainerStyle
+  }, LeftComponent), /*#__PURE__*/React.createElement(Spacer, {
     size: 1.5
   })) : null, /*#__PURE__*/React.createElement(Text, {
     allowFontScaling: false,
     children: title,
     numberOfLines: 1,
     style: titleFontStyle
-  })), subTitle && variant === 'solid' ? typeof subTitle === 'string' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacer, {
+  })), subTitle && variant === 'solid' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacer, {
     size: 1.5
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), typeof subTitle === 'string' ? /*#__PURE__*/React.createElement(Text, {
     allowFontScaling: false,
     children: subTitle,
     numberOfLines: 1,
     style: subTitleFontStyle
-  })) : subTitle : null), /*#__PURE__*/React.createElement(Spacer, {
+  }) : subTitle) : null), /*#__PURE__*/React.createElement(Spacer, {
     flex: 1
   }), /*#__PURE__*/React.createElement(Spacer, {
     size: 3

package/build/module/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","Text","View","Animated","useAnimatedStyle","useSharedValue","withDelay","withTiming","css","useTheme","ChevronDown","ButtonBase","Column","Row","Spacer","useVariantStyleMap","ROTATE_HIDE_DEGREE","ROTATE_SHOW_DEGREE","ANIMATION_CONFIG","duration","INITIAL_EXPANDED_DELAY_MILLIS","CONTENT_OPACITY_DELAY_MILLIS","useStyles","theme","root","marginBottom","spacing","rightIcon","alignItems","height","justifyContent","width","Accordion","props","title","subTitle","content","RightIcon","LeftComponent","isInitialExpanded","variant","styles","CONTENT_MARGIN_HEIGHT","isExpanded","setIsExpanded","shouldInitialExpandedRef","container","containerStyle","contentStyle","contentFont","contentFontStyle","subTitleFont","subTitleFontStyle","titleStyle","titleFont","titleFontStyle","rotate","animatedOpacity","animatedHeight","contentHeight","setContentHeight","animatedChevronDownStyles","transform","value","animatedContentBackgroundStyles","overflow","animatedContentStyle","opacity","onPress","prev","onLayout","event","nativeEvent","layout","current","setTimeout","rootStyle"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { LayoutChangeEvent, Text, View, ViewStyle } from 'react-native';\nimport Animated, {\n    useAnimatedStyle,\n    useSharedValue,\n    withDelay,\n    withTiming,\n    WithTimingConfig,\n} from 'react-native-reanimated';\nimport { css, NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport { ChevronDown } from '../internal/icons';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Row from '../Row';\nimport Spacer from '../Spacer';\nimport type AccordionProps from './AccordionProps';\nimport type { AccordionVariant } from './AccordionProps';\nimport useVariantStyleMap from './useVariantStyleMap';\n\ntype AccordionStyles = NamedStylesStringUnion<'root' | 'rightIcon'>;\n\nconst ROTATE_HIDE_DEGREE = 0;\nconst ROTATE_SHOW_DEGREE = 180;\nconst ANIMATION_CONFIG: Readonly<WithTimingConfig> = { duration: 200 };\nconst INITIAL_EXPANDED_DELAY_MILLIS = 100;\nconst CONTENT_OPACITY_DELAY_MILLIS = 200;\n\nconst useStyles: UseStyles<AccordionStyles> = function (): AccordionStyles {\n    const theme = useTheme();\n\n    return {\n        root: { marginBottom: theme.spacing(3) },\n        rightIcon: {\n            alignItems: 'center',\n            height: 32,\n            justifyContent: 'center',\n            width: 32,\n        },\n    };\n};\n\nexport default function Accordion(props: AccordionProps) {\n    const {\n        title,\n        subTitle,\n        content,\n        RightIcon,\n        LeftComponent,\n        isInitialExpanded = false,\n        variant = 'solid' as AccordionVariant,\n    } = props;\n\n    const styles = useStyles();\n    const theme = useTheme();\n    const CONTENT_MARGIN_HEIGHT = theme.spacing(2);\n\n    const [isExpanded, setIsExpanded] = useState<boolean>(false);\n    const shouldInitialExpandedRef = useRef<boolean>(isInitialExpanded);\n\n    const {\n        container: containerStyle,\n        content: contentStyle,\n        contentFont: contentFontStyle,\n        subTitleFont: subTitleFontStyle,\n        title: titleStyle,\n        titleFont: titleFontStyle,\n    } = useVariantStyleMap(variant);\n\n    const rotate = useSharedValue(ROTATE_HIDE_DEGREE);\n    const animatedOpacity = useSharedValue(0);\n\n    const animatedHeight = useSharedValue(0);\n    const [contentHeight, setContentHeight] = useState(0);\n\n    const animatedChevronDownStyles = useAnimatedStyle(() => ({\n        transform: [{ rotate: `${rotate.value}deg` }],\n    }), []);\n\n    const animatedContentBackgroundStyles = useAnimatedStyle(() => ({\n        height: animatedHeight.value,\n        overflow: 'hidden',\n    } as ViewStyle), []);\n\n    const animatedContentStyle = useAnimatedStyle(() => ({\n        opacity: animatedOpacity.value,\n    }), []);\n\n    const onPress = () => {\n        setIsExpanded(prev => !prev);\n    };\n\n    const onLayout = (event: LayoutChangeEvent) => {\n        const height = event.nativeEvent.layout.height + CONTENT_MARGIN_HEIGHT;\n        setContentHeight(height);\n\n        if (shouldInitialExpandedRef.current) {\n            shouldInitialExpandedRef.current = false;\n            setTimeout(() => setIsExpanded(true), INITIAL_EXPANDED_DELAY_MILLIS);\n        }\n    };\n\n    useEffect(() => {\n        rotate.value = withTiming(isExpanded ? ROTATE_SHOW_DEGREE : ROTATE_HIDE_DEGREE, ANIMATION_CONFIG);\n\n        animatedHeight.value = withTiming(isExpanded ? contentHeight : 0, ANIMATION_CONFIG);\n\n        animatedOpacity.value = isExpanded\n            ? withDelay(CONTENT_OPACITY_DELAY_MILLIS, withTiming(1, ANIMATION_CONFIG))\n            : withTiming(0, ANIMATION_CONFIG);\n    }, [isExpanded, contentHeight]);\n\n    const rootStyle = css([\n        styles.root,\n        containerStyle,\n    ]);\n\n    return (\n        <Column style={rootStyle}>\n            <ButtonBase onPress={onPress}>\n                <Row style={titleStyle}>\n                    <Column flexShrink={1}>\n                        <Row alignItems={'center'}>\n                            {LeftComponent ? (\n                                <React.Fragment>\n                                    {LeftComponent}\n\n                                    <Spacer size={1.5}/>\n                                </React.Fragment>\n                            ) : null}\n\n                            <Text\n                                allowFontScaling={false}\n                                children={title}\n                                numberOfLines={1}\n                                style={titleFontStyle}\n                            />\n                        </Row>\n\n                        {subTitle && variant === 'solid' ?\n                            typeof subTitle === 'string' ? (\n                                <React.Fragment>\n                                    <Spacer size={1.5}/>\n\n                                    <Text\n                                        allowFontScaling={false}\n                                        children={subTitle}\n                                        numberOfLines={1}\n                                        style={subTitleFontStyle}\n                                    />\n                                </React.Fragment>\n                            ) : (subTitle)\n                            : null}\n                    </Column>\n\n                    <Spacer flex={1}/>\n\n                    <Spacer size={3}/>\n\n                    <Animated.View style={animatedChevronDownStyles}>\n                        <View style={styles.rightIcon}>\n                            {RightIcon ? RightIcon : (\n                                <ChevronDown\n                                    width={16}\n                                    height={16}\n                                    color={'base'}\n                                />\n                            )}\n                        </View>\n                    </Animated.View>\n                </Row>\n            </ButtonBase>\n\n            <Animated.View style={animatedContentBackgroundStyles}>\n                <View\n                    onLayout={onLayout}\n                    style={contentStyle}\n                >\n                    <Animated.View style={animatedContentStyle}>\n                        {typeof content === 'string' ? (\n                            <Text\n                                allowFontScaling={false}\n                                children={content}\n                                style={contentFontStyle}\n                            />\n                        ) : (content)}\n                    </Animated.View>\n                </View>\n            </Animated.View>\n        </Column>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useRef","useState","Text","View","Animated","useAnimatedStyle","useSharedValue","withDelay","withTiming","css","useTheme","ChevronDown","ButtonBase","Column","Row","Spacer","useVariantStyleMap","ROTATE_HIDE_DEGREE","ROTATE_SHOW_DEGREE","ANIMATION_CONFIG","duration","INITIAL_EXPANDED_DELAY_MILLIS","CONTENT_OPACITY_DELAY_MILLIS","useStyles","theme","root","marginBottom","spacing","rightIcon","alignItems","height","justifyContent","width","Accordion","props","title","subTitle","content","RightIcon","LeftComponent","isInitialExpanded","style","styleProp","variant","otherProps","styles","CONTENT_MARGIN_HEIGHT","isExpanded","setIsExpanded","shouldInitialExpandedRef","container","containerStyle","contentStyle","contentFont","contentFontStyle","iconContainer","iconContainerStyle","subTitleFont","subTitleFontStyle","titleStyle","titleFont","titleFontStyle","rotate","animatedOpacity","animatedHeight","contentHeight","setContentHeight","animatedChevronDownStyles","transform","value","animatedContentBackgroundStyles","overflow","animatedContentStyle","opacity","onPress","prev","onLayout","event","nativeEvent","layout","current","setTimeout","rootStyle"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { LayoutChangeEvent, Text, View, ViewStyle } from 'react-native';\nimport Animated, {\n    useAnimatedStyle,\n    useSharedValue,\n    withDelay,\n    withTiming,\n    WithTimingConfig,\n} from 'react-native-reanimated';\nimport { css, NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport { ChevronDown } from '../internal/icons';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Row from '../Row';\nimport Spacer from '../Spacer';\nimport type AccordionProps from './AccordionProps';\nimport type { AccordionVariant } from './AccordionProps';\nimport useVariantStyleMap from './useVariantStyleMap';\n\ntype AccordionStyles = NamedStylesStringUnion<'root' | 'rightIcon'>;\n\nconst ROTATE_HIDE_DEGREE = 0;\nconst ROTATE_SHOW_DEGREE = 180;\nconst ANIMATION_CONFIG: Readonly<WithTimingConfig> = { duration: 200 };\nconst INITIAL_EXPANDED_DELAY_MILLIS = 100;\nconst CONTENT_OPACITY_DELAY_MILLIS = 200;\n\nconst useStyles: UseStyles<AccordionStyles> = function (): AccordionStyles {\n    const theme = useTheme();\n\n    return {\n        root: { marginBottom: theme.spacing(3) },\n        rightIcon: {\n            alignItems: 'center',\n            height: 32,\n            justifyContent: 'center',\n            width: 32,\n        },\n    };\n};\n\nexport default function Accordion(props: AccordionProps) {\n    const {\n        title,\n        subTitle,\n        content,\n        RightIcon,\n        LeftComponent,\n        isInitialExpanded = false,\n        style: styleProp,\n        variant = 'solid' as AccordionVariant,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n    const theme = useTheme();\n    const CONTENT_MARGIN_HEIGHT = theme.spacing(2);\n\n    const [isExpanded, setIsExpanded] = useState<boolean>(false);\n    const shouldInitialExpandedRef = useRef<boolean>(isInitialExpanded);\n\n    const {\n        container: containerStyle,\n        content: contentStyle,\n        contentFont: contentFontStyle,\n        iconContainer: iconContainerStyle,\n        subTitleFont: subTitleFontStyle,\n        title: titleStyle,\n        titleFont: titleFontStyle,\n    } = useVariantStyleMap(variant);\n\n    const rotate = useSharedValue(ROTATE_HIDE_DEGREE);\n    const animatedOpacity = useSharedValue(0);\n\n    const animatedHeight = useSharedValue(0);\n    const [contentHeight, setContentHeight] = useState(0);\n\n    const animatedChevronDownStyles = useAnimatedStyle(() => ({\n        transform: [{ rotate: `${rotate.value}deg` }],\n    }), []);\n\n    const animatedContentBackgroundStyles = useAnimatedStyle(() => ({\n        height: animatedHeight.value,\n        overflow: 'hidden',\n    } as ViewStyle), []);\n\n    const animatedContentStyle = useAnimatedStyle(() => ({\n        opacity: animatedOpacity.value,\n    }), []);\n\n    const onPress = () => {\n        setIsExpanded(prev => !prev);\n    };\n\n    const onLayout = (event: LayoutChangeEvent) => {\n        const height = event.nativeEvent.layout.height + CONTENT_MARGIN_HEIGHT;\n        setContentHeight(height);\n\n        if (shouldInitialExpandedRef.current) {\n            shouldInitialExpandedRef.current = false;\n            setTimeout(() => setIsExpanded(true), INITIAL_EXPANDED_DELAY_MILLIS);\n        }\n    };\n\n    useEffect(() => {\n        rotate.value = withTiming(isExpanded ? ROTATE_SHOW_DEGREE : ROTATE_HIDE_DEGREE, ANIMATION_CONFIG);\n\n        animatedHeight.value = withTiming(isExpanded ? contentHeight : 0, ANIMATION_CONFIG);\n\n        animatedOpacity.value = isExpanded\n            ? withDelay(CONTENT_OPACITY_DELAY_MILLIS, withTiming(1, ANIMATION_CONFIG))\n            : withTiming(0, ANIMATION_CONFIG);\n    }, [isExpanded, contentHeight]);\n\n    const rootStyle = css([\n        styles.root,\n        containerStyle,\n        styleProp,\n    ]);\n\n    return (\n        <Column\n            style={rootStyle}\n            {...otherProps}\n        >\n            <ButtonBase onPress={onPress}>\n                <Row style={titleStyle}>\n                    <Column flexShrink={1}>\n                        <Row alignItems={'center'}>\n                            {LeftComponent ? (\n                                <React.Fragment>\n                                    <View style={iconContainerStyle}>\n                                        {LeftComponent}\n                                    </View>\n\n                                    <Spacer size={1.5}/>\n                                </React.Fragment>\n                            ) : null}\n\n                            <Text\n                                allowFontScaling={false}\n                                children={title}\n                                numberOfLines={1}\n                                style={titleFontStyle}\n                            />\n                        </Row>\n\n                        {subTitle && variant === 'solid' ? (\n                            <React.Fragment>\n                                <Spacer size={1.5}/>\n\n                                {typeof subTitle === 'string' ? (\n                                    <Text\n                                        allowFontScaling={false}\n                                        children={subTitle}\n                                        numberOfLines={1}\n                                        style={subTitleFontStyle}\n                                    />\n                                ) : (subTitle)}\n                            </React.Fragment>\n                        ) : null}\n                    </Column>\n\n                    <Spacer flex={1}/>\n\n                    <Spacer size={3}/>\n\n                    <Animated.View style={animatedChevronDownStyles}>\n                        <View style={styles.rightIcon}>\n                            {RightIcon ? RightIcon : (\n                                <ChevronDown\n                                    width={16}\n                                    height={16}\n                                    color={'base'}\n                                />\n                            )}\n                        </View>\n                    </Animated.View>\n                </Row>\n            </ButtonBase>\n\n            <Animated.View style={animatedContentBackgroundStyles}>\n                <View\n                    onLayout={onLayout}\n                    style={contentStyle}\n                >\n                    <Animated.View style={animatedContentStyle}>\n                        {typeof content === 'string' ? (\n                            <Text\n                                allowFontScaling={false}\n                                children={content}\n                                style={contentFontStyle}\n                            />\n                        ) : (content)}\n                    </Animated.View>\n                </View>\n            </Animated.View>\n        </Column>\n    );\n}\n"],"mappings":"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"}

package/build/module/Accordion/AccordionProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["accordionVariants"],"sources":["AccordionProps.ts"],"sourcesContent":["import React from 'react';\n\nexport const accordionVariants = ['solid', 'line', 'underline'] as const;\nexport type AccordionVariant = typeof accordionVariants[number];\n\nexport default interface AccordionProps {\n    /**\n     * The title of the component.\n     */\n    title: string | React.ReactNode;\n\n    /**\n     * The subtitle of the component. (Only for solid variant)\n     */\n    subTitle?: string | React.ReactNode;\n\n    /**\n     * The component to the left of the title.\n     */\n    LeftComponent?: React.ReactNode;\n\n    /**\n     * The icon to the right of the title.\n     */\n    RightIcon?: React.ReactElement;\n\n    /**\n     * The content of the component.\n     */\n    content: string | React.ReactNode;\n\n    /**\n     * The initial state of expanding\n     * @default false\n     */\n    isInitialExpanded?: boolean;\n\n    /**\n     * Determines design variations of the component.\n     * @default 'solid'\n     */\n    variant: AccordionVariant;\n}\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAiB,GAAG,CAAC,OAAD,EAAU,MAAV,EAAkB,WAAlB,CAA1B"}
+{"version":3,"names":["accordionVariants"],"sources":["AccordionProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ColumnProps } from '../Column';\nimport type { OverridableComponentProps } from '../types';\n\nexport const accordionVariants = ['solid', 'line', 'underline'] as const;\nexport type AccordionVariant = typeof accordionVariants[number];\n\nexport default interface AccordionProps extends OverridableComponentProps<Omit<ColumnProps, 'children'>, {\n    /**\n     * The title of the component.\n     */\n    title: string | React.ReactNode;\n\n    /**\n     * The subtitle of the component. (Only for solid variant)\n     */\n    subTitle?: string | React.ReactNode;\n\n    /**\n     * The component to the left of the title.\n     */\n    LeftComponent?: React.ReactNode;\n\n    /**\n     * The icon to the right of the title.\n     */\n    RightIcon?: React.ReactElement;\n\n    /**\n     * The content of the component.\n     */\n    content: string | React.ReactNode;\n\n    /**\n     * The initial state of expanding\n     * @default false\n     */\n    isInitialExpanded?: boolean;\n\n    /**\n     * Determines design variations of the component.\n     * @default 'solid'\n     */\n    variant: AccordionVariant;\n}> {}\n"],"mappings":"AAIA,OAAO,MAAMA,iBAAiB,GAAG,CAAC,OAAD,EAAU,MAAV,EAAkB,WAAlB,CAA1B"}

package/build/module/Accordion/useVariantStyleMap.js

@@ -15,10 +15,12 @@ export default function useVariantStyleMap(variant) {
           content: {
             borderTopColor: theme.palette.border.weak,
             borderTopWidth: 0.5,
+            left: 0,
             marginHorizontal: theme.spacing(4),
             paddingBottom: theme.spacing(5),
             paddingTop: theme.spacing(4),
-            position: 'absolute'
+            position: 'absolute',
+            right: 0
           },
           contentFont: createFontStyle(theme, {
             selector: typography => typography.body3.regular,
@@ -36,9 +38,9 @@ export default function useVariantStyleMap(variant) {
           },
           titleFont: createFontStyle(theme, {
             selector: _ => typographyOf({
-              fontSize: 15,
-              lineHeight: 19.5,
-              fontFamily: 'Pretendard-SemiBold',
+              fontSize: 16,
+              lineHeight: 20.8,
+              fontFamily: 'PretendardStd-SemiBold',
               letterSpacing: 0
             }),
             color: theme.palette.text.strong
@@ -55,15 +57,20 @@ export default function useVariantStyleMap(variant) {
           content: {
             borderTopColor: theme.palette.border.weak,
             borderTopWidth: 0.5,
+            left: 0,
             marginHorizontal: theme.spacing(4),
             paddingBottom: theme.spacing(4),
             paddingTop: theme.spacing(3),
-            position: 'absolute'
+            position: 'absolute',
+            right: 0
           },
           contentFont: createFontStyle(theme, {
             selector: typography => typography.caption2.regular,
             color: theme.palette.text.base
           }),
+          iconContainer: {
+            paddingTop: 1
+          },
           title: {
             alignItems: 'center',
             paddingBottom: theme.spacing(1),
@@ -102,9 +109,9 @@ export default function useVariantStyleMap(variant) {
           },
           titleFont: createFontStyle(theme, {
             selector: _ => typographyOf({
-              fontSize: 15,
-              lineHeight: 19.5,
-              fontFamily: 'Pretendard-SemiBold',
+              fontSize: 16,
+              lineHeight: 20.8,
+              fontFamily: 'PretendardStd-SemiBold',
               letterSpacing: 0
             }),
             color: theme.palette.text.strong

package/build/module/Accordion/useVariantStyleMap.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","typographyOf","createFontStyle","useTheme","useVariantStyleMap","variant","theme","container","backgroundColor","palette","surface","supportive","borderRadius","shape","radius","md","content","borderTopColor","border","weak","borderTopWidth","marginHorizontal","spacing","paddingBottom","paddingTop","position","contentFont","selector","typography","body3","regular","color","text","base","subTitleFont","caption1","title","alignItems","paddingLeft","paddingRight","paddingVertical","titleFont","_","fontSize","lineHeight","fontFamily","letterSpacing","strong","borderColor","borderWidth","caption2","caption1short","semiBold","borderBottomColor","borderBottomWidth"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TextStyle } from 'react-native';\nimport type { FountainUiStyle } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport { createFontStyle, useTheme } from '../styles';\nimport type { AccordionVariant } from './AccordionProps';\n\ninterface VariantStyle {\n    container: FountainUiStyle;\n    content: FountainUiStyle;\n    contentFont: TextStyle;\n    subTitleFont?: TextStyle;\n    title: FountainUiStyle;\n    titleFont: TextStyle;\n}\n\nexport default function useVariantStyleMap(variant: AccordionVariant): VariantStyle {\n    const theme = useTheme();\n\n    return useMemo(() => {\n        switch (variant) {\n            default:\n            case 'solid':\n                return {\n                    container: {\n                        backgroundColor: theme.palette.surface.supportive,\n                        borderRadius: theme.shape.radius.md,\n                    },\n                    content: {\n                        borderTopColor: theme.palette.border.weak,\n                        borderTopWidth: 0.5,\n                        marginHorizontal: theme.spacing(4),\n                        paddingBottom: theme.spacing(5),\n                        paddingTop: theme.spacing(4),\n                        position: 'absolute',\n                    },\n                    contentFont: createFontStyle(theme, {\n                        selector: (typography) => typography.body3.regular,\n                        color: theme.palette.text.base,\n                    }),\n                    subTitleFont: createFontStyle(theme, {\n                        selector: (typography) => typography.caption1.regular,\n                        color: theme.palette.text.base,\n                    }),\n                    title: {\n                        alignItems: 'center',\n                        paddingLeft: theme.spacing(4),\n                        paddingRight: theme.spacing(2),\n                        paddingVertical: theme.spacing(4),\n                    },\n                    titleFont: createFontStyle(theme, {\n                        selector: (_) => typographyOf({\n                            fontSize: 15,\n                            lineHeight: 19.5,\n                            fontFamily: 'Pretendard-SemiBold',\n                            letterSpacing: 0,\n                        }),\n                        color: theme.palette.text.strong,\n                    }),\n                };\n            case 'line':\n                return {\n                    container: {\n                        borderColor: theme.palette.border.weak,\n                        borderRadius: theme.shape.radius.md,\n                        borderWidth: 1,\n                    },\n                    content: {\n                        borderTopColor: theme.palette.border.weak,\n                        borderTopWidth: 0.5,\n                        marginHorizontal: theme.spacing(4),\n                        paddingBottom: theme.spacing(4),\n                        paddingTop: theme.spacing(3),\n                        position: 'absolute',\n                    },\n                    contentFont: createFontStyle(theme, {\n                        selector: (typography) => typography.caption2.regular,\n                        color: theme.palette.text.base,\n                    }),\n                    title: {\n                        alignItems: 'center',\n                        paddingBottom: theme.spacing(1),\n                        paddingLeft: theme.spacing(4),\n                        paddingRight: theme.spacing(2),\n                        paddingTop: theme.spacing(0.75),\n                    },\n                    titleFont: createFontStyle(theme, {\n                        selector: (typography) => typography.caption1short.semiBold,\n                        color: theme.palette.text.base,\n                    }),\n                };\n            case 'underline':\n                return {\n                    container: {\n                        borderBottomColor: theme.palette.border.weak,\n                        borderBottomWidth: 1,\n                    },\n                    content: {\n                        borderTopColor: theme.palette.border.weak,\n                        borderTopWidth: 0.5,\n                        paddingBottom: theme.spacing(5),\n                        paddingLeft: theme.spacing(0.5),\n                        paddingRight: theme.spacing(2),\n                        paddingTop: theme.spacing(4),\n                    },\n                    contentFont: createFontStyle(theme, {\n                        selector: (typography) => typography.body3.regular,\n                        color: theme.palette.text.base,\n                    }),\n                    title: {\n                        alignItems: 'center',\n                        paddingLeft: theme.spacing(0.5),\n                        paddingVertical: theme.spacing(2),\n                    },\n                    titleFont: createFontStyle(theme, {\n                        selector: (_) => typographyOf({\n                            fontSize: 15,\n                            lineHeight: 19.5,\n                            fontFamily: 'Pretendard-SemiBold',\n                            letterSpacing: 0,\n                        }),\n                        color: theme.palette.text.strong,\n                    }),\n                };\n        }\n    }, [theme, variant]);\n}\n"],"mappings":"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"}
+{"version":3,"names":["useMemo","typographyOf","createFontStyle","useTheme","useVariantStyleMap","variant","theme","container","backgroundColor","palette","surface","supportive","borderRadius","shape","radius","md","content","borderTopColor","border","weak","borderTopWidth","left","marginHorizontal","spacing","paddingBottom","paddingTop","position","right","contentFont","selector","typography","body3","regular","color","text","base","subTitleFont","caption1","title","alignItems","paddingLeft","paddingRight","paddingVertical","titleFont","_","fontSize","lineHeight","fontFamily","letterSpacing","strong","borderColor","borderWidth","caption2","iconContainer","caption1short","semiBold","borderBottomColor","borderBottomWidth"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TextStyle } from 'react-native';\nimport type { FountainUiStyle } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport { createFontStyle, useTheme } from '../styles';\nimport type { AccordionVariant } from './AccordionProps';\n\ninterface VariantStyle {\n    container: FountainUiStyle;\n    content: FountainUiStyle;\n    contentFont: TextStyle;\n    iconContainer?: FountainUiStyle;\n    subTitleFont?: TextStyle;\n    title: FountainUiStyle;\n    titleFont: TextStyle;\n}\n\nexport default function useVariantStyleMap(variant: AccordionVariant): VariantStyle {\n    const theme = useTheme();\n\n    return useMemo(() => {\n        switch (variant) {\n            default:\n            case 'solid':\n                return {\n                    container: {\n                        backgroundColor: theme.palette.surface.supportive,\n                        borderRadius: theme.shape.radius.md,\n                    },\n                    content: {\n                        borderTopColor: theme.palette.border.weak,\n                        borderTopWidth: 0.5,\n                        left: 0,\n                        marginHorizontal: theme.spacing(4),\n                        paddingBottom: theme.spacing(5),\n                        paddingTop: theme.spacing(4),\n                        position: 'absolute',\n                        right: 0,\n                    },\n                    contentFont: createFontStyle(theme, {\n                        selector: (typography) => typography.body3.regular,\n                        color: theme.palette.text.base,\n                    }),\n                    subTitleFont: createFontStyle(theme, {\n                        selector: (typography) => typography.caption1.regular,\n                        color: theme.palette.text.base,\n                    }),\n                    title: {\n                        alignItems: 'center',\n                        paddingLeft: theme.spacing(4),\n                        paddingRight: theme.spacing(2),\n                        paddingVertical: theme.spacing(4),\n                    },\n                    titleFont: createFontStyle(theme, {\n                        selector: (_) => typographyOf({\n                            fontSize: 16,\n                            lineHeight: 20.8,\n                            fontFamily: 'PretendardStd-SemiBold',\n                            letterSpacing: 0,\n                        }),\n                        color: theme.palette.text.strong,\n                    }),\n                };\n            case 'line':\n                return {\n                    container: {\n                        borderColor: theme.palette.border.weak,\n                        borderRadius: theme.shape.radius.md,\n                        borderWidth: 1,\n                    },\n                    content: {\n                        borderTopColor: theme.palette.border.weak,\n                        borderTopWidth: 0.5,\n                        left: 0,\n                        marginHorizontal: theme.spacing(4),\n                        paddingBottom: theme.spacing(4),\n                        paddingTop: theme.spacing(3),\n                        position: 'absolute',\n                        right: 0,\n                    },\n                    contentFont: createFontStyle(theme, {\n                        selector: (typography) => typography.caption2.regular,\n                        color: theme.palette.text.base,\n                    }),\n                    iconContainer: {\n                        paddingTop: 1,\n                    },\n                    title: {\n                        alignItems: 'center',\n                        paddingBottom: theme.spacing(1),\n                        paddingLeft: theme.spacing(4),\n                        paddingRight: theme.spacing(2),\n                        paddingTop: theme.spacing(0.75),\n                    },\n                    titleFont: createFontStyle(theme, {\n                        selector: (typography) => typography.caption1short.semiBold,\n                        color: theme.palette.text.base,\n                    }),\n                };\n            case 'underline':\n                return {\n                    container: {\n                        borderBottomColor: theme.palette.border.weak,\n                        borderBottomWidth: 1,\n                    },\n                    content: {\n                        borderTopColor: theme.palette.border.weak,\n                        borderTopWidth: 0.5,\n                        paddingBottom: theme.spacing(5),\n                        paddingLeft: theme.spacing(0.5),\n                        paddingRight: theme.spacing(2),\n                        paddingTop: theme.spacing(4),\n                    },\n                    contentFont: createFontStyle(theme, {\n                        selector: (typography) => typography.body3.regular,\n                        color: theme.palette.text.base,\n                    }),\n                    title: {\n                        alignItems: 'center',\n                        paddingLeft: theme.spacing(0.5),\n                        paddingVertical: theme.spacing(2),\n                    },\n                    titleFont: createFontStyle(theme, {\n                        selector: (_) => typographyOf({\n                            fontSize: 16,\n                            lineHeight: 20.8,\n                            fontFamily: 'PretendardStd-SemiBold',\n                            letterSpacing: 0,\n                        }),\n                        color: theme.palette.text.strong,\n                    }),\n                };\n        }\n    }, [theme, variant]);\n}\n"],"mappings":"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"}

package/build/module/AppBar/AppBar.js

@@ -2,6 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React from 'react';
 import { View } from 'react-native';
+import { useBreakpointUp } from '../hooks';
 import { css, useTheme } from '../styles';
 
 const useStyles = function () {
@@ -23,14 +24,17 @@ const AppBar = /*#__PURE__*/React.forwardRef(function AppBar(props, ref) {
     ...otherProps
   } = props;
   const theme = useTheme();
+  const isDesktop = useBreakpointUp('md', true, false);
   const styles = useStyles();
   const backgroundColorMap = {
-    default: theme.palette.background.default,
+    default: theme.palette.background.base,
     alt: theme.palette.background.alt
   };
   const paperStyle = css([styles.root, {
     backgroundColor: backgroundColorMap[color]
-  }, style]);
+  }, isDesktop ? {
+    paddingHorizontal: 8
+  } : undefined, style]);
   return /*#__PURE__*/React.createElement(View, _extends({
     ref: ref,
     style: paperStyle

package/build/module/AppBar/AppBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","css","useTheme","useStyles","theme","root","flexDirection","flexShrink","width","zIndex","appBar","AppBar","forwardRef","props","ref","color","style","otherProps","styles","backgroundColorMap","default","palette","background","alt","paperStyle","backgroundColor"],"sources":["AppBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type AppBarProps from './AppBarProps';\nimport type { AppBarColor } from './AppBarProps';\n\ntype AppBarStyleKeys = 'root';\n\ntype AppBarStyles = NamedStylesStringUnion<AppBarStyleKeys>;\n\nconst useStyles: UseStyles<AppBarStyles> = function (): AppBarStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            flexShrink: 0,\n            width: '100%',\n            zIndex: theme.zIndex.appBar,\n        },\n    };\n};\n\nconst AppBar = React.forwardRef<View, AppBarProps>(function AppBar(props, ref) {\n    const {\n        color = 'default',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const backgroundColorMap: Record<AppBarColor, string> = {\n        default: theme.palette.background.default,\n        alt: theme.palette.background.alt,\n    };\n\n    const paperStyle = css([\n        styles.root,\n        { backgroundColor: backgroundColorMap[color] },\n        style,\n    ]);\n\n    return (\n        <View\n            ref={ref}\n            style={paperStyle}\n            {...otherProps}\n        />\n    );\n});\n\nexport default AppBar;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAQA,MAAMC,SAAkC,GAAG,YAA0B;EACjE,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,UAAU,EAAE,CAFV;MAGFC,KAAK,EAAE,MAHL;MAIFC,MAAM,EAAEL,KAAK,CAACK,MAAN,CAAaC;IAJnB;EADH,CAAP;AAQH,CAXD;;AAaA,MAAMC,MAAM,gBAAGZ,KAAK,CAACa,UAAN,CAAoC,SAASD,MAAT,CAAgBE,KAAhB,EAAuBC,GAAvB,EAA4B;EAC3E,MAAM;IACFC,KAAK,GAAG,SADN;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFJ,KAJJ;EAMA,MAAMT,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMgB,MAAM,GAAGf,SAAS,EAAxB;EAEA,MAAMgB,kBAA+C,GAAG;IACpDC,OAAO,EAAEhB,KAAK,CAACiB,OAAN,CAAcC,UAAd,CAAyBF,OADkB;IAEpDG,GAAG,EAAEnB,KAAK,CAACiB,OAAN,CAAcC,UAAd,CAAyBC;EAFsB,CAAxD;EAKA,MAAMC,UAAU,GAAGvB,GAAG,CAAC,CACnBiB,MAAM,CAACb,IADY,EAEnB;IAAEoB,eAAe,EAAEN,kBAAkB,CAACJ,KAAD;EAArC,CAFmB,EAGnBC,KAHmB,CAAD,CAAtB;EAMA,oBACI,oBAAC,IAAD;IACI,GAAG,EAAEF,GADT;IAEI,KAAK,EAAEU;EAFX,GAGQP,UAHR,EADJ;AAOH,CA7Bc,CAAf;AA+BA,eAAeN,MAAf"}
+{"version":3,"names":["React","View","useBreakpointUp","css","useTheme","useStyles","theme","root","flexDirection","flexShrink","width","zIndex","appBar","AppBar","forwardRef","props","ref","color","style","otherProps","isDesktop","styles","backgroundColorMap","default","palette","background","base","alt","paperStyle","backgroundColor","paddingHorizontal","undefined"],"sources":["AppBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useBreakpointUp } from '../hooks';\nimport { css, useTheme } from '../styles';\nimport type AppBarProps from './AppBarProps';\nimport type { AppBarColor } from './AppBarProps';\n\ntype AppBarStyleKeys = 'root';\n\ntype AppBarStyles = NamedStylesStringUnion<AppBarStyleKeys>;\n\nconst useStyles: UseStyles<AppBarStyles> = function (): AppBarStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            flexShrink: 0,\n            width: '100%',\n            zIndex: theme.zIndex.appBar,\n        },\n    };\n};\n\nconst AppBar = React.forwardRef<View, AppBarProps>(function AppBar(props, ref) {\n    const {\n        color = 'default',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const isDesktop = useBreakpointUp('md', true, false);\n\n    const styles = useStyles();\n\n    const backgroundColorMap: Record<AppBarColor, string> = {\n        default: theme.palette.background.base,\n        alt: theme.palette.background.alt,\n    };\n\n    const paperStyle = css([\n        styles.root,\n        { backgroundColor: backgroundColorMap[color] },\n        isDesktop ? { paddingHorizontal: 8 } : undefined,\n        style,\n    ]);\n\n    return (\n        <View\n            ref={ref}\n            style={paperStyle}\n            {...otherProps}\n        />\n    );\n});\n\nexport default AppBar;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,eAAT,QAAgC,UAAhC;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAQA,MAAMC,SAAkC,GAAG,YAA0B;EACjE,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,UAAU,EAAE,CAFV;MAGFC,KAAK,EAAE,MAHL;MAIFC,MAAM,EAAEL,KAAK,CAACK,MAAN,CAAaC;IAJnB;EADH,CAAP;AAQH,CAXD;;AAaA,MAAMC,MAAM,gBAAGb,KAAK,CAACc,UAAN,CAAoC,SAASD,MAAT,CAAgBE,KAAhB,EAAuBC,GAAvB,EAA4B;EAC3E,MAAM;IACFC,KAAK,GAAG,SADN;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFJ,KAJJ;EAMA,MAAMT,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMgB,SAAS,GAAGlB,eAAe,CAAC,IAAD,EAAO,IAAP,EAAa,KAAb,CAAjC;EAEA,MAAMmB,MAAM,GAAGhB,SAAS,EAAxB;EAEA,MAAMiB,kBAA+C,GAAG;IACpDC,OAAO,EAAEjB,KAAK,CAACkB,OAAN,CAAcC,UAAd,CAAyBC,IADkB;IAEpDC,GAAG,EAAErB,KAAK,CAACkB,OAAN,CAAcC,UAAd,CAAyBE;EAFsB,CAAxD;EAKA,MAAMC,UAAU,GAAGzB,GAAG,CAAC,CACnBkB,MAAM,CAACd,IADY,EAEnB;IAAEsB,eAAe,EAAEP,kBAAkB,CAACL,KAAD;EAArC,CAFmB,EAGnBG,SAAS,GAAG;IAAEU,iBAAiB,EAAE;EAArB,CAAH,GAA8BC,SAHpB,EAInBb,KAJmB,CAAD,CAAtB;EAOA,oBACI,oBAAC,IAAD;IACI,GAAG,EAAEF,GADT;IAEI,KAAK,EAAEY;EAFX,GAGQT,UAHR,EADJ;AAOH,CAhCc,CAAf;AAkCA,eAAeN,MAAf"}

package/build/module/Badge/Badge.js

@@ -13,12 +13,13 @@ export default function Badge(props) {
     children,
     color = 'accent',
     content,
+    horizontalOffset = 0,
     invisible = false,
     position = defaultPosition,
     size = 'medium',
     style: styleProp,
-    offset = 0,
     variant = 'dot',
+    verticalOffset = 0,
     ...otherProps
   } = props;
   const {
@@ -27,8 +28,8 @@ export default function Badge(props) {
   } = useVariantStyleMap(variant, size, color);
   const rootStyle = css([styleProp]);
   const badgeStyle = css([baseBadgeStyle, {
-    [position.vertical]: offset,
-    [position.horizontal]: offset
+    [position.vertical]: verticalOffset,
+    [position.horizontal]: horizontalOffset
   }]);
   return /*#__PURE__*/React.createElement(View, _extends({
     style: rootStyle

package/build/module/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","css","useVariantStyleMap","defaultPosition","vertical","horizontal","Badge","props","children","color","content","invisible","position","size","style","styleProp","offset","variant","otherProps","badge","baseBadgeStyle","contentFont","contentFontStyle","rootStyle","badgeStyle","undefined"],"sources":["Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { css } from '../styles';\nimport type BadgeProps from './BadgeProps';\nimport type { BadgeColor, BadgePosition, BadgeSize, BadgeVariant } from './BadgeProps';\nimport useVariantStyleMap from './useVariantStyleMap';\n\nconst defaultPosition: BadgePosition = {\n    vertical: 'top',\n    horizontal: 'right',\n};\n\nexport default function Badge(props: BadgeProps) {\n    const {\n        children,\n        color = 'accent' as BadgeColor,\n        content,\n        invisible = false,\n        position = defaultPosition,\n        size = 'medium' as BadgeSize,\n        style: styleProp,\n        offset = 0,\n        variant = 'dot' as BadgeVariant,\n        ...otherProps\n    } = props;\n\n    const {\n        badge: baseBadgeStyle,\n        contentFont: contentFontStyle,\n    } = useVariantStyleMap(variant, size, color);\n\n    const rootStyle = css([\n        styleProp,\n    ]);\n\n    const badgeStyle = css([\n        baseBadgeStyle,\n        {\n            [position.vertical]: offset,\n            [position.horizontal]: offset,\n        },\n    ]);\n\n    return (\n        <View\n            style={rootStyle}\n            {...otherProps}\n        >\n            {children}\n\n            {!invisible ? (\n                <View style={badgeStyle}>\n                    {content !== undefined && content !== null ? (\n                        <Text style={contentFontStyle}>{content}</Text>\n                    ) : null}\n                </View>\n            ) : null}\n        </View>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,cAA3B;AACA,SAASC,GAAT,QAAoB,WAApB;AAGA,OAAOC,kBAAP,MAA+B,sBAA/B;AAEA,MAAMC,eAA8B,GAAG;EACnCC,QAAQ,EAAE,KADyB;EAEnCC,UAAU,EAAE;AAFuB,CAAvC;AAKA,eAAe,SAASC,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,QADE;IAEFC,KAAK,GAAG,QAFN;IAGFC,OAHE;IAIFC,SAAS,GAAG,KAJV;IAKFC,QAAQ,GAAGT,eALT;IAMFU,IAAI,GAAG,QANL;IAOFC,KAAK,EAAEC,SAPL;IAQFC,MAAM,GAAG,CARP;IASFC,OAAO,GAAG,KATR;IAUF,GAAGC;EAVD,IAWFX,KAXJ;EAaA,MAAM;IACFY,KAAK,EAAEC,cADL;IAEFC,WAAW,EAAEC;EAFX,IAGFpB,kBAAkB,CAACe,OAAD,EAAUJ,IAAV,EAAgBJ,KAAhB,CAHtB;EAKA,MAAMc,SAAS,GAAGtB,GAAG,CAAC,CAClBc,SADkB,CAAD,CAArB;EAIA,MAAMS,UAAU,GAAGvB,GAAG,CAAC,CACnBmB,cADmB,EAEnB;IACI,CAACR,QAAQ,CAACR,QAAV,GAAqBY,MADzB;IAEI,CAACJ,QAAQ,CAACP,UAAV,GAAuBW;EAF3B,CAFmB,CAAD,CAAtB;EAQA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEO;EADX,GAEQL,UAFR,GAIKV,QAJL,EAMK,CAACG,SAAD,gBACG,oBAAC,IAAD;IAAM,KAAK,EAAEa;EAAb,GACKd,OAAO,KAAKe,SAAZ,IAAyBf,OAAO,KAAK,IAArC,gBACG,oBAAC,IAAD;IAAM,KAAK,EAAEY;EAAb,GAAgCZ,OAAhC,CADH,GAEG,IAHR,CADH,GAMG,IAZR,CADJ;AAgBH;AAAA"}
+{"version":3,"names":["React","Text","View","css","useVariantStyleMap","defaultPosition","vertical","horizontal","Badge","props","children","color","content","horizontalOffset","invisible","position","size","style","styleProp","variant","verticalOffset","otherProps","badge","baseBadgeStyle","contentFont","contentFontStyle","rootStyle","badgeStyle","undefined"],"sources":["Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { css } from '../styles';\nimport type BadgeProps from './BadgeProps';\nimport type { BadgeColor, BadgePosition, BadgeSize, BadgeVariant } from './BadgeProps';\nimport useVariantStyleMap from './useVariantStyleMap';\n\nconst defaultPosition: BadgePosition = {\n    vertical: 'top',\n    horizontal: 'right',\n};\n\nexport default function Badge(props: BadgeProps) {\n    const {\n        children,\n        color = 'accent' as BadgeColor,\n        content,\n        horizontalOffset = 0,\n        invisible = false,\n        position = defaultPosition,\n        size = 'medium' as BadgeSize,\n        style: styleProp,\n        variant = 'dot' as BadgeVariant,\n        verticalOffset = 0,\n        ...otherProps\n    } = props;\n\n    const {\n        badge: baseBadgeStyle,\n        contentFont: contentFontStyle,\n    } = useVariantStyleMap(variant, size, color);\n\n    const rootStyle = css([\n        styleProp,\n    ]);\n\n    const badgeStyle = css([\n        baseBadgeStyle,\n        {\n            [position.vertical]: verticalOffset,\n            [position.horizontal]: horizontalOffset,\n        },\n    ]);\n\n    return (\n        <View\n            style={rootStyle}\n            {...otherProps}\n        >\n            {children}\n\n            {!invisible ? (\n                <View style={badgeStyle}>\n                    {content !== undefined && content !== null ? (\n                        <Text style={contentFontStyle}>{content}</Text>\n                    ) : null}\n                </View>\n            ) : null}\n        </View>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,cAA3B;AACA,SAASC,GAAT,QAAoB,WAApB;AAGA,OAAOC,kBAAP,MAA+B,sBAA/B;AAEA,MAAMC,eAA8B,GAAG;EACnCC,QAAQ,EAAE,KADyB;EAEnCC,UAAU,EAAE;AAFuB,CAAvC;AAKA,eAAe,SAASC,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,QADE;IAEFC,KAAK,GAAG,QAFN;IAGFC,OAHE;IAIFC,gBAAgB,GAAG,CAJjB;IAKFC,SAAS,GAAG,KALV;IAMFC,QAAQ,GAAGV,eANT;IAOFW,IAAI,GAAG,QAPL;IAQFC,KAAK,EAAEC,SARL;IASFC,OAAO,GAAG,KATR;IAUFC,cAAc,GAAG,CAVf;IAWF,GAAGC;EAXD,IAYFZ,KAZJ;EAcA,MAAM;IACFa,KAAK,EAAEC,cADL;IAEFC,WAAW,EAAEC;EAFX,IAGFrB,kBAAkB,CAACe,OAAD,EAAUH,IAAV,EAAgBL,KAAhB,CAHtB;EAKA,MAAMe,SAAS,GAAGvB,GAAG,CAAC,CAClBe,SADkB,CAAD,CAArB;EAIA,MAAMS,UAAU,GAAGxB,GAAG,CAAC,CACnBoB,cADmB,EAEnB;IACI,CAACR,QAAQ,CAACT,QAAV,GAAqBc,cADzB;IAEI,CAACL,QAAQ,CAACR,UAAV,GAAuBM;EAF3B,CAFmB,CAAD,CAAtB;EAQA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEa;EADX,GAEQL,UAFR,GAIKX,QAJL,EAMK,CAACI,SAAD,gBACG,oBAAC,IAAD;IAAM,KAAK,EAAEa;EAAb,GACKf,OAAO,KAAKgB,SAAZ,IAAyBhB,OAAO,KAAK,IAArC,gBACG,oBAAC,IAAD;IAAM,KAAK,EAAEa;EAAb,GAAgCb,OAAhC,CADH,GAEG,IAHR,CADH,GAMG,IAZR,CADJ;AAgBH;AAAA"}

package/build/module/Badge/BadgeProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["badgeHorizontalPositions","badgeVerticalPositions","badgeColors","badgeSizes","badgeVariants"],"sources":["BadgeProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport const badgeHorizontalPositions = ['right', 'left'] as const;\nexport type BadgeHorizontalPosition = typeof badgeHorizontalPositions[number];\n\nexport const badgeVerticalPositions = ['top', 'bottom'] as const;\nexport type BadgeVerticalPosition = typeof badgeVerticalPositions[number];\n\nexport interface BadgePosition {\n    vertical: BadgeVerticalPosition;\n    horizontal: BadgeHorizontalPosition;\n}\n\nexport const badgeColors = ['accent', 'danger'] as const;\nexport type BadgeColor = typeof badgeColors[number];\n\nexport const badgeSizes = ['large', 'medium'] as const;\nexport type BadgeSize = typeof badgeSizes[number];\n\nexport const badgeVariants = ['dot', 'number'] as const;\nexport type BadgeVariant = typeof badgeVariants[number];\n\nexport default interface BadgeProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The badge will be added relative to this node.\n     */\n    children?: React.ReactNode;\n\n    /**\n     *\n     * @default 'accent'\n     */\n    color?: BadgeColor;\n\n    /**\n     * (only number variant)\n     */\n    content?: number;\n\n    /**\n     * If `true`, the badge is invisible.\n     * @default false\n     */\n    invisible?: boolean;\n\n    /**\n     * The position of the badge.\n     * @default {\n     *     vertical: 'top',\n     *     horizontal: 'right',\n     * }\n     */\n    position?: BadgePosition;\n\n    /**\n     * The offset of the badge.\n     * @default 0\n     */\n    offset?: number;\n\n    /**\n     *\n     */\n    size?: BadgeSize;\n\n    /**\n     *\n     * @default 'dot'\n     */\n    variant?: BadgeVariant;\n}> {}\n"],"mappings":"AAIA,OAAO,MAAMA,wBAAwB,GAAG,CAAC,OAAD,EAAU,MAAV,CAAjC;AAGP,OAAO,MAAMC,sBAAsB,GAAG,CAAC,KAAD,EAAQ,QAAR,CAA/B;AAQP,OAAO,MAAMC,WAAW,GAAG,CAAC,QAAD,EAAW,QAAX,CAApB;AAGP,OAAO,MAAMC,UAAU,GAAG,CAAC,OAAD,EAAU,QAAV,CAAnB;AAGP,OAAO,MAAMC,aAAa,GAAG,CAAC,KAAD,EAAQ,QAAR,CAAtB"}
+{"version":3,"names":["badgeHorizontalPositions","badgeVerticalPositions","badgeColors","badgeSizes","badgeVariants"],"sources":["BadgeProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport const badgeHorizontalPositions = ['right', 'left'] as const;\nexport type BadgeHorizontalPosition = typeof badgeHorizontalPositions[number];\n\nexport const badgeVerticalPositions = ['top', 'bottom'] as const;\nexport type BadgeVerticalPosition = typeof badgeVerticalPositions[number];\n\nexport interface BadgePosition {\n    vertical: BadgeVerticalPosition;\n    horizontal: BadgeHorizontalPosition;\n}\n\nexport const badgeColors = ['accent', 'danger'] as const;\nexport type BadgeColor = typeof badgeColors[number];\n\nexport const badgeSizes = ['large', 'medium'] as const;\nexport type BadgeSize = typeof badgeSizes[number];\n\nexport const badgeVariants = ['dot', 'number'] as const;\nexport type BadgeVariant = typeof badgeVariants[number];\n\nexport default interface BadgeProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The badge will be added relative to this node.\n     */\n    children?: React.ReactNode;\n\n    /**\n     *\n     * @default 'accent'\n     */\n    color?: BadgeColor;\n\n    /**\n     * (only number variant)\n     */\n    content?: number;\n\n    /**\n     * The horizontal offset of the badge.\n     * @default 0\n     */\n    horizontalOffset?: number;\n\n    /**\n     * If `true`, the badge is invisible.\n     * @default false\n     */\n    invisible?: boolean;\n\n    /**\n     * The position of the badge.\n     * @default {\n     *     vertical: 'top',\n     *     horizontal: 'right',\n     * }\n     */\n    position?: BadgePosition;\n\n    /**\n     *\n     */\n    size?: BadgeSize;\n\n    /**\n     *\n     * @default 'dot'\n     */\n    variant?: BadgeVariant;\n\n    /**\n     * The vertical offset of the badge.\n     * @default 0\n     */\n    verticalOffset?: number;\n}> {}\n"],"mappings":"AAIA,OAAO,MAAMA,wBAAwB,GAAG,CAAC,OAAD,EAAU,MAAV,CAAjC;AAGP,OAAO,MAAMC,sBAAsB,GAAG,CAAC,KAAD,EAAQ,QAAR,CAA/B;AAQP,OAAO,MAAMC,WAAW,GAAG,CAAC,QAAD,EAAW,QAAX,CAApB;AAGP,OAAO,MAAMC,UAAU,GAAG,CAAC,OAAD,EAAU,QAAV,CAAnB;AAGP,OAAO,MAAMC,aAAa,GAAG,CAAC,KAAD,EAAQ,QAAR,CAAtB"}