@ovotech/element-native 3.8.1-canary-0c92e13-244 → 3.8.1

package/dist/components/CTALink/index.js

@@ -1,7 +1,100 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SecondaryCTALink = exports.PrimaryCTALink = exports.CTALink = void 0;
-var CTALink_1 = require("./CTALink");
-Object.defineProperty(exports, "CTALink", { enumerable: true, get: function () { return CTALink_1.CTALink; } });
-Object.defineProperty(exports, "PrimaryCTALink", { enumerable: true, get: function () { return CTALink_1.PrimaryCTALink; } });
-Object.defineProperty(exports, "SecondaryCTALink", { enumerable: true, get: function () { return CTALink_1.SecondaryCTALink; } });
+import { CTALink as Nr, PrimaryCTALink as Or, SecondaryCTALink as Qr } from "./CTALink.js";
+import "react/jsx-runtime";
+import "react";
+import "../CTAButton/CTAButton.js";
+import "../../utils-HsZygzDh.js";
+import "../../hooks/use-breakpoint.js";
+import "react-native";
+import "../../styled.native-KEscfVp7.js";
+import "../Icon/Icon.js";
+import "../../providers/IconsProvider.js";
+import "../../providers/icons/Address.js";
+import "react-native-svg";
+import "../../providers/icons/Advice.js";
+import "../../providers/icons/Archive.js";
+import "../../providers/icons/ArrowDown.js";
+import "../../providers/icons/ArrowLeft.js";
+import "../../providers/icons/ArrowRight.js";
+import "../../providers/icons/ArrowUp.js";
+import "../../providers/icons/Award.js";
+import "../../providers/icons/Battery.js";
+import "../../providers/icons/Cal.js";
+import "../../providers/icons/CalBook.js";
+import "../../providers/icons/CaretDown.js";
+import "../../providers/icons/CaretLeft.js";
+import "../../providers/icons/CaretRight.js";
+import "../../providers/icons/CaretUp.js";
+import "../../providers/icons/Chart.js";
+import "../../providers/icons/ChartFilled.js";
+import "../../providers/icons/Check.js";
+import "../../providers/icons/CheckCircle.js";
+import "../../providers/icons/ChevronDown.js";
+import "../../providers/icons/ChevronLeft.js";
+import "../../providers/icons/ChevronLeftSmall.js";
+import "../../providers/icons/ChevronLeftSmallFirst.js";
+import "../../providers/icons/ChevronRight.js";
+import "../../providers/icons/ChevronRightSmall.js";
+import "../../providers/icons/ChevronRightSmallLast.js";
+import "../../providers/icons/ChevronUp.js";
+import "../../providers/icons/Circle.js";
+import "../../providers/icons/CloseCircle.js";
+import "../../providers/icons/Cross.js";
+import "../../providers/icons/Doc.js";
+import "../../providers/icons/Dollar.js";
+import "../../providers/icons/Download.js";
+import "../../providers/icons/Eco.js";
+import "../../providers/icons/EcoHome.js";
+import "../../providers/icons/Edit.js";
+import "../../providers/icons/ElectricCar.js";
+import "../../providers/icons/ElectricHome.js";
+import "../../providers/icons/Electricity.js";
+import "../../providers/icons/EnergyAdvice.js";
+import "../../providers/icons/Equals.js";
+import "../../providers/icons/Euro.js";
+import "../../providers/icons/Gas.js";
+import "../../providers/icons/GlobeAddress.js";
+import "../../providers/icons/Help.js";
+import "../../providers/icons/Hide.js";
+import "../../providers/icons/Home.js";
+import "../../providers/icons/HomeFilled.js";
+import "../../providers/icons/HydroPower.js";
+import "../../providers/icons/Info.js";
+import "../../providers/icons/Link.js";
+import "../../providers/icons/Logo.js";
+import "../../providers/icons/Mail.js";
+import "../../providers/icons/MailOpen.js";
+import "../../providers/icons/Menu.js";
+import "../../providers/icons/Message.js";
+import "../../providers/icons/MessageFilled.js";
+import "../../providers/icons/Minus.js";
+import "../../providers/icons/Mobile.js";
+import "../../providers/icons/NewWindow.js";
+import "../../providers/icons/PaymentCard.js";
+import "../../providers/icons/Phone.js";
+import "../../providers/icons/Plus.js";
+import "../../providers/icons/Pound.js";
+import "../../providers/icons/Pricing.js";
+import "../../providers/icons/Search.js";
+import "../../providers/icons/Security.js";
+import "../../providers/icons/Show.js";
+import "../../providers/icons/SmartHome.js";
+import "../../providers/icons/SmartMeter.js";
+import "../../providers/icons/Solar.js";
+import "../../providers/icons/Star.js";
+import "../../providers/icons/Sun.js";
+import "../../providers/icons/Torch.js";
+import "../../providers/icons/Trees.js";
+import "../../providers/icons/Tune.js";
+import "../../providers/icons/User.js";
+import "../../providers/icons/UserFilled.js";
+import "../../providers/icons/Wallet.js";
+import "../../providers/icons/WalletFilled.js";
+import "../../providers/icons/WarmHome.js";
+import "../../providers/icons/Warning.js";
+import "../../providers/icons/WebAddress.js";
+import "../../providers/icons/WindPower.js";
+export {
+  Nr as CTALink,
+  Or as PrimaryCTALink,
+  Qr as SecondaryCTALink
+};

