@ovotech/element-native 2.2.0 → 3.0.0-canary-edaf96f-93

package/dist/esm/providers/icons/Plus.js

@@ -9,7 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Path, Svg } from 'react-native-svg';
-export var Plus = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    React.createElement(Path, { d: "M9 9H16V6.99H9V0H6.99V7H0V9.01H7V16.01H9.01V9.01L9 9Z", fill: "currentColor" }))); };
+export var Plus = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { d: "M9 9H16V6.99H9V0H6.99V7H0V9.01H7V16.01H9.01V9.01L9 9Z", fill: "currentColor" }) }))); };

package/dist/esm/providers/icons/Pound.js

@@ -9,7 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Path, Svg } from 'react-native-svg';
-export var Pound = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    React.createElement(Path, { d: "M3.11928 7.41931H4.51093C4.11332 6.46204 3.91451 5.63147 3.91451 4.9276C3.91451 3.80141 4.29225 2.86526 5.04771 2.11916C5.80318 1.37305 6.73757 1 7.85089 1C9.24254 1 10.2565 1.37305 10.8926 2.11916C11.5421 2.86526 11.8933 3.7451 11.9463 4.75867L9.99801 5.11765C9.98476 4.35747 9.78595 3.78733 9.40159 3.40724C9.03048 3.01307 8.52684 2.81599 7.89066 2.81599C7.334 2.81599 6.85686 3.00603 6.45924 3.38612C6.06163 3.75214 5.86282 4.26596 5.86282 4.9276C5.86282 5.51885 6.08151 6.34942 6.51889 7.41931H10.3757V9.2353H7.03579C7.06229 9.48869 7.07555 9.67873 7.07555 9.80543C7.07555 10.5375 6.90987 11.1991 6.57853 11.7903C6.24718 12.3816 5.7833 12.8391 5.18688 13.1629H9.22266C9.85885 13.1629 10.336 12.9517 10.6541 12.5294C10.9722 12.093 11.1312 11.5581 11.1312 10.9246L13 11.2202C13 12.3323 12.7018 13.2403 12.1054 13.9442C11.5222 14.6481 10.7203 15 9.6998 15H3V12.994C3.66269 12.6983 4.19284 12.2831 4.59046 11.7481C4.98807 11.1991 5.18688 10.629 5.18688 10.0377C5.18688 9.728 5.16037 9.46053 5.10736 9.2353H3.11928V7.41931Z", fill: "currentColor", fillRule: "evenodd" }))); };
+export var Pound = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { d: "M3.11928 7.41931H4.51093C4.11332 6.46204 3.91451 5.63147 3.91451 4.9276C3.91451 3.80141 4.29225 2.86526 5.04771 2.11916C5.80318 1.37305 6.73757 1 7.85089 1C9.24254 1 10.2565 1.37305 10.8926 2.11916C11.5421 2.86526 11.8933 3.7451 11.9463 4.75867L9.99801 5.11765C9.98476 4.35747 9.78595 3.78733 9.40159 3.40724C9.03048 3.01307 8.52684 2.81599 7.89066 2.81599C7.334 2.81599 6.85686 3.00603 6.45924 3.38612C6.06163 3.75214 5.86282 4.26596 5.86282 4.9276C5.86282 5.51885 6.08151 6.34942 6.51889 7.41931H10.3757V9.2353H7.03579C7.06229 9.48869 7.07555 9.67873 7.07555 9.80543C7.07555 10.5375 6.90987 11.1991 6.57853 11.7903C6.24718 12.3816 5.7833 12.8391 5.18688 13.1629H9.22266C9.85885 13.1629 10.336 12.9517 10.6541 12.5294C10.9722 12.093 11.1312 11.5581 11.1312 10.9246L13 11.2202C13 12.3323 12.7018 13.2403 12.1054 13.9442C11.5222 14.6481 10.7203 15 9.6998 15H3V12.994C3.66269 12.6983 4.19284 12.2831 4.59046 11.7481C4.98807 11.1991 5.18688 10.629 5.18688 10.0377C5.18688 9.728 5.16037 9.46053 5.10736 9.2353H3.11928V7.41931Z", fill: "currentColor", fillRule: "evenodd" }) }))); };

package/dist/esm/providers/icons/Search.js

