@ovotech/element-native 3.8.1 → 4.0.0-canary-a872093-246

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

@@ -0,0 +1 @@
+export { TextareaField } from './TextareaField';

package/dist/esm/components/TextareaInput/TextareaInput.js

@@ -0,0 +1,41 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { numToPx } from '@ovotech/element-core';
+import { forwardRef } from 'react';
+import styled, { css } from '../../styled.native';
+import { Input } from '../Input/Input';
+var StyledInput = styled(Input)(function (_a) {
+    var core = _a.theme.core, rows = _a.rows;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: ", ";\n    padding-top: ", ";\n    height: ", "px;\n  "], ["\n    padding: ", ";\n    padding-top: ", ";\n    height: ", "px;\n  "])), numToPx(core.space[2]), numToPx(core.space[3]), core.space[8] * rows);
+});
+var TextareaInput = forwardRef(function (_a, ref) {
+    var _b = _a.rows, rows = _b === void 0 ? 3 : _b, rest = __rest(_a, ["rows"]);
+    return (_jsx(StyledInput, __assign({}, rest, { keyboardType: "default", multiline: true, textAlignVertical: "top", rows: rows, ref: ref })));
+});
+export { TextareaInput };
+var templateObject_1;

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

@@ -0,0 +1 @@
+export { TextareaInput } from './TextareaInput';

package/dist/esm/components/Toast/Toast.js

