@ovotech/element-native 4.0.2 → 4.0.3-canary-30342e8-260

package/dist/esm/components/SegmentedControls/SegmentedControls.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Animated, { useAnimatedStyle, useSharedValue, withSpring, } from 'react-native-reanimated';
+import styled, { useTheme } from '../../styled.native';
+import { SegmentButton } from './components/SegmentButton';
+var springSettings = {
+    damping: 15,
+};
+export var SegmentedControls = function (_a) {
+    var activeSegment = _a.activeSegment, setActiveSegment = _a.setActiveSegment, segments = _a.segments, _b = _a.inline, inline = _b === void 0 ? false : _b, multipleRows = _a.multipleRows, _c = _a.size, size = _c === void 0 ? 'large' : _c;
+    var animatedX = useSharedValue(0);
+    var animatedY = useSharedValue(0);
+    var animatedHeight = useSharedValue(0);
+    var animatedWidth = useSharedValue(0);
+    var theme = useTheme();
+    var animatedBackgroundStyle = useAnimatedStyle(function () { return ({
+        transform: [
+            {
+                translateX: animatedX.value,
+            },
+            {
+                translateY: animatedY.value + theme.core.space[size === 'small' ? 1 : 2],
+            } /* accounting for margin from top & bottom */,
+        ],
+        width: animatedWidth.value,
+        height: animatedHeight.value,
+        position: 'absolute',
+        borderRadius: theme.core.radius.max,
+        backgroundColor: theme.semantic.surface.elevated,
+    }); }, [animatedX, animatedY, animatedWidth, animatedHeight]);
+    return (_jsxs(SegmentsContainer, { "$inline": inline, "$multipleRows": multipleRows, children: [_jsx(Animated.View, { style: animatedBackgroundStyle }), segments.map(function (segment) { return (_jsx(SegmentButton, { isSelected: activeSegment.key === segment.key, label: segment.label, accessibilityLabel: segment.accessibilityLabel, onPress: function (x, y, width) {
+                    setActiveSegment(segment);
+                    animatedX.value = withSpring(x, springSettings);
+                    animatedY.value = withSpring(y, springSettings);
+                    animatedWidth.value = width;
+                }, onLayout: function (width, height, x, y) {
+                    if (activeSegment.key === segment.key) {
+                        animatedX.value = x;
+                        // (adrian.pop) - I couldn't figure out how to make the positioning work once the
+                        // choices go on the second row. The only way I could get it to work
+                        // was to hardcode the denominator to 3 for the single row ones
+                        // and 1.1 for the multiple row ones.
+                        animatedY.value = y - height / (multipleRows ? 1.1 : 3);
+                        animatedHeight.value = height;
+                        animatedWidth.value = width;
+                    }
+                }, multipleRows: multipleRows, size: size, inline: inline }, segment.key)); })] }));
+};
+var SegmentsContainer = styled.View(function (_a) {
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic, $inline = _a.$inline, $multipleRows = _a.$multipleRows;
+    return "\n  flex-direction: row;\n  flex-wrap: ".concat($multipleRows ? '' : 'no-', "wrap;\n  justify-content: ").concat($multipleRows ? 'space-between' : 'space-apart', ";\n  align-items: center;\n  gap: ").concat($inline ? 0 : core.space[1], "px;\n  width: ").concat($inline ? 'auto' : '100%', ";\n  align-self: ").concat($inline ? 'flex-start' : 'stretch', ";\n  padding: ").concat(core.space[1], "px;\n  background-color: ").concat(semantic.surface.cutout, ";\n  border-radius: ").concat(core.radius.max, "px;\n");
+});

