@draftbit/core 48.4.8-f6d6b8.2 → 48.4.8-fa5021.2

package/src/deprecated-components/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAa,UAAU,EAAa,MAAM,cAAc,CAAC;AAChE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAoBlD;;GAEG;AACH,MAAM,YAAY,GAA6C,CAAC,EAC9D,IAAI,EACJ,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,SAAS,EACjB,cAAc,GAAG,SAAS,EAC1B,WAAW,GAAG,SAAS,EACvB,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACtD,OAAO,IAAI,YAAY,IAAI,KAAK,CACjC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;QACjC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAC7D,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;YACL,MAAM,CAAC,aAAa;YACpB;gBACE,KAAK;gBACL,MAAM;gBACN,eAAe,EAAE,aAAa;oBAC5B,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;oBACxB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACjB,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC;aACjC;YACD,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,YAAY,CAAC,CAAC"}

package/src/hooks.js

@@ -0,0 +1,25 @@
+import React from "react";
+export function usePrevious(value) {
+    // The ref object is a generic container whose current property is mutable
+    // and can hold any value, similar to an instance property on a class
+    const ref = React.useRef();
+    // Store current value in ref
+    React.useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    // Return previous value (happens before update in useEffect above)
+    return ref.current;
+}
+export const useDebounce = (value, delay) => {
+    const [debouncedValue, setDebouncedValue] = React.useState(value);
+    React.useEffect(() => {
+        const hanlder = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        return () => {
+            clearTimeout(hanlder);
+        };
+    }, [value, delay]);
+    return debouncedValue;
+};
+//# sourceMappingURL=hooks.js.map

package/src/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,WAAW,CAAC,KAAU;IACpC,0EAA0E;IAC1E,qEAAqE;IACrE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE3B,6BAA6B;IAC7B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,mEAAmE;IACnE,OAAO,GAAG,CAAC,OAAO,CAAC;AACrB,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAE,KAAa,EAAK,EAAE;IAC3D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}

package/src/index.js

@@ -0,0 +1,66 @@
+export { flattenReactFragments } from "./utilities";
+export { injectIcon } from "./interfaces/Icon";
+export { withTheme, ThemeProvider } from "./theming";
+export { default as Provider } from "./Provider";
+export { default as DefaultTheme } from "./styles/DefaultTheme";
+export { Link } from "./components/Text";
+export { Button } from "./components/Button";
+export { Checkbox, CheckboxRow } from "./components/Checkbox";
+export { default as Divider } from "./components/Divider";
+export { default as IconButton } from "./components/IconButton";
+export { default as Image } from "./components/Image";
+export { default as SVG } from "./components/SVG";
+export { default as NumberInput } from "./components/NumberInput";
+export { default as ScreenContainer } from "./components/ScreenContainer";
+export { default as StarRating } from "./components/StarRating";
+export { default as Surface } from "./components/Surface";
+export { default as Switch, SwitchRow } from "./components/Switch";
+export { default as TextField } from "./components/TextField";
+export { default as Touchable } from "./components/Touchable";
+export { default as Pressable } from "./components/Pressable";
+export { default as AccordionGroup } from "./components/AccordionGroup";
+export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
+export { Swiper, SwiperItem } from "./components/Swiper";
+export { RadioButton, RadioButtonGroup, RadioButtonRow, } from "./components/RadioButton/index";
+export { default as Shadow } from "./components/Shadow";
+export { DeckSwiper, DeckSwiperCard } from "./components/DeckSwiper";
+export { TabView, TabViewItem } from "./components/TabView";
+export { default as Markdown } from "./components/Markdown";
+export { BottomSheet } from "./components/BottomSheet";
+export { YoutubePlayer } from "./components/YoutubePlayer";
+export { Table, TableRow, TableCell } from "./components/Table";
+export { SwipeableItem, SwipeableItemButton, SwipeableList, } from "./components/SwipeableItem";
+export { default as AudioPlayer, } from "./components/MediaPlayer/AudioPlayer";
+export { default as DatePicker } from "./components/DatePicker/DatePicker";
+export { default as Picker } from "./components/Picker/Picker";
+export { default as Slider } from "./components/Slider";
+export { default as Stepper } from "./components/Stepper";
+export { SectionList, SectionHeader } from "./components/SectionList";
+export { default as LinearProgress } from "./components/Progress/LinearProgress";
+export { default as CircularProgress } from "./components/Progress/CircularProgress";
+export { default as TextInput } from "./components/TextInput";
+export { default as VideoPlayer, } from "./components/MediaPlayer/VideoPlayer";
+export { PinInput, CustomPinInputCell, PinInputText as CustomPinInputText, } from "./components/PinInput";
+export { AspectRatio, Circle, Center, HStack, VStack, ZStack, Spacer, Square, } from "./components/Layout";
+/* Deprecated: Fix or Delete!  */
+export { default as AccordionItem } from "./deprecated-components/AccordionItem";
+export { default as AvatarEdit } from "./deprecated-components/AvatarEdit";
+export { default as Avatar } from "./deprecated-components/CircleImage";
+export { default as Banner } from "./deprecated-components/Banner";
+export { ButtonSolid, ButtonOutline } from "./components/Button";
+export { default as Card } from "./deprecated-components/Card";
+export { default as CheckboxGroup } from "./deprecated-components/CheckboxGroup";
+export { default as CircleImage } from "./deprecated-components/CircleImage";
+export { default as Container } from "./deprecated-components/Container";
+export { default as FAB } from "./deprecated-components/FAB";
+export { default as FieldSearchBarFull } from "./deprecated-components/FieldSearchBarFull";
+export { Center as DeprecatedCenter, Circle as DeprecatedCircle, Square as DeprecatedSquare, Row, Stack, } from "./deprecated-components/Layout";
+export { default as ToggleButton } from "./deprecated-components/ToggleButton";
+export { default as ProgressBar } from "./deprecated-components/ProgressBar";
+export { default as ProgressCircle } from "./deprecated-components/ProgressCircle";
+export { default as RadioButtonFieldGroup } from "./deprecated-components/RadioButtonFieldGroup";
+export { default as RowBodyIcon } from "./deprecated-components/RowBodyIcon";
+export { default as RowHeadlineImageCaption } from "./deprecated-components/RowHeadlineImageCaption";
+export { default as RowHeadlineImageIcon } from "./deprecated-components/RowHeadlineImageIcon";
+export { useAuthState } from "./components/useAuthState";
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"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"}