@@ -9,7 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Path, Svg } from 'react-native-svg';
-export var Search = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    React.createElement(Path, { d: "M16.02 14.61L11.65 10.05C12.37 9.01 12.8 7.76 12.8 6.4C12.8 2.87 9.93 0 6.4 0C2.87 0 0 2.87 0 6.4C0 9.93 2.87 12.8 6.4 12.8C7.85 12.8 9.19 12.31 10.26 11.49L14.57 15.99L16.01 14.61H16.02ZM6.4 10.8C3.97 10.8 2 8.83 2 6.4C2 3.97 3.97 2 6.4 2C8.83 2 10.8 3.97 10.8 6.4C10.8 8.83 8.83 10.8 6.4 10.8Z", fill: "currentColor" }))); };
+export var Search = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { d: "M16.02 14.61L11.65 10.05C12.37 9.01 12.8 7.76 12.8 6.4C12.8 2.87 9.93 0 6.4 0C2.87 0 0 2.87 0 6.4C0 9.93 2.87 12.8 6.4 12.8C7.85 12.8 9.19 12.31 10.26 11.49L14.57 15.99L16.01 14.61H16.02ZM6.4 10.8C3.97 10.8 2 8.83 2 6.4C2 3.97 3.97 2 6.4 2C8.83 2 10.8 3.97 10.8 6.4C10.8 8.83 8.83 10.8 6.4 10.8Z", fill: "currentColor" }) }))); };

package/dist/esm/providers/icons/Show.js

@@ -9,7 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Path, Svg } from 'react-native-svg';
-export var Show = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    React.createElement(Path, { d: "M8 3.5C4.89086 3.5 2.07286 5.21886 0 8C2.07286 10.7811 4.89086 12.5 8 12.5C11.1091 12.5 13.9271 10.7811 16 8C13.9271 5.21886 11.1091 3.5 8 3.5ZM8 5C9.65714 5 11 6.34286 11 8C11 9.65714 9.65714 11 8 11C6.34286 11 5 9.65714 5 8C5 6.34286 6.34286 5 8 5ZM8 6.5C7.17171 6.5 6.5 7.17171 6.5 8C6.5 8.82829 7.17171 9.5 8 9.5C8.82829 9.5 9.5 8.82829 9.5 8C9.5 7.17171 8.82829 6.5 8 6.5Z", fill: "currentColor" }))); };
+export var Show = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { d: "M8 3.5C4.89086 3.5 2.07286 5.21886 0 8C2.07286 10.7811 4.89086 12.5 8 12.5C11.1091 12.5 13.9271 10.7811 16 8C13.9271 5.21886 11.1091 3.5 8 3.5ZM8 5C9.65714 5 11 6.34286 11 8C11 9.65714 9.65714 11 8 11C6.34286 11 5 9.65714 5 8C5 6.34286 6.34286 5 8 5ZM8 6.5C7.17171 6.5 6.5 7.17171 6.5 8C6.5 8.82829 7.17171 9.5 8 9.5C8.82829 9.5 9.5 8.82829 9.5 8C9.5 7.17171 8.82829 6.5 8 6.5Z", fill: "currentColor" }) }))); };

package/dist/esm/providers/icons/User.js

@@ -9,7 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Path, Svg } from 'react-native-svg';
-export var User = function (props) { return (React.createElement(Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    React.createElement(Path, { d: "M9.33 3.33C9.33 2.6 8.74 2 8 2C7.27 2 6.67 2.6 6.67 3.33C6.67 4.06 7.27 4.66 8 4.66C8.73 4.66 9.33 4.06 9.33 3.33ZM4.67 3.33C4.67 1.49 6.16 0 8 0C9.84 0 11.33 1.49 11.33 3.33C11.33 5.17 9.84 6.66 8 6.66C6.16 6.66 4.67 5.17 4.67 3.33ZM13.66 14C12.83 11.67 10.61 10 8 10C5.39 10 3.17 11.67 2.34 14H13.66ZM0 16C0 11.6 3.6 8 8 8C12.4 8 16 11.6 16 16H0Z", fill: "currentColor", fillRule: "evenodd" }))); };
+export var User = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { d: "M9.33 3.33C9.33 2.6 8.74 2 8 2C7.27 2 6.67 2.6 6.67 3.33C6.67 4.06 7.27 4.66 8 4.66C8.73 4.66 9.33 4.06 9.33 3.33ZM4.67 3.33C4.67 1.49 6.16 0 8 0C9.84 0 11.33 1.49 11.33 3.33C11.33 5.17 9.84 6.66 8 6.66C6.16 6.66 4.67 5.17 4.67 3.33ZM13.66 14C12.83 11.67 10.61 10 8 10C5.39 10 3.17 11.67 2.34 14H13.66ZM0 16C0 11.6 3.6 8 8 8C12.4 8 16 11.6 16 16H0Z", fill: "currentColor", fillRule: "evenodd" }) }))); };