package/dist/esm/components/SegmentedControls/components/SegmentButton.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Pressable } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming, } from 'react-native-reanimated';
+import styled from '../../../styled.native';
+import { P } from '../../P';
+var AnimatedP = Animated.createAnimatedComponent(P);
+export var SegmentButton = function (_a) {
+    var accessibilityLabel = _a.accessibilityLabel, inline = _a.inline, isSelected = _a.isSelected, label = _a.label, multipleRows = _a.multipleRows, onLayout = _a.onLayout, onPress = _a.onPress, _b = _a.size, size = _b === void 0 ? 'large' : _b;
+    var xRef = useRef(0);
+    var yRef = useRef(0);
+    var widthRef = useRef(0);
+    var heightRef = useRef(0);
+    var hitslopVal = size === 'small' ? 8 : 4;
+    var fontWeightAnim = useSharedValue(isSelected ? 1 : 0);
+    var animatedStyleNormal = useAnimatedStyle(function () {
+        return {
+            opacity: 1 - fontWeightAnim.value,
+            position: 'absolute',
+        };
+    }, [fontWeightAnim]);
+    var animatedStyleBold = useAnimatedStyle(function () {
+        return {
+            opacity: fontWeightAnim.value,
+            position: 'absolute',
+        };
+    }, [fontWeightAnim]);
+    useEffect(function () {
+        fontWeightAnim.value = withTiming(isSelected ? 1 : 0);
+    }, [fontWeightAnim, isSelected]);
+    var handleLayout = function (event) {
+        var _a = event.nativeEvent.layout, width = _a.width, height = _a.height, x = _a.x, y = _a.y;
+        xRef.current = x;
+        yRef.current = y;
+        heightRef.current = height;
+        widthRef.current = width;
+        onLayout(width, height, x, y);
+    };
+    var handlePress = function () {
+        onPress(xRef.current, 
+        // (adrian.pop) - I couldn't figure out how to make the positioning work once the
+        // choices go on the second row. The only way I could get it to work
+        // was to hardcode the denominator to 3 for the single row ones
+        // and 1.1 for the multiple row ones.
+        yRef.current - heightRef.current / (multipleRows ? 1.1 : 3), widthRef.current);
+    };
+    return (_jsx(Pressable, { onLayout: handleLayout, onPress: handlePress, accessible: true, accessibilityRole: "checkbox", accessibilityState: { selected: isSelected }, accessibilityLabel: accessibilityLabel, hitSlop: {
+            top: hitslopVal,
+            bottom: hitslopVal,
+        }, style: { flexGrow: inline || multipleRows ? undefined : 1 }, children: _jsxs(SSegmentsWrapper, { "$isSelected": isSelected, "$size": size, children: [_jsx(SSegmentText, { style: {
+                        opacity: 0,
+                        fontWeight: '900',
+                    }, "$isSelected": false, children: label }), _jsx(SSegmentText, { style: animatedStyleNormal, "$isSelected": false, numberOfLines: 1, adjustsFontSizeToFit: true, children: label }), _jsx(SSegmentText, { style: animatedStyleBold, "$isSelected": true, numberOfLines: 1, adjustsFontSizeToFit: true, children: label })] }) }));
+};
+var SSegmentsWrapper = styled.View(function (_a) {
+    var theme = _a.theme, $size = _a.$size;
+    return "\n  padding: ".concat($size === 'small' ? 0 : 6, "px ").concat(theme.core.space[$size === 'small' ? 3 : 4], "px;\n  align-items: center;\n  justify-content: center;\n");
+});
+var SSegmentText = styled(AnimatedP)(function (_a) {
+    var $isSelected = _a.$isSelected, theme = _a.theme;
+    return "\n    font-family: ".concat($isSelected
+        ? theme.core.fontFamily.bodyBold.native
+        : theme.core.fontFamily.body.native, ";\n    color: ").concat(theme.semantic.message.base, ";\n  ");
+});

package/dist/esm/components/SegmentedControls/index.js

@@ -0,0 +1,2 @@
+import { SegmentedControls } from './SegmentedControls';
+export { SegmentedControls };

package/dist/esm/components/TextLink/TextLink.js