package/src/interfaces/Icon.js

@@ -0,0 +1,9 @@
+/**
+ * This is an interface for a hybrid component.
+ *
+ * Its public implementation is `@draftbit/native`, and it is injected inside
+ * `@draftbit/ui`.
+ */
+import React from "react";
+export const injectIcon = (Component, Icon) => React.forwardRef((props, ref) => React.createElement(Component, { ...props, Icon, ref }));
+//# sourceMappingURL=Icon.js.map

package/src/interfaces/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["Icon.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,SAAiC,EACjC,IAAW,EACX,EAAE,CACF,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CACxD,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,GAAI,KAAW,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAC/D,CAAC"}

package/src/styles/DarkTheme.js

@@ -0,0 +1,27 @@
+// @ts-nocheck
+import color from "color";
+import DefaultTheme from "./DefaultTheme";
+const white = "#FFF";
+const black = "#000";
+const pinkA100 = "#ff80ab";
+const DarkTheme = {
+    ...DefaultTheme,
+    dark: true,
+    mode: "adaptive",
+    colors: {
+        ...DefaultTheme.colors,
+        primary: "#BB86FC",
+        background: "#121212",
+        surface: "#121212",
+        error: "#CF6679",
+        onBackground: "#FFFFFF",
+        onSurface: "#FFFFFF",
+        text: white,
+        disabled: color(white).alpha(0.38).rgb().string(),
+        placeholder: color(white).alpha(0.54).rgb().string(),
+        backdrop: color(black).alpha(0.5).rgb().string(),
+        notification: pinkA100,
+    },
+};
+export default DarkTheme;
+//# sourceMappingURL=DarkTheme.js.map

package/src/styles/DarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DarkTheme.js","sourceRoot":"","sources":["DarkTheme.tsx"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAG1C,MAAM,KAAK,GAAG,MAAM,CAAC;AACrB,MAAM,KAAK,GAAG,MAAM,CAAC;AACrB,MAAM,QAAQ,GAAG,SAAS,CAAC;AAE3B,MAAM,SAAS,GAAU;IACvB,GAAG,YAAY;IACf,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE;QACN,GAAG,YAAY,CAAC,MAAM;QACtB,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,SAAS;QACvB,SAAS,EAAE,SAAS;QACpB,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE;QACjD,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE;QACpD,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE;QAChD,YAAY,EAAE,QAAQ;KACvB;CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/src/styles/DefaultTheme.js

