@draftbit/core 48.5.6 → 48.5.7-cd0364.2

package/lib/typescript/src/deprecated-components/Layout.js

@@ -1,69 +1,69 @@
-import * as React from "react";
-import { View } from "react-native";
-/**
- * @deprecated DEPRECATED
- */
-export function Center({ width = 240, height = 200, children, bgColor, style, ...rest }) {
-    return (React.createElement(View, { style: [
-            {
-                justifyContent: "center",
-                alignItems: "center",
-                width,
-                height,
-                backgroundColor: bgColor,
-            },
-            style,
-        ], ...rest }, children));
-}
-/**
- * @deprecated DEPRECATED
- */
-export function Circle({ size = 50, bgColor, children, style, ...rest }) {
-    const borderRadius = 1000;
-    return (React.createElement(Center, { width: size, height: size, bgColor: bgColor, style: [
-            style,
-            { backgroundColor: bgColor, borderRadius, overflow: "hidden" },
-        ], ...rest }, children));
-}
-/**
- * @deprecated DEPRECATED
- */
-export function Square({ size = 50, bgColor, children, style, ...rest }) {
-    return (React.createElement(Center, { style: style, width: size, height: size, bgColor: bgColor, ...rest }, children));
-}
-/**
- * @deprecated DEPRECATED
- */
-export function Row({ justifyContent, alignItems, children, style, ...rest }) {
-    return (React.createElement(View, { style: [
-            style,
-            {
-                alignItems,
-                flexDirection: "row",
-                justifyContent: justifyContent,
-            },
-        ], ...rest }, children));
-}
-/**
- * @deprecated DEPRECATED
- */
-export function Spacer({ top = 8, right = 8, bottom = 8, left = 8, children, style, ...rest }) {
-    return (React.createElement(View, { style: [
-            style,
-            {
-                paddingRight: right,
-                paddingTop: top,
-                paddingLeft: left,
-                paddingBottom: bottom,
-            },
-        ], ...rest }, children));
-}
-/**
- * @deprecated DEPRECATED
- */
-export function Stack({ children, justifyContent = "flex-start", alignItems = "flex-start", style, ...rest }) {
-    return (
-    // style must go first since we don't want justifyContent, alignItems overridden
-    React.createElement(View, { style: [style, { justifyContent, alignItems }], ...rest }, children));
-}
+import * as React from "react";
+import { View } from "react-native";
+/**
+ * @deprecated DEPRECATED
+ */
+export function Center({ width = 240, height = 200, children, bgColor, style, ...rest }) {
+    return (React.createElement(View, { style: [
+            {
+                justifyContent: "center",
+                alignItems: "center",
+                width,
+                height,
+                backgroundColor: bgColor,
+            },
+            style,
+        ], ...rest }, children));
+}
+/**
+ * @deprecated DEPRECATED
+ */
+export function Circle({ size = 50, bgColor, children, style, ...rest }) {
+    const borderRadius = 1000;
+    return (React.createElement(Center, { width: size, height: size, bgColor: bgColor, style: [
+            style,
+            { backgroundColor: bgColor, borderRadius, overflow: "hidden" },
+        ], ...rest }, children));
+}
+/**
+ * @deprecated DEPRECATED
+ */
+export function Square({ size = 50, bgColor, children, style, ...rest }) {
+    return (React.createElement(Center, { style: style, width: size, height: size, bgColor: bgColor, ...rest }, children));
+}
+/**
+ * @deprecated DEPRECATED
+ */
+export function Row({ justifyContent, alignItems, children, style, ...rest }) {
+    return (React.createElement(View, { style: [
+            style,
+            {
+                alignItems,
+                flexDirection: "row",
+                justifyContent: justifyContent,
+            },
+        ], ...rest }, children));
+}
+/**
+ * @deprecated DEPRECATED
+ */
+export function Spacer({ top = 8, right = 8, bottom = 8, left = 8, children, style, ...rest }) {
+    return (React.createElement(View, { style: [
+            style,
+            {
+                paddingRight: right,
+                paddingTop: top,
+                paddingLeft: left,
+                paddingBottom: bottom,
+            },
+        ], ...rest }, children));
+}
+/**
+ * @deprecated DEPRECATED
+ */
+export function Stack({ children, justifyContent = "flex-start", alignItems = "flex-start", style, ...rest }) {
+    return (
+    // style must go first since we don't want justifyContent, alignItems overridden
+    React.createElement(View, { style: [style, { justifyContent, alignItems }], ...rest }, children));
+}
 //# sourceMappingURL=Layout.js.map