@@ -36,7 +36,7 @@ var StyledText = styled.Text(function (_a) {
 });
 var StyledIcon = styled(Icon)(function (_a) {
     var semantic = _a.theme.semantic;
-    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), semantic.message.branded);
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color: ", ";\n  "], ["\n    color: ", ";\n  "])), semantic.message.branded);
 });
 var TextLink = forwardRef(function (_a, ref) {
     var children = _a.children, _b = _a.opensInNewWindow, opensInNewWindow = _b === void 0 ? false : _b, accessibilityLabel = _a.accessibilityLabel, rest = __rest(_a, ["children", "opensInNewWindow", "accessibilityLabel"]);

package/dist/esm/components/index.js

@@ -40,6 +40,7 @@ export * from './PasswordInput';
 export * from './PhoneField';
 export * from './PhoneInput';
 export * from './Radio';
+export * from './SegmentedControls';
 export * from './SelectField';
 export * from './SkeletonCircle';
 export * from './SkeletonCTA';

package/dist/esm/providers/IconsProvider.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
-import { Address, Advice, Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Award, Battery, Cal, CalBook, CaretDown, CaretLeft, CaretRight, CaretUp, Chart, ChartFilled, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronLeftSmall, ChevronLeftSmallFirst, ChevronRight, ChevronRightSmall, ChevronRightSmallLast, ChevronUp, Circle, CloseCircle, Cross, Doc, Dollar, Download, Eco, EcoHome, Edit, ElectricCar, ElectricHome, Electricity, EnergyAdvice, Equals, Euro, Gas, GlobeAddress, Help, HelpFilled, Hide, Home, HomeFilled, HydroPower, Info, Link, Logo, Mail, MailOpen, Menu, Message, MessageFilled, Minus, Mobile, NewWindow, PaymentCard, PaymentCardFilled, Phone, Plus, Pound, Pricing, Search, Security, Show, SmartHome, SmartMeter, Solar, Star, StarFilled, Sun, Torch, Trees, Tune, User, UserFilled, Wallet, WalletFilled, WarmHome, Warning, WebAddress, WindPower, } from './icons';
+import { Address, Advice, Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Award, Battery, CalBook, Cal, CaretArrowDown, CaretArrowLeft, CaretArrowRight, CaretArrowUp, ChartFilled, Chart, CheckCircle, Check, ChevronDown, ChevronLeftSmallFirst, ChevronLeftSmall, ChevronLeft, ChevronRightSmallLast, ChevronRightSmall, ChevronRight, ChevronUp, CloseCircle, Cross, Doc, Dollar, Download, EcoHome, Eco, Edit, ElectricCar, ElectricHome, Electricity, EnergyAdvice, Equals, Euro, Gas, GlobeAddress, HelpFilled, Help, Hide, HomeFilled, Home, HydroPower, Info, Link, Logo, MailOpen, Mail, Menu, MessageFilled, Message, Minus, Mobile, NewWindow, PaymentCardFilled, PaymentCard, Phone, Plus, Pound, Pricing, Search, Security, Show, SmartHome, SmartMeter, Solar, StarFilled, Star, Sun, Torch, Trees, Tune, UserFilled, User, Wallet, WarmHome, Warning, WebAddress, WindPower, } from './icons';
 var defaultIcons = {
     address: Address,
     advice: Advice,
@@ -22,32 +22,31 @@ var defaultIcons = {
     'arrow-up': ArrowUp,
     award: Award,
     battery: Battery,
-    cal: Cal,
     'cal-book': CalBook,
-    'caret-down': CaretDown,
-    'caret-left': CaretLeft,
-    'caret-right': CaretRight,
-    'caret-up': CaretUp,
-    chart: Chart,
+    cal: Cal,
+    'caret-arrow-down': CaretArrowDown,
+    'caret-arrow-left': CaretArrowLeft,
+    'caret-arrow-right': CaretArrowRight,
+    'caret-arrow-up': CaretArrowUp,
     'chart-filled': ChartFilled,
-    check: Check,
+    chart: Chart,
     'check-circle': CheckCircle,
-    'chevron-left': ChevronLeft,
-    'chevron-left-small': ChevronLeftSmall,
+    check: Check,
+    'chevron-down': ChevronDown,
     'chevron-left-small-first': ChevronLeftSmallFirst,
-    'chevron-right': ChevronRight,
-    'chevron-right-small': ChevronRightSmall,
+    'chevron-left-small': ChevronLeftSmall,
+    'chevron-left': ChevronLeft,
     'chevron-right-small-last': ChevronRightSmallLast,
+    'chevron-right-small': ChevronRightSmall,
+    'chevron-right': ChevronRight,
     'chevron-up': ChevronUp,
-    'chevron-down': ChevronDown,
-    circle: Circle,
     'close-circle': CloseCircle,
     cross: Cross,
     doc: Doc,
     dollar: Dollar,
     download: Download,
-    eco: Eco,
     'eco-home': EcoHome,
+    eco: Eco,
     edit: Edit,
     'electric-car': ElectricCar,
     'electric-home': ElectricHome,
@@ -57,25 +56,25 @@ var defaultIcons = {
     euro: Euro,
     gas: Gas,
     'globe-address': GlobeAddress,
-    help: Help,
     'help-filled': HelpFilled,
+    help: Help,
     hide: Hide,
-    home: Home,
     'home-filled': HomeFilled,
+    home: Home,
     'hydro-power': HydroPower,
     info: Info,
-    'new-window': NewWindow,
     link: Link,
     logo: Logo,
-    mail: Mail,
     'mail-open': MailOpen,
+    mail: Mail,
     menu: Menu,
-    message: Message,
     'message-filled': MessageFilled,
+    message: Message,
     minus: Minus,
     mobile: Mobile,
-    'payment-card': PaymentCard,
+    'new-window': NewWindow,
     'payment-card-filled': PaymentCardFilled,
+    'payment-card': PaymentCard,
     phone: Phone,
     plus: Plus,
     pound: Pound,
@@ -86,16 +85,15 @@ var defaultIcons = {
     'smart-home': SmartHome,
     'smart-meter': SmartMeter,
     solar: Solar,
-    star: Star,
     'star-filled': StarFilled,
+    star: Star,
     sun: Sun,
     torch: Torch,
     trees: Trees,
     tune: Tune,
-    user: User,
     'user-filled': UserFilled,
+    user: User,
     wallet: Wallet,
-    'wallet-filled': WalletFilled,
     'warm-home': WarmHome,
     warning: Warning,
     'web-address': WebAddress,

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

@@ -0,0 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export var CaretArrowDown = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "m8 11.5-5-5h10l-5 5Z" }) }))); };

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