@@ -0,0 +1,112 @@
+import { systemWeights } from "react-native-typography";
+import configureFonts from "./fonts";
+const DefaultTheme = {
+    disabledOpacity: 0.5,
+    roundness: 8,
+    dark: false,
+    mode: "exact",
+    borderRadius: {
+        global: 6,
+        button: 24,
+    },
+    colors: {
+        primary: "rgba(90, 69, 255, 1)",
+        secondary: "rgba(59, 201, 234, 1)",
+        surface: "rgba(255, 255, 255, 1)",
+        background: "rgba(251, 252, 253, 1)",
+        error: "rgba(255, 69, 100, 1)",
+        divider: "rgba(200, 200, 200, 1)",
+        strong: "rgba(18, 20, 44, 1)",
+        medium: "rgba(70, 78, 88, 1)",
+        strongInverse: "rgba(255, 255, 255, 1)",
+        mediumInverse: "rgba(255, 255, 255, 0.87)",
+        lightInverse: "rgba(255, 255, 255, 0.68)",
+        light: "rgba(165, 173, 183, 1)",
+        text: "#000",
+        placeholder: "#333",
+        disabled: "rgba(0, 0, 0, 0.25)",
+    },
+    fonts: configureFonts(),
+    typography: {
+        headline1: {
+            ...systemWeights.regular,
+            fontSize: 60,
+            letterSpacing: 0,
+            lineHeight: 71,
+        },
+        headline2: {
+            ...systemWeights.regular,
+            fontSize: 48,
+            letterSpacing: 0,
+            lineHeight: 58,
+        },
+        headline3: {
+            ...systemWeights.regular,
+            fontSize: 34,
+            letterSpacing: 0,
+            lineHeight: 40,
+        },
+        headline4: {
+            ...systemWeights.regular,
+            fontSize: 24,
+            letterSpacing: 0,
+            lineHeight: 34,
+        },
+        headline5: {
+            ...systemWeights.regular,
+            fontSize: 20,
+            letterSpacing: 0,
+            lineHeight: 26,
+        },
+        subtitle1: {
+            ...systemWeights.regular,
+            fontSize: 16,
+            letterSpacing: 0,
+            lineHeight: 26,
+        },
+        subtitle2: {
+            ...systemWeights.regular,
+            fontSize: 14,
+            letterSpacing: 0,
+            lineHeight: 22,
+        },
+        body1: {
+            ...systemWeights.regular,
+            fontSize: 16,
+            letterSpacing: 0,
+            lineHeight: 26,
+        },
+        body2: {
+            ...systemWeights.regular,
+            fontSize: 14,
+            letterSpacing: 0,
+            lineHeight: 22,
+        },
+        button: {
+            ...systemWeights.regular,
+            fontSize: 14,
+            letterSpacing: 0,
+            lineHeight: 16,
+        },
+        caption: {
+            ...systemWeights.regular,
+            fontSize: 12,
+            letterSpacing: 0,
+            lineHeight: 16,
+        },
+        overline: {
+            ...systemWeights.regular,
+            fontSize: 12,
+            letterSpacing: 2,
+            lineHeight: 16,
+        },
+        headline6: {
+            ...systemWeights.regular,
+            fontSize: 16,
+            letterSpacing: 0,
+            lineHeight: 24,
+        },
+    },
+};
+export default DefaultTheme;
+//# sourceMappingURL=DefaultTheme.js.map

package/src/styles/DefaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultTheme.js","sourceRoot":"","sources":["DefaultTheme.tsx"],"names":[],"mappings":"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"}

package/src/styles/fonts.js