@@ -0,0 +1,141 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { toast, ToastPosition, Toasts, } from '@backpackapp-io/react-native-toast';
+import { numToPx } from '@ovotech/element-core';
+import { useEffect, useRef, useState } from 'react';
+import { Dimensions, TouchableOpacity, View } from 'react-native';
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming, } from 'react-native-reanimated';
+import styled, { css } from '../../styled.native';
+import { Action } from '../ActionList';
+import { Icon } from '../Icon';
+import { P } from '../P';
+export var ToastsContainer = function (_a) {
+    var _b = _a.top, top = _b === void 0 ? -80 : _b;
+    return (_jsx(Toasts, { extraInsets: { top: top } }));
+};
+var StyledView = styled.View(function (_a) {
+    var core = _a.theme.core, variant = _a.variant;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    background-color: ", ";\n    overflow: hidden;\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-right: ", ";\n    padding-left: ", ";\n    border-radius: ", ";\n    flex-direction: row;\n  "], ["\n    background-color: ", ";\n    overflow: hidden;\n    padding-top: ", ";\n    padding-bottom: ", ";\n    padding-right: ", ";\n    padding-left: ", ";\n    border-radius: ", ";\n    flex-direction: row;\n  "])), variant === 'default'
+        ? core.color.brand.forest
+        : core.color.red.darkest, numToPx(core.space[2]), numToPx(core.space[3]), numToPx(core.space[2]), numToPx(core.space[4]), numToPx(core.radius.max));
+});
+var StyledP = styled(P)(function (_a) {
+    var semantic = _a.theme.semantic;
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color: ", ";\n  "], ["\n    color: ", ";\n  "])), semantic.inverted.message.base);
+});
+var StyledThinBorder = styled(Animated.View)(function (_a) {
+    var core = _a.theme.core, variant = _a.variant;
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    background-color: ", ";\n    height: 1px;\n  "], ["\n    background-color: ", ";\n    height: 1px;\n  "])), variant === 'default'
+        ? core.color.brand.energised
+        : core.color.red.light);
+});
+var StyledThickBorder = styled(Animated.View)(function (_a) {
+    var core = _a.theme.core, variant = _a.variant;
+    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    background-color: ", ";\n    height: 3px;\n  "], ["\n    background-color: ", ";\n    height: 3px;\n  "])), variant === 'default'
+        ? core.color.brand.leaf
+        : core.color.red.base);
+});
+var StyledCloseIcon = styled(TouchableOpacity)(function (_a) {
+    var _b = _a.theme, core = _b.core, semantic = _b.semantic;
+    return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    background-color: ", ";\n    border-radius: ", ";\n    width: ", ";\n    height: ", ";\n    padding: ", ";\n    align-items: center;\n    justify-content: center;\n  "], ["\n    background-color: ", ";\n    border-radius: ", ";\n    width: ", ";\n    height: ", ";\n    padding: ", ";\n    align-items: center;\n    justify-content: center;\n  "])), semantic.inverted.surface, numToPx(core.radius.max), numToPx(core.space[7]), numToPx(core.space[7]), numToPx(core.space[2]));
+});
+export var showToast = function (_a) {
+    var message = _a.message, _b = _a.dismissible, dismissible = _b === void 0 ? false : _b, action = _a.action, actionTitle = _a.actionTitle, _c = _a.variant, variant = _c === void 0 ? 'default' : _c, _d = _a.duration, duration = _d === void 0 ? 5000 : _d;
+    return action || dismissible
+        ? toast.loading(message, {
+            id: 'clipboard',
+            position: ToastPosition.BOTTOM,
+            disableShadow: true,
+            customToast: function (t) { return (_jsx(CustomToast, __assign({}, t, { dismissible: dismissible, action: action, actionTitle: actionTitle, variant: variant }), message)); },
+        })
+        : toast(message, {
+            id: 'clipboard',
+            position: ToastPosition.BOTTOM,
+            duration: duration,
+            disableShadow: true,
+            customToast: function (t) { return (_jsx(CustomToastWithTimeIndicator, __assign({}, t, { variant: variant }), message)); },
+        });
+};
+var CustomToastWithTimeIndicator = function (_a) {
+    var message = _a.message, _b = _a.duration, duration = _b === void 0 ? 5000 : _b, variant = _a.variant;
+    var toastPadding = 20;
+    var textRef = useRef(null);
+    var _c = useState(0), textHeight = _c[0], setTextHeight = _c[1];
+    var windowWidth = Dimensions.get('window').width;
+    var screenPadding = 32;
+    var toastWidth = windowWidth - screenPadding;
+    var sharedWidth = useSharedValue(toastWidth);
+    var style = useAnimatedStyle(function () {
+        return {
+            width: withTiming(sharedWidth.value, {
+                duration: duration,
+                easing: Easing.linear,
+            }),
+        };
+    });
+    useEffect(function () {
+        sharedWidth.value = 0;
+    }, []);
+    return (_jsxs(StyledView, { variant: variant, style: {
+            width: toastWidth,
+            height: textHeight + toastPadding,
+            flexWrap: 'wrap',
+        }, children: [_jsx(StyledP, { ref: textRef, onLayout: function () {
+                    var _a;
+                    (_a = textRef.current) === null || _a === void 0 ? void 0 : _a.measureInWindow(function (_x, _y, _width, height) {
+                        setTextHeight(height);
+                    });
+                }, children: message }), _jsxs(View, { style: { position: 'absolute', bottom: 0 }, children: [_jsx(StyledThinBorder, { variant: variant, style: style }), _jsx(StyledThickBorder, { variant: variant, style: style })] })] }));
+};
+var CustomToast = function (_a) {
+    var id = _a.id, message = _a.message, dismissible = _a.dismissible, action = _a.action, actionTitle = _a.actionTitle, width = _a.width, variant = _a.variant;
+    var toastPadding = 20;
+    var textRef = useRef(null);
+    var actionRef = useRef(null);
+    var _b = useState(0), textHeight = _b[0], setTextHeight = _b[1];
+    var _c = useState(0), actionHeight = _c[0], setActionHeight = _c[1];
+    var toastHeight = Math.floor(textHeight) === Math.floor(actionHeight) && !dismissible // handling multiline
+        ? textHeight
+        : textHeight + actionHeight;
+    var handleAction = function () {
+        if (action && actionTitle) {
+            action();
+            toast.dismiss(id);
+        }
+    };
+    return (_jsxs(StyledView, { variant: variant, style: {
+            width: width,
+            height: toastHeight + toastPadding,
+            alignItems: action ? 'flex-start' : 'center',
+        }, children: [_jsxs(View, { style: {
+                    flexDirection: 'row',
+                    flexWrap: 'wrap',
+                    justifyContent: 'space-between',
+                    flex: 1,
+                }, children: [_jsx(StyledP, { ref: textRef, onLayout: function () {
+                            var _a;
+                            (_a = textRef.current) === null || _a === void 0 ? void 0 : _a.measureInWindow(function (_x, _y, _width, height) {
+                                setTextHeight(height);
+                            });
+                        }, children: message }), action && actionTitle ? (_jsx(Action, { ref: actionRef, style: { width: 'auto' }, inverted: true, inline: true, iconRight: "chevron-right-small", onPress: handleAction, onLayout: function () {
+                            var _a;
+                            (_a = actionRef.current) === null || _a === void 0 ? void 0 : _a.measureInWindow(function (_x, _y, _width, height) {
+                                setActionHeight(height);
+                            });
+                        }, children: actionTitle })) : null] }), dismissible ? (_jsx(StyledCloseIcon, { onPress: function () { return toast.dismiss(id); }, children: _jsx(Icon, { name: "cross", color: "#fff", size: 14 }) })) : null] }));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -0,0 +1 @@
+export { showToast, ToastsContainer } from './Toast';

package/dist/esm/components/Toggle/Toggle.js

@@ -0,0 +1,53 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext, useEffect, useRef } from 'react';
+import { Animated, View, } from 'react-native';
+import { ThemeContext } from 'styled-components/native';
+import { HintText } from '../HintText/HintText';
+import { LabelText } from '../LabelText';
+import { StyledToggleDot, StyledToggleInputWrapper, StyledToggleInput, StyledWrapper, } from './styles';
+var Input = function (_a) {
+    var checked = _a.checked, labelPosition = _a.labelPosition, testID = _a.testID, rest = __rest(_a, ["checked", "labelPosition", "testID"]);
+    var core = useContext(ThemeContext).core;
+    var leftVal = useRef(new Animated.Value(checked ? core.space[6] : core.space[1])).current;
+    useEffect(function () {
+        Animated.timing(leftVal, {
+            toValue: checked ? core.space[6] : core.space[1],
+            duration: 150, // i.e. theme.core.transition.fast
+            useNativeDriver: true,
+        }).start();
+    }, [checked]);
+    return (_jsx(StyledToggleInputWrapper, __assign({ labelPosition: labelPosition }, rest, { children: _jsx(StyledToggleInput, { checked: checked, testID: testID, children: _jsx(StyledToggleDot, { style: {
+                    transform: [{ translateX: leftVal }],
+                }, checked: checked }) }) })));
+};
+export var Toggle = forwardRef(function (_a, ref) {
+    var label = _a.label, hint = _a.hint, _b = _a.checked, checked = _b === void 0 ? false : _b, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _c = _a.activeOpacity, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    activeOpacity = _c === void 0 ? 0.8 : _c, testID = _a.testID, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'left' : _d, rest = __rest(_a, ["label", "hint", "checked", "activeOpacity", "testID", "labelPosition"]);
+    var hasLabel = label !== undefined;
+    return (_jsxs(StyledWrapper, __assign({ ref: ref, accessibilityRole: "checkbox", activeOpacity: activeOpacity, accessibilityState: { checked: checked }, hitSlop: 10, hasLabel: hasLabel, labelPosition: labelPosition }, rest, { children: [hasLabel ? (_jsxs(View, { style: { flexShrink: 1 }, children: [_jsx(LabelText, { children: label }), hint ? _jsx(HintText, { children: hint }) : null] })) : null, _jsx(Input, { checked: checked, testID: testID, labelPosition: hasLabel ? labelPosition : undefined })] })));
+});

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