@@ -0,0 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export var CaretArrowLeft = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "m4.5 8 5-5v10l-5-5Z" }) }))); };

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

@@ -0,0 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export var CaretArrowRight = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "m11.5 8-5 5V3l5 5Z" }) }))); };

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

@@ -0,0 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export var CaretArrowUp = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "m8 4.5 5 5H3l5-5Z" }) }))); };

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

@@ -11,4 +11,4 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Svg, { Path } from 'react-native-svg';
-export var Chart = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M3 13h11.099l.401 1.496v.004h-13V1.902L3 1.5V13Zm4.989-9.585 1.5-.402v9.072h-1.5v-8.67ZM6.026 5.506l-1.5.402v6.177h1.5V5.506Zm5.425 2.92 1.5-.402v4.062h-1.5v-3.66Z", clipRule: "evenodd" }) }))); };
+export var Chart = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M3 13h11.099l.401 1.496v.004h-13V1.902L3 1.501V13Zm4.989-9.585 1.5-.401v9.072h-1.5v-8.67ZM6.026 5.506l-1.5.402v6.177h1.5V5.506Zm5.425 2.92 1.5-.402v4.062h-1.5v-3.66Z", clipRule: "evenodd" }) }))); };

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

@@ -11,4 +11,4 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Svg, { Path } from 'react-native-svg';
-export var ChartFilled = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 20 20" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M1.875 1.875v16.25h16.25V1.875H1.875Zm4.719 13.231H4.719V7.388l1.875-.5v8.225-.007Zm4.325 0H9.044V4.27l1.875-.5v11.337Zm4.325 0h-1.875v-4.575l1.875-.5v5.075Z" }) }))); };
+export var ChartFilled = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M1.5 1.5v13h13v-13h-13Zm3.775 10.585h-1.5V5.91l1.5-.4v6.58-.005Zm3.46 0h-1.5v-8.67l1.5-.4v9.07Zm3.46 0h-1.5v-3.66l1.5-.4v4.06Z" }) }))); };

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

@@ -11,4 +11,4 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Svg, { Path } from 'react-native-svg';
-export var Gas = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M13.047 9.242c-.376-2.493-3.574-5.79-3.574-5.79l-.796.86L7.934 1.5s-4.527 4.756-5 7.922c-.34 2.272.982 5.077 4.999 5.078 4.713 0 5.452-3.026 5.115-5.258ZM6.99 12.677c-.415-.272-.472-.572-.472-.83 0-.393.367-.998.983-1.619.146-.147.293-.283.433-.405.129.113.264.237.399.372.636.634 1.016 1.252 1.016 1.652 0 .258-.056.557-.473.83-.376.246-.822.322-.942.322-.121 0-.568-.076-.944-.322Zm4.564-1.801c-.087.447-.26.824-.514 1.12a2.104 2.104 0 0 1-.214.213c.016-.115.024-.236.024-.361 0-2.021-2.916-3.916-2.916-3.916s-2.915 1.894-2.915 3.915l.001.087c-.503-.59-.729-1.444-.603-2.29.154-1.029.997-2.607 2.375-4.445.143-.19.284-.375.424-.551l.013.048.699 2.636L9.44 5.696c.16.198.327.413.496.641.935 1.259 1.513 2.371 1.628 3.13.075.497.07.985-.012 1.41v-.001Z" }) }))); };
+export var Gas = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M13.047 9.242c-.376-2.493-3.573-5.79-3.573-5.79l-.796.86L7.933 1.5s-4.527 4.756-5 7.922c-.34 2.272.982 5.077 4.999 5.078 4.713 0 5.452-3.026 5.115-5.258ZM6.99 12.677c-.416-.272-.473-.572-.473-.83 0-.393.368-.998.983-1.619.146-.147.293-.283.433-.405.129.113.264.237.399.372.636.634 1.016 1.252 1.016 1.652 0 .258-.056.557-.472.83-.376.246-.823.322-.943.322-.121 0-.568-.076-.943-.322Zm4.563-1.801c-.087.447-.26.824-.514 1.12a2.104 2.104 0 0 1-.214.213c.016-.115.024-.236.024-.361 0-2.021-2.916-3.916-2.916-3.916s-2.915 1.894-2.915 3.915l.001.087c-.503-.59-.729-1.444-.602-2.29.153-1.029.997-2.607 2.374-4.445.143-.19.285-.375.424-.551l.013.048.699 2.636L9.44 5.696c.16.198.328.413.497.641.934 1.259 1.512 2.371 1.627 3.13.075.497.07.985-.012 1.41v-.001Z" }) }))); };

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