@@ -0,0 +1,63 @@
+/* https://github.com/callstack/react-native-paper/blob/main/src/styles/fonts.tsx */
+import { Platform } from "react-native";
+const fontConfig = {
+    web: {
+        regular: {
+            fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
+            fontWeight: "400",
+        },
+        medium: {
+            fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
+            fontWeight: "500",
+        },
+        light: {
+            fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
+            fontWeight: "300",
+        },
+        thin: {
+            fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
+            fontWeight: "100",
+        },
+    },
+    ios: {
+        regular: {
+            fontFamily: "System",
+            fontWeight: "400",
+        },
+        medium: {
+            fontFamily: "System",
+            fontWeight: "500",
+        },
+        light: {
+            fontFamily: "System",
+            fontWeight: "300",
+        },
+        thin: {
+            fontFamily: "System",
+            fontWeight: "100",
+        },
+    },
+    default: {
+        regular: {
+            fontFamily: "sans-serif",
+            fontWeight: "normal",
+        },
+        medium: {
+            fontFamily: "sans-serif-medium",
+            fontWeight: "normal",
+        },
+        light: {
+            fontFamily: "sans-serif-light",
+            fontWeight: "normal",
+        },
+        thin: {
+            fontFamily: "sans-serif-thin",
+            fontWeight: "normal",
+        },
+    },
+};
+export default function configureFonts(config) {
+    const fonts = Platform.select({ ...fontConfig, ...config });
+    return fonts;
+}
+//# sourceMappingURL=fonts.js.map

package/src/styles/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["fonts.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,OAAO,EAAE,QAAQ,EAAkB,MAAM,cAAc,CAAC;AAGxD,MAAM,UAAU,GAAG;IACjB,GAAG,EAAE;QACH,OAAO,EAAE;YACP,UAAU,EAAE,wDAAwD;YACpE,UAAU,EAAE,KAAc;SAC3B;QACD,MAAM,EAAE;YACN,UAAU,EAAE,wDAAwD;YACpE,UAAU,EAAE,KAAc;SAC3B;QACD,KAAK,EAAE;YACL,UAAU,EAAE,wDAAwD;YACpE,UAAU,EAAE,KAAc;SAC3B;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,wDAAwD;YACpE,UAAU,EAAE,KAAc;SAC3B;KACF;IACD,GAAG,EAAE;QACH,OAAO,EAAE;YACP,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,KAAc;SAC3B;QACD,MAAM,EAAE;YACN,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,KAAc;SAC3B;QACD,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,KAAc;SAC3B;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,KAAc;SAC3B;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE;YACP,UAAU,EAAE,YAAY;YACxB,UAAU,EAAE,QAAoB;SACjC;QACD,MAAM,EAAE;YACN,UAAU,EAAE,mBAAmB;YAC/B,UAAU,EAAE,QAAoB;SACjC;QACD,KAAK,EAAE;YACL,UAAU,EAAE,kBAAkB;YAC9B,UAAU,EAAE,QAAoB;SACjC;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,iBAAiB;YAC7B,UAAU,EAAE,QAAoB;SACjC;KACF;CACF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,MAEtC;IACC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,UAAU,EAAE,GAAG,MAAM,EAAE,CAAU,CAAC;IACrE,OAAO,KAAK,CAAC;AACf,CAAC"}

package/src/styles/overlay.js

@@ -0,0 +1,61 @@
+/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/styles/overlay.tsx */
+import color from "color";
+import { Animated } from "react-native";
+import DarkTheme from "./DarkTheme";
+const isAnimatedValue = (it) => it instanceof Animated.Value;
+export default function overlay(elevation, surfaceColor = DarkTheme.colors.surface) {
+    if (isAnimatedValue(elevation)) {
+        const inputRange = [0, 1, 2, 3, 8, 24];
+        // @ts-expect-error: TS doesn't seem to refine the type correctly
+        return elevation.interpolate({
+            inputRange,
+            outputRange: inputRange.map((e) => {
+                return calculateColor(surfaceColor, e);
+            }),
+        });
+    }
+    // @ts-expect-error: TS doesn't seem to refine the type correctly
+    return calculateColor(surfaceColor, elevation);
+}
+function calculateColor(surfaceColor, elevation = 1) {
+    let overlayTransparency;
+    if (elevation >= 1 && elevation <= 24) {
+        overlayTransparency = elevationOverlayTransparency[elevation];
+    }
+    else if (elevation > 24) {
+        overlayTransparency = elevationOverlayTransparency[24];
+    }
+    else {
+        overlayTransparency = elevationOverlayTransparency[1];
+    }
+    return color(surfaceColor)
+        .mix(color("white"), overlayTransparency * 0.01)
+        .hex();
+}
+const elevationOverlayTransparency = {
+    1: 5,
+    2: 7,
+    3: 8,
+    4: 9,
+    5: 10,
+    6: 11,
+    7: 11.5,
+    8: 12,
+    9: 12.5,
+    10: 13,
+    11: 13.5,
+    12: 14,
+    13: 14.25,
+    14: 14.5,
+    15: 14.75,
+    16: 15,
+    17: 15.12,
+    18: 15.24,
+    19: 15.36,
+    20: 15.48,
+    21: 15.6,
+    22: 15.72,
+    23: 15.84,
+    24: 16,
+};
+//# sourceMappingURL=overlay.js.map