@@ -0,0 +1 @@
+export { Toggle } from './Toggle';

package/dist/esm/components/Toggle/styles.js

@@ -0,0 +1,23 @@
+import { numToPx } from '@ovotech/element-core';
+import { Animated } from 'react-native';
+import styled from '../../styled.native';
+export var StyledWrapper = styled.TouchableOpacity(function (_a) {
+    var core = _a.theme.core, hasLabel = _a.hasLabel, labelPosition = _a.labelPosition;
+    return "\n    width: ".concat(hasLabel ? '100%' : numToPx(core.space[11]), ";\n    display: flex;\n    flex-direction: row").concat(labelPosition === 'left' ? '' : '-reverse', ";\n    justify-content: space-between;\n    position: relative;\n  ");
+});
+export var StyledToggleInputWrapper = styled.View(function (_a) {
+    var core = _a.theme.core, labelPosition = _a.labelPosition;
+    return "\n    width: ".concat(numToPx(core.space[11]), ";\n    height: ").concat(numToPx(core.space[6]), ";\n    ").concat(labelPosition
+        ? labelPosition === 'left'
+            ? 'margin-left: 10px;'
+            : 'margin-right: 10px;'
+        : null, "\n    ");
+});
+export var StyledToggleInput = styled.View(function (_a) {
+    var core = _a.theme.core, checked = _a.checked;
+    return "\n      width: ".concat(numToPx(core.space[11]), ";\n      height: ").concat(numToPx(core.space[6]), ";\n      justify-content: center;\n      border-radius: ").concat(numToPx(core.radius.large), ";\n      background: ").concat(checked ? core.color.brand.ovo : core.color.neutral.lighter, ";\n    ");
+});
+export var StyledToggleDot = styled(Animated.View)(function (_a) {
+    var core = _a.theme.core, checked = _a.checked;
+    return "\n  position: absolute;\n  width: ".concat(numToPx(core.space[4]), ";\n  height: ").concat(numToPx(core.space[4]), ";\n  border-radius: ").concat(numToPx(core.space[4]), ";\n  background-color: ").concat(checked ? core.color.brand.white : core.color.neutral.dark, ";\n");
+});