@@ -11,4 +11,4 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Svg, { Path } from 'react-native-svg';
-export var HomeFilled = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 21 20" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M18.525 18.125V6.25L10.4 1.875 2.275 6.25v11.875H9.15v-6.25h2.5v6.25h6.875Z" }) }))); };
+export var HomeFilled = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M14.5 14.5V5L8 1.5 1.5 5v9.5H7v-5h2v5h5.5Z" }) }))); };

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

@@ -10,5 +10,5 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Path, Svg } from 'react-native-svg';
-export var Logo = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 48 48", width: 48, height: 48 }, props, { children: _jsx(Path, { fill: "#0A9828", d: "M14.316 16.104c-1.837-1.34-4.186-2.084-6.733-2.084-2.262 0-4.364.589-6.1 1.66L0 10.143 37.861 0l3.767 14.063a12.37 12.37 0 00-1.054-.045c-2.562 0-4.924.752-6.771 2.109l.697-1.803h-7.311l-2.562 8.771c-.278.95-.565 1.982-.565 1.982l-.557-1.982-2.56-8.77h-7.316l.687 1.779zm22.654 8.023c0-2.05 1.382-3.76 3.606-3.76 1.711 0 2.919 1.013 3.387 2.414l.127.472c.058.28.092.57.092.873 0 2.2-1.484 3.71-3.606 3.71s-3.606-1.51-3.606-3.71zm-25.781 0c0-2.05-1.384-3.76-3.606-3.76-2.224 0-3.61 1.71-3.61 3.76 0 2.2 1.489 3.71 3.61 3.71 2.122 0 3.606-1.51 3.606-3.71zm18.866 1.69c.835 5.104 5.232 8.101 10.521 8.101 2.209 0 4.265-.52 5.972-1.5l1.456 5.44L10.143 48 6.357 33.865c.401.036.814.055 1.226.055 5.27 0 9.659-2.98 10.515-8.057l3 7.753h5.934l3.023-7.8z" }) }))); };
+import Svg, { Path } from 'react-native-svg';
+export var Logo = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 48 48" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M14.316 16.104c-1.837-1.34-4.186-2.084-6.733-2.084-2.262 0-4.364.589-6.1 1.66L0 10.143 37.861 0l3.767 14.063a12.37 12.37 0 0 0-1.054-.045c-2.562 0-4.924.752-6.771 2.109l.697-1.803h-7.311l-2.562 8.771c-.278.95-.565 1.982-.565 1.982l-.557-1.982-2.56-8.77h-7.316l.687 1.779Zm22.654 8.023c0-2.05 1.382-3.76 3.606-3.76 1.711 0 2.919 1.013 3.387 2.414l.127.472c.058.28.092.57.092.873 0 2.2-1.484 3.71-3.606 3.71s-3.606-1.51-3.606-3.71Zm-25.781 0c0-2.05-1.384-3.76-3.606-3.76-2.224 0-3.61 1.71-3.61 3.76 0 2.2 1.489 3.71 3.61 3.71 2.122 0 3.606-1.51 3.606-3.71Zm18.866 1.69c.835 5.104 5.232 8.101 10.521 8.101 2.209 0 4.265-.52 5.972-1.5l1.456 5.44L10.143 48 6.357 33.865c.401.036.814.055 1.226.055 5.27 0 9.659-2.98 10.515-8.057l3 7.753h5.934l3.023-7.8Z" }) }))); };

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

@@ -11,4 +11,4 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Svg, { Path } from 'react-native-svg';
-export var MessageFilled = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 21 20" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M18.725 3.75H2.475v14.375l5-1.875h11.25V3.75Z" }) }))); };
+export var MessageFilled = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M14.5 13 13 11.523l1.5 1.479h-9l-4 1.498V3h13v10Z", clipRule: "evenodd" }) }))); };

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

