@artsy/palette-mobile 13.2.33 → 13.2.34

package/dist/elements/Touchable/Touchable.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { TouchableHighlightProps } from "react-native";
-import { HapticFeedbackTypes } from "react-native-haptic-feedback";
-import { Color } from "../../types";
-interface ExtraTouchableProps {
-    flex?: number;
-    haptic?: HapticFeedbackTypes | true;
-    noFeedback?: boolean;
-    underlayColor?: Color;
-}
-export type TouchableProps = TouchableHighlightProps & ExtraTouchableProps;
-/**
- * `haptic` can be used like:
- * <Touchable haptic />
- * or
- * <Touchable haptic="impactHeavy" />
- */
-export declare const Touchable: React.FC<TouchableProps>;
-export {};

package/dist/elements/Touchable/Touchable.js

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Touchable = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const react_native_haptic_feedback_1 = __importDefault(require("react-native-haptic-feedback"));
-const constants_1 = require("../../constants");
-const useColor_1 = require("../../utils/hooks/useColor");
-const Flex_1 = require("../Flex");
-/**
- * `haptic` can be used like:
- * <Touchable haptic />
- * or
- * <Touchable haptic="impactHeavy" />
- */
-const Touchable = ({ children, flex, haptic, noFeedback, onPress, underlayColor, ...props }) => {
-    const color = (0, useColor_1.useColor)();
-    const inner = react_1.default.Children.count(children) === 1 ? children : (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flex: flex, children: children });
-    const onPressWrapped = (evt) => {
-        if (onPress === undefined) {
-            return;
-        }
-        if (haptic !== undefined) {
-            react_native_haptic_feedback_1.default.trigger(haptic === true ? "impactLight" : haptic);
-        }
-        onPress(evt);
-    };
-    return noFeedback ? ((0, jsx_runtime_1.jsx)(react_native_1.TouchableWithoutFeedback, { ...props, onPress: onPressWrapped, children: inner })) : ((0, jsx_runtime_1.jsx)(react_native_1.TouchableHighlight, { underlayColor: underlayColor ?? "transparent", activeOpacity: constants_1.DEFAULT_ACTIVE_OPACITY, ...props, onPress: onPressWrapped, children: inner }));
-};
-exports.Touchable = Touchable;

package/dist/elements/Touchable/Touchable.stories.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./Touchable").TouchableProps>;
-};
-export default _default;
-export declare const Examples: () => JSX.Element;

package/dist/elements/Touchable/Touchable.stories.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Examples = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Touchable_1 = require("./Touchable");
-const helpers_1 = require("../../storybook/helpers");
-const svgs_1 = require("../../svgs");
-const Flex_1 = require("../Flex");
-const Text_1 = require("../Text");
-exports.default = {
-    title: "Touchable",
-    component: Touchable_1.Touchable,
-};
-const Examples = () => ((0, jsx_runtime_1.jsxs)(helpers_1.List, { children: [(0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "This is a text wrapped in a `Touchable`." }) }), (0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { width: 200, alignItems: "center", borderColor: "red", borderWidth: 1, children: [(0, jsx_runtime_1.jsx)(svgs_1.TrashIcon, {}), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "This is a cell with an icon and a text, wrapped in a `Touchable`." })] }) })] }));
-exports.Examples = Examples;

package/dist/elements/Touchable/TouchableHighlightColor.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { TouchableProps } from "./Touchable";
-import { Color } from "../../types";
-interface TouchableHighlightState {
-    color: Color;
-    highlighted: boolean;
-}
-interface TouchableHighlightColorProps extends TouchableProps {
-    activeColor?: Color;
-    normalColor?: Color;
-    render: (state: TouchableHighlightState) => React.ReactNode;
-}
-export declare const TouchableHighlightColor: (props: TouchableHighlightColorProps) => JSX.Element;
-export {};

