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

package/dist/components/SelectField/SelectField.d.ts

@@ -1,6 +1,6 @@
 import { FieldProps } from '../Field';
 import { SelectProps } from './Select';
-declare type SelectFieldProps = SelectProps & Omit<FieldProps, 'children'> & {
+type SelectFieldProps = SelectProps & Omit<FieldProps, 'children'> & {
     testID?: string;
 };
 export declare const SelectField: ({ error, options, onSelected, noOptionMessage, defaultSelected, testID, ...rest }: SelectFieldProps) => JSX.Element;

package/dist/components/SelectField/SelectField.js

@@ -1,126 +1,33 @@
-import { jsx as o, Fragment as c } from "react/jsx-runtime";
-import { Field as d } from "../Field/Field.js";
-import { Select as f } from "./Select.js";
-import "react";
-import "react-native";
-import "../../utils/utils.js";
-import "../../hooks/use-breakpoint.js";
-import "../../styled.native-KEscfVp7.js";
-import "../ErrorText/ErrorText.js";
-import "../../utils-HsZygzDh.js";
-import "../FormGroup/FormGroup.js";
-import "../HintText/HintText.js";
-import "../LabelText/LabelText.js";
-import "../Stack/Stack.js";
-import "../Stretch/Stretch.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 "../P/P.js";
-import "../Strong/Strong.js";
-const cr = ({
-  error: r,
-  options: i,
-  onSelected: t,
-  noOptionMessage: m,
-  defaultSelected: p,
-  testID: e,
-  ...l
-}) => /* @__PURE__ */ o(d, { affixWidth: 20, error: r, ...l, children: /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(
-  f,
-  {
-    onSelected: t,
-    options: i,
-    noOptionMessage: m,
-    defaultSelected: p,
-    hasError: !!r,
-    testID: e
-  }
-) }) });
-export {
-  cr as SelectField
+"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);
 };
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectField = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Field_1 = require("../Field");
+var Select_1 = require("./Select");
+var SelectField = function (_a) {
+    var error = _a.error, options = _a.options, onSelected = _a.onSelected, noOptionMessage = _a.noOptionMessage, defaultSelected = _a.defaultSelected, testID = _a.testID, rest = __rest(_a, ["error", "options", "onSelected", "noOptionMessage", "defaultSelected", "testID"]);
+    return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({ affixWidth: 20, error: error }, rest, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Select_1.Select, { onSelected: onSelected, options: options, noOptionMessage: noOptionMessage, defaultSelected: defaultSelected, hasError: Boolean(error), testID: testID }) }) })));
+};
+exports.SelectField = SelectField;

package/dist/components/SelectField/index.js

@@ -1,108 +1,5 @@
-import { SelectField as $o } from "./SelectField.js";
-import "react/jsx-runtime";
-import "../Field/Field.js";
-import "react";
-import "react-native";
-import "../../utils/utils.js";
-import "../../hooks/use-breakpoint.js";
-import "../../styled.native-KEscfVp7.js";
-import "../ErrorText/ErrorText.js";
-import "../../utils-HsZygzDh.js";
-import "../FormGroup/FormGroup.js";
-import "../HintText/HintText.js";
-import "../LabelText/LabelText.js";
-import "../Stack/Stack.js";
-import "../Stretch/Stretch.js";
-import "./Select.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 "../P/P.js";
-import "../Strong/Strong.js";
-export {
-  $o as SelectField
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectField = void 0;
+var SelectField_1 = require("./SelectField");
+Object.defineProperty(exports, "SelectField", { enumerable: true, get: function () { return SelectField_1.SelectField; } });

package/dist/components/SkeletonAnimation/SkeletonAnimation.js

@@ -1,48 +1,35 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useRef as a, useEffect as u } from "react";
-import { Animated as e, Platform as c, View as r } from "react-native";
-const b = ({
-  children: n,
-  animation: s = "pulse",
-  testID: l
-}) => {
-  const t = a(new e.Value(0)), o = a();
-  return u(() => {
-    o.current = e.timing(t.current, {
-      toValue: 2,
-      delay: 400,
-      duration: 1500,
-      useNativeDriver: !!c.select({
-        web: !1,
-        native: !0
-      })
-    }), t.current.setValue(0), e.loop(o.current).start();
-  }, []), /* @__PURE__ */ i(
-    r,
-    {
-      accessibilityRole: "none",
-      accessibilityLabel: "loading...",
-      accessible: !1,
-      testID: l,
-      children: s === "pulse" ? /* @__PURE__ */ i(
-        e.View,
-        {
-          style: [
-            {
-              height: "100%",
-              width: "100%",
-              opacity: t.current.interpolate({
-                inputRange: [0.25, 1, 2],
-                outputRange: [1, 0.25, 1]
-              })
-            }
-          ],
-          children: n
-        }
-      ) : /* @__PURE__ */ i(r, { children: n })
-    }
-  );
-};
-export {
-  b as SkeletonAnimation
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonAnimation = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var SkeletonAnimation = function (_a) {
+    var children = _a.children, _b = _a.animation, animation = _b === void 0 ? 'pulse' : _b, testID = _a.testID;
+    var animationRef = (0, react_1.useRef)(new react_native_1.Animated.Value(0));
+    var animationLoop = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
+        animationLoop.current = react_native_1.Animated.timing(animationRef.current, {
+            toValue: 2,
+            delay: 400,
+            duration: 1500,
+            useNativeDriver: !!react_native_1.Platform.select({
+                web: false,
+                native: true,
+            }),
+        });
+        animationRef.current.setValue(0);
+        react_native_1.Animated.loop(animationLoop.current).start();
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityRole: "none", accessibilityLabel: "loading...", accessible: false, testID: testID, children: animation === 'pulse' ? ((0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: [
+                {
+                    height: '100%',
+                    width: '100%',
+                    opacity: animationRef.current.interpolate({
+                        inputRange: [0.25, 1, 2],
+                        outputRange: [1, 0.25, 1],
+                    }),
+                },
+            ], children: children })) : ((0, jsx_runtime_1.jsx)(react_native_1.View, { children: children })) }));
 };