package/src/styles/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sourceRoot":"","sources":["overlay.tsx"],"names":[],"mappings":"AAAA,kGAAkG;AAClG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,eAAe,GAAG,CACtB,EAA4D,EACtC,EAAE,CAAC,EAAE,YAAY,QAAQ,CAAC,KAAK,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,SAAY,EACZ,eAAuB,SAAS,CAAC,MAAM,CAAC,OAAO;IAE/C,IAAI,eAAe,CAAC,SAAS,CAAC,EAAE;QAC9B,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAEvC,iEAAiE;QACjE,OAAO,SAAS,CAAC,WAAW,CAAC;YAC3B,UAAU;YACV,WAAW,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBAChC,OAAO,cAAc,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;YACzC,CAAC,CAAC;SACH,CAAC,CAAC;KACJ;IAED,iEAAiE;IACjE,OAAO,cAAc,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AACjD,CAAC;AAED,SAAS,cAAc,CAAC,YAAoB,EAAE,YAAoB,CAAC;IACjE,IAAI,mBAA2B,CAAC;IAChC,IAAI,SAAS,IAAI,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE;QACrC,mBAAmB,GAAG,4BAA4B,CAAC,SAAS,CAAC,CAAC;KAC/D;SAAM,IAAI,SAAS,GAAG,EAAE,EAAE;QACzB,mBAAmB,GAAG,4BAA4B,CAAC,EAAE,CAAC,CAAC;KACxD;SAAM;QACL,mBAAmB,GAAG,4BAA4B,CAAC,CAAC,CAAC,CAAC;KACvD;IACD,OAAO,KAAK,CAAC,YAAY,CAAC;SACvB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;SAC/C,GAAG,EAAE,CAAC;AACX,CAAC;AAED,MAAM,4BAA4B,GAA2B;IAC3D,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,IAAI;IACP,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,EAAE;CACP,CAAC"}

package/src/styles/shadow.js

@@ -0,0 +1,52 @@
+import { Animated } from "react-native";
+const SHADOW_COLOR = "#000";
+const SHADOW_OPACITY = 0.24;
+export default function shadow(elevation = 0) {
+    if (elevation instanceof Animated.Value) {
+        const inputRange = [0, 1, 2, 3, 8, 24];
+        return {
+            shadowColor: SHADOW_COLOR,
+            shadowOffset: {
+                width: new Animated.Value(0),
+                height: elevation.interpolate({
+                    inputRange,
+                    outputRange: [0, 0.5, 0.75, 2, 7, 23],
+                }),
+            },
+            shadowOpacity: new Animated.Value(SHADOW_OPACITY),
+            shadowRadius: elevation.interpolate({
+                inputRange,
+                outputRange: [0, 0.75, 1.5, 3, 8, 24],
+            }),
+        };
+    }
+    else {
+        if (elevation === 0) {
+            return {};
+        }
+        let height, radius;
+        switch (elevation) {
+            case 1:
+                height = 0.5;
+                radius = 0.75;
+                break;
+            case 2:
+                height = 0.75;
+                radius = 1.5;
+                break;
+            default:
+                height = elevation - 1;
+                radius = elevation;
+        }
+        return {
+            shadowColor: SHADOW_COLOR,
+            shadowOffset: {
+                width: 0,
+                height,
+            },
+            shadowOpacity: SHADOW_OPACITY,
+            shadowRadius: radius,
+        };
+    }
+}
+//# sourceMappingURL=shadow.js.map

