@draftbit/core 46.8.1-a386d4.2 → 46.8.1-ae3332.2

package/src/mappings/Swiper.ts

@@ -7,6 +7,7 @@ import {
   GROUPS,
   Triggers,
   createActionProp,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -14,6 +15,15 @@ export const SEED_DATA = {
   tag: "Swiper",
   description: "Swiper container",
   category: COMPONENT_TYPES.swiper,
+  stylesPanelSections: [
+    StylesPanelSections.LayoutSelectedItem,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
   layout: {
     height: 300,
     width: "100%",

package/src/mappings/SwiperItem.js

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES } from "@draftbit/types";
+import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Swiper Item",
     tag: "SwiperItem",
     description: "Swiper item",
     category: COMPONENT_TYPES.swiper,
     props: {},
+    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
 };

package/src/mappings/SwiperItem.ts

@@ -1,4 +1,7 @@
-import { COMPONENT_TYPES } from "@draftbit/types";
+import {
+  COMPONENT_TYPES,
+  CONTAINER_COMPONENT_STYLES_SECTIONS,
+} from "@draftbit/types";
 
 export const SEED_DATA = {
   name: "Swiper Item",
@@ -6,4 +9,5 @@ export const SEED_DATA = {
   description: "Swiper item",
   category: COMPONENT_TYPES.swiper,
   props: {},
+  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
 };

package/src/mappings/TextArea.js

@@ -1,9 +1,18 @@
-import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createDisabledProp, } from "@draftbit/types";
+import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createDisabledProp, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Text Area",
     tag: "TextInput",
     description: "An input field that allows for multiple lines.",
     category: COMPONENT_TYPES.input,
+    stylesPanelSections: [
+        StylesPanelSections.Typography,
+        StylesPanelSections.Background,
+        StylesPanelSections.Size,
+        StylesPanelSections.MarginsAndPaddings,
+        StylesPanelSections.Position,
+        StylesPanelSections.Borders,
+        StylesPanelSections.Effects,
+    ],
     layout: {
         borderLeftWidth: 1,
         borderRightWidth: 1,

package/src/mappings/TextArea.ts

@@ -6,6 +6,7 @@ import {
   FIELD_NAME,
   Triggers,
   createDisabledProp,
+  StylesPanelSections,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -13,6 +14,15 @@ export const SEED_DATA = {
   tag: "TextInput",
   description: "An input field that allows for multiple lines.",
   category: COMPONENT_TYPES.input,
+  stylesPanelSections: [
+    StylesPanelSections.Typography,
+    StylesPanelSections.Background,
+    StylesPanelSections.Size,
+    StylesPanelSections.MarginsAndPaddings,
+    StylesPanelSections.Position,
+    StylesPanelSections.Borders,
+    StylesPanelSections.Effects,
+  ],
   layout: {
     borderLeftWidth: 1,
     borderRightWidth: 1,

package/src/mappings/TextField.js

@@ -302,6 +302,15 @@ export const SEED_DATA = [
         preview_image_url: "{CLOUDINARY_URL}/Textfield.png",
         supports_list_render: false,
         triggers: SEED_DATA_TRIGGERS,
+        stylesPanelSections: [
+            StylesPanelSections.Typography,
+            StylesPanelSections.Background,
+            StylesPanelSections.Size,
+            StylesPanelSections.MarginsAndPaddings,
+            StylesPanelSections.Position,
+            StylesPanelSections.Borders,
+            StylesPanelSections.Effects,
+        ],
         props: {
             ...SEED_DATA_PROPS,
             type: {

package/src/mappings/TextField.ts

@@ -324,6 +324,15 @@ export const SEED_DATA = [
     preview_image_url: "{CLOUDINARY_URL}/Textfield.png",
     supports_list_render: false,
     triggers: SEED_DATA_TRIGGERS,
+    stylesPanelSections: [
+      StylesPanelSections.Typography,
+      StylesPanelSections.Background,
+      StylesPanelSections.Size,
+      StylesPanelSections.MarginsAndPaddings,
+      StylesPanelSections.Position,
+      StylesPanelSections.Borders,
+      StylesPanelSections.Effects,
+    ],
     props: {
       ...SEED_DATA_PROPS,
       type: {

package/lib/commonjs/components/Shadow.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNativeShadow = require("react-native-shadow-2");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const Shadow = _ref => {
-  let {
-    offsetX = 0,
-    offsetY = 0,
-    showShadowSideStart = true,
-    showShadowSideEnd = true,
-    showShadowSideTop = true,
-    showShadowSideBottom = true,
-    showShadowCornerTopStart = true,
-    showShadowCornerTopEnd = true,
-    showShadowCornerBottomStart = true,
-    showShadowCornerBottomEnd = true,
-    paintInside = false,
-    style,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNativeShadow.Shadow, _extends({
-    offset: [offsetX, offsetY],
-    sides: {
-      start: showShadowSideStart,
-      end: showShadowSideEnd,
-      top: showShadowSideTop,
-      bottom: showShadowSideBottom
-    },
-    corners: {
-      topStart: showShadowCornerTopStart,
-      topEnd: showShadowCornerTopEnd,
-      bottomStart: showShadowCornerBottomStart,
-      bottomEnd: showShadowCornerBottomEnd
-    },
-    containerStyle: style,
-    paintInside: paintInside
-  }, rest));
-};
-var _default = Shadow;
-exports.default = _default;

package/lib/commonjs/mappings/Shadow.js

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Shadow",
-  tag: "Shadow",
-  description: "A cross-platform, universal shadow.",
-  category: _types.COMPONENT_TYPES.view,
-  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
-  props: {
-    disabled: (0, _types.createDisabledProp)({
-      description: "Disables the shadow."
-    }),
-    startColor: (0, _types.createColorProp)({
-      label: "Start Color",
-      description: "The initial gradient color of the shadow.",
-      defaultValue: null
-    }),
-    endColor: (0, _types.createColorProp)({
-      label: "End Color",
-      description: "The final gradient color of the shadow.",
-      defaultValue: null
-    }),
-    distance: (0, _types.createStaticNumberProp)({
-      label: "Distance",
-      description: "The distance of the shadow."
-    }),
-    paintInside: (0, _types.createStaticBoolProp)({
-      label: "Paint Inside",
-      description: "Apply the shadow below/inside the content.",
-      defaultValue: false
-    }),
-    stretch: (0, _types.createStaticBoolProp)({
-      label: "Stretch",
-      description: "Force children to occupy all available horizontal space.",
-      defaultValue: null
-    }),
-    offsetX: (0, _types.createStaticNumberProp)({
-      label: "Offset X",
-      description: "Moves the shadow in the x direction",
-      defeaultValue: 0
-    }),
-    offsetY: (0, _types.createStaticNumberProp)({
-      label: "Offset Y",
-      description: "Moves the shadow in the y direction",
-      defeaultValue: 0
-    }),
-    showShadowSideStart: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Start",
-      description: "Whether to show shadow on the start side or not",
-      defaultValue: true
-    }),
-    showShadowSideEnd: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow End",
-      description: "Whether to show shadow on the end side or not",
-      defaultValue: true
-    }),
-    showShadowSideTop: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Top",
-      description: "Whether to show shadow on the top side or not",
-      defaultValue: true
-    }),
-    showShadowSideBottom: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Bottom",
-      description: "Whether to show shadow on the bottom side or not",
-      defaultValue: true
-    }),
-    showShadowCornerTopStart: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Top Start Corner",
-      description: "Whether to show shadow on the top start corner or not",
-      defaultValue: true
-    }),
-    showShadowCornerTopEnd: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Top End Corner",
-      description: "Whether to show shadow on the top end corner or not",
-      defaultValue: true
-    }),
-    showShadowCornerBottomStart: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Bottom Start Corner",
-      description: "Whether to show shadow on the bottom start corner or not",
-      defaultValue: true
-    }),
-    showShadowCornerBottomEnd: (0, _types.createStaticBoolProp)({
-      label: "Show Shadow Bottom End Corner",
-      description: "Whether to show shadow on the bottom end corner or not",
-      defaultValue: true
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/module/components/Shadow.js

@@ -1,38 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from "react";
-import { Shadow as ShadowComponent } from "react-native-shadow-2";
-const Shadow = _ref => {
-  let {
-    offsetX = 0,
-    offsetY = 0,
-    showShadowSideStart = true,
-    showShadowSideEnd = true,
-    showShadowSideTop = true,
-    showShadowSideBottom = true,
-    showShadowCornerTopStart = true,
-    showShadowCornerTopEnd = true,
-    showShadowCornerBottomStart = true,
-    showShadowCornerBottomEnd = true,
-    paintInside = false,
-    style,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/React.createElement(ShadowComponent, _extends({
-    offset: [offsetX, offsetY],
-    sides: {
-      start: showShadowSideStart,
-      end: showShadowSideEnd,
-      top: showShadowSideTop,
-      bottom: showShadowSideBottom
-    },
-    corners: {
-      topStart: showShadowCornerTopStart,
-      topEnd: showShadowCornerTopEnd,
-      bottomStart: showShadowCornerBottomStart,
-      bottomEnd: showShadowCornerBottomEnd
-    },
-    containerStyle: style,
-    paintInside: paintInside
-  }, rest));
-};
-export default Shadow;

package/lib/module/mappings/Shadow.js

@@ -1,87 +0,0 @@
-import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Shadow",
-  tag: "Shadow",
-  description: "A cross-platform, universal shadow.",
-  category: COMPONENT_TYPES.view,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  props: {
-    disabled: createDisabledProp({
-      description: "Disables the shadow."
-    }),
-    startColor: createColorProp({
-      label: "Start Color",
-      description: "The initial gradient color of the shadow.",
-      defaultValue: null
-    }),
-    endColor: createColorProp({
-      label: "End Color",
-      description: "The final gradient color of the shadow.",
-      defaultValue: null
-    }),
-    distance: createStaticNumberProp({
-      label: "Distance",
-      description: "The distance of the shadow."
-    }),
-    paintInside: createStaticBoolProp({
-      label: "Paint Inside",
-      description: "Apply the shadow below/inside the content.",
-      defaultValue: false
-    }),
-    stretch: createStaticBoolProp({
-      label: "Stretch",
-      description: "Force children to occupy all available horizontal space.",
-      defaultValue: null
-    }),
-    offsetX: createStaticNumberProp({
-      label: "Offset X",
-      description: "Moves the shadow in the x direction",
-      defeaultValue: 0
-    }),
-    offsetY: createStaticNumberProp({
-      label: "Offset Y",
-      description: "Moves the shadow in the y direction",
-      defeaultValue: 0
-    }),
-    showShadowSideStart: createStaticBoolProp({
-      label: "Show Shadow Start",
-      description: "Whether to show shadow on the start side or not",
-      defaultValue: true
-    }),
-    showShadowSideEnd: createStaticBoolProp({
-      label: "Show Shadow End",
-      description: "Whether to show shadow on the end side or not",
-      defaultValue: true
-    }),
-    showShadowSideTop: createStaticBoolProp({
-      label: "Show Shadow Top",
-      description: "Whether to show shadow on the top side or not",
-      defaultValue: true
-    }),
-    showShadowSideBottom: createStaticBoolProp({
-      label: "Show Shadow Bottom",
-      description: "Whether to show shadow on the bottom side or not",
-      defaultValue: true
-    }),
-    showShadowCornerTopStart: createStaticBoolProp({
-      label: "Show Shadow Top Start Corner",
-      description: "Whether to show shadow on the top start corner or not",
-      defaultValue: true
-    }),
-    showShadowCornerTopEnd: createStaticBoolProp({
-      label: "Show Shadow Top End Corner",
-      description: "Whether to show shadow on the top end corner or not",
-      defaultValue: true
-    }),
-    showShadowCornerBottomStart: createStaticBoolProp({
-      label: "Show Shadow Bottom Start Corner",
-      description: "Whether to show shadow on the bottom start corner or not",
-      defaultValue: true
-    }),
-    showShadowCornerBottomEnd: createStaticBoolProp({
-      label: "Show Shadow Bottom End Corner",
-      description: "Whether to show shadow on the bottom end corner or not",
-      defaultValue: true
-    })
-  }
-};

package/lib/typescript/src/components/Shadow.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-interface ShadowProps {
-    disabled?: boolean;
-    startColor?: string;
-    endColor?: string;
-    distance?: number;
-    paintInside?: boolean;
-    stretch?: boolean;
-    offsetX?: number;
-    offsetY?: number;
-    showShadowSideStart?: boolean;
-    showShadowSideEnd?: boolean;
-    showShadowSideTop?: boolean;
-    showShadowSideBottom?: boolean;
-    showShadowCornerTopStart?: boolean;
-    showShadowCornerTopEnd?: boolean;
-    showShadowCornerBottomStart?: boolean;
-    showShadowCornerBottomEnd?: boolean;
-    style?: StyleProp<ViewStyle>;
-}
-declare const Shadow: React.FC<React.PropsWithChildren<ShadowProps>>;
-export default Shadow;
-//# sourceMappingURL=Shadow.d.ts.map

package/lib/typescript/src/components/Shadow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/components/Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAmC1D,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/src/mappings/Shadow.d.ts

@@ -1,173 +0,0 @@
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    description: string;
-    category: string;
-    stylesPanelSections: string[];
-    props: {
-        disabled: {
-            label: string;
-            description: string;
-            group: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-        };
-        startColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        endColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        distance: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        paintInside: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        stretch: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        offsetX: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        offsetY: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        showShadowSideStart: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        showShadowSideEnd: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        showShadowSideTop: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        showShadowSideBottom: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        showShadowCornerTopStart: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        showShadowCornerTopEnd: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        showShadowCornerBottomStart: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        showShadowCornerBottomEnd: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-    };
-};
-//# sourceMappingURL=Shadow.d.ts.map

package/lib/typescript/src/mappings/Shadow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Shadow.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFrB,CAAC"}

package/src/components/Shadow.js

@@ -1,16 +0,0 @@
-import React from "react";
-import { Shadow as ShadowComponent } from "react-native-shadow-2";
-const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = false, style, ...rest }) => {
-    return (React.createElement(ShadowComponent, { offset: [offsetX, offsetY], sides: {
-            start: showShadowSideStart,
-            end: showShadowSideEnd,
-            top: showShadowSideTop,
-            bottom: showShadowSideBottom,
-        }, corners: {
-            topStart: showShadowCornerTopStart,
-            topEnd: showShadowCornerTopEnd,
-            bottomStart: showShadowCornerBottomStart,
-            bottomEnd: showShadowCornerBottomEnd,
-        }, containerStyle: style, paintInside: paintInside, ...rest }));
-};
-export default Shadow;

