@ovotech/element-native 5.4.0 → 5.4.1

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

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Star = (props) => (_jsx(Svg, { viewBox: "0 0 16 16", ...props, children: _jsx(Path, { fill: "currentColor", d: "m8 5.013.782 1.394.303.539.595.169 1.752.499-1.037.904-.642.56.153.839.279 1.529-1.553-.721L8 10.43l-.632.294-1.553.721.279-1.53.153-.838-.642-.56-1.037-.905 1.752-.498.595-.169.303-.54L8 5.014ZM8 1.95 5.91 5.672 1.5 6.925l3.118 2.723-.799 4.38L8 12.085l4.18 1.942-.798-4.38 3.118-2.72-4.41-1.255-2.09-3.723H8Z" }) }));

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

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const StarFilled = (props) => (_jsx(Svg, { 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/Sun.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Sun = (props) => (_jsx(Svg, { viewBox: "0 0 16 16", ...props, children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M8.75 1.5h-1.5v1.418h1.5V1.5Zm2.079 3.671A3.987 3.987 0 0 0 8 4a4 4 0 1 0 2.829 1.171ZM9.768 9.768c-.472.473-1.1.732-1.768.732-.667 0-1.295-.26-1.768-.732A2.484 2.484 0 0 1 5.5 8c0-.668.26-1.296.733-1.769A2.484 2.484 0 0 1 8.001 5.5c.667 0 1.295.26 1.768.731.472.473.732 1.1.732 1.769 0 .668-.26 1.295-.733 1.768ZM1.5 7.239h1.43v1.5H1.5v-1.5Zm5.75 5.821V14.5h1.5v-1.441h-1.5Zm5.82-5.82h1.43v1.5h-1.43v-1.5Zm-1.049-4.332-.966.966 1.061 1.06.966-.965-1.06-1.061Zm-9.103 1.06 1.06-1.06.967.966-1.061 1.06-.966-.966Zm.966 7.077-.966.966 1.061 1.06.966-.966-1.06-1.06Zm7.171 1.06 1.06-1.06.967.965-1.061 1.061-.966-.966Z", clipRule: "evenodd" }) }));

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

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Torch = (props) => (_jsxs(Svg, { viewBox: "0 0 16 16", ...props, children: [_jsx(Path, { fill: "currentColor", d: "M4.728 14V6.714L3.016 5.012 3 1h10v4.012L11.273 6.73v6.173l-1.5-.402L9.37 14H4.726ZM11.5 3.494V2.5H4.506l.004.994h6.99ZM9.773 12.5V6.105l.442-.44.675-.671H5.124l.66.656.442.44v6.41h3.547Z" }), _jsx(Path, { fill: "currentColor", d: "M7 10V8h2v2H7Z" })] }));

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

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Trees = (props) => (_jsx(Svg, { 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/Tune.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Tune = (props) => (_jsx(Svg, { viewBox: "0 0 16 16", ...props, children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "m4 1.485-1.5.405V4.5h-1V6H5V4.5H4V1.485Zm3.25.42 1.5-.405v8.75h1v1.5h-3.5v-1.5h1V1.905Zm1.5 12.19-1.5.405v-1.75h1.5v1.345Zm3.25.39 1.5-.405V9.75H12v4.735Zm-8-.405-1.5.405V7H4v7.08Zm9.5-12.595V7.25h1v1.5H11v-1.5h1V1.89l1.5-.405Z", clipRule: "evenodd" }) }));

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

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const User = (props) => (_jsx(Svg, { 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

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const UserFilled = (props) => (_jsx(Svg, { 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/Wallet.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Wallet = (props) => (_jsx(Svg, { viewBox: "0 0 16 16", ...props, children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M14.5 3.025v8.073L13 11.5V4.525H9.126l-.003.013-.049-.013H3V11.5h10l.402 1.5H1.5V3.025h1.651l.41-1.53 5.71 1.53H14.5Zm-4.38 4.447 1.438-.381.381 1.437-1.437.381-.382-1.437Z", clipRule: "evenodd" }) }));

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

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const WalletFilled = (props) => (_jsx(Svg, { viewBox: "0 0 21 20", ...props, children: _jsx(Path, { fill: "currentColor", d: "M18.325 3.781h-6.537L4.65 1.87 4.137 3.78H2.075V16.25h16.25V3.781ZM14.65 8.863l.475 1.793-1.794.475-.475-1.793 1.794-.475Z" }) }));

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

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const WarmHome = (props) => (_jsxs(Svg, { viewBox: "0 0 16 16", ...props, children: [_jsx(Path, { fill: "currentColor", d: "m13 13 1.5-.402V5L8 1.5 1.5 5v9.5h11.902L13 13Zm0 0H3V5.896l5-2.692 5 2.692V13Z" }), _jsx(Path, { fill: "currentColor", d: "m9.604 11.804-.452-.599c-.406-.539-.928-1.878.004-3.091.497-.647-.024-1.444-.029-1.452L8.71 6.04l1.248-.833.416.623c.42.628.886 2.009-.029 3.199a.934.934 0 0 0-.179.855c.061.24.182.417.184.419l.451.598-1.197.903v.001ZM6.102 11.804l-.452-.599c-.405-.539-.928-1.878.004-3.091.498-.647-.023-1.444-.029-1.452L5.21 6.04l1.248-.833.416.623c.42.628.885 2.009-.029 3.199a.934.934 0 0 0-.179.855c.06.24.182.417.183.419l.452.598-1.198.903v.001Z" })] }));

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

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Warning = (props) => (_jsx(Svg, { viewBox: "0 0 16 16", ...props, children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M1.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0ZM3 8c0 2.757 2.243 5 5 5s5-2.243 5-5-2.243-5-5-5-5 2.243-5 5Zm5.56 1.275.35-4.87H7.09l.35 4.87h1.12Zm-.02.46-1.47.39.39 1.47 1.47-.39-.39-1.47Z", clipRule: "evenodd" }) }));

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

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const WebAddress = (props) => (_jsx(Svg, { viewBox: "0 0 16 16", ...props, children: _jsx(Path, { fill: "currentColor", d: "m11.644 10.805-.848.848-1.737-1.738-1.061-1.06-1.061 1.06-.244.244-1.41-4.873 4.885 1.399-.261.26-1.061 1.061 1.06 1.061 1.737 1.736.776-1.345-1.452-1.452 2.062-2.062-9.94-2.847 2.869 9.918 2.04-2.039 2.798 2.798 2.193-2.193-1.345-.776Z" }) }));

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

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const WindPower = (props) => (_jsx(Svg, { viewBox: "0 0 16 16", ...props, children: _jsx(Path, { fill: "currentColor", d: "m9.548 8.401 3.674.029.344-.595-3.962-1.062A1.617 1.617 0 0 0 8.4 5.385v-.65L6.588 1.539h-.687l1.108 4.137a1.611 1.611 0 0 0-.592 1.585l-.555.32L4 10.748l.344.596 2.914-2.915-1.018 6.043h3.52L8.733 8.383c.13-.066.25-.15.356-.247l.458.264v.001Zm-2.125 5.072L8 10.048l.577 3.425H7.423ZM8.54 7.238a.614.614 0 0 1-.419.312l-.026.004a.613.613 0 1 1 .446-.316Z" }) }));

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

@@ -0,0 +1,93 @@
+export * from './Address';
+export * from './Advice';
+export * from './Archive';
+export * from './ArrowDown';
+export * from './ArrowLeft';
+export * from './ArrowRight';
+export * from './ArrowUp';
+export * from './Award';
+export * from './Battery';
+export * from './CalBook';
+export * from './Cal';
+export * from './CaretArrowDown';
+export * from './CaretArrowLeft';
+export * from './CaretArrowRight';
+export * from './CaretArrowUp';
+export * from './CaretDown';
+export * from './CaretLeft';
+export * from './CaretRight';
+export * from './CaretUp';
+export * from './ChartFilled';
+export * from './Chart';
+export * from './CheckCircle';
+export * from './Check';
+export * from './ChevronDown';
+export * from './ChevronLeftSmallFirst';
+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 './EcoHome';
+export * from './Eco';
+export * from './Edit';
+export * from './ElectricCar';
+export * from './ElectricHome';
+export * from './Electricity';
+export * from './EnergyAdvice';
+export * from './Equals';
+export * from './Euro';
+export * from './Gas';
+export * from './GlobeAddress';
+export * from './HelpFilled';
+export * from './Help';
+export * from './Hide';
+export * from './HomeFilled';
+export * from './Home';
+export * from './HydroPower';
+export * from './Info';
+export * from './Link';
+export * from './Logo';
+export * from './MailOpen';
+export * from './Mail';
+export * from './Menu';
+export * from './MessageFilled';
+export * from './Message';
+export * from './Minus';
+export * from './Mobile';
+export * from './NewWindow';
+export * from './PaymentCardFilled';
+export * from './PaymentCard';
+export * from './Phone';
+export * from './Plus';
+export * from './Pound';
+export * from './PricingFilled';
+export * from './Pricing';
+export * from './Search';
+export * from './Security';
+export * from './ShopFilled';
+export * from './Shop';
+export * from './Show';
+export * from './SmartHome';
+export * from './SmartMeter';
+export * from './Solar';
+export * from './StarFilled';
+export * from './Star';
+export * from './Sun';
+export * from './Torch';
+export * from './Trees';
+export * from './Tune';
+export * from './UserFilled';
+export * from './User';
+export * from './Wallet';
+export * from './WarmHome';
+export * from './Warning';
+export * from './WebAddress';
+export * from './WindPower';

package/dist/esm/providers/index.js

@@ -0,0 +1,2 @@
+export * from './IconsProvider';
+export * from './types';

package/dist/esm/providers/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/src/components/{NavigationIcon/NavigationIcon.js → NavIcon/NavIcon.js}

@@ -23,7 +23,7 @@ const RedDotContainer = styled.View `
   height: 0;
   z-index: 1;
 `;
-export const NavigationIcon = ({ label, iconName, focused, isStatusDotEnabled = false, onPress, size = 24, tintColor, style, accessibilityState, }) => {
+export const NavIcon = ({ label, iconName, focused, isStatusDotEnabled = false, onPress, size = 24, tintColor, style, accessibilityState, }) => {
     const isFocused = focused ?? accessibilityState?.selected ?? false;
     const testID = `${label.toLowerCase()}-tab`;
     const theme = useTheme();

package/dist/esm/src/components/NavIcon/index.js

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

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

@@ -25,6 +25,7 @@ export * from './Link';
 export * from './List';
 export * from './Margin';
 export * from './NavHeader';
+export * from './NavIcon';
 export * from './Notification';
 export * from './NumberField';
 export * from './NumberInput';

package/dist/esm/styled.native.js

@@ -0,0 +1,4 @@
+import * as styledComponents from 'styled-components/native';
+const { default: styled, css, ThemeProvider, ThemeContext, useTheme, } = styledComponents;
+export { css, ThemeProvider, ThemeContext, useTheme };
+export default styled;

package/dist/esm/theme/index.js

@@ -0,0 +1 @@
+export * from '@ovotech/element-core';

package/dist/esm/utils/index.js

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

package/dist/esm/utils/utils.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, } from 'react';
+import { useBreakpoint } from '../hooks';
+function mergeRefs(...refs) {
+    return value => {
+        refs.forEach(ref => {
+            assignRef(ref, value);
+        });
+    };
+}
+function assignRef(ref, element) {
+    if (typeof ref === 'function') {
+        ref(element);
+    }
+    else if (ref) {
+        ref.current = element;
+    }
+}
+function getText(children) {
+    if (!Boolean(children) && typeof children !== 'number') {
+        return '';
+    }
+    if (typeof children === 'object' &&
+        children.props) {
+        return Children.map(children.props.children, child => getText(child)).join('');
+    }
+    return String(children);
+}
+function styledComponentWithBreakpoints(Component) {
+    return (props) => {
+        const breakpoints = useBreakpoint();
+        // @ts-ignore.
+        return _jsx(Component, { ...props, ...breakpoints, ref: props.ref });
+    };
+}
+function responsiveStyle(property, value, breakpoints, formatter) {
+    let values;
+    if (Array.isArray(value)) {
+        values = value;
+    }
+    else {
+        values = [value];
+    }
+    const ascMediaQueries = [
+        breakpoints.smallAndUp,
+        breakpoints.mediumAndUp,
+        breakpoints.largeAndUp,
+    ];
+    const [base, ...rest] = values;
+    return rest.reduce((acc, val, i) => ascMediaQueries[i]
+        ? `${property}: ${formatter ? formatter(val) : val};`
+        : acc, `${property}: ${formatter ? formatter(base) : base};`);
+}
+function getErrorMessage(id, errors) {
+    return (errors.find(({ id: errorId }) => id === errorId) || { message: null })
+        .message;
+}
+// eslint-disable-next-line @typescript-eslint/ban-types
+function callAll(...fns) {
+    return (...args) => fns.forEach(fn => fn && fn(...args));
+}
+function filterChildrenByType(children, type) {
+    return Children.toArray(children).filter(child => child?.type === type);
+}
+function getValidChildren(children) {
+    return Children.toArray(children).filter(Boolean);
+}
+export { callAll, filterChildrenByType, getErrorMessage, getValidChildren, getText, mergeRefs, responsiveStyle, styledComponentWithBreakpoints, };

package/dist/hooks/index.d.ts

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

package/dist/hooks/index.js

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

package/dist/hooks/use-breakpoint.d.ts

@@ -0,0 +1,7 @@
+export type BreakpointNames = 'smallAndUp' | 'mediumAndUp' | 'largeAndUp';
+export type Breakpoints = Record<BreakpointNames, boolean>;
+export declare const useBreakpoint: () => {
+    smallAndUp: boolean;
+    mediumAndUp: boolean;
+    largeAndUp: boolean;
+};

package/dist/hooks/use-breakpoint.js

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

package/dist/hooks/use-full-width.d.ts

@@ -0,0 +1,2 @@
+export type FullWidthOptions = 'always' | 'never' | 'small';
+export declare const useFullWidth: (fullWidth?: FullWidthOptions) => boolean;

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

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

package/dist/hooks/use-layout.d.ts

@@ -0,0 +1,6 @@
+import { LayoutChangeEvent } from 'react-native';
+export declare const useLayout: (defaultHeight?: number) => readonly [{
+    height: number;
+    width: number;
+    measured: boolean;
+}, (e: LayoutChangeEvent) => void];

package/dist/hooks/use-layout.js

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

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/providers/IconsProvider.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { IconsType } from './types';
+declare const defaultIcons: IconsType;
+declare function useIcons<T extends IconsType = string & object>(): IconsType & T;
+declare function IconsProvider({ children, icons, }: PropsWithChildren<{
+    icons?: IconsType;
+}>): import("react/jsx-runtime").JSX.Element;
+export { useIcons, IconsProvider, defaultIcons };

package/dist/providers/IconsProvider.js

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

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

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

package/dist/providers/icons/Address.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Address = (props) => (_jsx(Svg, { 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/providers/icons/Advice.d.ts

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

package/dist/providers/icons/Advice.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Advice = (props) => (_jsx(Svg, { 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/providers/icons/Archive.d.ts

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

package/dist/providers/icons/Archive.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Archive = (props) => (_jsx(Svg, { 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/providers/icons/ArrowDown.d.ts

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

package/dist/providers/icons/ArrowDown.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const ArrowDown = (props) => (_jsx(Svg, { 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/providers/icons/ArrowLeft.d.ts

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

package/dist/providers/icons/ArrowLeft.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const ArrowLeft = (props) => (_jsx(Svg, { 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/providers/icons/ArrowRight.d.ts

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

package/dist/providers/icons/ArrowRight.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const ArrowRight = (props) => (_jsx(Svg, { 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/providers/icons/ArrowUp.d.ts

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

package/dist/providers/icons/ArrowUp.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const ArrowUp = (props) => (_jsx(Svg, { 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/providers/icons/Award.d.ts

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

package/dist/providers/icons/Award.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Award = (props) => (_jsx(Svg, { 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" }) }));

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

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

package/dist/providers/icons/Battery.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Battery = (props) => (_jsx(Svg, { viewBox: "0 0 16 16", ...props, children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M10 3h2v9.595l-1.5.402V4.5h-5V13h5v-.002l.402 1.502H4V3h2v-.75h4V3ZM6.617 6.615l1.85-.516v1.355l.916-.245-1.226 3.89-.62-1.822-.92.247V6.616Z", clipRule: "evenodd" }) }));

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

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

package/dist/providers/icons/Cal.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const Cal = (props) => (_jsx(Svg, { viewBox: "0 0 16 16", ...props, children: _jsx(Path, { fill: "currentColor", d: "M14.5 11.098V3.025h-3.25V1.544h-1.5v1.48h-3.5v-1.48h-1.5v1.48H1.5V13h11.902L13 11.5H3V8h10v3.5l1.5-.402ZM3 6.5V4.525h1.75v.973l1.5-.402v-.571h3.5v.948l1.5-.403v-.545H13v1.976H3V6.5Z" }) }));

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

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

package/dist/providers/icons/CalBook.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const CalBook = (props) => (_jsx(Svg, { viewBox: "0 0 16 16", ...props, children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M11.25 1.544v1.48h3.25v8.074L13 11.5l.402 1.5H9.9l1.5-1.5H13V8H3v3.5h1.612l1.5 1.5H1.5V3.025h3.25V1.544h1.5v1.48h3.5v-1.48h1.5ZM3 6.5h10V4.525h-1.75v.545l-1.5.403v-.948h-3.5v.57l-1.5.403v-.973H3V6.5Zm5.005 6.98L5.43 10.902 6.49 9.842l1.515 1.516 3.063-3.062 1.06 1.06-4.123 4.123Z", clipRule: "evenodd" }) }));

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

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

package/dist/providers/icons/CaretArrowDown.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const CaretArrowDown = (props) => (_jsx(Svg, { viewBox: "0 0 16 16", ...props, children: _jsx(Path, { fill: "currentColor", d: "m8 11.5-5-5h10l-5 5Z" }) }));

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

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

package/dist/providers/icons/CaretArrowLeft.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+export const CaretArrowLeft = (props) => (_jsx(Svg, { viewBox: "0 0 16 16", ...props, children: _jsx(Path, { fill: "currentColor", d: "m4.5 8 5-5v10l-5-5Z" }) }));