package/dist/elements/Touchable/TouchableHighlightColor.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TouchableHighlightColor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Touchable_1 = require("./Touchable");
-const TouchableHighlightColor = (props) => {
-    const { activeOpacity = 1, activeColor = "blue100", normalColor = "black100", onPressIn, onPressOut, render, ...restProps } = props;
-    const [highlighted, setHighlighted] = (0, react_1.useState)(false);
-    const color = highlighted ? activeColor : normalColor;
-    return ((0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { noFeedback: true, activeOpacity: activeOpacity, onPressIn: (event) => {
-            setHighlighted(true);
-            onPressIn?.(event);
-        }, onPressOut: (event) => {
-            setHighlighted(false);
-            onPressOut?.(event);
-        }, ...restProps, children: render({ color, highlighted }) }));
-};
-exports.TouchableHighlightColor = TouchableHighlightColor;

package/dist/elements/Touchable/TouchableWithScale.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { TouchableWithoutFeedbackProps } from "react-native";
-export interface TouchableWithScaleProps extends TouchableWithoutFeedbackProps {
-    defaultScale?: number;
-    activeScale?: number;
-}
-export declare const TouchableWithScale: ({ defaultScale, activeScale, onPressIn, onPressOut, style, children, ...restProps }: TouchableWithScaleProps) => JSX.Element;

package/dist/elements/Touchable/TouchableWithScale.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TouchableWithScale = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("react-native");
-const ANIMATION_DEFAULTS = {
-    stiffness: 600,
-    damping: 120,
-    useNativeDriver: true,
-};
-const NOOP = () => { };
-const TouchableWithScale = ({ defaultScale = 1, activeScale = 0.95, onPressIn = NOOP, onPressOut = NOOP, style, children, ...restProps }) => {
-    const scaleAnimation = new react_native_1.Animated.Value(defaultScale);
-    const handlePressIn = (event) => {
-        react_native_1.Animated.spring(scaleAnimation, { ...ANIMATION_DEFAULTS, toValue: activeScale }).start();
-        onPressIn(event);
-    };
-    const handlePressOut = (event) => {
-        react_native_1.Animated.spring(scaleAnimation, { ...ANIMATION_DEFAULTS, toValue: defaultScale }).start();
-        onPressOut(event);
-    };
-    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableWithoutFeedback, { onPressIn: handlePressIn, onPressOut: handlePressOut, ...restProps, children: (0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: [style, { transform: [{ scale: scaleAnimation }] }], children: children }) }));
-};
-exports.TouchableWithScale = TouchableWithScale;

package/dist/elements/Touchable/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Touchable";
-export * from "./TouchableWithScale";
-export * from "./TouchableHighlightColor";

package/dist/elements/Touchable/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Touchable"), exports);
-__exportStar(require("./TouchableWithScale"), exports);
-__exportStar(require("./TouchableHighlightColor"), exports);

package/dist/elements/VisualClue/VisualClue.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/elements/VisualClue/VisualClue.stories.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("@storybook/react-native");
-const _1 = require("./");
-const helpers_1 = require("../../storybook/helpers");
-const Text_1 = require("../Text");
-(0, react_native_1.storiesOf)("Theme/Text", module).add("Visual Clue", () => ((0, jsx_runtime_1.jsxs)(helpers_1.List, { children: [(0, jsx_runtime_1.jsx)(_1.VisualClueDot, {}), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: "A Feature" }), (0, jsx_runtime_1.jsx)(_1.VisualClueText, { style: { top: 14, right: -24 } })] })] })));

package/dist/elements/VisualClue/VisualClueDot.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { StyleProp, ViewStyle } from "react-native";
-interface VisualClueDotProps {
-    diameter?: number;
-    style?: StyleProp<ViewStyle>;
-}
-export declare const VisualClueDot: React.FC<VisualClueDotProps>;
-export {};

package/dist/elements/VisualClue/VisualClueDot.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VisualClueDot = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const useColor_1 = require("../../utils/hooks/useColor");
-const Flex_1 = require("../Flex");
-const DOT_DIAMETER = 6;
-const VisualClueDot = ({ diameter = DOT_DIAMETER, style }) => {
-    const color = (0, useColor_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { style: {
-            height: diameter,
-            minWidth: diameter,
-            borderRadius: diameter / 2,
-            backgroundColor: color("blue100"),
-            ...style,
-        } }));
-};
-exports.VisualClueDot = VisualClueDot;

