@draftbit/core 48.5.5-ee2f75.2 → 48.5.6

package/lib/typescript/src/components/SwipeableItem/SwipeableItemCommon.js

@@ -1,44 +1,44 @@
-import { pick } from "lodash";
-export function extractRightSwipeProps(object) {
-    return pick(object, [
-        "onSwipedRight",
-        "rightSwipeTitle",
-        "rightSwipeIcon",
-        "rightSwipeIconSize",
-        "rightSwipeBackgroundColor",
-        "rightSwipeColor",
-    ]);
-}
-export function extractLeftSwipeProps(object) {
-    return pick(object, [
-        "onSwipedLeft",
-        "leftSwipeTitle",
-        "leftSwipeIcon",
-        "leftSwipeIconSize",
-        "leftSwipeBackgroundColor",
-        "leftSwipeColor",
-    ]);
-}
-export function rightSwipeToSwipeableItemBehindItem(swipe) {
-    return {
-        title: swipe.rightSwipeTitle || "",
-        revealSwipeDirection: "right",
-        onSwipe: swipe.onSwipedRight,
-        icon: swipe.rightSwipeIcon,
-        iconSize: swipe.rightSwipeIconSize,
-        backgroundColor: swipe.rightSwipeBackgroundColor,
-        color: swipe.rightSwipeColor,
-    };
-}
-export function leftSwipeToSwipeableItemBehindItem(swipe) {
-    return {
-        title: swipe.leftSwipeTitle || "",
-        revealSwipeDirection: "left",
-        onSwipe: swipe.onSwipedLeft,
-        icon: swipe.leftSwipeIcon,
-        iconSize: swipe.leftSwipeIconSize,
-        backgroundColor: swipe.leftSwipeBackgroundColor,
-        color: swipe.leftSwipeColor,
-    };
-}
+import { pick } from "lodash";
+export function extractRightSwipeProps(object) {
+    return pick(object, [
+        "onSwipedRight",
+        "rightSwipeTitle",
+        "rightSwipeIcon",
+        "rightSwipeIconSize",
+        "rightSwipeBackgroundColor",
+        "rightSwipeColor",
+    ]);
+}
+export function extractLeftSwipeProps(object) {
+    return pick(object, [
+        "onSwipedLeft",
+        "leftSwipeTitle",
+        "leftSwipeIcon",
+        "leftSwipeIconSize",
+        "leftSwipeBackgroundColor",
+        "leftSwipeColor",
+    ]);
+}
+export function rightSwipeToSwipeableItemBehindItem(swipe) {
+    return {
+        title: swipe.rightSwipeTitle || "",
+        revealSwipeDirection: "right",
+        onSwipe: swipe.onSwipedRight,
+        icon: swipe.rightSwipeIcon,
+        iconSize: swipe.rightSwipeIconSize,
+        backgroundColor: swipe.rightSwipeBackgroundColor,
+        color: swipe.rightSwipeColor,
+    };
+}
+export function leftSwipeToSwipeableItemBehindItem(swipe) {
+    return {
+        title: swipe.leftSwipeTitle || "",
+        revealSwipeDirection: "left",
+        onSwipe: swipe.onSwipedLeft,
+        icon: swipe.leftSwipeIcon,
+        iconSize: swipe.leftSwipeIconSize,
+        backgroundColor: swipe.leftSwipeBackgroundColor,
+        color: swipe.leftSwipeColor,
+    };
+}
 //# sourceMappingURL=SwipeableItemCommon.js.map

package/lib/typescript/src/components/SwipeableItem/SwipeableList.d.ts