+exports.SkeletonAnimation = SkeletonAnimation;

package/dist/components/SkeletonAnimation/index.js

@@ -1,7 +1,5 @@
-import { SkeletonAnimation as p } from "./SkeletonAnimation.js";
-import "react/jsx-runtime";
-import "react";
-import "react-native";
-export {
-  p as SkeletonAnimation
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonAnimation = void 0;
+var SkeletonAnimation_1 = require("./SkeletonAnimation");
+Object.defineProperty(exports, "SkeletonAnimation", { enumerable: true, get: function () { return SkeletonAnimation_1.SkeletonAnimation; } });

package/dist/components/SkeletonCTA/SkeletonCTA.d.ts

@@ -1,5 +1,5 @@
 import { ViewProps } from 'react-native';
-declare type Props = ViewProps & {
+type Props = ViewProps & {
     size?: string;
 };
 export declare const SkeletonCTA: ({ size, ...rest }: Props) => JSX.Element;

package/dist/components/SkeletonCTA/SkeletonCTA.js

@@ -1,18 +1,42 @@
-import { jsx as r } from "react/jsx-runtime";
-import { n as m } from "../../utils-HsZygzDh.js";
-import { s as e } from "../../styled.native-KEscfVp7.js";
-import { P as i } from "../P/P.js";
-import { SkeletonAnimation as n } from "../SkeletonAnimation/SkeletonAnimation.js";
-import "react";
-import "../../hooks/use-breakpoint.js";
-import "react-native";
-const p = e.View(
-  ({ theme: { core: o }, size: t }) => `
-    background-color: ${o.color.neutral.light};
-    width: ${t};
-    height: ${m(o.space[12])};
-  `
-), x = ({ size: o = "250px", ...t }) => /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(p, { as: i, size: o, ...t }) });
-export {
-  x as SkeletonCTA
+"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);
 };
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonCTA = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var element_core_1 = require("@ovotech/element-core");
+var styled_native_1 = __importDefault(require("../../styled.native"));
+var P_1 = require("../P");
+var SkeletonAnimation_1 = require("../SkeletonAnimation");
+var StyledSkeletonCTA = styled_native_1.default.View(function (_a) {
+    var core = _a.theme.core, size = _a.size;
+    return "\n    background-color: ".concat(core.color.neutral.light, ";\n    width: ").concat(size, ";\n    height: ").concat((0, element_core_1.numToPx)(core.space[12]), ";\n  ");
+});
+var SkeletonCTA = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '250px' : _b, rest = __rest(_a, ["size"]);
+    return ((0, jsx_runtime_1.jsx)(SkeletonAnimation_1.SkeletonAnimation, { children: (0, jsx_runtime_1.jsx)(StyledSkeletonCTA, __assign({ as: P_1.P, size: size }, rest)) }));
+};
+exports.SkeletonCTA = SkeletonCTA;

package/dist/components/SkeletonCTA/index.js