package/dist/esm/theme/create-theme.js

@@ -204,73 +204,6 @@ export function createTheme(customTheme, additional) {
             borderColor: colors.borderMuted,
             padding: [space[3], space[6], space[9]],
         },
-        badge: {
-            fontFamily: fonts.bold,
-            lineHeight: lineHeights.standard,
-            paddingHorizontal: space[2],
-            borderRadius: radii.small,
-            fontSize: responsiveFontSizes.body,
-            variants: {
-                default: {
-                    background: colors.primaryMuted,
-                    foreground: colors.primaryAlt,
-                },
-                error: {
-                    background: colors.errorMuted,
-                    foreground: colors.errorAlt,
-                },
-                success: {
-                    background: colors.successMuted,
-                    foreground: colors.successAlt,
-                },
-                info: {
-                    background: colors.infoMuted,
-                    foreground: colors.infoAlt,
-                },
-                warning: {
-                    background: colors.warningMuted,
-                    foreground: colors.warningAlt,
-                },
-            },
-        },
-        cta: {
-            fontSize: responsiveFontSizes.body,
-            fontFamily: fonts.bold,
-            lineHeight: lineHeights.standard,
-            paddingVertical: space[2],
-            paddingHorizontal: space[3],
-            borderRadius: radii.small,
-            borderWidth: borderWidths.standard,
-            iconGap: space[1],
-            minHeight: space[11],
-            variants: {
-                primary: {
-                    background: colors.primary,
-                    foreground: colors.primaryContrast,
-                    border: colors.primary,
-                },
-                secondary: {
-                    background: colors.primaryContrast,
-                    foreground: colors.primary,
-                    border: colors.primary,
-                },
-                destructive: {
-                    background: colors.error,
-                    foreground: colors.errorContrast,
-                    border: colors.error,
-                },
-                missionPrimary: {
-                    background: colors.mission,
-                    foreground: colors.missionContrast,
-                    border: colors.mission,
-                },
-                missionSecondary: {
-                    background: colors.primaryContrast,
-                    foreground: colors.primary,
-                    border: colors.primary,
-                },
-            },
-        },
         checkbox: {
             touchSize: space[11],
             size: space[6],
@@ -285,41 +218,6 @@ export function createTheme(customTheme, additional) {
             checkColor: colors.info,
             errorColor: colors.error,
         },
-        notification: {
-            borderRadius: radii.small,
-            borderWidth: borderWidths.heavy,
-            borderColor: colors.error,
-            background: colors.errorMuted,
-            paddingX: [space[2], space[2]],
-            paddingY: [space[3], space[6]],
-            dismiss: {
-                touchSize: space[6],
-                size: space[4],
-                icon: 'cross',
-            },
-            variants: {
-                error: {
-                    borderColor: colors.errorMuted,
-                    background: colors.errorMuted,
-                    textColor: colors.errorAlt,
-                },
-                success: {
-                    borderColor: colors.successMuted,
-                    background: colors.successMuted,
-                    textColor: colors.successAlt,
-                },
-                info: {
-                    borderColor: colors.infoMuted,
-                    background: colors.infoMuted,
-                    textColor: colors.infoAlt,
-                },
-                warning: {
-                    borderColor: colors.warningMuted,
-                    background: colors.warningMuted,
-                    textColor: colors.warningAlt,
-                },
-            },
-        },
         text: {
             fontFamily: fonts.body,
             lineHeight: 1,
@@ -420,33 +318,6 @@ export function createTheme(customTheme, additional) {
             iconGap: [space[1], space[2]],
             panelGap: [space[2], space[3]],
         },
-        dataTable: {
-            borderWidth: borderWidths.standard,
-            borderRadius: radii.small,
-            borderColor: colors.canvasMuted,
-            responsivePadding: {
-                vertical: [space[2], space[3]],
-                horizontal: [space[1], space[1]],
-            },
-            tableHeader: {
-                color: colors.heading,
-                backgroundColor: colors.canvas,
-                borderWidth: borderWidths.standard,
-                borderColor: colors.border,
-                fontFamily: fonts.bold,
-            },
-            tableCaption: {
-                color: colors.heading,
-                fontFamily: fonts.bold,
-            },
-            tableCell: {
-                color: colors.body,
-            },
-            tableRow: {
-                backgroundColor: colors.canvas,
-                stripeColor: colors.canvasMuted,
-            },
-        },
         accordion: {
             header: {
                 color: colors.primary,
@@ -455,29 +326,5 @@ export function createTheme(customTheme, additional) {
                 iconGap: space[3],
             },
         },
-        tabs: {
-            tab: {
-                borderTopWidth: borderWidths.heavy,
-                borderBottomWidth: borderWidths.heavy,
-                borderColor: colors.canvas,
-                fontSize: responsiveFontSizes.body,
-                fontFamily: fonts.bold,
-                lineHeight: lineHeights.standard,
-                paddingHorizontal: [space[4], space[4]],
-                paddingVertical: [space[3], space[3]],
-                active: {
-                    borderColor: colors.primary,
-                    foregroundColor: colors.primary,
-                    backgroundColor: colors.canvas,
-                },
-                inactive: {
-                    foregroundColor: colors.heading,
-                    backgroundColor: colors.canvas,
-                },
-                hover: {
-                    foregroundColor: colors.primaryAlt,
-                },
-            },
-        },
     }, theme, mergeOptions);
 }