package/dist/elements/VisualClue/VisualClueText.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { StyleProp, ViewStyle } from "react-native";
-export declare const VisualClueText: React.FC<{
-    style?: StyleProp<ViewStyle>;
-}>;

package/dist/elements/VisualClue/VisualClueText.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VisualClueText = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const useColor_1 = require("../../utils/hooks/useColor");
-const Flex_1 = require("../Flex");
-const PopIn_1 = require("../PopIn");
-const Text_1 = require("../Text");
-const WRAPPER_WIDTH = 56;
-const WRAPPER_HEIGHT = 46;
-const VisualClueText = ({ style = {} }) => {
-    const colors = (0, useColor_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { width: 0, overflow: "visible", children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, { width: 55, justifyContent: "center", children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, { style: {
-                    width: WRAPPER_WIDTH,
-                    height: WRAPPER_HEIGHT,
-                    ...style,
-                    position: "absolute",
-                }, children: (0, jsx_runtime_1.jsx)(PopIn_1.PopIn, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { style: { fontSize: 12, color: colors("blue100") }, children: "New" }) }) }) }) }));
-};
-exports.VisualClueText = VisualClueText;

package/dist/elements/VisualClue/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./VisualClueText";
-export * from "./VisualClueDot";

package/dist/elements/VisualClue/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./VisualClueText"), exports);
-__exportStar(require("./VisualClueDot"), exports);

package/dist/elements/index.d.ts

@@ -1,45 +0,0 @@
-export * from "./ArtsyKeyboardAvoidingView";
-export * from "./Autocomplete";
-export * from "./Avatar";
-export * from "./BackButton";
-export * from "./Banner";
-export * from "./BorderBox";
-export * from "./Box";
-export * from "./Button";
-export * from "./Checkbox";
-export * from "./ClassTheme";
-export * from "./Collapse";
-export * from "./CollapsibleMenuItem";
-export * from "./Dialog";
-export * from "./EntityHeader";
-export * from "./Flex";
-export * from "./Header";
-export * from "./Histogram";
-export * from "./Image";
-export * from "./Input";
-export * from "./Join";
-export * from "./LazyFlatlist";
-export * from "./LegacyScreen";
-export * from "./LegacyTabs";
-export * from "./List";
-export * from "./MeasuredView";
-export * from "./MenuItem";
-export * from "./Message";
-export * from "./Pill";
-export * from "./PopIn";
-export * from "./Popover";
-export * from "./ProgressBar";
-export * from "./Radio";
-export * from "./Screen";
-export * from "./SearchInput";
-export * from "./Separator";
-export * from "./SimpleMessage";
-export * from "./Skeleton";
-export * from "./Spacer";
-export * from "./Spinner";
-export * from "./Switch";
-export * from "./Tabs";
-export * from "./Text";
-export * from "./ToolTip";
-export * from "./Touchable";
-export * from "./VisualClue";

package/dist/elements/index.js