package/dist/components/Card/Card.d.ts

@@ -358,8 +358,6 @@ export declare const Card: import("styled-components").StyledComponent<typeof im
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             secondary: {
                 message: string;
@@ -370,8 +368,6 @@ export declare const Card: import("styled-components").StyledComponent<typeof im
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
             destructive: {
                 message: string;
@@ -382,8 +378,6 @@ export declare const Card: import("styled-components").StyledComponent<typeof im
                 surfaceFocused: string;
                 outlineFocused: string;
                 backgroundFocused: string;
-                messageInverted: string;
-                surfaceInverted: string;
             };
         };
         heading1: {

package/dist/components/Card/Card.js

@@ -1,14 +1,18 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { n as e } from "../../utils-HsZygzDh.js";
+import { s as o } from "../../styled.native-KEscfVp7.js";
+import "react";
+const p = o.View(
+  ({
+    theme: { core: r, semantic: a },
+    inline: s = !1,
+    inverted: t = !1,
+    smallAndUp: d
+  }) => `
+      background: ${t ? a.inverted.surface : a.surface.elevated};
+      padding: ${s ? e(r.space[d ? 6 : 4]) : e(r.space[d ? 9 : 6])};
+      border-radius: ${s ? e(r.radius.max) : 0};
+    `
+);
+export {
+  p as Card
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = void 0;
-var element_core_1 = require("@ovotech/element-core");
-var styled_native_1 = __importDefault(require("../../styled.native"));
-exports.Card = styled_native_1.default.View(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, _c = _a.inline, inline = _c === void 0 ? false : _c, _d = _a.inverted, inverted = _d === void 0 ? false : _d, smallAndUp = _a.smallAndUp;
-    return "\n      background: ".concat(inverted ? semantic.inverted.surface : semantic.surface.elevated, ";\n      padding: ").concat(inline
-        ? (0, element_core_1.numToPx)(core.space[smallAndUp ? 6 : 4])
-        : (0, element_core_1.numToPx)(core.space[smallAndUp ? 9 : 6]), ";\n      border-radius: ").concat(inline ? (0, element_core_1.numToPx)(core.radius.max) : 0, ";\n    ");
-});

package/dist/components/Card/index.js

@@ -1,5 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = void 0;
-var Card_1 = require("./Card");
-Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
+import { Card as i } from "./Card.js";
+import "../../utils-HsZygzDh.js";
+import "../../styled.native-KEscfVp7.js";
+import "react";
+export {
+  i as Card
+};

package/dist/components/Checkbox/Checkbox.js

@@ -1,80 +1,175 @@
-"use strict";
-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]];
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import { n as m } from "../../utils-HsZygzDh.js";
+import { forwardRef as b } from "react";
+import { TouchableOpacity as x, View as f } from "react-native";
+import { s as e } from "../../styled.native-KEscfVp7.js";
+import { ErrorText as k } from "../ErrorText/ErrorText.js";
+import { FormGroup as $ } from "../FormGroup/FormGroup.js";
+import { HintText as g } from "../HintText/HintText.js";
+import { Icon as y } from "../Icon/Icon.js";
+import { LabelText as w } from "../LabelText/LabelText.js";
+import { Stack as C } from "../Stack/Stack.js";
+import "../../utils/utils.js";
+import "../../hooks/use-breakpoint.js";
+import "../../providers/IconsProvider.js";
+import "../../providers/icons/Address.js";
+import "react-native-svg";
+import "../../providers/icons/Advice.js";
+import "../../providers/icons/Archive.js";
+import "../../providers/icons/ArrowDown.js";
+import "../../providers/icons/ArrowLeft.js";
+import "../../providers/icons/ArrowRight.js";
+import "../../providers/icons/ArrowUp.js";
+import "../../providers/icons/Award.js";
+import "../../providers/icons/Battery.js";
+import "../../providers/icons/Cal.js";
+import "../../providers/icons/CalBook.js";
+import "../../providers/icons/CaretDown.js";
+import "../../providers/icons/CaretLeft.js";
+import "../../providers/icons/CaretRight.js";
+import "../../providers/icons/CaretUp.js";
+import "../../providers/icons/Chart.js";
+import "../../providers/icons/ChartFilled.js";
+import "../../providers/icons/Check.js";
+import "../../providers/icons/CheckCircle.js";
+import "../../providers/icons/ChevronDown.js";
+import "../../providers/icons/ChevronLeft.js";
+import "../../providers/icons/ChevronLeftSmall.js";
+import "../../providers/icons/ChevronLeftSmallFirst.js";
+import "../../providers/icons/ChevronRight.js";
+import "../../providers/icons/ChevronRightSmall.js";
+import "../../providers/icons/ChevronRightSmallLast.js";
+import "../../providers/icons/ChevronUp.js";
+import "../../providers/icons/Circle.js";
+import "../../providers/icons/CloseCircle.js";
+import "../../providers/icons/Cross.js";
+import "../../providers/icons/Doc.js";
+import "../../providers/icons/Dollar.js";
+import "../../providers/icons/Download.js";
+import "../../providers/icons/Eco.js";
+import "../../providers/icons/EcoHome.js";
+import "../../providers/icons/Edit.js";
+import "../../providers/icons/ElectricCar.js";
+import "../../providers/icons/ElectricHome.js";
+import "../../providers/icons/Electricity.js";
+import "../../providers/icons/EnergyAdvice.js";
+import "../../providers/icons/Equals.js";
+import "../../providers/icons/Euro.js";
+import "../../providers/icons/Gas.js";
+import "../../providers/icons/GlobeAddress.js";
+import "../../providers/icons/Help.js";
+import "../../providers/icons/Hide.js";
+import "../../providers/icons/Home.js";
+import "../../providers/icons/HomeFilled.js";
+import "../../providers/icons/HydroPower.js";
+import "../../providers/icons/Info.js";
+import "../../providers/icons/Link.js";
+import "../../providers/icons/Logo.js";
+import "../../providers/icons/Mail.js";
+import "../../providers/icons/MailOpen.js";
+import "../../providers/icons/Menu.js";
+import "../../providers/icons/Message.js";
+import "../../providers/icons/MessageFilled.js";
+import "../../providers/icons/Minus.js";
+import "../../providers/icons/Mobile.js";
+import "../../providers/icons/NewWindow.js";
+import "../../providers/icons/PaymentCard.js";
+import "../../providers/icons/Phone.js";
+import "../../providers/icons/Plus.js";
+import "../../providers/icons/Pound.js";
+import "../../providers/icons/Pricing.js";
+import "../../providers/icons/Search.js";
+import "../../providers/icons/Security.js";
+import "../../providers/icons/Show.js";
+import "../../providers/icons/SmartHome.js";
+import "../../providers/icons/SmartMeter.js";
+import "../../providers/icons/Solar.js";
+import "../../providers/icons/Star.js";
+import "../../providers/icons/Sun.js";
+import "../../providers/icons/Torch.js";
+import "../../providers/icons/Trees.js";
+import "../../providers/icons/Tune.js";
+import "../../providers/icons/User.js";
+import "../../providers/icons/UserFilled.js";
+import "../../providers/icons/Wallet.js";
+import "../../providers/icons/WalletFilled.js";
+import "../../providers/icons/WarmHome.js";
+import "../../providers/icons/Warning.js";
+import "../../providers/icons/WebAddress.js";
+import "../../providers/icons/WindPower.js";
+const S = e.View(({ theme: { core: r } }) => {
+  const t = r.space[6], o = r.space[2];
+  return `
+      width: ${m(t + o)};
+      height: ${m(r.space[11])};
+    `;
+}), T = e.View(({ theme: { core: r, semantic: t }, invalid: o, checked: p }) => `
+      width: ${m(r.space[6])};
+      height: ${m(r.space[6])};
+      border: ${m(r.borderWidth.small)} solid;
+      margin-top: 10px;
+      border-radius: ${m(r.radius.small)};
+      border-color: ${o ? t.message.error : p ? r.color.blue.dark : t.border.functional};
+      background: ${p ? r.color.blue.lightest : "transparent"};
+    `), I = (r) => /* @__PURE__ */ i(y, { name: "check", size: 16, ...r }), V = e(I)(({
+  theme: { core: r },
+  checked: t
+}) => `
+      margin-top: 3px;
+      margin-left: 3px;
+      color: ${r.color.blue.dark};
+      opacity: ${t ? 1 : 0};
+    `), W = ({ checked: r, invalid: t, testID: o, ...p }) => /* @__PURE__ */ i(S, { ...p, children: /* @__PURE__ */ i(T, { invalid: t, checked: r, testID: o, children: /* @__PURE__ */ i(V, { checked: r }) }) }), j = e(w)(
+  ({ theme: { core: r } }) => `
+    padding-top: ${m(r.space[3])};
+  `
+), z = e.View`
+  flex-direction: row;
+`, wt = b(
+  ({
+    label: r,
+    hint: t,
+    error: o,
+    checked: p,
+    optional: c,
+    invalid: a,
+    activeOpacity: s = 0.8,
+    testID: h,
+    ...d
+  }, u) => {
+    const l = !!o;
+    return /* @__PURE__ */ i($, { error: l, children: /* @__PURE__ */ n(C, { spaceBetween: 1, children: [
+      o ? /* @__PURE__ */ i(k, { children: o }) : null,
+      /* @__PURE__ */ i(
+        x,
+        {
+          ref: u,
+          accessibilityRole: "checkbox",
+          activeOpacity: s,
+          accessibilityState: { checked: p },
+          ...d,
+          children: /* @__PURE__ */ n(z, { children: [
+            /* @__PURE__ */ i(
+              W,
+              {
+                checked: p,
+                invalid: l || a,
+                testID: h
+              }
+            ),
+            /* @__PURE__ */ n(f, { style: { flexShrink: 1 }, children: [
+              /* @__PURE__ */ n(j, { children: [
+                r,
+                c ? " (optional)" : null
+              ] }),
+              t ? /* @__PURE__ */ i(g, { children: t }) : null
+            ] })
+          ] })
         }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var element_core_1 = require("@ovotech/element-core");
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var styled_native_1 = __importDefault(require("../../styled.native"));
-var ErrorText_1 = require("../ErrorText");
-var FormGroup_1 = require("../FormGroup");
-var HintText_1 = require("../HintText");
-var Icon_1 = require("../Icon/Icon");
-var LabelText_1 = require("../LabelText");
-var Stack_1 = require("../Stack");
-var StyledCheckboxInputWrapper = styled_native_1.default.View(function (_a) {
-    var core = _a.theme.core;
-    var checkboxSize = core.space[6];
-    var gap = core.space[2];
-    return "\n      width: ".concat((0, element_core_1.numToPx)(checkboxSize + gap), ";\n      height: ").concat((0, element_core_1.numToPx)(core.space[11]), ";\n    ");
-});
-var StyledCheckboxInput = styled_native_1.default.View(function (_a) {
-    var _b = _a.theme, core = _b.core, semantic = _b.semantic, invalid = _a.invalid, checked = _a.checked;
-    return "\n      width: ".concat((0, element_core_1.numToPx)(core.space[6]), ";\n      height: ").concat((0, element_core_1.numToPx)(core.space[6]), ";\n      border: ").concat((0, element_core_1.numToPx)(core.borderWidth.small), " solid;\n      margin-top: 10px;\n      border-radius: ").concat((0, element_core_1.numToPx)(core.radius.small), ";\n      border-color: ").concat(invalid
-        ? semantic.message.error
-        : checked
-            ? core.color.blue.dark
-            : semantic.border.functional, ";\n      background: ").concat(checked ? core.color.blue.lightest : 'transparent', ";\n    ");
-});
-var CheckboxCheck = function (props) {
-    return (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ name: "check", size: 16 }, props));
-};
-var StyledCheckboxInputCheck = (0, styled_native_1.default)(CheckboxCheck)(function (_a) {
-    var core = _a.theme.core, checked = _a.checked;
-    return "\n      margin-top: 3px;\n      margin-left: 3px;\n      color: ".concat(core.color.blue.dark, ";\n      opacity: ").concat(checked ? 1 : 0, ";\n    ");
-});
-var Input = function (_a) {
-    var checked = _a.checked, invalid = _a.invalid, testID = _a.testID, rest = __rest(_a, ["checked", "invalid", "testID"]);
-    return ((0, jsx_runtime_1.jsx)(StyledCheckboxInputWrapper, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(StyledCheckboxInput, { invalid: invalid, checked: checked, testID: testID, children: (0, jsx_runtime_1.jsx)(StyledCheckboxInputCheck, { checked: checked }) }) })));
+      )
+    ] }) });
+  }
+);
+export {
+  wt as Checkbox
 };
