@draftbit/core 47.1.1-b7d86a.2 → 47.1.1-ca8570.2

package/lib/commonjs/components/Button.js

@@ -24,8 +24,8 @@ function Base(_ref) {
     loading,
     disabled,
     style,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     ...props
   } = _ref;
   const {

package/lib/commonjs/components/IconButton.js

@@ -16,11 +16,13 @@ const IconButton = _ref => {
     icon,
     color: customColor,
     size = 32,
-    disabled = false,
+    disabled,
     loading = false,
     onPress,
     theme,
     style,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
@@ -32,7 +34,7 @@ const IconButton = _ref => {
         pressed
       } = _ref2;
       return [styles.container, {
-        opacity: pressed || disabled ? 0.75 : 1,
+        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
         width: size,
         height: size,
         alignItems: "center",

package/lib/commonjs/components/Pressable.js

@@ -13,8 +13,8 @@ function Pressable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     delayLongPress,
     hitSlop,
     style,

package/lib/commonjs/components/Touchable.js

@@ -13,8 +13,8 @@ function Touchable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     delayLongPress,
     hitSlop,
     style,

package/lib/commonjs/mappings/Button.js

@@ -23,7 +23,7 @@ const SEED_DATA_PROPS = {
   activeOpacity: (0, _types.createStaticNumberProp)({
     label: "Active Opacity",
     description: "Opacity of the button when active.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,
@@ -33,7 +33,7 @@ const SEED_DATA_PROPS = {
   disabledOpacity: (0, _types.createStaticNumberProp)({
     label: "Disabled Opacity",
     description: "Opacity of the button when disabled.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,

package/lib/commonjs/mappings/FlashList.js

@@ -43,6 +43,16 @@ const SEED_DATA = [{
     refreshColor: (0, _types.createColorProp)({
       label: "Refreshing Color",
       description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 }, {
@@ -91,6 +101,16 @@ const SEED_DATA = [{
     refreshColor: (0, _types.createColorProp)({
       label: "Refreshing Color",
       description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 }];

package/lib/commonjs/mappings/FlatList.js

@@ -42,6 +42,16 @@ const SEED_DATA = {
     refreshColor: (0, _types.createColorProp)({
       label: "Refreshing Color",
       description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 };

package/lib/commonjs/mappings/IconButton.js

@@ -10,26 +10,24 @@ const SEED_DATA = {
   tag: "IconButton",
   category: _types.COMPONENT_TYPES.button,
   layout: {},
-  triggers: [_types.Triggers.OnPress],
+  triggers: [_types.Triggers.OnPress, _types.Triggers.OnLongPress],
   stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects, _types.StylesPanelSections.Position],
   props: {
     onPress: (0, _types.createActionProp)(),
+    onLongPress: (0, _types.createActionProp)(),
+    disabled: (0, _types.createDisabledProp)(),
     icon: (0, _types.createIconProp)(),
     color: (0, _types.createColorProp)({
       label: "Color",
       group: _types.GROUPS.basic
     }),
-    disabled: (0, _types.createBoolProp)({
-      label: "Disabled",
-      group: _types.GROUPS.basic
-    }),
     size: (0, _types.createNumberProp)({
       group: _types.GROUPS.basic,
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 32,
       min: 16,
-      max: 128,
+      max: 256,
       step: 1,
       precision: 0
     })

package/lib/commonjs/mappings/ScrollView.js

@@ -23,7 +23,7 @@ const SEED_DATA = {
     showsHorizontalScrollIndicator: (0, _types.createStaticBoolProp)({
       label: "Show Horizontal Scroll Indicator",
       description: "When true, shows a horizontal scroll indicator. The default value is true.",
-      defaultValue: false
+      defaultValue: true
     }),
     showsVerticalScrollIndicator: (0, _types.createStaticBoolProp)({
       label: "Show Vertical Scroll Indicator",

package/lib/commonjs/mappings/Touchable.js

@@ -12,10 +12,11 @@ const SEED_DATA_PROPS = {
   props: {
     onPress: (0, _types.createActionProp)(),
     onLongPress: (0, _types.createActionProp)(),
+    disabled: (0, _types.createDisabledProp)(),
     activeOpacity: (0, _types.createStaticNumberProp)({
       label: "Active Opacity",
       description: "The opacity when the button is pressed.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -25,7 +26,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: (0, _types.createStaticNumberProp)({
       label: "Disabled Opacity",
       description: "The opacity when the button is disabled.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -41,6 +42,12 @@ const SEED_DATA_PROPS = {
       label: "Hit Slop",
       description: "Sets additional distance outside of element in which a press can be detected.",
       required: false
+    }),
+    android_disableSound: (0, _types.createStaticBoolProp)({
+      label: "Disable Sound",
+      description: "Disable the Android sound effect.",
+      defaultValue: null,
+      group: _types.GROUPS.android
     })
   }
 };

package/lib/module/components/Button.js

@@ -16,8 +16,8 @@ function Base(_ref) {
     loading,
     disabled,
     style,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     ...props
   } = _ref;
   const {

package/lib/module/components/IconButton.js

@@ -8,11 +8,13 @@ const IconButton = _ref => {
     icon,
     color: customColor,
     size = 32,
-    disabled = false,
+    disabled,
     loading = false,
     onPress,
     theme,
     style,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
@@ -24,7 +26,7 @@ const IconButton = _ref => {
         pressed
       } = _ref2;
       return [styles.container, {
-        opacity: pressed || disabled ? 0.75 : 1,
+        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
         width: size,
         height: size,
         alignItems: "center",

package/lib/module/components/Pressable.js

@@ -6,8 +6,8 @@ export default function Pressable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     delayLongPress,
     hitSlop,
     style,

package/lib/module/components/Touchable.js

@@ -6,8 +6,8 @@ export default function Touchable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     delayLongPress,
     hitSlop,
     style,

package/lib/module/mappings/Button.js

@@ -17,7 +17,7 @@ const SEED_DATA_PROPS = {
   activeOpacity: createStaticNumberProp({
     label: "Active Opacity",
     description: "Opacity of the button when active.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,
@@ -27,7 +27,7 @@ const SEED_DATA_PROPS = {
   disabledOpacity: createStaticNumberProp({
     label: "Disabled Opacity",
     description: "Opacity of the button when disabled.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,

package/lib/module/mappings/FlashList.js

@@ -37,6 +37,16 @@ export const SEED_DATA = [{
     refreshColor: createColorProp({
       label: "Refreshing Color",
       description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: createStaticBoolProp({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 }, {
@@ -85,6 +95,16 @@ export const SEED_DATA = [{
     refreshColor: createColorProp({
       label: "Refreshing Color",
       description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: createStaticBoolProp({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 }];

package/lib/module/mappings/FlatList.js

@@ -36,6 +36,16 @@ export const SEED_DATA = {
     refreshColor: createColorProp({
       label: "Refreshing Color",
       description: "Color of the refresh indicator"
+    }),
+    showsHorizontalScrollIndicator: createStaticBoolProp({
+      label: "Show Horizontal Scroll Indicator",
+      description: "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true
+    }),
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      label: "Show Vertical Scroll Indicator",
+      description: "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true
     })
   }
 };

package/lib/module/mappings/IconButton.js

@@ -1,29 +1,27 @@
-import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createBoolProp, createActionProp, Triggers, StylesPanelSections } from "@draftbit/types";
+import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createActionProp, Triggers, StylesPanelSections, createDisabledProp } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Icon Button",
   tag: "IconButton",
   category: COMPONENT_TYPES.button,
   layout: {},
-  triggers: [Triggers.OnPress],
+  triggers: [Triggers.OnPress, Triggers.OnLongPress],
   stylesPanelSections: [StylesPanelSections.Margins, StylesPanelSections.Effects, StylesPanelSections.Position],
   props: {
     onPress: createActionProp(),
+    onLongPress: createActionProp(),
+    disabled: createDisabledProp(),
     icon: createIconProp(),
     color: createColorProp({
       label: "Color",
       group: GROUPS.basic
     }),
-    disabled: createBoolProp({
-      label: "Disabled",
-      group: GROUPS.basic
-    }),
     size: createNumberProp({
       group: GROUPS.basic,
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 32,
       min: 16,
-      max: 128,
+      max: 256,
       step: 1,
       precision: 0
     })

package/lib/module/mappings/ScrollView.js

@@ -17,7 +17,7 @@ export const SEED_DATA = {
     showsHorizontalScrollIndicator: createStaticBoolProp({
       label: "Show Horizontal Scroll Indicator",
       description: "When true, shows a horizontal scroll indicator. The default value is true.",
-      defaultValue: false
+      defaultValue: true
     }),
     showsVerticalScrollIndicator: createStaticBoolProp({
       label: "Show Vertical Scroll Indicator",

package/lib/module/mappings/Touchable.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections, createDisabledProp, GROUPS, createStaticBoolProp } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Borders],
   layout: {},
@@ -6,10 +6,11 @@ const SEED_DATA_PROPS = {
   props: {
     onPress: createActionProp(),
     onLongPress: createActionProp(),
+    disabled: createDisabledProp(),
     activeOpacity: createStaticNumberProp({
       label: "Active Opacity",
       description: "The opacity when the button is pressed.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -19,7 +20,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: createStaticNumberProp({
       label: "Disabled Opacity",
       description: "The opacity when the button is disabled.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -35,6 +36,12 @@ const SEED_DATA_PROPS = {
       label: "Hit Slop",
       description: "Sets additional distance outside of element in which a press can be detected.",
       required: false
+    }),
+    android_disableSound: createStaticBoolProp({
+      label: "Disable Sound",
+      description: "Disable the Android sound effect.",
+      defaultValue: null,
+      group: GROUPS.android
     })
   }
 };

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

@@ -11,6 +11,8 @@ declare type Props = {
     onPress: () => void;
     theme: Theme;
     style?: StyleProp<ViewStyle>;
+    activeOpacity?: number;
+    disabledOpacity?: number;
 } & PressableProps & IconSlot;
 declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EAET,cAAc,EAEf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,cAAc,GAChB,QAAQ,CAAC;;;;AA0DX,wBAAqC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EAET,cAAc,EAEf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,GAChB,QAAQ,CAAC;;;;AA4DX,wBAAqC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,cAAc,EACd,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,eAAe,EACf,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,eAoBP"}
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,cAAc,EACd,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAmB,EACnB,eAAqB,EACrB,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,eAoBP"}

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

@@ -1 +1 @@
-{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/components/Touchable.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,eAAe,EACf,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,eAoBP"}
+{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/components/Touchable.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAmB,EACnB,eAAqB,EACrB,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,eAoBP"}

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

@@ -83,6 +83,26 @@ export declare const SEED_DATA: ({
             formType: string;
             propType: string;
         };
+        showsHorizontalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showsVerticalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
         horizontal?: undefined;
         inverted?: undefined;
     };
@@ -191,6 +211,26 @@ export declare const SEED_DATA: ({
             formType: string;
             propType: string;
         };
+        showsHorizontalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showsVerticalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
     };
 })[];
 //# sourceMappingURL=FlashList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlashList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlashList.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6FrB,CAAC"}
+{"version":3,"file":"FlashList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlashList.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqHrB,CAAC"}

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

@@ -91,6 +91,26 @@ export declare const SEED_DATA: {
             formType: string;
             propType: string;
         };
+        showsHorizontalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        showsVerticalScrollIndicator: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
     };
 };
 //# sourceMappingURL=FlatList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlatList.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCrB,CAAC"}
+{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlatList.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDrB,CAAC"}

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

@@ -16,35 +16,45 @@ export declare const SEED_DATA: {
             defaultValue: null;
             group: string;
         };
-        icon: {
+        onLongPress: {
             label: string;
             description: string;
+            editable: boolean;
+            required: boolean;
             formType: string;
             propType: string;
-            defaultValue: string;
-            required: boolean;
-            editable: boolean;
+            defaultValue: null;
             group: string;
         };
-        color: {
-            group: string;
+        disabled: {
             label: string;
             description: string;
+            group: string;
             editable: boolean;
             required: boolean;
-            defaultValue: null;
             formType: string;
             propType: string;
+            defaultValue: null;
         };
-        disabled: {
+        icon: {
             label: string;
             description: string;
             formType: string;
             propType: string;
-            defaultValue: boolean;
-            editable: boolean;
+            defaultValue: string;
             required: boolean;
+            editable: boolean;
+            group: string;
+        };
+        color: {
             group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
         };
         size: {
             label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/mappings/IconButton.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/mappings/IconButton.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BrB,CAAC"}

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

@@ -23,6 +23,16 @@ export declare const SEED_DATA: {
             defaultValue: null;
             group: string;
         };
+        disabled: {
+            label: string;
+            description: string;
+            group: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
         activeOpacity: {
             label: string;
             description: string;
@@ -67,6 +77,16 @@ export declare const SEED_DATA: {
             required: boolean;
             step: number;
         };
+        android_disableSound: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
     };
     name: string;
     tag: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Touchable.ts"],"names":[],"mappings":"AAsDA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAerB,CAAC"}
+{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Touchable.ts"],"names":[],"mappings":"AAgEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAerB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "47.1.1-b7d86a.2+b7d86ad",
+  "version": "47.1.1-ca8570.2+ca85708",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^47.1.1-b7d86a.2+b7d86ad",
+    "@draftbit/types": "^47.1.1-ca8570.2+ca85708",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.4",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "b7d86ad870c1460b05459e2dc4ca2a8b92c6d012"
+  "gitHead": "ca857084563cd1d4242b340f362f57c112b42ee7"
 }

package/src/components/Button.js

@@ -7,7 +7,7 @@ const CONSTANTS = {
     padding: 8,
     icon: 24,
 };
-function Base({ Icon, icon, title, loading, disabled, style, activeOpacity, disabledOpacity, ...props }) {
+function Base({ Icon, icon, title, loading, disabled, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) {
     const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...buttonStyles } = StyleSheet.flatten(style || {});
     const titleStyles = {
         color,

package/src/components/Button.tsx

@@ -59,8 +59,8 @@ function Base({
   loading,
   disabled,
   style,
-  activeOpacity,
-  disabledOpacity,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
   ...props
 }: BaseProps): JSX.Element {
   const {

package/src/components/IconButton.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { View, StyleSheet, ActivityIndicator, Pressable, Platform, } from "react-native";
 import { withTheme } from "../theming";
-const IconButton = ({ Icon, icon, color: customColor, size = 32, disabled = false, loading = false, onPress, theme, style, ...props }) => {
+const IconButton = ({ Icon, icon, color: customColor, size = 32, disabled, loading = false, onPress, theme, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) => {
     const iconColor = customColor || theme.colors.primary;
     return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {
             return [
                 styles.container,
                 {
-                    opacity: pressed || disabled ? 0.75 : 1,
+                    opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
                     width: size,
                     height: size,
                     alignItems: "center",

package/src/components/IconButton.tsx

@@ -22,6 +22,8 @@ type Props = {
   onPress: () => void;
   theme: Theme;
   style?: StyleProp<ViewStyle>;
+  activeOpacity?: number;
+  disabledOpacity?: number;
 } & PressableProps &
   IconSlot;
 
@@ -30,11 +32,13 @@ const IconButton: React.FC<React.PropsWithChildren<Props>> = ({
   icon,
   color: customColor,
   size = 32,
-  disabled = false,
+  disabled,
   loading = false,
   onPress,
   theme,
   style,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
   ...props
 }) => {
   const iconColor = customColor || theme.colors.primary;
@@ -47,7 +51,7 @@ const IconButton: React.FC<React.PropsWithChildren<Props>> = ({
         return [
           styles.container,
           {
-            opacity: pressed || disabled ? 0.75 : 1,
+            opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
             width: size,
             height: size,
             alignItems: "center",

package/src/components/Pressable.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Pressable as NativePressable, } from "react-native";
-export default function Pressable({ children, disabled, onPress, activeOpacity, disabledOpacity, delayLongPress, hitSlop, style, ...props }) {
+export default function Pressable({ children, disabled, onPress, activeOpacity = 0.8, disabledOpacity = 0.8, delayLongPress, hitSlop, style, ...props }) {
     return (React.createElement(NativePressable, { onPress: onPress, disabled: disabled, delayLongPress: delayLongPress ? delayLongPress : 500, hitSlop: hitSlop ? hitSlop : 8, style: ({ pressed }) => {
             return [
                 {

package/src/components/Pressable.tsx

@@ -15,8 +15,8 @@ export default function Pressable({
   children,
   disabled,
   onPress,
-  activeOpacity,
-  disabledOpacity,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
   delayLongPress,
   hitSlop,
   style,

package/src/components/Touchable.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Pressable } from "react-native";
-export default function Touchable({ children, disabled, onPress, activeOpacity, disabledOpacity, delayLongPress, hitSlop, style, ...props }) {
+export default function Touchable({ children, disabled, onPress, activeOpacity = 0.8, disabledOpacity = 0.8, delayLongPress, hitSlop, style, ...props }) {
     return (React.createElement(Pressable, { disabled: disabled, onPress: onPress, delayLongPress: delayLongPress ? delayLongPress : 500, hitSlop: hitSlop ? hitSlop : 8, style: ({ pressed }) => {
             return [
                 {

package/src/components/Touchable.tsx

@@ -11,8 +11,8 @@ export default function Touchable({
   children,
   disabled,
   onPress,
-  activeOpacity,
-  disabledOpacity,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
   delayLongPress,
   hitSlop,
   style,

package/src/mappings/Button.js

@@ -17,7 +17,7 @@ const SEED_DATA_PROPS = {
     activeOpacity: createStaticNumberProp({
         label: "Active Opacity",
         description: "Opacity of the button when active.",
-        defaultValue: 0.8,
+        defaultValue: null,
         min: 0,
         max: 1,
         step: 0.01,
@@ -27,7 +27,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: createStaticNumberProp({
         label: "Disabled Opacity",
         description: "Opacity of the button when disabled.",
-        defaultValue: 0.8,
+        defaultValue: null,
         min: 0,
         max: 1,
         step: 0.01,

package/src/mappings/Button.ts

@@ -28,7 +28,7 @@ const SEED_DATA_PROPS = {
   activeOpacity: createStaticNumberProp({
     label: "Active Opacity",
     description: "Opacity of the button when active.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,
@@ -38,7 +38,7 @@ const SEED_DATA_PROPS = {
   disabledOpacity: createStaticNumberProp({
     label: "Disabled Opacity",
     description: "Opacity of the button when disabled.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,

package/src/mappings/FlashList.js

@@ -39,6 +39,16 @@ export const SEED_DATA = [
                 label: "Refreshing Color",
                 description: "Color of the refresh indicator",
             }),
+            showsHorizontalScrollIndicator: createStaticBoolProp({
+                label: "Show Horizontal Scroll Indicator",
+                description: "When true, shows a horizontal scroll indicator. The default value is true.",
+                defaultValue: true,
+            }),
+            showsVerticalScrollIndicator: createStaticBoolProp({
+                label: "Show Vertical Scroll Indicator",
+                description: "When true, shows a vertical scroll indicator. The default value is true.",
+                defaultValue: true,
+            }),
         },
     },
     {
@@ -88,6 +98,16 @@ export const SEED_DATA = [
                 label: "Refreshing Color",
                 description: "Color of the refresh indicator",
             }),
+            showsHorizontalScrollIndicator: createStaticBoolProp({
+                label: "Show Horizontal Scroll Indicator",
+                description: "When true, shows a horizontal scroll indicator. The default value is true.",
+                defaultValue: true,
+            }),
+            showsVerticalScrollIndicator: createStaticBoolProp({
+                label: "Show Vertical Scroll Indicator",
+                description: "When true, shows a vertical scroll indicator. The default value is true.",
+                defaultValue: true,
+            }),
         },
     },
 ];

package/src/mappings/FlashList.ts

@@ -52,6 +52,18 @@ export const SEED_DATA = [
         label: "Refreshing Color",
         description: "Color of the refresh indicator",
       }),
+      showsHorizontalScrollIndicator: createStaticBoolProp({
+        label: "Show Horizontal Scroll Indicator",
+        description:
+          "When true, shows a horizontal scroll indicator. The default value is true.",
+        defaultValue: true,
+      }),
+      showsVerticalScrollIndicator: createStaticBoolProp({
+        label: "Show Vertical Scroll Indicator",
+        description:
+          "When true, shows a vertical scroll indicator. The default value is true.",
+        defaultValue: true,
+      }),
     },
   },
   {
@@ -102,6 +114,18 @@ export const SEED_DATA = [
         label: "Refreshing Color",
         description: "Color of the refresh indicator",
       }),
+      showsHorizontalScrollIndicator: createStaticBoolProp({
+        label: "Show Horizontal Scroll Indicator",
+        description:
+          "When true, shows a horizontal scroll indicator. The default value is true.",
+        defaultValue: true,
+      }),
+      showsVerticalScrollIndicator: createStaticBoolProp({
+        label: "Show Vertical Scroll Indicator",
+        description:
+          "When true, shows a vertical scroll indicator. The default value is true.",
+        defaultValue: true,
+      }),
     },
   },
 ];

package/src/mappings/FlatList.js

@@ -37,5 +37,15 @@ export const SEED_DATA = {
             label: "Refreshing Color",
             description: "Color of the refresh indicator",
         }),
+        showsHorizontalScrollIndicator: createStaticBoolProp({
+            label: "Show Horizontal Scroll Indicator",
+            description: "When true, shows a horizontal scroll indicator. The default value is true.",
+            defaultValue: true,
+        }),
+        showsVerticalScrollIndicator: createStaticBoolProp({
+            label: "Show Vertical Scroll Indicator",
+            description: "When true, shows a vertical scroll indicator. The default value is true.",
+            defaultValue: true,
+        }),
     },
 };

package/src/mappings/FlatList.ts

@@ -48,5 +48,17 @@ export const SEED_DATA = {
       label: "Refreshing Color",
       description: "Color of the refresh indicator",
     }),
+    showsHorizontalScrollIndicator: createStaticBoolProp({
+      label: "Show Horizontal Scroll Indicator",
+      description:
+        "When true, shows a horizontal scroll indicator. The default value is true.",
+      defaultValue: true,
+    }),
+    showsVerticalScrollIndicator: createStaticBoolProp({
+      label: "Show Vertical Scroll Indicator",
+      description:
+        "When true, shows a vertical scroll indicator. The default value is true.",
+      defaultValue: true,
+    }),
   },
 };

package/src/mappings/IconButton.js

@@ -1,10 +1,10 @@
-import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createBoolProp, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
+import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createActionProp, Triggers, StylesPanelSections, createDisabledProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Icon Button",
     tag: "IconButton",
     category: COMPONENT_TYPES.button,
     layout: {},
-    triggers: [Triggers.OnPress],
+    triggers: [Triggers.OnPress, Triggers.OnLongPress],
     stylesPanelSections: [
         StylesPanelSections.Margins,
         StylesPanelSections.Effects,
@@ -12,22 +12,20 @@ export const SEED_DATA = {
     ],
     props: {
         onPress: createActionProp(),
+        onLongPress: createActionProp(),
+        disabled: createDisabledProp(),
         icon: createIconProp(),
         color: createColorProp({
             label: "Color",
             group: GROUPS.basic,
         }),
-        disabled: createBoolProp({
-            label: "Disabled",
-            group: GROUPS.basic,
-        }),
         size: createNumberProp({
             group: GROUPS.basic,
             label: "Size",
             description: "Width and height of your icon",
             defaultValue: 32,
             min: 16,
-            max: 128,
+            max: 256,
             step: 1,
             precision: 0,
         }),

package/src/mappings/IconButton.ts

@@ -4,10 +4,10 @@ import {
   createIconProp,
   createColorProp,
   createNumberProp,
-  createBoolProp,
   createActionProp,
   Triggers,
   StylesPanelSections,
+  createDisabledProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -15,7 +15,7 @@ export const SEED_DATA = {
   tag: "IconButton",
   category: COMPONENT_TYPES.button,
   layout: {},
-  triggers: [Triggers.OnPress],
+  triggers: [Triggers.OnPress, Triggers.OnLongPress],
   stylesPanelSections: [
     StylesPanelSections.Margins,
     StylesPanelSections.Effects,
@@ -23,22 +23,20 @@ export const SEED_DATA = {
   ],
   props: {
     onPress: createActionProp(),
+    onLongPress: createActionProp(),
+    disabled: createDisabledProp(),
     icon: createIconProp(),
     color: createColorProp({
       label: "Color",
       group: GROUPS.basic,
     }),
-    disabled: createBoolProp({
-      label: "Disabled",
-      group: GROUPS.basic,
-    }),
     size: createNumberProp({
       group: GROUPS.basic,
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 32,
       min: 16,
-      max: 128,
+      max: 256,
       step: 1,
       precision: 0,
     }),

package/src/mappings/ScrollView.js

@@ -17,7 +17,7 @@ export const SEED_DATA = {
         showsHorizontalScrollIndicator: createStaticBoolProp({
             label: "Show Horizontal Scroll Indicator",
             description: "When true, shows a horizontal scroll indicator. The default value is true.",
-            defaultValue: false,
+            defaultValue: true,
         }),
         showsVerticalScrollIndicator: createStaticBoolProp({
             label: "Show Vertical Scroll Indicator",

package/src/mappings/ScrollView.ts

@@ -26,7 +26,7 @@ export const SEED_DATA = {
       label: "Show Horizontal Scroll Indicator",
       description:
         "When true, shows a horizontal scroll indicator. The default value is true.",
-      defaultValue: false,
+      defaultValue: true,
     }),
     showsVerticalScrollIndicator: createStaticBoolProp({
       label: "Show Vertical Scroll Indicator",

package/src/mappings/Touchable.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections, } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections, createDisabledProp, GROUPS, createStaticBoolProp, } from "@draftbit/types";
 const SEED_DATA_PROPS = {
     stylesPanelSections: [
         StylesPanelSections.Size,
@@ -10,10 +10,11 @@ const SEED_DATA_PROPS = {
     props: {
         onPress: createActionProp(),
         onLongPress: createActionProp(),
+        disabled: createDisabledProp(),
         activeOpacity: createStaticNumberProp({
             label: "Active Opacity",
             description: "The opacity when the button is pressed.",
-            defaultValue: 0.8,
+            defaultValue: null,
             min: 0,
             max: 1,
             step: 0.01,
@@ -23,7 +24,7 @@ const SEED_DATA_PROPS = {
         disabledOpacity: createStaticNumberProp({
             label: "Disabled Opacity",
             description: "The opacity when the button is disabled.",
-            defaultValue: 0.8,
+            defaultValue: null,
             min: 0,
             max: 1,
             step: 0.01,
@@ -40,6 +41,12 @@ const SEED_DATA_PROPS = {
             description: "Sets additional distance outside of element in which a press can be detected.",
             required: false,
         }),
+        android_disableSound: createStaticBoolProp({
+            label: "Disable Sound",
+            description: "Disable the Android sound effect.",
+            defaultValue: null,
+            group: GROUPS.android,
+        }),
     },
 };
 export const SEED_DATA = [

package/src/mappings/Touchable.ts

@@ -4,6 +4,9 @@ import {
   Triggers,
   createStaticNumberProp,
   StylesPanelSections,
+  createDisabledProp,
+  GROUPS,
+  createStaticBoolProp,
 } from "@draftbit/types";
 
 const SEED_DATA_PROPS = {
@@ -17,10 +20,11 @@ const SEED_DATA_PROPS = {
   props: {
     onPress: createActionProp(),
     onLongPress: createActionProp(),
+    disabled: createDisabledProp(),
     activeOpacity: createStaticNumberProp({
       label: "Active Opacity",
       description: "The opacity when the button is pressed.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -30,7 +34,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: createStaticNumberProp({
       label: "Disabled Opacity",
       description: "The opacity when the button is disabled.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -49,6 +53,12 @@ const SEED_DATA_PROPS = {
         "Sets additional distance outside of element in which a press can be detected.",
       required: false,
     }),
+    android_disableSound: createStaticBoolProp({
+      label: "Disable Sound",
+      description: "Disable the Android sound effect.",
+      defaultValue: null,
+      group: GROUPS.android,
+    }),
   },
 };