package/lib/typescript/src/deprecated-components/ProgressBar.d.ts

@@ -1,37 +1,37 @@
-import React, { Component } from "react";
-import { Animated, ViewProps, StyleProp, ViewStyle, LayoutChangeEvent } from "react-native";
-declare type Props = {
-    borderColor?: string;
-    borderRadius?: number;
-    borderWidth?: number;
-    children?: React.ReactNode;
-    color?: string;
-    height?: number;
-    style?: StyleProp<ViewStyle>;
-    unfilledColor?: string;
-    width?: number;
-    animated?: boolean;
-    indeterminate?: boolean;
-    indeterminateAnimationDuration?: number;
-    progress?: number;
-    useNativeDriver?: boolean;
-    animationConfig?: Animated.AnimationConfig;
-    animationType?: "decay" | "timing" | "spring";
-} & ViewProps;
-interface State {
-    width: number;
-    progress: Animated.Value;
-    animationValue: Animated.Value;
-}
-/**
- * @deprecated DEPRECATED
- */
-export default class ProgressBar extends Component<Props, State> {
-    constructor(props: Props);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Props): void;
-    handleLayout: (event: LayoutChangeEvent) => void;
-    animate(): void;
-    render(): JSX.Element;
-}
-export {};
+import React, { Component } from "react";
+import { Animated, ViewProps, StyleProp, ViewStyle, LayoutChangeEvent } from "react-native";
+declare type Props = {
+    borderColor?: string;
+    borderRadius?: number;
+    borderWidth?: number;
+    children?: React.ReactNode;
+    color?: string;
+    height?: number;
+    style?: StyleProp<ViewStyle>;
+    unfilledColor?: string;
+    width?: number;
+    animated?: boolean;
+    indeterminate?: boolean;
+    indeterminateAnimationDuration?: number;
+    progress?: number;
+    useNativeDriver?: boolean;
+    animationConfig?: Animated.AnimationConfig;
+    animationType?: "decay" | "timing" | "spring";
+} & ViewProps;
+interface State {
+    width: number;
+    progress: Animated.Value;
+    animationValue: Animated.Value;
+}
+/**
+ * @deprecated DEPRECATED
+ */
+export default class ProgressBar extends Component<Props, State> {
+    constructor(props: Props);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Props): void;
+    handleLayout: (event: LayoutChangeEvent) => void;
+    animate(): void;
+    render(): JSX.Element;
+}
+export {};

package/lib/typescript/src/deprecated-components/ProgressBar.js