package/src/styles/shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.js","sourceRoot":"","sources":["shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,YAAY,GAAG,MAAM,CAAC;AAC5B,MAAM,cAAc,GAAG,IAAI,CAAC;AAE5B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,YAAqC,CAAC;IACnE,IAAI,SAAS,YAAY,QAAQ,CAAC,KAAK,EAAE;QACvC,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAEvC,OAAO;YACL,WAAW,EAAE,YAAY;YACzB,YAAY,EAAE;gBACZ,KAAK,EAAE,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC5B,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC;oBAC5B,UAAU;oBACV,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;iBACtC,CAAC;aACH;YACD,aAAa,EAAE,IAAI,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC;YACjD,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC;gBAClC,UAAU;gBACV,WAAW,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;aACtC,CAAC;SACH,CAAC;KACH;SAAM;QACL,IAAI,SAAS,KAAK,CAAC,EAAE;YACnB,OAAO,EAAE,CAAC;SACX;QAED,IAAI,MAAM,EAAE,MAAM,CAAC;QACnB,QAAQ,SAAS,EAAE;YACjB,KAAK,CAAC;gBACJ,MAAM,GAAG,GAAG,CAAC;gBACb,MAAM,GAAG,IAAI,CAAC;gBACd,MAAM;YACR,KAAK,CAAC;gBACJ,MAAM,GAAG,IAAI,CAAC;gBACd,MAAM,GAAG,GAAG,CAAC;gBACb,MAAM;YACR;gBACE,MAAM,GAAG,SAAS,GAAG,CAAC,CAAC;gBACvB,MAAM,GAAG,SAAS,CAAC;SACtB;QAED,OAAO;YACL,WAAW,EAAE,YAAY;YACzB,YAAY,EAAE;gBACZ,KAAK,EAAE,CAAC;gBACR,MAAM;aACP;YACD,aAAa,EAAE,cAAc;YAC7B,YAAY,EAAE,MAAM;SACrB,CAAC;KACH;AACH,CAAC"}

package/src/theming.js

@@ -0,0 +1,4 @@
+import { createTheming } from "@draftbit/react-theme-provider";
+import DefaultTheme from "./styles/DefaultTheme";
+export const { ThemeProvider, withTheme, useTheme } = createTheming(DefaultTheme);
+//# sourceMappingURL=theming.js.map

package/src/theming.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theming.js","sourceRoot":"","sources":["theming.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAGjD,MAAM,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,GACjD,aAAa,CAAQ,YAAY,CAAC,CAAC"}

package/src/utilities.js