package/dist/esm/components/index.js

@@ -0,0 +1,62 @@
+export * from './Accordion';
+export * from './ActionCard';
+export * from './ActionList';
+export * from './Badge';
+export * from './Card';
+export * from './Checkbox';
+export * from './CTAButton';
+export * from './CTALink';
+export * from './CurrencyField';
+export * from './CurrencyInput';
+export * from './DataTable';
+export * from './DateField';
+export * from './DescriptionList';
+export * from './Disclosure';
+export * from './Divider';
+export * from './Em';
+export * from './EmailField';
+export * from './EmailInput';
+export * from './ErrorSummaryNotification';
+export * from './Field';
+export * from './FilterSelect';
+export * from './Grid';
+export * from './Heading1';
+export * from './Heading2';
+export * from './Heading3';
+export * from './Heading4';
+export * from './Icon';
+export * from './Label';
+export * from './Lead';
+export * from './LineThrough';
+export * from './List';
+export * from './Margin';
+export * from './NavHeader';
+export * from './Notification';
+export * from './NumberField';
+export * from './NumberInput';
+export * from './P';
+export * from './PasswordField';
+export * from './PasswordInput';
+export * from './PhoneField';
+export * from './PhoneInput';
+export * from './Radio';
+export * from './SelectField';
+export * from './SkeletonCircle';
+export * from './SkeletonCTA';
+export * from './SkeletonHeading';
+export * from './SkeletonText';
+export * from './Small';
+export * from './Spinner';
+export * from './Stack';
+export * from './Strong';
+export * from './Tabs';
+export * from './TextareaField';
+export * from './TextareaInput';
+export * from './TextField';
+export * from './TextGroup';
+export * from './TextInput';
+export * from './TextLink';
+export * from './Toggle';
+export * from './Toast';
+export * from './ProductCarousel';
+export * from './RadioCard';

package/dist/esm/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './use-full-width';
+export * from './use-breakpoint';

package/dist/esm/hooks/use-breakpoint.js

@@ -0,0 +1,12 @@
+import { useContext } from 'react';
+import { useWindowDimensions } from 'react-native';
+import { ThemeContext } from '../styled.native';
+export var useBreakpoint = function () {
+    var breakpoint = useContext(ThemeContext).core.breakpoint;
+    var width = useWindowDimensions().width;
+    return {
+        smallAndUp: width > Number(breakpoint.small),
+        mediumAndUp: width > Number(breakpoint.medium),
+        largeAndUp: width > Number(breakpoint.large),
+    };
+};

package/dist/esm/hooks/use-full-width.js

@@ -0,0 +1,16 @@
+import { useState, useEffect } from 'react';
+import { useBreakpoint } from './use-breakpoint';
+export var useFullWidth = function (fullWidth) {
+    if (fullWidth === void 0) { fullWidth = 'small'; }
+    var _a = useState(true), isFullWidth = _a[0], setIsfullWidth = _a[1];
+    var smallAndUp = useBreakpoint().smallAndUp;
+    useEffect(function () {
+        var values = {
+            small: !smallAndUp,
+            always: true,
+            never: false,
+        };
+        setIsfullWidth(values[fullWidth]);
+    }, [isFullWidth, smallAndUp, setIsfullWidth]);
+    return isFullWidth;
+};