-var CheckLabelText = (0, styled_native_1.default)(LabelText_1.LabelText)(function (_a) {
-    var core = _a.theme.core;
-    return "\n    padding-top: ".concat((0, element_core_1.numToPx)(core.space[3]), ";\n  ");
-});
-var StyledWrapper = styled_native_1.default.View(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex-direction: row;\n"], ["\n  flex-direction: row;\n"])));
-var Checkbox = (0, react_1.forwardRef)(function (_a, ref) {
-    var label = _a.label, hint = _a.hint, error = _a.error, checked = _a.checked, optional = _a.optional, invalid = _a.invalid, _b = _a.activeOpacity, activeOpacity = _b === void 0 ? 0.8 : _b, testID = _a.testID, rest = __rest(_a, ["label", "hint", "error", "checked", "optional", "invalid", "activeOpacity", "testID"]);
-    var hasError = !!error;
-    return ((0, jsx_runtime_1.jsx)(FormGroup_1.FormGroup, { error: hasError, children: (0, jsx_runtime_1.jsxs)(Stack_1.Stack, { spaceBetween: 1, children: [error ? (0, jsx_runtime_1.jsx)(ErrorText_1.ErrorText, { children: error }) : null, (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, __assign({ ref: ref, accessibilityRole: "checkbox", activeOpacity: activeOpacity, accessibilityState: { checked: checked } }, rest, { children: (0, jsx_runtime_1.jsxs)(StyledWrapper, { children: [(0, jsx_runtime_1.jsx)(Input, { checked: checked, invalid: hasError || invalid, testID: testID }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexShrink: 1 }, children: [(0, jsx_runtime_1.jsxs)(CheckLabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? (0, jsx_runtime_1.jsx)(HintText_1.HintText, { children: hint }) : null] })] }) }))] }) }));
-});
-exports.Checkbox = Checkbox;
-var templateObject_1;