@@ -1,17 +1,17 @@
-import React from "react";
-import { FlashListProps } from "@shopify/flash-list";
-import { FlatListProps } from "react-native";
-declare type ListComponentType = "FlatList" | "FlashList";
-interface AdditionalSwipeableListProps {
-    disableScrollWhenSwiping?: boolean;
-    listComponent?: ListComponentType;
-}
-declare type FlatListSwipeableListProps<T> = FlatListProps<T> & AdditionalSwipeableListProps;
-declare type FlashListSwipeableListProps<T> = FlashListProps<T> & AdditionalSwipeableListProps;
-declare type SwipeableListContextType = {
-    onStartSwiping: () => void;
-    onStopSwiping: () => void;
-};
-export declare const SwipeableListContext: React.Context<SwipeableListContextType>;
-declare const SwipeableList: <T extends object>({ disableScrollWhenSwiping, listComponent, ...rest }: FlashListSwipeableListProps<T> | FlatListSwipeableListProps<T>) => JSX.Element;
-export default SwipeableList;
+import React from "react";
+import { FlashListProps } from "@shopify/flash-list";
+import { FlatListProps } from "react-native";
+declare type ListComponentType = "FlatList" | "FlashList";
+interface AdditionalSwipeableListProps {
+    disableScrollWhenSwiping?: boolean;
+    listComponent?: ListComponentType;
+}
+declare type FlatListSwipeableListProps<T> = FlatListProps<T> & AdditionalSwipeableListProps;
+declare type FlashListSwipeableListProps<T> = FlashListProps<T> & AdditionalSwipeableListProps;
+declare type SwipeableListContextType = {
+    onStartSwiping: () => void;
+    onStopSwiping: () => void;
+};
+export declare const SwipeableListContext: React.Context<SwipeableListContextType>;
+declare const SwipeableList: <T extends object>({ disableScrollWhenSwiping, listComponent, ...rest }: FlashListSwipeableListProps<T> | FlatListSwipeableListProps<T>) => JSX.Element;
+export default SwipeableList;

package/lib/typescript/src/components/SwipeableItem/SwipeableList.js

@@ -1,29 +1,29 @@
-import React from "react";
-import { FlashList } from "@shopify/flash-list";
-import { FlatList } from "react-native";
-export const SwipeableListContext = React.createContext({
-    onStartSwiping: () => { },
-    onStopSwiping: () => { },
-});
-const SwipeableList = ({ disableScrollWhenSwiping = true, listComponent = "FlatList", ...rest }) => {
-    const [isSwiping, setIsSwiping] = React.useState(false);
-    const onStartSwiping = () => {
-        setIsSwiping(true);
-    };
-    const onStopSwiping = () => {
-        setIsSwiping(false);
-    };
-    rest.scrollEnabled = disableScrollWhenSwiping ? !isSwiping : true;
-    const renderListComponent = () => {
-        switch (listComponent) {
-            case "FlatList":
-                return React.createElement(FlatList, { ...rest });
-            case "FlashList":
-                return React.createElement(FlashList, { ...rest });
-        }
-    };
-    return (React.createElement(SwipeableListContext.Provider, { value: { onStartSwiping, onStopSwiping } },
-        React.createElement(React.Fragment, null, renderListComponent())));
-};
-export default SwipeableList;
+import React from "react";
+import { FlashList } from "@shopify/flash-list";
+import { FlatList } from "react-native";
+export const SwipeableListContext = React.createContext({
+    onStartSwiping: () => { },
+    onStopSwiping: () => { },
+});
+const SwipeableList = ({ disableScrollWhenSwiping = true, listComponent = "FlatList", ...rest }) => {
+    const [isSwiping, setIsSwiping] = React.useState(false);
+    const onStartSwiping = () => {
+        setIsSwiping(true);
+    };
+    const onStopSwiping = () => {
+        setIsSwiping(false);
+    };
+    rest.scrollEnabled = disableScrollWhenSwiping ? !isSwiping : true;
+    const renderListComponent = () => {
+        switch (listComponent) {
+            case "FlatList":
+                return React.createElement(FlatList, { ...rest });
+            case "FlashList":
+                return React.createElement(FlashList, { ...rest });
+        }
+    };
+    return (React.createElement(SwipeableListContext.Provider, { value: { onStartSwiping, onStopSwiping } },
+        React.createElement(React.Fragment, null, renderListComponent())));
+};
+export default SwipeableList;
 //# sourceMappingURL=SwipeableList.js.map

package/lib/typescript/src/components/SwipeableItem/index.d.ts