package/src/components/Shadow.tsx

@@ -1,62 +0,0 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import { Shadow as ShadowComponent } from "react-native-shadow-2";
-
-interface ShadowProps {
-  disabled?: boolean;
-  startColor?: string;
-  endColor?: string;
-  distance?: number;
-  paintInside?: boolean;
-  stretch?: boolean;
-  offsetX?: number;
-  offsetY?: number;
-  showShadowSideStart?: boolean;
-  showShadowSideEnd?: boolean;
-  showShadowSideTop?: boolean;
-  showShadowSideBottom?: boolean;
-  showShadowCornerTopStart?: boolean;
-  showShadowCornerTopEnd?: boolean;
-  showShadowCornerBottomStart?: boolean;
-  showShadowCornerBottomEnd?: boolean;
-  style?: StyleProp<ViewStyle>;
-}
-
-const Shadow: React.FC<React.PropsWithChildren<ShadowProps>> = ({
-  offsetX = 0,
-  offsetY = 0,
-  showShadowSideStart = true,
-  showShadowSideEnd = true,
-  showShadowSideTop = true,
-  showShadowSideBottom = true,
-  showShadowCornerTopStart = true,
-  showShadowCornerTopEnd = true,
-  showShadowCornerBottomStart = true,
-  showShadowCornerBottomEnd = true,
-  paintInside = false,
-  style,
-  ...rest
-}) => {
-  return (
-    <ShadowComponent
-      offset={[offsetX, offsetY]}
-      sides={{
-        start: showShadowSideStart,
-        end: showShadowSideEnd,
-        top: showShadowSideTop,
-        bottom: showShadowSideBottom,
-      }}
-      corners={{
-        topStart: showShadowCornerTopStart,
-        topEnd: showShadowCornerTopEnd,
-        bottomStart: showShadowCornerBottomStart,
-        bottomEnd: showShadowCornerBottomEnd,
-      }}
-      containerStyle={style}
-      paintInside={paintInside}
-      {...rest}
-    />
-  );
-};
-
-export default Shadow;