package/dist/components/Checkbox/CheckboxField.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-type Props = PropsWithChildren<{
+declare type Props = PropsWithChildren<{
     label: string;
     hint?: ReactNode;
     error?: ReactNode;

package/dist/components/Checkbox/CheckboxField.js

@@ -1,45 +1,41 @@
-"use strict";
-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 r, jsxs as i } from "react/jsx-runtime";
+import { Children as a, cloneElement as f } from "react";
+import { View as l } from "react-native";
+import { ErrorText as s } from "../ErrorText/ErrorText.js";
+import { FormGroup as h } from "../FormGroup/FormGroup.js";
+import { HintText as x } from "../HintText/HintText.js";
+import { LabelText as u } from "../LabelText/LabelText.js";
+import { Stack as E } from "../Stack/Stack.js";
+import "../../utils-HsZygzDh.js";
+import "../../styled.native-KEscfVp7.js";
+import "../../utils/utils.js";
+import "../../hooks/use-breakpoint.js";
+const S = ({
+  label: n,
+  hint: e,
+  error: o,
+  children: p,
+  optional: c = !1,
+  ...d
+}) => {
+  const t = !!o;
+  return /* @__PURE__ */ r(h, { ...d, error: t, children: /* @__PURE__ */ i(E, { spaceBetween: 1, children: [
+    /* @__PURE__ */ i(l, { children: [
+      /* @__PURE__ */ i(u, { children: [
+        n,
+        c ? " (optional)" : null
+      ] }),
+      e ? /* @__PURE__ */ r(x, { children: e }) : null,
+      o ? /* @__PURE__ */ r(s, { children: o }) : null
+    ] }),
+    /* @__PURE__ */ r(l, { children: a.map(
+      p,
+      (m) => f(m, {
+        invalid: t ? !0 : m.props.invalid
+      })
+    ) })
+  ] }) });
 };
-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;
+export {
+  S as CheckboxField
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxField = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-var utils_1 = require("../../utils");
-var ErrorText_1 = require("../ErrorText");
-var FormGroup_1 = require("../FormGroup");
-var HintText_1 = require("../HintText");
-var LabelText_1 = require("../LabelText");
-var Stack_1 = require("../Stack");
-var CheckboxField = function (_a) {
-    var label = _a.label, hint = _a.hint, error = _a.error, children = _a.children, _b = _a.optional, optional = _b === void 0 ? false : _b, rest = __rest(_a, ["label", "hint", "error", "children", "optional"]);
-    var hasError = !!error;
-    var validChildren = (0, utils_1.getValidChildren)(children);
-    return ((0, jsx_runtime_1.jsx)(FormGroup_1.FormGroup, __assign({}, rest, { error: hasError, children: (0, jsx_runtime_1.jsxs)(Stack_1.Stack, { spaceBetween: 1, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsxs)(LabelText_1.LabelText, { children: [label, optional ? ' (optional)' : null] }), hint ? (0, jsx_runtime_1.jsx)(HintText_1.HintText, { children: hint }) : null, error ? (0, jsx_runtime_1.jsx)(ErrorText_1.ErrorText, { children: error }) : null] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { children: react_1.Children.map(validChildren, function (child) {
-                        return (0, react_1.cloneElement)(child, {
-                            invalid: hasError ? true : child.props.invalid,
-                        });
-                    }) })] }) })));
-};
-exports.CheckboxField = CheckboxField;