@@ -1,122 +1,122 @@
-import React, { Component } from "react";
-import { Animated, Easing, View, I18nManager, } from "react-native";
-const INDETERMINATE_WIDTH_FACTOR = 0.3;
-const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
-/**
- * @deprecated DEPRECATED
- */
-export default class ProgressBar extends Component {
-    constructor(props) {
-        super(props);
-        this.handleLayout = (event) => {
-            const { width = 150, onLayout } = this.props;
-            if (!width) {
-                this.setState({ width: event.nativeEvent.layout.width });
-            }
-            if (onLayout) {
-                onLayout(event);
-            }
-        };
-        const { progress: progressP = 0, indeterminate = false } = props;
-        const progress = Math.min(Math.max(progressP, 0), 1);
-        this.state = {
-            width: 0,
-            progress: new Animated.Value(indeterminate ? INDETERMINATE_WIDTH_FACTOR : progress),
-            animationValue: new Animated.Value(BAR_WIDTH_ZERO_POSITION),
-        };
-    }
-    componentDidMount() {
-        const { indeterminate = false } = this.props;
-        if (indeterminate) {
-            this.animate();
-        }
-    }
-    componentDidUpdate(prevProps) {
-        const { indeterminate = false, useNativeDriver = false, progress: progressP = 0, animationType = "spring", animationConfig = { bounciness: 0 }, animated = true, } = this.props;
-        if (prevProps.indeterminate !== indeterminate) {
-            if (indeterminate) {
-                this.animate();
-            }
-            else {
-                Animated.spring(this.state.animationValue, {
-                    toValue: BAR_WIDTH_ZERO_POSITION,
-                    useNativeDriver,
-                }).start();
-            }
-        }
-        if (prevProps.indeterminate !== indeterminate ||
-            prevProps.progress !== progressP) {
-            const progress = this.props.indeterminate
-                ? INDETERMINATE_WIDTH_FACTOR
-                : Math.min(Math.max(progressP, 0), 1);
-            if (animated) {
-                Animated[animationType](this.state.progress, {
-                    ...animationConfig,
-                    toValue: progress,
-                    velocity: 0,
-                    useNativeDriver,
-                }).start();
-            }
-            else {
-                this.state.progress.setValue(progress);
-            }
-        }
-    }
-    animate() {
-        const { useNativeDriver = false, indeterminateAnimationDuration = 1000 } = this.props;
-        this.state.animationValue.setValue(0);
-        Animated.timing(this.state.animationValue, {
-            toValue: 1,
-            duration: indeterminateAnimationDuration,
-            easing: Easing.linear,
-            isInteraction: false,
-            useNativeDriver,
-        }).start((endState) => {
-            if (endState.finished) {
-                this.animate();
-            }
-        });
-    }
-    render() {
-        const { borderColor, borderRadius = 4, borderWidth = 1, children, color = "rgba(0, 122, 255, 1)", style, unfilledColor, width = 150, ...restProps } = this.props;
-        const innerWidth = Math.max(0, width || this.state.width) - borderWidth * 2;
-        const containerStyle = {
-            width,
-            borderWidth,
-            borderColor: borderColor || color,
-            borderRadius,
-            overflow: "hidden",
-            backgroundColor: unfilledColor,
-        };
-        const progressStyle = {
-            backgroundColor: color,
-            // Always take up full height of container.
-            height: "100%",
-            transform: [
-                {
-                    translateX: this.state.animationValue.interpolate({
-                        inputRange: [0, 1],
-                        outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth],
-                    }),
-                },
-                {
-                    translateX: this.state.progress.interpolate({
-                        inputRange: [0, 1],
-                        outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0],
-                    }),
-                },
-                {
-                    // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
-                    scaleX: this.state.progress.interpolate({
-                        inputRange: [0, 1],
-                        outputRange: [0.0001, 1],
-                    }),
-                },
-            ],
-        };
-        return (React.createElement(View, { style: [containerStyle, style], onLayout: this.handleLayout, ...restProps },
-            React.createElement(Animated.View, { style: progressStyle }),
-            children));
-    }
-}
+import React, { Component } from "react";
+import { Animated, Easing, View, I18nManager, } from "react-native";
+const INDETERMINATE_WIDTH_FACTOR = 0.3;
+const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
+/**
+ * @deprecated DEPRECATED
+ */
+export default class ProgressBar extends Component {
+    constructor(props) {
+        super(props);
+        this.handleLayout = (event) => {
+            const { width = 150, onLayout } = this.props;
+            if (!width) {
+                this.setState({ width: event.nativeEvent.layout.width });
+            }
+            if (onLayout) {
+                onLayout(event);
+            }
+        };
+        const { progress: progressP = 0, indeterminate = false } = props;
+        const progress = Math.min(Math.max(progressP, 0), 1);
+        this.state = {
+            width: 0,
+            progress: new Animated.Value(indeterminate ? INDETERMINATE_WIDTH_FACTOR : progress),
+            animationValue: new Animated.Value(BAR_WIDTH_ZERO_POSITION),
+        };
+    }
+    componentDidMount() {
+        const { indeterminate = false } = this.props;
+        if (indeterminate) {
+            this.animate();
+        }
+    }
+    componentDidUpdate(prevProps) {
+        const { indeterminate = false, useNativeDriver = false, progress: progressP = 0, animationType = "spring", animationConfig = { bounciness: 0 }, animated = true, } = this.props;
+        if (prevProps.indeterminate !== indeterminate) {
+            if (indeterminate) {
+                this.animate();
+            }
+            else {
+                Animated.spring(this.state.animationValue, {
+                    toValue: BAR_WIDTH_ZERO_POSITION,
+                    useNativeDriver,
+                }).start();
+            }
+        }
+        if (prevProps.indeterminate !== indeterminate ||
+            prevProps.progress !== progressP) {
+            const progress = this.props.indeterminate
+                ? INDETERMINATE_WIDTH_FACTOR
+                : Math.min(Math.max(progressP, 0), 1);
+            if (animated) {
+                Animated[animationType](this.state.progress, {
+                    ...animationConfig,
+                    toValue: progress,
+                    velocity: 0,
+                    useNativeDriver,
+                }).start();
+            }
+            else {
+                this.state.progress.setValue(progress);
+            }
+        }
+    }
+    animate() {
+        const { useNativeDriver = false, indeterminateAnimationDuration = 1000 } = this.props;
+        this.state.animationValue.setValue(0);
+        Animated.timing(this.state.animationValue, {
+            toValue: 1,
+            duration: indeterminateAnimationDuration,
+            easing: Easing.linear,
+            isInteraction: false,
+            useNativeDriver,
+        }).start((endState) => {
+            if (endState.finished) {
+                this.animate();
+            }
+        });
+    }
+    render() {
+        const { borderColor, borderRadius = 4, borderWidth = 1, children, color = "rgba(0, 122, 255, 1)", style, unfilledColor, width = 150, ...restProps } = this.props;
+        const innerWidth = Math.max(0, width || this.state.width) - borderWidth * 2;
+        const containerStyle = {
+            width,
+            borderWidth,
+            borderColor: borderColor || color,
+            borderRadius,
+            overflow: "hidden",
+            backgroundColor: unfilledColor,
+        };
+        const progressStyle = {
+            backgroundColor: color,
+            // Always take up full height of container.
+            height: "100%",
+            transform: [
+                {
+                    translateX: this.state.animationValue.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth],
+                    }),
+                },
+                {
+                    translateX: this.state.progress.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0],
+                    }),
+                },
+                {
+                    // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
+                    scaleX: this.state.progress.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: [0.0001, 1],
+                    }),
+                },
+            ],
+        };
+        return (React.createElement(View, { style: [containerStyle, style], onLayout: this.handleLayout, ...restProps },
+            React.createElement(Animated.View, { style: progressStyle }),
+            children));
+    }
+}
 //# sourceMappingURL=ProgressBar.js.map