package/dist/esm/hooks/use-layout.js

@@ -0,0 +1,16 @@
+import { useCallback, useState } from 'react';
+export var useLayout = function (defaultHeight) {
+    var _a = useState({ height: defaultHeight || 0, width: 0, measured: false }), layout = _a[0], setLayout = _a[1];
+    var onLayout = useCallback(function (e) {
+        var _a = e.nativeEvent.layout, height = _a.height, width = _a.width;
+        if (height === layout.height && width === layout.width) {
+            return;
+        }
+        setLayout({
+            height: height,
+            width: width,
+            measured: true,
+        });
+    }, [layout.height, layout.width]);
+    return [layout, onLayout];
+};

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './utils';
+export * from './theme';

package/dist/esm/providers/IconsProvider.js

@@ -0,0 +1,115 @@
+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 { 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';
+var defaultIcons = {
+    address: Address,
+    advice: Advice,
+    archive: Archive,
+    'arrow-down': ArrowDown,
+    'arrow-left': ArrowLeft,
+    'arrow-right': ArrowRight,
+    '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,
+    'chart-filled': ChartFilled,
+    check: Check,
+    'check-circle': CheckCircle,
+    'chevron-left': ChevronLeft,
+    'chevron-left-small': ChevronLeftSmall,
+    'chevron-left-small-first': ChevronLeftSmallFirst,
+    'chevron-right': ChevronRight,
+    'chevron-right-small': ChevronRightSmall,
+    'chevron-right-small-last': ChevronRightSmallLast,
+    'chevron-up': ChevronUp,
+    'chevron-down': ChevronDown,
+    circle: Circle,
+    'close-circle': CloseCircle,
+    cross: Cross,
+    doc: Doc,
+    dollar: Dollar,
+    download: Download,
+    eco: Eco,
+    'eco-home': EcoHome,
+    edit: Edit,
+    'electric-car': ElectricCar,
+    'electric-home': ElectricHome,
+    electricity: Electricity,
+    'energy-advice': EnergyAdvice,
+    equals: Equals,
+    euro: Euro,
+    gas: Gas,
+    'globe-address': GlobeAddress,
+    help: Help,
+    'help-filled': HelpFilled,
+    hide: Hide,
+    home: Home,
+    'home-filled': HomeFilled,
+    'hydro-power': HydroPower,
+    info: Info,
+    'new-window': NewWindow,
+    link: Link,
+    logo: Logo,
+    mail: Mail,
+    'mail-open': MailOpen,
+    menu: Menu,
+    message: Message,
+    'message-filled': MessageFilled,
+    minus: Minus,
+    mobile: Mobile,
+    'payment-card': PaymentCard,
+    'payment-card-filled': PaymentCardFilled,
+    phone: Phone,
+    plus: Plus,
+    pound: Pound,
+    pricing: Pricing,
+    search: Search,
+    security: Security,
+    show: Show,
+    'smart-home': SmartHome,
+    'smart-meter': SmartMeter,
+    solar: Solar,
+    star: Star,
+    'star-filled': StarFilled,
+    sun: Sun,
+    torch: Torch,
+    trees: Trees,
+    tune: Tune,
+    user: User,
+    'user-filled': UserFilled,
+    wallet: Wallet,
+    'wallet-filled': WalletFilled,
+    'warm-home': WarmHome,
+    warning: Warning,
+    'web-address': WebAddress,
+    'wind-power': WindPower,
+};
+var IconsContext = createContext(null);
+function useIcons() {
+    var icons = useContext(IconsContext) || defaultIcons;
+    return icons;
+}
+function IconsProvider(_a) {
+    var children = _a.children, _b = _a.icons, icons = _b === void 0 ? {} : _b;
+    var baseIcons = useContext(IconsContext) || defaultIcons;
+    var mergedIcons = __assign(__assign({}, baseIcons), icons);
+    return (_jsx(IconsContext.Provider, { value: mergedIcons, children: children }));
+}
+export { useIcons, IconsProvider, defaultIcons };

package/dist/esm/providers/icons/Address.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 Address = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M2.5 6.45C2.5 2.853 5.76 1.5 8 1.5s5.5 1.478 5.5 4.95C13.5 9.922 8 14.5 8 14.5s-5.5-4.454-5.5-8.05Zm7.145 4.313c.723-.835 1.295-1.623 1.697-2.34.43-.77.658-1.452.658-1.973 0-1.072-.437-1.936-1.297-2.568-.886-.65-1.958-.881-2.703-.881-.745 0-1.85.222-2.714.844C4.421 4.466 4 5.319 4 6.45c0 .624.305 2.02 2.349 4.353a24.081 24.081 0 0 0 1.64 1.686 25.59 25.59 0 0 0 1.656-1.726ZM7.09 5.385l1.437-.381.381 1.437-1.437.381-.381-1.437Z", clipRule: "evenodd" }) }))); };

package/dist/esm/providers/icons/Advice.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 Advice = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M14.5 5.5h-1.59c-.441-2.275-2.475-4-4.91-4s-4.469 1.725-4.91 4H1.5v5H5v-5h-.369C5.046 4.06 6.4 3 8 3c1.601 0 2.954 1.06 3.368 2.5H11v4.983h.502a2.757 2.757 0 0 1-1.99 2.42V12.2h-1.5v2.307h.75a4.256 4.256 0 0 0 4.244-4.024h1.495V5.498L14.5 5.5ZM3.5 9H3V7h.5v2Zm9-2h.5v1.983h-.5V7Z" }) }))); };

package/dist/esm/providers/icons/Archive.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 Archive = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M1.5 7V3h13v4h-.75v4.1l-1.5.402.402 1.498H2.25V7H1.5Zm2.25 4.5h8.5V7h-8.5v4.5ZM3 5.5h10v-1H3v1Zm4.09 3.222 1.438-.382.381 1.437-1.437.382-.381-1.438Z", clipRule: "evenodd" }) }))); };

package/dist/esm/providers/icons/ArrowDown.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 ArrowDown = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "m9.051 13.402 3.62-3.62-.449-1.672-3.481 3.481V1.53l-1.5.402v9.659L3.766 8.117 3.318 9.79l3.612 3.612 1.06 1.06 1.061-1.06Z" }) }))); };