package/dist/components/Checkbox/index.js

@@ -1,7 +1,105 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxField = exports.Checkbox = void 0;
-var Checkbox_1 = require("./Checkbox");
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
-var CheckboxField_1 = require("./CheckboxField");
-Object.defineProperty(exports, "CheckboxField", { enumerable: true, get: function () { return CheckboxField_1.CheckboxField; } });
+import { Checkbox as Wo } from "./Checkbox.js";
+import { CheckboxField as Yo } from "./CheckboxField.js";
+import "react/jsx-runtime";
+import "../../utils-HsZygzDh.js";
+import "react";
+import "react-native";
+import "../../styled.native-KEscfVp7.js";
+import "../ErrorText/ErrorText.js";
+import "../../utils/utils.js";
+import "../../hooks/use-breakpoint.js";
+import "../FormGroup/FormGroup.js";
+import "../HintText/HintText.js";
+import "../Icon/Icon.js";
+import "../../providers/IconsProvider.js";
+import "../../providers/icons/Address.js";
+import "react-native-svg";
+import "../../providers/icons/Advice.js";
+import "../../providers/icons/Archive.js";
+import "../../providers/icons/ArrowDown.js";
+import "../../providers/icons/ArrowLeft.js";
+import "../../providers/icons/ArrowRight.js";
+import "../../providers/icons/ArrowUp.js";
+import "../../providers/icons/Award.js";
+import "../../providers/icons/Battery.js";
+import "../../providers/icons/Cal.js";
+import "../../providers/icons/CalBook.js";
+import "../../providers/icons/CaretDown.js";
+import "../../providers/icons/CaretLeft.js";
+import "../../providers/icons/CaretRight.js";
+import "../../providers/icons/CaretUp.js";
+import "../../providers/icons/Chart.js";
+import "../../providers/icons/ChartFilled.js";
+import "../../providers/icons/Check.js";
+import "../../providers/icons/CheckCircle.js";
+import "../../providers/icons/ChevronDown.js";
+import "../../providers/icons/ChevronLeft.js";
+import "../../providers/icons/ChevronLeftSmall.js";
+import "../../providers/icons/ChevronLeftSmallFirst.js";
+import "../../providers/icons/ChevronRight.js";
+import "../../providers/icons/ChevronRightSmall.js";
+import "../../providers/icons/ChevronRightSmallLast.js";
+import "../../providers/icons/ChevronUp.js";
+import "../../providers/icons/Circle.js";
+import "../../providers/icons/CloseCircle.js";
+import "../../providers/icons/Cross.js";
+import "../../providers/icons/Doc.js";
+import "../../providers/icons/Dollar.js";
+import "../../providers/icons/Download.js";
+import "../../providers/icons/Eco.js";
+import "../../providers/icons/EcoHome.js";
+import "../../providers/icons/Edit.js";
+import "../../providers/icons/ElectricCar.js";
+import "../../providers/icons/ElectricHome.js";
+import "../../providers/icons/Electricity.js";
+import "../../providers/icons/EnergyAdvice.js";
+import "../../providers/icons/Equals.js";
+import "../../providers/icons/Euro.js";
+import "../../providers/icons/Gas.js";
+import "../../providers/icons/GlobeAddress.js";
+import "../../providers/icons/Help.js";
+import "../../providers/icons/Hide.js";
+import "../../providers/icons/Home.js";
+import "../../providers/icons/HomeFilled.js";
+import "../../providers/icons/HydroPower.js";
+import "../../providers/icons/Info.js";
+import "../../providers/icons/Link.js";
+import "../../providers/icons/Logo.js";
+import "../../providers/icons/Mail.js";
+import "../../providers/icons/MailOpen.js";
+import "../../providers/icons/Menu.js";
+import "../../providers/icons/Message.js";
+import "../../providers/icons/MessageFilled.js";
+import "../../providers/icons/Minus.js";
+import "../../providers/icons/Mobile.js";
+import "../../providers/icons/NewWindow.js";
+import "../../providers/icons/PaymentCard.js";
+import "../../providers/icons/Phone.js";
+import "../../providers/icons/Plus.js";
+import "../../providers/icons/Pound.js";
+import "../../providers/icons/Pricing.js";
+import "../../providers/icons/Search.js";
+import "../../providers/icons/Security.js";
+import "../../providers/icons/Show.js";
+import "../../providers/icons/SmartHome.js";
+import "../../providers/icons/SmartMeter.js";
+import "../../providers/icons/Solar.js";
+import "../../providers/icons/Star.js";
+import "../../providers/icons/Sun.js";
+import "../../providers/icons/Torch.js";
+import "../../providers/icons/Trees.js";
+import "../../providers/icons/Tune.js";
+import "../../providers/icons/User.js";
+import "../../providers/icons/UserFilled.js";
+import "../../providers/icons/Wallet.js";
+import "../../providers/icons/WalletFilled.js";
+import "../../providers/icons/WarmHome.js";
+import "../../providers/icons/Warning.js";
+import "../../providers/icons/WebAddress.js";
+import "../../providers/icons/WindPower.js";
+import "../LabelText/LabelText.js";
+import "../Stack/Stack.js";
+export {
+  Wo as Checkbox,
+  Yo as CheckboxField
+};