@@ -11,4 +11,4 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Svg, { Path } from 'react-native-svg';
-export var Show = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M1 8c1.815-2.435 4.28-3.94 7-3.94 2.72 0 5.185 1.505 7 3.94-1.815 2.435-4.28 3.94-7 3.94-2.72 0-5.185-1.505-7-3.94Zm1.95-.005c1.47 1.585 3.23 2.44 5.05 2.44 1.815 0 3.58-.86 5.05-2.44C11.58 6.41 9.815 5.555 8 5.555s-3.58.86-5.05 2.44ZM8 10a2 2 0 1 1-.001-3.999 2 2 0 0 1 .001 4Zm0-1.5c.275 0 .5-.225.5-.5s-.225-.5-.5-.5-.5.225-.5.5.225.5.5.5Z", clipRule: "evenodd" }) }))); };
+export var Show = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M1 8c1.815-2.435 4.28-3.94 7-3.94 2.72 0 5.185 1.505 7 3.94-1.815 2.435-4.28 3.94-7 3.94-2.72 0-5.185-1.505-7-3.94Zm1.95-.005c1.47 1.585 3.23 2.44 5.05 2.44 1.815 0 3.58-.86 5.05-2.44C11.58 6.41 9.815 5.555 8 5.555s-3.58.86-5.05 2.44ZM8 10a2 2 0 1 1-.001-3.999A2 2 0 0 1 8 10Zm0-1.5c.275 0 .5-.225.5-.5s-.225-.5-.5-.5-.5.225-.5.5.225.5.5.5Z", clipRule: "evenodd" }) }))); };

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

@@ -11,4 +11,4 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Svg, { Path } from 'react-native-svg';
-export var StarFilled = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M8 1.5L5.91 5.16L1.5 6.3925L4.6175 9.07L3.82 13.375L8 11.465L12.18 13.375L11.3825 9.07L14.5 6.395L10.09 5.1625L8 1.5Z" }) }))); };
+export var StarFilled = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M8 1.948v.001l2.089 3.722 4.41 1.255-3.118 2.72.799 4.38L8 12.085l-4.18 1.943.798-4.38L1.5 6.924l4.41-1.253L8 1.95h-.001H8Z" }) }))); };

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

@@ -11,4 +11,4 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Svg, { Path } from 'react-native-svg';
-export var Trees = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M9.755 2.7a3.093 3.093 0 0 1 3.043 2.542 3.093 3.093 0 0 1-2.047 5.785V14.5h-1.5v-2.877a3.093 3.093 0 0 1-2.565-5.456A3.093 3.093 0 0 1 9.755 2.7Zm1.218 6.836A1.595 1.595 0 0 0 13 8.003c0-.604-.336-1.149-.877-1.422l-.669-.337-.133-.737A1.589 1.589 0 0 0 9.755 4.2a1.595 1.595 0 0 0-1.58 1.787l.1.838-.664.522A1.585 1.585 0 0 0 7 8.599a1.595 1.595 0 0 0 2.25 1.453V7.89l1.5-.402v1.984l.223.063Zm-6.264.422.218-.18a3.71 3.71 0 0 0 1.472 1.945v2.788h-1.5v-2.96a2.543 2.543 0 0 1-2.424-4.397 2.543 2.543 0 0 1 3.662-2.582 3.689 3.689 0 0 0-.225 1.19l-.003.196-.135.14-.022.024a1.043 1.043 0 0 0-1.788.851l.101.838-.664.521a1.045 1.045 0 1 0 1.308 1.626Z", clipRule: "evenodd" }) }))); };
+export var Trees = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M9.755 2.7a3.093 3.093 0 0 1 3.043 2.542 3.093 3.093 0 0 1-2.047 5.785V14.5h-1.5v-2.877a3.093 3.093 0 0 1-2.565-5.456A3.093 3.093 0 0 1 9.755 2.7Zm1.218 6.836A1.595 1.595 0 0 0 13 8.003c0-.604-.336-1.149-.877-1.422l-.669-.337-.133-.737A1.589 1.589 0 0 0 9.755 4.2a1.595 1.595 0 0 0-1.58 1.787l.1.838-.664.522A1.585 1.585 0 0 0 7 8.599a1.595 1.595 0 0 0 2.25 1.453V7.89l1.5-.402v1.984l.223.063Zm-6.264.422.218-.18a3.71 3.71 0 0 0 1.472 1.945v2.788h-1.5v-2.96a2.543 2.543 0 0 1-2.424-4.397 2.543 2.543 0 0 1 3.662-2.582 3.689 3.689 0 0 0-.225 1.19l-.003.196-.135.14a.922.922 0 0 0-.011.012l-.011.012a1.043 1.043 0 0 0-1.788.851l.101.838-.664.521a1.045 1.045 0 1 0 1.308 1.626Z", clipRule: "evenodd" }) }))); };

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