package/dist/esm/utils/utils.js

@@ -9,7 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { forwardRef, Children, } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, Children, } from 'react';
 import { useBreakpoint } from '../hooks';
 function mergeRefs(ref1, ref2) {
     return function (element) {
@@ -40,11 +41,14 @@ function getText(children) {
 function pxToNumber(px) {
     return parseFloat(px);
 }
+function numToPx(num) {
+    return "".concat(num, "px");
+}
 function styledComponentWithBreakpoints(Component) {
     return forwardRef(function (props, ref) {
         var breakpoints = useBreakpoint();
         // @ts-ignore.
-        return React.createElement(Component, __assign({}, props, breakpoints, { ref: ref }));
+        return _jsx(Component, __assign({}, props, breakpoints, { ref: ref }));
     });
 }
 function responsiveStyle(property, value, breakpoints, formatter) {
@@ -90,4 +94,4 @@ function callAll() {
 function filterChildrenByType(children, type) {
     return Children.toArray(children).filter(function (child) { return (child === null || child === void 0 ? void 0 : child.type) === type; });
 }
-export { styledComponentWithBreakpoints, responsiveStyle, pxToNumber, mergeRefs, getText, getErrorMessage, callAll, filterChildrenByType, };
+export { styledComponentWithBreakpoints, responsiveStyle, pxToNumber, numToPx, mergeRefs, getText, getErrorMessage, callAll, filterChildrenByType, };

package/dist/hooks/use-breakpoint.js

@@ -5,12 +5,12 @@ var react_1 = require("react");
 var react_native_1 = require("react-native");
 var styled_native_1 = require("../styled.native");
 var useBreakpoint = function () {
-    var breakpoints = (0, react_1.useContext)(styled_native_1.ThemeContext).breakpoints;
+    var breakpoint = (0, react_1.useContext)(styled_native_1.ThemeContext).core.breakpoint;
     var width = (0, react_native_1.useWindowDimensions)().width;
     return {
-        smallAndUp: width >= breakpoints.small,
-        mediumAndUp: width >= breakpoints.medium,
-        largeAndUp: width >= breakpoints.large,
+        smallAndUp: width > Number(breakpoint.small),
+        mediumAndUp: width > Number(breakpoint.medium),
+        largeAndUp: width > Number(breakpoint.large),
     };
 };
 exports.useBreakpoint = useBreakpoint;

package/dist/providers/IconsProvider.js

@@ -10,32 +10,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultIcons = exports.IconsProvider = exports.useIcons = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var icons_1 = require("./icons");
 var defaultIcons = {
     'arrow-down': icons_1.ArrowDown,
@@ -88,6 +66,6 @@ function IconsProvider(_a) {
     var children = _a.children, _b = _a.icons, icons = _b === void 0 ? {} : _b;
     var baseIcons = (0, react_1.useContext)(IconsContext) || defaultIcons;
     var mergedIcons = __assign(__assign({}, baseIcons), icons);
-    return (react_1.default.createElement(IconsContext.Provider, { value: mergedIcons }, children));
+    return ((0, jsx_runtime_1.jsx)(IconsContext.Provider, __assign({ value: mergedIcons }, { children: children })));
 }
 exports.IconsProvider = IconsProvider;

package/dist/providers/icons/ArrowDown.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowDown = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var ArrowDown = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { d: "M7 -1.07324e-07L9 -8.34742e-08L9 12.2L14.6 6.6L16 8L8 16L9.5399e-08 8L1.4 6.6L7 12.2L7 -1.07324e-07Z", fill: "currentColor", fillRule: "evenodd" }))); };
+var ArrowDown = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M7 -1.07324e-07L9 -8.34742e-08L9 12.2L14.6 6.6L16 8L8 16L9.5399e-08 8L1.4 6.6L7 12.2L7 -1.07324e-07Z", fill: "currentColor", fillRule: "evenodd" }) }))); };
 exports.ArrowDown = ArrowDown;

package/dist/providers/icons/ArrowLeft.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowLeft = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var ArrowLeft = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { d: "M16 9V7H3.8L9.4 1.4L8 0L0 8L8 16L9.4 14.6L3.8 9H16Z", fill: "currentColor" }))); };
+var ArrowLeft = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M16 9V7H3.8L9.4 1.4L8 0L0 8L8 16L9.4 14.6L3.8 9H16Z", fill: "currentColor" }) }))); };
 exports.ArrowLeft = ArrowLeft;