package/lib/typescript/src/deprecated-components/ProgressCircle.d.ts

@@ -1,20 +1,20 @@
-import * as React from "react";
-import { StyleProp, ViewStyle, TextStyle } from "react-native";
-import themeT from "../styles/DefaultTheme";
-import { colorTypes } from "@draftbit/types";
-declare type Props = {
-    progress?: number;
-    style?: StyleProp<ViewStyle>;
-    color?: colorTypes;
-    size?: number;
-    showsText?: boolean;
-    unfilledColor?: colorTypes;
-    strokeCap?: "butt" | "square" | "round" | undefined;
-    textStyle?: StyleProp<TextStyle>;
-    thickness?: number;
-    theme: typeof themeT;
-};
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
+import * as React from "react";
+import { StyleProp, ViewStyle, TextStyle } from "react-native";
+import themeT from "../styles/DefaultTheme";
+import { colorTypes } from "@draftbit/types";
+declare type Props = {
+    progress?: number;
+    style?: StyleProp<ViewStyle>;
+    color?: colorTypes;
+    size?: number;
+    showsText?: boolean;
+    unfilledColor?: colorTypes;
+    strokeCap?: "butt" | "square" | "round" | undefined;
+    textStyle?: StyleProp<TextStyle>;
+    thickness?: number;
+    theme: typeof themeT;
+};
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;

package/lib/typescript/src/deprecated-components/ProgressCircle.js

@@ -1,17 +1,17 @@
-import * as React from "react";
-import { Text } from "react-native";
-import AnimatedCircularProgress from "./AnimatedCircularProgress";
-import { withTheme } from "../theming";
-/**
- * @deprecated DEPRECATED
- */
-const ProgressCircle = ({ progress = 0.5, style, color = "primary", size = 100, showsText = true, unfilledColor, strokeCap = "butt", textStyle, thickness = 1, theme, }) => {
-    const progressNum = Math.round(progress * 100);
-    const tintColor = color || theme.colors.primary;
-    const backgroundColor = unfilledColor || theme.colors.secondary;
-    return (React.createElement(AnimatedCircularProgress, { size: size, width: thickness, backgroundWidth: thickness, fill: progressNum, tintColor: tintColor, backgroundColor: backgroundColor, rotation: 0, lineCap: strokeCap, style: style }, (fill) => showsText ? (React.createElement(Text, { style: [{ fontSize: size * 0.275, color: tintColor }, textStyle] },
-        Math.round(fill),
-        "%")) : null));
-};
-export default withTheme(ProgressCircle);
+import * as React from "react";
+import { Text } from "react-native";
+import AnimatedCircularProgress from "./AnimatedCircularProgress";
+import { withTheme } from "../theming";
+/**
+ * @deprecated DEPRECATED
+ */
+const ProgressCircle = ({ progress = 0.5, style, color = "primary", size = 100, showsText = true, unfilledColor, strokeCap = "butt", textStyle, thickness = 1, theme, }) => {
+    const progressNum = Math.round(progress * 100);
+    const tintColor = color || theme.colors.primary;
+    const backgroundColor = unfilledColor || theme.colors.secondary;
+    return (React.createElement(AnimatedCircularProgress, { size: size, width: thickness, backgroundWidth: thickness, fill: progressNum, tintColor: tintColor, backgroundColor: backgroundColor, rotation: 0, lineCap: strokeCap, style: style }, (fill) => showsText ? (React.createElement(Text, { style: [{ fontSize: size * 0.275, color: tintColor }, textStyle] },
+        Math.round(fill),
+        "%")) : null));
+};
+export default withTheme(ProgressCircle);
 //# sourceMappingURL=ProgressCircle.js.map