@@ -1,3 +1,3 @@
-export { default as SwipeableItem } from "./SwipeableItem";
-export { default as SwipeableItemButton } from "./SwipeableItemButton";
-export { default as SwipeableList } from "./SwipeableList";
+export { default as SwipeableItem } from "./SwipeableItem";
+export { default as SwipeableItemButton } from "./SwipeableItemButton";
+export { default as SwipeableList } from "./SwipeableList";

package/lib/typescript/src/components/SwipeableItem/index.js

@@ -1,4 +1,4 @@
-export { default as SwipeableItem } from "./SwipeableItem";
-export { default as SwipeableItemButton } from "./SwipeableItemButton";
-export { default as SwipeableList } from "./SwipeableList";
+export { default as SwipeableItem } from "./SwipeableItem";
+export { default as SwipeableItemButton } from "./SwipeableItemButton";
+export { default as SwipeableList } from "./SwipeableList";
 //# sourceMappingURL=index.js.map

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

@@ -1,29 +1,29 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-export interface SwiperProps<T> {
-    onSwipe?: (index: number) => void;
-    onSwipedNext?: (index: number) => void;
-    onSwipedPrevious?: (index: number) => void;
-    vertical?: boolean;
-    loop?: boolean;
-    from?: number;
-    timeout?: number;
-    prevTitle?: string;
-    nextTitle?: string;
-    prevTitleColor?: string;
-    nextTitleColor?: string;
-    dotsTouchable?: boolean;
-    dotColor?: string;
-    dotActiveColor?: string;
-    children: React.ReactNode;
-    data?: Array<T>;
-    keyExtractor: (item: T, index: number) => string;
-    renderItem?: ({ item, index }: {
-        item: T;
-        index: number;
-    }) => JSX.Element;
-    style?: StyleProp<ViewStyle>;
-    onIndexChanged?: (index: number) => void;
-}
-declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, prevTitleColor, nextTitleColor, dotsTouchable, dotColor, dotActiveColor, data, keyExtractor, renderItem, children: childrenProp, onIndexChanged: onIndexChangedProp, onSwipe, onSwipedNext, onSwipedPrevious, style, }: SwiperProps<any>) => JSX.Element;
-export default Swiper;
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export interface SwiperProps<T> {
+    onSwipe?: (index: number) => void;
+    onSwipedNext?: (index: number) => void;
+    onSwipedPrevious?: (index: number) => void;
+    vertical?: boolean;
+    loop?: boolean;
+    from?: number;
+    timeout?: number;
+    prevTitle?: string;
+    nextTitle?: string;
+    prevTitleColor?: string;
+    nextTitleColor?: string;
+    dotsTouchable?: boolean;
+    dotColor?: string;
+    dotActiveColor?: string;
+    children: React.ReactNode;
+    data?: Array<T>;
+    keyExtractor: (item: T, index: number) => string;
+    renderItem?: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => JSX.Element;
+    style?: StyleProp<ViewStyle>;
+    onIndexChanged?: (index: number) => void;
+}
+declare const Swiper: ({ vertical, loop, timeout, from, prevTitle, nextTitle, prevTitleColor, nextTitleColor, dotsTouchable, dotColor, dotActiveColor, data, keyExtractor, renderItem, children: childrenProp, onIndexChanged: onIndexChangedProp, onSwipe, onSwipedNext, onSwipedPrevious, style, }: SwiperProps<any>) => JSX.Element;
+export default Swiper;

package/lib/typescript/src/components/Swiper/Swiper.js