package/dist/esm/providers/icons/ArrowLeft.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 ArrowLeft = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "m2.589 6.94 3.619-3.62 1.673.449L4.399 7.25H14.46l-.402 1.5H4.4l3.474 3.474-1.673.448L2.59 9.061 1.528 8l1.061-1.06Z" }) }))); };

package/dist/esm/providers/icons/ArrowRight.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 ArrowRight = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "M13.4 6.94 9.78 3.32l-1.672.449 3.481 3.481H1.528l.402 1.5h9.66l-3.474 3.474 1.673.448L13.4 9.061 14.46 8 13.4 6.94Z" }) }))); };

package/dist/esm/providers/icons/ArrowUp.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 ArrowUp = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", d: "m6.938 2.59-3.62 3.62.449 1.673 3.482-3.482v10.062l1.5-.402V4.4l3.473 3.474.449-1.673-3.612-3.611-1.06-1.061-1.061 1.06Z" }) }))); };

package/dist/esm/providers/icons/Award.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 Award = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M12.529 6.029c0 1.17-.443 2.235-1.17 3.039h-.001l1.901 5.341L8 12.991l-5.259 1.418L4.64 9.066a4.53 4.53 0 1 1 7.89-3.037Zm-1.5 0C11.029 4.36 9.67 3 7.999 3 6.33 3 4.97 4.402 4.97 6.03a3.033 3.033 0 0 0 2.903 3.026h.252A3.004 3.004 0 0 0 11.03 6.03Zm-3.78 4.467a4.498 4.498 0 0 1-1.363-.46l-.774 2.18 2.137-.576v-1.144Zm1.5 0v1.143l2.137.576-.775-2.178a4.487 4.487 0 0 1-1.362.459ZM7.09 5.501l1.438-.381.381 1.437-1.437.381-.382-1.437Z", clipRule: "evenodd" }) }))); };