@@ -1,61 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ArtsyKeyboardAvoidingView"), exports);
-__exportStar(require("./Autocomplete"), exports);
-__exportStar(require("./Avatar"), exports);
-__exportStar(require("./BackButton"), exports);
-__exportStar(require("./Banner"), exports);
-__exportStar(require("./BorderBox"), exports);
-__exportStar(require("./Box"), exports);
-__exportStar(require("./Button"), exports);
-__exportStar(require("./Checkbox"), exports);
-__exportStar(require("./ClassTheme"), exports);
-__exportStar(require("./Collapse"), exports);
-__exportStar(require("./CollapsibleMenuItem"), exports);
-__exportStar(require("./Dialog"), exports);
-__exportStar(require("./EntityHeader"), exports);
-__exportStar(require("./Flex"), exports);
-__exportStar(require("./Header"), exports);
-__exportStar(require("./Histogram"), exports);
-__exportStar(require("./Image"), exports);
-__exportStar(require("./Input"), exports);
-__exportStar(require("./Join"), exports);
-__exportStar(require("./LazyFlatlist"), exports);
-__exportStar(require("./LegacyScreen"), exports);
-__exportStar(require("./LegacyTabs"), exports);
-__exportStar(require("./List"), exports);
-__exportStar(require("./MeasuredView"), exports);
-__exportStar(require("./MenuItem"), exports);
-__exportStar(require("./Message"), exports);
-__exportStar(require("./Pill"), exports);
-__exportStar(require("./PopIn"), exports);
-__exportStar(require("./Popover"), exports);
-__exportStar(require("./ProgressBar"), exports);
-__exportStar(require("./Radio"), exports);
-__exportStar(require("./Screen"), exports);
-__exportStar(require("./SearchInput"), exports);
-__exportStar(require("./Separator"), exports);
-__exportStar(require("./SimpleMessage"), exports);
-__exportStar(require("./Skeleton"), exports);
-__exportStar(require("./Spacer"), exports);
-__exportStar(require("./Spinner"), exports);
-__exportStar(require("./Switch"), exports);
-__exportStar(require("./Tabs"), exports);
-__exportStar(require("./Text"), exports);
-__exportStar(require("./ToolTip"), exports);
-__exportStar(require("./Touchable"), exports);
-__exportStar(require("./VisualClue"), exports);

package/dist/index.d.ts

@@ -1,10 +0,0 @@
-export * from "./animation";
-export * from "./constants";
-export * from "./elements";
-export * from "./utils/hooks";
-export * from "./utils/text";
-export * from "./svgs";
-export * from "./svgs/Icon";
-export * from "./Theme";
-export * from "./tokens";
-export * from "./types";

package/dist/index.js

@@ -1,26 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./animation"), exports);
-__exportStar(require("./constants"), exports);
-__exportStar(require("./elements"), exports);
-__exportStar(require("./utils/hooks"), exports);
-__exportStar(require("./utils/text"), exports);
-__exportStar(require("./svgs"), exports);
-__exportStar(require("./svgs/Icon"), exports);
-__exportStar(require("./Theme"), exports);
-__exportStar(require("./tokens"), exports);
-__exportStar(require("./types"), exports);

package/dist/setupJest.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/setupJest.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-// @ts-expect-error
-global.__TEST__ = true;
-// @ts-expect-error
-const mock_1 = __importDefault(require("react-native-safe-area-context/jest/mock"));
-jest.mock("react-native-safe-area-context", () => mock_1.default);
-jest.mock("react-native/Libraries/Animated/NativeAnimatedHelper");
-require("react-native-reanimated/src/reanimated2/jestUtils").setUpTests();
-// @ts-expect-error
-global.__reanimatedWorkletInit = () => { };
-jest.mock("react-native-reanimated", () => require("react-native-reanimated/mock"));

package/dist/storybook/decorators.d.ts

@@ -1,4 +0,0 @@
-import { DecoratorFunction } from "@storybook/addons";
-import { ReactNode } from "react";
-export declare const withTheme: DecoratorFunction<ReactNode>;
-export declare const useDarkModeSwitcher: DecoratorFunction<ReactNode>;