@@ -1,74 +1,74 @@
-import React from "react";
-import { View } from "react-native";
-import SwiperComponent from "react-native-web-swiper";
-const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", prevTitleColor, nextTitleColor, dotsTouchable = true, dotColor, dotActiveColor, data, keyExtractor, renderItem, children: childrenProp, onIndexChanged: onIndexChangedProp, onSwipe, onSwipedNext, onSwipedPrevious, style, }) => {
-    var _a;
-    const [currentIndex, setCurrentIndex] = React.useState(0);
-    const numberOfItems = (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : React.Children.count(childrenProp);
-    const swiperRef = React.useRef(null);
-    const onIndexChanged = (index) => {
-        const previous = currentIndex;
-        const current = index;
-        onIndexChangedProp === null || onIndexChangedProp === void 0 ? void 0 : onIndexChangedProp(index);
-        setCurrentIndex(index);
-        if (previous === numberOfItems - 1 && current === 0) {
-            //Last -> first swipe
-            onSwipedNext === null || onSwipedNext === void 0 ? void 0 : onSwipedNext(previous);
-        }
-        else if (previous === 0 && current === numberOfItems - 1) {
-            //First -> last swipe
-            onSwipedPrevious === null || onSwipedPrevious === void 0 ? void 0 : onSwipedPrevious(previous);
-        }
-        else if (current > previous) {
-            onSwipedNext === null || onSwipedNext === void 0 ? void 0 : onSwipedNext(previous);
-        }
-        else if (current < previous) {
-            onSwipedPrevious === null || onSwipedPrevious === void 0 ? void 0 : onSwipedPrevious(previous);
-        }
-        onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe(previous);
-    };
-    const children = React.useMemo(() => Array.isArray(data) && renderItem
-        ? data.map((item, index) => {
-            const component = renderItem({ item, index });
-            if (!component) {
-                return null;
-            }
-            const key = keyExtractor ? keyExtractor(item, index) : index;
-            return React.cloneElement(component, {
-                key,
-            });
-        })
-        : childrenProp, [childrenProp, data, renderItem, keyExtractor]);
-    /*
-    react-native-web-swiper assigns it's 'children' attribute as follows: `children = (() => React.Children.toArray(this.props.children))();`
-    This is probelematic when state is involved due to anoynmous function effectivley creating new components everytime, losing any state
-    
-    This is a monkey patch that updates the 'children' attribute to just use the children from the props
-    Can be removed when/if https://github.com/reactrondev/react-native-web-swiper/pull/102 is merged
-    */
-    React.useEffect(() => {
-        var _a, _b;
-        const childrenArray = React.Children.toArray((_b = (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.children);
-        if (swiperRef.current) {
-            swiperRef.current.children = childrenArray;
-            swiperRef.current.count = childrenArray.length;
-            swiperRef.current.forceUpdate();
-        }
-    }, [children]);
-    return (React.createElement(View, { style: style },
-        React.createElement(SwiperComponent, { ref: swiperRef, from: from, loop: loop, timeout: timeout, vertical: vertical, onIndexChanged: onIndexChanged, controlsProps: {
-                prevTitle,
-                nextTitle,
-                prevTitleStyle: { color: prevTitleColor },
-                nextTitleStyle: { color: nextTitleColor },
-                dotsTouchable,
-                ...(dotColor
-                    ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
-                    : {}),
-                ...(dotActiveColor
-                    ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
-                    : {}),
-            } }, children)));
-};
-export default Swiper;
+import React from "react";
+import { View } from "react-native";
+import SwiperComponent from "react-native-web-swiper";
+const Swiper = ({ vertical = false, loop = false, timeout = 0, from = 0, prevTitle = "", nextTitle = "", prevTitleColor, nextTitleColor, dotsTouchable = true, dotColor, dotActiveColor, data, keyExtractor, renderItem, children: childrenProp, onIndexChanged: onIndexChangedProp, onSwipe, onSwipedNext, onSwipedPrevious, style, }) => {
+    var _a;
+    const [currentIndex, setCurrentIndex] = React.useState(0);
+    const numberOfItems = (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : React.Children.count(childrenProp);
+    const swiperRef = React.useRef(null);
+    const onIndexChanged = (index) => {
+        const previous = currentIndex;
+        const current = index;
+        onIndexChangedProp === null || onIndexChangedProp === void 0 ? void 0 : onIndexChangedProp(index);
+        setCurrentIndex(index);
+        if (previous === numberOfItems - 1 && current === 0) {
+            //Last -> first swipe
+            onSwipedNext === null || onSwipedNext === void 0 ? void 0 : onSwipedNext(previous);
+        }
+        else if (previous === 0 && current === numberOfItems - 1) {
+            //First -> last swipe
+            onSwipedPrevious === null || onSwipedPrevious === void 0 ? void 0 : onSwipedPrevious(previous);
+        }
+        else if (current > previous) {
+            onSwipedNext === null || onSwipedNext === void 0 ? void 0 : onSwipedNext(previous);
+        }
+        else if (current < previous) {
+            onSwipedPrevious === null || onSwipedPrevious === void 0 ? void 0 : onSwipedPrevious(previous);
+        }
+        onSwipe === null || onSwipe === void 0 ? void 0 : onSwipe(previous);
+    };
+    const children = React.useMemo(() => Array.isArray(data) && renderItem
+        ? data.map((item, index) => {
+            const component = renderItem({ item, index });
+            if (!component) {
+                return null;
+            }
+            const key = keyExtractor ? keyExtractor(item, index) : index;
+            return React.cloneElement(component, {
+                key,
+            });
+        })
+        : childrenProp, [childrenProp, data, renderItem, keyExtractor]);
+    /*
+    react-native-web-swiper assigns it's 'children' attribute as follows: `children = (() => React.Children.toArray(this.props.children))();`
+    This is probelematic when state is involved due to anoynmous function effectivley creating new components everytime, losing any state
+    
+    This is a monkey patch that updates the 'children' attribute to just use the children from the props
+    Can be removed when/if https://github.com/reactrondev/react-native-web-swiper/pull/102 is merged
+    */
+    React.useEffect(() => {
+        var _a, _b;
+        const childrenArray = React.Children.toArray((_b = (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.children);
+        if (swiperRef.current) {
+            swiperRef.current.children = childrenArray;
+            swiperRef.current.count = childrenArray.length;
+            swiperRef.current.forceUpdate();
+        }
+    }, [children]);
+    return (React.createElement(View, { style: style },
+        React.createElement(SwiperComponent, { ref: swiperRef, from: from, loop: loop, timeout: timeout, vertical: vertical, onIndexChanged: onIndexChanged, controlsProps: {
+                prevTitle,
+                nextTitle,
+                prevTitleStyle: { color: prevTitleColor },
+                nextTitleStyle: { color: nextTitleColor },
+                dotsTouchable,
+                ...(dotColor
+                    ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }
+                    : {}),
+                ...(dotActiveColor
+                    ? { dotActiveStyle: { backgroundColor: dotActiveColor } }
+                    : {}),
+            } }, children)));
+};
+export default Swiper;
 //# sourceMappingURL=Swiper.js.map

package/lib/typescript/src/components/Swiper/SwiperItem.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { StyleProp, ViewStyle } from "react-native";
-export interface SwiperProps {
-    children: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-}
-declare const SwiperItem: ({ children, style }: SwiperProps) => JSX.Element;
-export default SwiperItem;
+import React from "react";
+import { StyleProp, ViewStyle } from "react-native";
+export interface SwiperProps {
+    children: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+declare const SwiperItem: ({ children, style }: SwiperProps) => JSX.Element;
+export default SwiperItem;

package/lib/typescript/src/components/Swiper/SwiperItem.js

@@ -1,10 +1,10 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-const styles = StyleSheet.create({
-    wrapper: {
-        flex: 1,
-    },
-});
-const SwiperItem = ({ children, style }) => (React.createElement(View, { style: [styles.wrapper, style] }, children));
-export default SwiperItem;
+import React from "react";
+import { View, StyleSheet } from "react-native";
+const styles = StyleSheet.create({
+    wrapper: {
+        flex: 1,
+    },
+});
+const SwiperItem = ({ children, style }) => (React.createElement(View, { style: [styles.wrapper, style] }, children));
+export default SwiperItem;
 //# sourceMappingURL=SwiperItem.js.map

package/lib/typescript/src/components/Swiper/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Swiper } from "./Swiper";
-export { default as SwiperItem } from "./SwiperItem";
+export { default as Swiper } from "./Swiper";
+export { default as SwiperItem } from "./SwiperItem";

package/lib/typescript/src/components/Swiper/index.js

@@ -1,3 +1,3 @@
-export { default as Swiper } from "./Swiper";
-export { default as SwiperItem } from "./SwiperItem";
+export { default as Swiper } from "./Swiper";
+export { default as SwiperItem } from "./SwiperItem";
 //# sourceMappingURL=index.js.map

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

@@ -1,50 +1,50 @@
-import * as React from "react";
-import { SwitchProps, StyleProp, ViewStyle } from "react-native";
-import { RowDirection } from "@draftbit/types";
-import type { Theme } from "../styles/DefaultTheme";
-declare type Props = {
-    value?: boolean;
-    disabled?: boolean;
-    onValueChange?: (value: boolean) => void;
-    defaultValue?: boolean;
-    theme: Theme;
-    activeTrackColor: string;
-    inactiveTrackColor: string;
-    activeThumbColor: string;
-    inactiveThumbColor: string;
-} & SwitchProps;
-declare function Switch({ value, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, style, ...rest }: Props): JSX.Element;
-declare type RowProps = {
-    label: string;
-    direction: RowDirection;
-    style?: StyleProp<ViewStyle>;
-};
-declare function Row({ label, direction, style, value, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, ...rest }: Props & RowProps): JSX.Element;
-declare const SwitchRow: React.ComponentType<import("@draftbit/react-theme-provider").$Without<{
-    value?: boolean | undefined;
-    disabled?: boolean | undefined;
-    onValueChange?: ((value: boolean) => void) | undefined;
-    defaultValue?: boolean | undefined;
-    theme: Theme;
-    activeTrackColor: string;
-    inactiveTrackColor: string;
-    activeThumbColor: string;
-    inactiveThumbColor: string;
-} & SwitchProps & RowProps, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<{
-    value?: boolean | undefined;
-    disabled?: boolean | undefined;
-    onValueChange?: ((value: boolean) => void) | undefined;
-    defaultValue?: boolean | undefined;
-    theme: Theme;
-    activeTrackColor: string;
-    inactiveTrackColor: string;
-    activeThumbColor: string;
-    inactiveThumbColor: string;
-} & SwitchProps & RowProps> & typeof Row, {}>;
-export { SwitchRow };
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & typeof Switch, {}>;
-export default _default;
+import * as React from "react";
+import { SwitchProps, StyleProp, ViewStyle } from "react-native";
+import { RowDirection } from "@draftbit/types";
+import type { Theme } from "../styles/DefaultTheme";
+declare type Props = {
+    value?: boolean;
+    disabled?: boolean;
+    onValueChange?: (value: boolean) => void;
+    defaultValue?: boolean;
+    theme: Theme;
+    activeTrackColor: string;
+    inactiveTrackColor: string;
+    activeThumbColor: string;
+    inactiveThumbColor: string;
+} & SwitchProps;
+declare function Switch({ value, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, style, ...rest }: Props): JSX.Element;
+declare type RowProps = {
+    label: string;
+    direction: RowDirection;
+    style?: StyleProp<ViewStyle>;
+};
+declare function Row({ label, direction, style, value, defaultValue, disabled, onValueChange, activeTrackColor, inactiveTrackColor, activeThumbColor, inactiveThumbColor, theme, ...rest }: Props & RowProps): JSX.Element;
+declare const SwitchRow: React.ComponentType<import("@draftbit/react-theme-provider").$Without<{
+    value?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onValueChange?: ((value: boolean) => void) | undefined;
+    defaultValue?: boolean | undefined;
+    theme: Theme;
+    activeTrackColor: string;
+    inactiveTrackColor: string;
+    activeThumbColor: string;
+    inactiveThumbColor: string;
+} & SwitchProps & RowProps, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<{
+    value?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onValueChange?: ((value: boolean) => void) | undefined;
+    defaultValue?: boolean | undefined;
+    theme: Theme;
+    activeTrackColor: string;
+    inactiveTrackColor: string;
+    activeThumbColor: string;
+    inactiveThumbColor: string;
+} & SwitchProps & RowProps> & typeof Row, {}>;
+export { SwitchRow };
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<Props, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<Props> & typeof Switch, {}>;
+export default _default;