package/dist/providers/icons/ArrowRight.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowRight = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var ArrowRight = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { d: "M0 9V7H12.2L6.6 1.4L8 0L16 8L8 16L6.6 14.6L12.2 9H0Z", fill: "currentColor", fillRule: "evenodd" }))); };
+var ArrowRight = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M0 9V7H12.2L6.6 1.4L8 0L16 8L8 16L6.6 14.6L12.2 9H0Z", fill: "currentColor", fillRule: "evenodd" }) }))); };
 exports.ArrowRight = ArrowRight;

package/dist/providers/icons/ArrowUp.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowUp = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var ArrowUp = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { d: "M7 16L9 16L9 3.8L14.6 9.4L16 8L8 -3.49691e-07L-3.49691e-07 8L1.4 9.4L7 3.8L7 16Z", fill: "currentColor", fillRule: "evenodd" }))); };
+var ArrowUp = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M7 16L9 16L9 3.8L14.6 9.4L16 8L8 -3.49691e-07L-3.49691e-07 8L1.4 9.4L7 3.8L7 16Z", fill: "currentColor", fillRule: "evenodd" }) }))); };
 exports.ArrowUp = ArrowUp;

package/dist/providers/icons/CaretDown.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CaretDown = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var CaretDown = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { d: "M8 12.5L2 5.5H14L8 12.5Z", fill: "currentColor", fillRule: "evenodd" }))); };
+var CaretDown = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M8 12.5L2 5.5H14L8 12.5Z", fill: "currentColor", fillRule: "evenodd" }) }))); };
 exports.CaretDown = CaretDown;

package/dist/providers/icons/CaretLeft.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CaretLeft = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var CaretLeft = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { d: "M3.5 8.11999L10.5 2.12L10.5 14.12L3.5 8.11999Z", fill: "currentColor", fillRule: "evenodd" }))); };
+var CaretLeft = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M3.5 8.11999L10.5 2.12L10.5 14.12L3.5 8.11999Z", fill: "currentColor", fillRule: "evenodd" }) }))); };
 exports.CaretLeft = CaretLeft;

package/dist/providers/icons/CaretRight.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CaretRight = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var CaretRight = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { d: "M12.5 7.88L5.5 13.88V1.88L12.5 7.88Z", fill: "currentColor", fillRule: "evenodd" }))); };
+var CaretRight = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M12.5 7.88L5.5 13.88V1.88L12.5 7.88Z", fill: "currentColor", fillRule: "evenodd" }) }))); };
 exports.CaretRight = CaretRight;

package/dist/providers/icons/CaretUp.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CaretUp = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var CaretUp = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { d: "M8 3.5L14 10.5L2 10.5L8 3.5Z", fill: "currentColor", fillRule: "evenodd" }))); };
+var CaretUp = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M8 3.5L14 10.5L2 10.5L8 3.5Z", fill: "currentColor", fillRule: "evenodd" }) }))); };
 exports.CaretUp = CaretUp;

package/dist/providers/icons/Chart.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chart = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var Chart = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { d: "M2 14V0H0V16H16V14H2ZM5 10H3V13H5V10ZM6.33 3H8.33V13H6.33V3ZM11.67 9H9.67V13H11.67V9ZM13 7H15V13H13V7Z", fill: "currentColor", fillRule: "evenodd" }))); };
+var Chart = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M2 14V0H0V16H16V14H2ZM5 10H3V13H5V10ZM6.33 3H8.33V13H6.33V3ZM11.67 9H9.67V13H11.67V9ZM13 7H15V13H13V7Z", fill: "currentColor", fillRule: "evenodd" }) }))); };
 exports.Chart = Chart;