package/lib/typescript/src/deprecated-components/RadioButtonFieldGroup.d.ts

@@ -1,12 +1,12 @@
-import React from "react";
-import { StyleProp, TextStyle, ViewStyle } from "react-native";
-import { RadioButtonGroupProps } from "../components/RadioButton/RadioButtonGroup";
-interface Props extends RadioButtonGroupProps {
-    label?: string;
-    labelStyle?: StyleProp<TextStyle>;
-    style?: StyleProp<ViewStyle>;
-}
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
+import React from "react";
+import { StyleProp, TextStyle, ViewStyle } from "react-native";
+import { RadioButtonGroupProps } from "../components/RadioButton/RadioButtonGroup";
+interface Props extends RadioButtonGroupProps {
+    label?: string;
+    labelStyle?: StyleProp<TextStyle>;
+    style?: StyleProp<ViewStyle>;
+}
+declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
+    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;

package/lib/typescript/src/deprecated-components/RadioButtonFieldGroup.js

@@ -1,21 +1,21 @@
-import React from "react";
-import { View } from "react-native";
-import Text from "../components/Text";
-import { withTheme } from "../theming";
-import RadioButtonGroup from "../components/RadioButton/RadioButtonGroup";
-/**
- * @deprecated DEPRECATED
- */
-const RadioButtonFieldGroup = ({ label, children, theme, labelStyle, style, ...rest }) => {
-    return (React.createElement(View, { style: style },
-        React.createElement(Text, { style: [
-                {
-                    fontSize: theme.typography.headline4.fontSize,
-                    color: theme.typography.headline4.color,
-                },
-                labelStyle,
-            ] }, label),
-        React.createElement(RadioButtonGroup, { theme: theme, ...rest }, children)));
-};
-export default withTheme(RadioButtonFieldGroup);
+import React from "react";
+import { View } from "react-native";
+import Text from "../components/Text";
+import { withTheme } from "../theming";
+import RadioButtonGroup from "../components/RadioButton/RadioButtonGroup";
+/**
+ * @deprecated DEPRECATED
+ */
+const RadioButtonFieldGroup = ({ label, children, theme, labelStyle, style, ...rest }) => {
+    return (React.createElement(View, { style: style },
+        React.createElement(Text, { style: [
+                {
+                    fontSize: theme.typography.headline4.fontSize,
+                    color: theme.typography.headline4.color,
+                },
+                labelStyle,
+            ] }, label),
+        React.createElement(RadioButtonGroup, { theme: theme, ...rest }, children)));
+};
+export default withTheme(RadioButtonFieldGroup);
 //# sourceMappingURL=RadioButtonFieldGroup.js.map

package/lib/typescript/src/deprecated-components/RowBodyIcon.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-import { StyleProp, ViewStyle } from "react-native";
-declare type Props = {
-    title?: string;
-    subtitle?: string;
-    icon: string;
-    style?: StyleProp<ViewStyle>;
-    theme: Theme;
-} & 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;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
-export default _default;
+import * as React from "react";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+import { StyleProp, ViewStyle } from "react-native";
+declare type Props = {
+    title?: string;
+    subtitle?: string;
+    icon: string;
+    style?: StyleProp<ViewStyle>;
+    theme: Theme;
+} & 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;
+}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
+export default _default;