package/dist/storybook/decorators.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDarkModeSwitcher = exports.withTheme = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const async_storage_1 = __importDefault(require("@react-native-async-storage/async-storage"));
-const jotai_1 = require("jotai");
-const utils_1 = require("jotai/utils");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const react_native_safe_area_context_1 = require("react-native-safe-area-context");
-const Theme_1 = require("../Theme");
-const Flex_1 = require("../elements/Flex");
-const Text_1 = require("../elements/Text");
-const hooks_1 = require("../utils/hooks");
-const withTheme = (story) => ((0, jsx_runtime_1.jsxs)(Theme_1.Theme, { theme: "v3light", children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { color: "red", children: "aaww" }), story()] }));
-exports.withTheme = withTheme;
-const atomStorage = (0, utils_1.createJSONStorage)(() => async_storage_1.default);
-const atomWithAsyncStorage = (key, initialValue) => (0, utils_1.atomWithStorage)(key, initialValue, {
-    ...atomStorage,
-    delayInit: true,
-});
-const modeAtom = atomWithAsyncStorage("dark-mode-mode", "system");
-const useDarkModeSwitcher = (story) => {
-    const [mode, setMode] = (0, jotai_1.useAtom)(modeAtom);
-    const [systemMode, setSystemMode] = (0, react_1.useState)(react_native_1.Appearance.getColorScheme() ?? "light");
-    (0, react_1.useEffect)(() => {
-        const subscription = react_native_1.Appearance.addChangeListener(({ colorScheme }) => void setSystemMode(colorScheme ?? "light"));
-        return () => subscription.remove();
-    }, []);
-    const isDarkMode = mode === "dark" || (mode === "system" && systemMode === "dark");
-    const theme = isDarkMode ? "v3dark" : "v3light";
-    return ((0, jsx_runtime_1.jsx)(hooks_1.ScreenDimensionsProvider, { children: (0, jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaProvider, { children: (0, jsx_runtime_1.jsx)(Theme_1.Theme, { theme: theme, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flex: 1, backgroundColor: "background", children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", justifyContent: "space-around", children: [(0, jsx_runtime_1.jsxs)(Text_1.Text, { color: "orange", children: ["Dark mode: ", mode, " ", mode === "system" && "(" + systemMode + ")"] }), (0, jsx_runtime_1.jsx)(Text_1.LinkText, { color: "orange", onPress: () => setMode("light"), children: "light" }), (0, jsx_runtime_1.jsx)(Text_1.LinkText, { color: "orange", onPress: () => setMode("dark"), children: "dark" }), (0, jsx_runtime_1.jsx)(Text_1.LinkText, { color: "orange", onPress: () => setMode("system"), children: "system" })] }), story()] }) }) }) }));
-};
-exports.useDarkModeSwitcher = useDarkModeSwitcher;

package/dist/storybook/helpers.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { StyleProp, ViewStyle } from "react-native";
-export declare const DataList: <ItemT>({ data, keyExtractor, renderItem, contentContainerStyle, }: {
-    data: ItemT[];
-    keyExtractor?: ((item: ItemT, index: number) => string) | undefined;
-    renderItem: (info: {
-        item: ItemT;
-        index: number;
-    }) => React.ReactElement | null;
-    contentContainerStyle?: StyleProp<ViewStyle>;
-}) => JSX.Element;
-export declare const List: ({ children, contentContainerStyle, style, horizontal, }: {
-    children: React.ReactElement[] | React.ReactElement;
-    contentContainerStyle?: StyleProp<ViewStyle>;
-    style?: StyleProp<ViewStyle>;
-    horizontal?: boolean | undefined;
-}) => JSX.Element;
-export declare const Row: ({ children }: {
-    children: React.ReactNode;
-}) => JSX.Element;

package/dist/storybook/helpers.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Row = exports.List = exports.DataList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("react-native");
-const elements_1 = require("../elements");
-const DataList = ({ data, keyExtractor, renderItem, contentContainerStyle, }) => ((0, jsx_runtime_1.jsx)(react_native_1.FlatList, { data: data, keyExtractor: keyExtractor ?? ((item) => `${item}`), renderItem: renderItem, ItemSeparatorComponent: () => (0, jsx_runtime_1.jsx)(elements_1.Spacer, { y: 4 }), contentContainerStyle: [
-        {
-            flexGrow: 1,
-            alignItems: "center",
-            justifyContent: "center",
-            paddingVertical: 30,
-        },
-        contentContainerStyle,
-    ] }));
-exports.DataList = DataList;
-const List = ({ children, contentContainerStyle, style, horizontal, }) => ((0, jsx_runtime_1.jsx)(react_native_1.FlatList, { horizontal: horizontal, data: Array.isArray(children) ? children : [children], keyExtractor: (_, index) => `${index}`, renderItem: ({ item: child }) => child, ItemSeparatorComponent: () => ((0, jsx_runtime_1.jsx)(elements_1.Spacer, { x: horizontal ? 2 : undefined, y: horizontal ? undefined : 2 })), contentContainerStyle: [
-        {
-            flexGrow: 1,
-            alignItems: "center",
-            justifyContent: "center",
-            paddingVertical: 30,
-        },
-        contentContainerStyle,
-    ], style: style }));
-exports.List = List;
-const Row = ({ children }) => ((0, jsx_runtime_1.jsx)(elements_1.Flex, { width: "100%", flexDirection: "row", justifyContent: "space-evenly", alignItems: "center", children: children }));
-exports.Row = Row;

package/dist/svgs/AddCircleFillIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IconProps } from "./Icon";
-export declare const AddCircleFillIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;

package/dist/svgs/AddCircleFillIcon.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddCircleFillIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const AddCircleFillIcon = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M9 1a8 8 0 1 0 0 16A8 8 0 0 0 9 1zm.551 7.449H13V9.55H9.551V13H8.45V9.551H5V8.45h3.449V5H9.55v3.449z", fill: color(fill), fillRule: "nonzero" }) }));
-};
-exports.AddCircleFillIcon = AddCircleFillIcon;

package/dist/svgs/AddCircleIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IconProps } from "./Icon";
-export declare const AddCircleIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;

package/dist/svgs/AddCircleIcon.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddCircleIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const AddCircleIcon = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M9 1a8 8 0 1 0 0 16A8 8 0 0 0 9 1zm0 15.111A7.111 7.111 0 1 1 9 1.89 7.111 7.111 0 0 1 9 16.11zm.551-7.662H13V9.55H9.551V13H8.45V9.551H5V8.45h3.449V5H9.55v3.449z", fill: color(fill), fillRule: "nonzero" }) }));
-};
-exports.AddCircleIcon = AddCircleIcon;

package/dist/svgs/AddIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IconProps } from "./Icon";
-export declare const AddIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;

package/dist/svgs/AddIcon.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const AddIcon = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M15 9.5H9.514V15H8.476V9.5H3V8.48h5.476V3h1.038v5.48H15z", fill: color(fill), fillRule: "evenodd" }) }));
-};
-exports.AddIcon = AddIcon;

package/dist/svgs/AlertCircleFillIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IconProps } from "./Icon";
-export declare const AlertCircleFillIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;