@@ -1,12 +1,5 @@
-import { SkeletonCTA as n } from "./SkeletonCTA.js";
-import "react/jsx-runtime";
-import "../../utils-HsZygzDh.js";
-import "../../styled.native-KEscfVp7.js";
-import "react";
-import "../P/P.js";
-import "../../hooks/use-breakpoint.js";
-import "react-native";
-import "../SkeletonAnimation/SkeletonAnimation.js";
-export {
-  n as SkeletonCTA
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonCTA = void 0;
+var SkeletonCTA_1 = require("./SkeletonCTA");
+Object.defineProperty(exports, "SkeletonCTA", { enumerable: true, get: function () { return SkeletonCTA_1.SkeletonCTA; } });

package/dist/components/SkeletonCircle/SkeletonCircle.d.ts

@@ -1,5 +1,5 @@
 import { ViewProps } from 'react-native';
-declare type Props = ViewProps & {
+type Props = ViewProps & {
     size?: string;
 };
 export declare const SkeletonCircle: ({ size, ...rest }: Props) => JSX.Element;

package/dist/components/SkeletonCircle/SkeletonCircle.js

@@ -1,17 +1,45 @@
-import { jsx as t } from "react/jsx-runtime";
-import { p as i } from "../../utils-HsZygzDh.js";
-import { s as e } from "../../styled.native-KEscfVp7.js";
-import { SkeletonAnimation as l } from "../SkeletonAnimation/SkeletonAnimation.js";
-import "react";
-import "react-native";
-const m = e.View(({ size: o }) => `width: ${o}; max-width: 100%;`), n = e.View(
-  ({ theme: { core: o }, size: r }) => `
-    background-color: ${o.color.neutral.light};
-    height: 0;
-    padding-bottom: 100%;
-    border-radius: ${i(r) / 2}px;
-  `
-), x = ({ size: o = "120px", ...r }) => /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(m, { size: o, ...r, children: /* @__PURE__ */ t(n, { size: o }) }) });
-export {
-  x as SkeletonCircle
+"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);
 };
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonCircle = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var element_core_1 = require("@ovotech/element-core");
+var styled_native_1 = __importDefault(require("../../styled.native"));
+var SkeletonAnimation_1 = require("../SkeletonAnimation");
+var StyledSkeletonCircleWrapper = styled_native_1.default.View(function (_a) {
+    var size = _a.size;
+    return "width: ".concat(size, "; max-width: 100%;");
+});
+var StyledSkeletonCircle = styled_native_1.default.View(function (_a) {
+    var core = _a.theme.core, size = _a.size;
+    return "\n    background-color: ".concat(core.color.neutral.light, ";\n    height: 0;\n    padding-bottom: 100%;\n    border-radius: ").concat((0, element_core_1.pxToNumber)(size) / 2, "px;\n  ");
+});
+var SkeletonCircle = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '120px' : _b, rest = __rest(_a, ["size"]);
+    return ((0, jsx_runtime_1.jsx)(SkeletonAnimation_1.SkeletonAnimation, { children: (0, jsx_runtime_1.jsx)(StyledSkeletonCircleWrapper, __assign({ size: size }, rest, { children: (0, jsx_runtime_1.jsx)(StyledSkeletonCircle, { size: size }) })) }));
+};
+exports.SkeletonCircle = SkeletonCircle;

package/dist/components/SkeletonCircle/index.js

@@ -1,10 +1,5 @@
-import { SkeletonCircle as c } from "./SkeletonCircle.js";
-import "react/jsx-runtime";
-import "../../utils-HsZygzDh.js";
-import "../../styled.native-KEscfVp7.js";
-import "react";
-import "../SkeletonAnimation/SkeletonAnimation.js";
-import "react-native";
-export {
-  c as SkeletonCircle
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonCircle = void 0;
+var SkeletonCircle_1 = require("./SkeletonCircle");
+Object.defineProperty(exports, "SkeletonCircle", { enumerable: true, get: function () { return SkeletonCircle_1.SkeletonCircle; } });

package/dist/components/SkeletonHeading/SkeletonHeading.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType } from 'react';
 import { ViewProps } from 'react-native';
-declare type Props = ViewProps & {
+type Props = ViewProps & {
     size?: string;
     headingComponent?: ComponentType<any>;
 };

package/dist/components/SkeletonHeading/SkeletonHeading.js

@@ -1,30 +1,41 @@
-import { jsx as e } from "react/jsx-runtime";
-import { s as r } from "../../styled.native-KEscfVp7.js";
-import { SkeletonAnimation as n } from "../SkeletonAnimation/SkeletonAnimation.js";
-import { Heading3 as m } from "../Heading3/Heading3.js";
-import "react";
-import "react-native";
-import "../../utils-HsZygzDh.js";
-import "../../hooks/use-breakpoint.js";
-const d = r.View(
-  ({ theme: { core: o }, size: t }) => `
-    background-color: ${o.color.neutral.light};
-    width: ${t};
-  `
-), k = ({
-  size: o = "70%",
-  headingComponent: t = m,
-  ...i
-}) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
-  d,
-  {
-    "aria-hidden": "true",
-    size: o,
-    as: t,
-    ...i,
-    children: " "
-  }
-) });
-export {
-  k as SkeletonHeading
+"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);
 };
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonHeading = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_native_1 = __importDefault(require("../../styled.native"));
+var SkeletonAnimation_1 = require("../SkeletonAnimation");
+var Heading3_1 = require("../Heading3");
+var StyledSkeletonHeading = styled_native_1.default.View(function (_a) {
+    var core = _a.theme.core, size = _a.size;
+    return "\n    background-color: ".concat(core.color.neutral.light, ";\n    width: ").concat(size, ";\n  ");
+});
+var SkeletonHeading = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '70%' : _b, _c = _a.headingComponent, Heading = _c === void 0 ? Heading3_1.Heading3 : _c, rest = __rest(_a, ["size", "headingComponent"]);
+    return ((0, jsx_runtime_1.jsx)(SkeletonAnimation_1.SkeletonAnimation, { children: (0, jsx_runtime_1.jsx)(StyledSkeletonHeading, __assign({ "aria-hidden": "true", size: size, as: Heading }, rest, { children: "\u00A0" })) }));
+};
+exports.SkeletonHeading = SkeletonHeading;