@@ -11,4 +11,4 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Svg, { Path } from 'react-native-svg';
-export var User = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M11.255 4.756a3.255 3.255 0 1 1-6.51 0 3.255 3.255 0 0 1 6.51 0Zm-1.5 0C9.755 3.786 8.968 3 8 3c-.968 0-1.755.787-1.755 1.755 0 .968.787 1.756 1.755 1.756.968 0 1.755-.788 1.755-1.756ZM14.5 9.978v2.619l-1.5.401v-1.865L8 9.813l-5 1.321V13h9.999l.402 1.5H1.5V9.979L8 8.261l6.5 1.718Z", clipRule: "evenodd" }) }))); };
+export var User = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M11.255 4.756a3.255 3.255 0 1 1-6.51 0 3.255 3.255 0 0 1 6.51 0Zm-1.5 0C9.755 3.786 8.968 3 8 3c-.968 0-1.755.788-1.755 1.755 0 .968.787 1.756 1.755 1.756.968 0 1.755-.788 1.755-1.756ZM14.5 9.979v2.619l-1.5.401v-1.865L8 9.813l-5 1.321V13h9.999l.402 1.5H1.5V9.979L8 8.262l6.5 1.717Z", clipRule: "evenodd" }) }))); };

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

@@ -11,4 +11,4 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Svg, { Path } from 'react-native-svg';
-export var UserFilled = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 21 20" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M10.8 10.012a4.07 4.07 0 1 0 0-8.138 4.07 4.07 0 0 0 0 8.138ZM18.925 18.125v-5.65L10.8 10.331l-8.125 2.144v5.65h16.25Z" }) }))); };
+export var UserFilled = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M11.255 4.756a3.255 3.255 0 1 1-6.51 0 3.255 3.255 0 0 1 6.51 0ZM14.5 14.5V9.979L8 8.262 1.5 9.979V14.5h13Zm0 0L12.999 13H3h10v-.001l1.5 1.501Z", clipRule: "evenodd" }) }))); };

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

@@ -7,32 +7,31 @@ export * from './ArrowRight';
 export * from './ArrowUp';
 export * from './Award';
 export * from './Battery';
-export * from './Cal';
 export * from './CalBook';
-export * from './CaretDown';
-export * from './CaretLeft';
-export * from './CaretRight';
-export * from './CaretUp';
-export * from './Chart';
+export * from './Cal';
+export * from './CaretArrowDown';
+export * from './CaretArrowLeft';
+export * from './CaretArrowRight';
+export * from './CaretArrowUp';
 export * from './ChartFilled';
-export * from './Check';
+export * from './Chart';
 export * from './CheckCircle';
+export * from './Check';
 export * from './ChevronDown';
-export * from './ChevronLeft';
-export * from './ChevronLeftSmall';
 export * from './ChevronLeftSmallFirst';
-export * from './ChevronRight';
-export * from './ChevronRightSmall';
+export * from './ChevronLeftSmall';
+export * from './ChevronLeft';
 export * from './ChevronRightSmallLast';
+export * from './ChevronRightSmall';
+export * from './ChevronRight';
 export * from './ChevronUp';
-export * from './Circle';
 export * from './CloseCircle';
 export * from './Cross';
 export * from './Doc';
 export * from './Dollar';
 export * from './Download';
-export * from './Eco';
 export * from './EcoHome';
+export * from './Eco';
 export * from './Edit';
 export * from './ElectricCar';
 export * from './ElectricHome';
@@ -42,25 +41,25 @@ export * from './Equals';
 export * from './Euro';
 export * from './Gas';
 export * from './GlobeAddress';
-export * from './Help';
 export * from './HelpFilled';
+export * from './Help';
 export * from './Hide';
-export * from './Home';
 export * from './HomeFilled';
+export * from './Home';
 export * from './HydroPower';
 export * from './Info';
 export * from './Link';
 export * from './Logo';
-export * from './Mail';
 export * from './MailOpen';
+export * from './Mail';
 export * from './Menu';
-export * from './Message';
 export * from './MessageFilled';
+export * from './Message';
 export * from './Minus';
 export * from './Mobile';
 export * from './NewWindow';
-export * from './PaymentCard';
 export * from './PaymentCardFilled';
+export * from './PaymentCard';
 export * from './Phone';
 export * from './Plus';
 export * from './Pound';
@@ -71,16 +70,15 @@ export * from './Show';
 export * from './SmartHome';
 export * from './SmartMeter';
 export * from './Solar';
-export * from './Star';
 export * from './StarFilled';
+export * from './Star';
 export * from './Sun';
 export * from './Torch';
 export * from './Trees';
 export * from './Tune';
-export * from './User';
 export * from './UserFilled';
+export * from './User';
 export * from './Wallet';
-export * from './WalletFilled';
 export * from './WarmHome';
 export * from './Warning';
 export * from './WebAddress';