package/dist/providers/icons/Check.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Check = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var Check = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { d: "M5 14.21L16 3.21004L14.58 1.79004L5 11.37L1.42 7.79004L0 9.21004L5 14.21Z", fill: "currentColor", fillRule: "evenodd" }))); };
+var Check = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: "M5 14.21L16 3.21004L14.58 1.79004L5 11.37L1.42 7.79004L0 9.21004L5 14.21Z", fill: "currentColor", fillRule: "evenodd" }) }))); };
 exports.Check = Check;

package/dist/providers/icons/ChevronDown.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChevronDown = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var ChevronDown = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M8 12.71L16 4.70998L14.58 3.28998L8 9.86998L1.42 3.28998L0 4.70998L8 12.71Z", fill: "currentColor" }))); };
+var ChevronDown = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M8 12.71L16 4.70998L14.58 3.28998L8 9.86998L1.42 3.28998L0 4.70998L8 12.71Z", fill: "currentColor" }) }))); };
 exports.ChevronDown = ChevronDown;

package/dist/providers/icons/ChevronLeft.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChevronLeft = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var ChevronLeft = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M2.57996 8L10.58 16L12 14.58L5.41996 8L12 1.42L10.58 0L2.57996 8Z", fill: "currentColor" }))); };
+var ChevronLeft = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M2.57996 8L10.58 16L12 14.58L5.41996 8L12 1.42L10.58 0L2.57996 8Z", fill: "currentColor" }) }))); };
 exports.ChevronLeft = ChevronLeft;

package/dist/providers/icons/ChevronLeftSmall.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChevronLeftSmall = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var ChevronLeftSmall = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 4.94L7.44667 8L10.5 11.06L9.56 12L5.56 8L9.56 4L10.5 4.94Z", fill: "currentColor" }))); };
+var ChevronLeftSmall = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 4.94L7.44667 8L10.5 11.06L9.56 12L5.56 8L9.56 4L10.5 4.94Z", fill: "currentColor" }) }))); };
 exports.ChevronLeftSmall = ChevronLeftSmall;

package/dist/providers/icons/ChevronLeftSmallFirst.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChevronLeftSmallFirst = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var ChevronLeftSmallFirst = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M5.19661 4H3.86328V12H5.19661V4ZM9.07661 8L12.1366 11.06L11.1966 12L7.19661 8L11.1966 4L12.1366 4.94L9.07661 8Z", fill: "currentColor" }))); };
+var ChevronLeftSmallFirst = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M5.19661 4H3.86328V12H5.19661V4ZM9.07661 8L12.1366 11.06L11.1966 12L7.19661 8L11.1966 4L12.1366 4.94L9.07661 8Z", fill: "currentColor" }) }))); };
 exports.ChevronLeftSmallFirst = ChevronLeftSmallFirst;

package/dist/providers/icons/ChevronRight.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChevronRight = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var ChevronRight = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12.71 7.88L4.71004 -0.119995L3.29004 1.3L9.87004 7.88L3.29004 14.46L4.71004 15.88L12.71 7.88Z", fill: "currentColor" }))); };
+var ChevronRight = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12.71 7.88L4.71004 -0.119995L3.29004 1.3L9.87004 7.88L3.29004 14.46L4.71004 15.88L12.71 7.88Z", fill: "currentColor" }) }))); };
 exports.ChevronRight = ChevronRight;

package/dist/providers/icons/ChevronRightSmall.js

@@ -10,13 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChevronRightSmall = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_native_svg_1 = require("react-native-svg");
-var ChevronRightSmall = function (props) { return (react_1.default.createElement(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props),
-    react_1.default.createElement(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M6 11.06L9.05333 8L6 4.94L6.94 4L10.94 8L6.94 12L6 11.06Z", fill: "currentColor" }))); };
+var ChevronRightSmall = function (props) { return ((0, jsx_runtime_1.jsx)(react_native_svg_1.Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M6 11.06L9.05333 8L6 4.94L6.94 4L10.94 8L6.94 12L6 11.06Z", fill: "currentColor" }) }))); };
 exports.ChevronRightSmall = ChevronRightSmall;