package/dist/svgs/AlertCircleFillIcon.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertCircleFillIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const AlertCircleFillIcon = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17C13.4183 17 17 13.4183 17 9ZM8.42225 5.13333H9.5778L9.39114 10.7778H8.60892L8.42225 5.13333ZM8.42225 11.6578H9.56892V12.8667H8.44003L8.42225 11.6578Z", fill: color(fill), fillRule: "evenodd", clipRule: "evenodd" }) }));
-};
-exports.AlertCircleFillIcon = AlertCircleFillIcon;

package/dist/svgs/AlertIcon.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IconProps } from "./Icon";
-export declare const AlertIcon: ({ fill, ...restProps }: IconProps) => JSX.Element;

package/dist/svgs/AlertIcon.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const AlertIcon = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M9 1.889A7.111 7.111 0 1 1 9 16.11 7.111 7.111 0 0 1 9 1.89zM9 1a8 8 0 1 0 0 16A8 8 0 0 0 9 1zm-.578 4.133h1.156l-.187 5.645H8.61l-.187-5.645zm0 6.525H9.57v1.209H8.44l-.018-1.21z", fill: color(fill), fillRule: "nonzero" }) }));
-};
-exports.AlertIcon = AlertIcon;

package/dist/svgs/ArrowCircleFillIcons.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { IconProps } from "./Icon";
-export declare const ArrowUpCircleFillIcon: (props: IconProps) => JSX.Element;
-export declare const ArrowDownCircleFillIcon: (props: IconProps) => JSX.Element;