package/dist/providers/IconsProvider.js

@@ -25,32 +25,31 @@ var defaultIcons = {
     'arrow-up': icons_1.ArrowUp,
     award: icons_1.Award,
     battery: icons_1.Battery,
-    cal: icons_1.Cal,
     'cal-book': icons_1.CalBook,
-    'caret-down': icons_1.CaretDown,
-    'caret-left': icons_1.CaretLeft,
-    'caret-right': icons_1.CaretRight,
-    'caret-up': icons_1.CaretUp,
-    chart: icons_1.Chart,
+    cal: icons_1.Cal,
+    'caret-arrow-down': icons_1.CaretArrowDown,
+    'caret-arrow-left': icons_1.CaretArrowLeft,
+    'caret-arrow-right': icons_1.CaretArrowRight,
+    'caret-arrow-up': icons_1.CaretArrowUp,
     'chart-filled': icons_1.ChartFilled,
-    check: icons_1.Check,
+    chart: icons_1.Chart,
     'check-circle': icons_1.CheckCircle,
-    'chevron-left': icons_1.ChevronLeft,
-    'chevron-left-small': icons_1.ChevronLeftSmall,
+    check: icons_1.Check,
+    'chevron-down': icons_1.ChevronDown,
     'chevron-left-small-first': icons_1.ChevronLeftSmallFirst,
-    'chevron-right': icons_1.ChevronRight,
-    'chevron-right-small': icons_1.ChevronRightSmall,
+    'chevron-left-small': icons_1.ChevronLeftSmall,
+    'chevron-left': icons_1.ChevronLeft,
     'chevron-right-small-last': icons_1.ChevronRightSmallLast,
+    'chevron-right-small': icons_1.ChevronRightSmall,
+    'chevron-right': icons_1.ChevronRight,
     'chevron-up': icons_1.ChevronUp,
-    'chevron-down': icons_1.ChevronDown,
-    circle: icons_1.Circle,
     'close-circle': icons_1.CloseCircle,
     cross: icons_1.Cross,
     doc: icons_1.Doc,
     dollar: icons_1.Dollar,
     download: icons_1.Download,
-    eco: icons_1.Eco,
     'eco-home': icons_1.EcoHome,
+    eco: icons_1.Eco,
     edit: icons_1.Edit,
     'electric-car': icons_1.ElectricCar,
     'electric-home': icons_1.ElectricHome,
@@ -60,25 +59,25 @@ var defaultIcons = {
     euro: icons_1.Euro,
     gas: icons_1.Gas,
     'globe-address': icons_1.GlobeAddress,
-    help: icons_1.Help,
     'help-filled': icons_1.HelpFilled,
+    help: icons_1.Help,
     hide: icons_1.Hide,
-    home: icons_1.Home,
     'home-filled': icons_1.HomeFilled,
+    home: icons_1.Home,
     'hydro-power': icons_1.HydroPower,
     info: icons_1.Info,
-    'new-window': icons_1.NewWindow,
     link: icons_1.Link,
     logo: icons_1.Logo,
-    mail: icons_1.Mail,
     'mail-open': icons_1.MailOpen,
+    mail: icons_1.Mail,
     menu: icons_1.Menu,
-    message: icons_1.Message,
     'message-filled': icons_1.MessageFilled,
+    message: icons_1.Message,
     minus: icons_1.Minus,
     mobile: icons_1.Mobile,
-    'payment-card': icons_1.PaymentCard,
+    'new-window': icons_1.NewWindow,
     'payment-card-filled': icons_1.PaymentCardFilled,
+    'payment-card': icons_1.PaymentCard,
     phone: icons_1.Phone,
     plus: icons_1.Plus,
     pound: icons_1.Pound,
@@ -89,16 +88,15 @@ var defaultIcons = {
     'smart-home': icons_1.SmartHome,
     'smart-meter': icons_1.SmartMeter,
     solar: icons_1.Solar,
-    star: icons_1.Star,
     'star-filled': icons_1.StarFilled,
+    star: icons_1.Star,
     sun: icons_1.Sun,
     torch: icons_1.Torch,
     trees: icons_1.Trees,
     tune: icons_1.Tune,
-    user: icons_1.User,
     'user-filled': icons_1.UserFilled,
+    user: icons_1.User,
     wallet: icons_1.Wallet,
-    'wallet-filled': icons_1.WalletFilled,
     'warm-home': icons_1.WarmHome,
     warning: icons_1.Warning,
     'web-address': icons_1.WebAddress,

package/dist/providers/icons/CaretArrowDown.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from 'react-native-svg';
+export declare const CaretArrowDown: (props: SvgProps) => JSX.Element;