@@ -0,0 +1,180 @@
+import React from "react";
+import { StyleSheet } from "react-native";
+import { isString, isNumber, pick, pickBy, identity } from "lodash";
+export function extractStyles(style) {
+    const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});
+    const textStyles = {
+        color,
+        fontFamily,
+        fontWeight,
+        fontSize,
+        lineHeight,
+        letterSpacing,
+        textTransform,
+        textAlign,
+        textDecorationLine,
+        textDecorationColor,
+        textDecorationStyle,
+    };
+    for (let key in textStyles) {
+        const styleKey = key;
+        if (textStyles[styleKey] === undefined) {
+            delete textStyles[styleKey];
+        }
+    }
+    return { viewStyles, textStyles };
+}
+export const borderStyleNames = [
+    "borderRadius",
+    "borderBottomColor",
+    "borderBottomEndRadius",
+    "borderBottomLeftRadius",
+    "borderBottomRightRadius",
+    "borderBottomStartRadius",
+    "borderBottomWidth",
+    "borderColor",
+    "borderEndColor",
+    "borderLeftColor",
+    "borderLeftWidth",
+    "borderRadius",
+    "borderRightColor",
+    "borderRightWidth",
+    "borderStartColor",
+    "borderStyle",
+    "borderTopColor",
+    "borderTopEndRadius",
+    "borderTopLeftRadius",
+    "borderTopRightRadius",
+    "borderTopStartRadius",
+    "borderTopWidth",
+    "borderWidth",
+];
+export const marginStyleNames = [
+    "margin",
+    "marginBottom",
+    "marginEnd",
+    "marginHorizontal",
+    "marginLeft",
+    "marginRight",
+    "marginStart",
+    "marginTop",
+    "marginVertical",
+];
+export function extractBorderAndMarginStyles(style, additionalBorderStyles, additionalMarginStyles) {
+    const flatStyle = StyleSheet.flatten(style || {});
+    const borderStyles = pickBy(pick(flatStyle, [
+        ...borderStyleNames,
+        ...(additionalBorderStyles ? additionalBorderStyles : []),
+    ]), identity);
+    const marginStyles = pickBy(pick(flatStyle, [
+        ...marginStyleNames,
+        ...(additionalMarginStyles ? additionalMarginStyles : []),
+    ]), identity);
+    return { borderStyles, marginStyles };
+}
+export const flexItemStyleNames = [
+    "alignSelf",
+    "flexBasis",
+    "flexShrink",
+    "flexGrow",
+    "flex",
+];
+export function extractFlexItemStyles(style, additionalFlexItemStyles) {
+    const flatStyle = StyleSheet.flatten(style || {});
+    const flexItemStyles = pickBy(pick(flatStyle, [
+        ...flexItemStyleNames,
+        ...(additionalFlexItemStyles ? additionalFlexItemStyles : []),
+    ]), identity);
+    return flexItemStyles;
+}
+export const positionStyleNames = [
+    "position",
+    "left",
+    "right",
+    "top",
+    "bottom",
+    "zIndex",
+    "overflow",
+];
+export function extractPositionStyles(style, additionalPositionStyles) {
+    const flatStyle = StyleSheet.flatten(style || {});
+    const positionStyles = pickBy(pick(flatStyle, [
+        ...positionStyleNames,
+        ...(additionalPositionStyles ? additionalPositionStyles : []),
+    ]), identity);
+    return positionStyles;
+}
+export const effectsStyleNames = ["opacity", "elevation"];
+export function extractEffectStyles(style, additionalEffectStyles) {
+    const flatStyle = StyleSheet.flatten(style || {});
+    const effectStyles = pickBy(pick(flatStyle, [
+        ...effectsStyleNames,
+        ...(additionalEffectStyles ? additionalEffectStyles : []),
+    ]), identity);
+    return effectStyles;
+}
+export const sizeStyleNames = ["width", "height", "minWidth", "minHeight"];
+export function extractSizeStyles(style, additionalSizeStyles) {
+    const flatStyle = StyleSheet.flatten(style || {});
+    const sizeStyles = pickBy(pick(flatStyle, [
+        ...sizeStyleNames,
+        ...(additionalSizeStyles ? additionalSizeStyles : []),
+    ]), identity);
+    return sizeStyles;
+}
+/**
+ * Merges a style object on top of another style object. In React Native,
+ * keys with undefined values in a style object will still override styles
+ * that appear earlier in a sequence. This avoids that problem.
+ *
+ * This lets us avoid the `...(something ? { something } : {})` pattern.
+ * There doesn't seem to be a better way to do this. These all seem to not
+ * work (i.e. they all result in `{ color: undefined }`:
+ * `const mergedStyles = [{ color: "red" }, { color: undefined }]`
+ * `const mergedStyles = StyleSheet.compose({ color: "red" }, { color: undefined })`
+ * `const mergedStyles = StyleSheet.flatten([{ color: "red" }, { color: undefined }])`
+ */
+export function applyStyles(baseStyles, stylesToApply) {
+    if (!stylesToApply) {
+        return;
+    }
+    const flattenedStyles = StyleSheet.flatten(baseStyles);
+    for (const [key, value] of Object.entries(stylesToApply)) {
+        if (value != null) {
+            flattenedStyles[key] = value;
+        }
+    }
+    return flattenedStyles;
+}
+export function getValueForRadioButton(value) {
+    if (isString(value)) {
+        return value;
+    }
+    else if (isNumber(value)) {
+        return String(value);
+    }
+    else {
+        throw new Error(`Invalid value: ${value}`);
+    }
+}
+/**
+ * Flattens array of components to remove any React.Fragment's (<> </>) and returns the fragment's children in its place
+ * This is useful for operations that depend on a particular child type that would otherwise not match when wrapped in a fragment
+ */
+export function flattenReactFragments(components) {
+    var _a;
+    const flattened = [];
+    for (const component of components) {
+        if (component.type === React.Fragment) {
+            const children = React.Children.toArray((_a = component.props) === null || _a === void 0 ? void 0 : _a.children);
+            for (const child of children) {
+                flattened.push(...flattenReactFragments([child]));
+            }
+        }
+        else {
+            flattened.push(component);
+        }
+    }
+    return flattened;
+}
+//# sourceMappingURL=utilities.js.map