@artsy/palette-mobile 13.2.33 → 13.2.35

package/dist/elements/index.js

@@ -1,61 +1,45 @@
-"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);
+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/index.js

@@ -1,26 +1,10 @@
-"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);
+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/setupJest.js

@@ -1,13 +1,8 @@
-"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);
+import mockSafeAreaContext from "react-native-safe-area-context/jest/mock";
+jest.mock("react-native-safe-area-context", () => mockSafeAreaContext);
 jest.mock("react-native/Libraries/Animated/NativeAnimatedHelper");
 require("react-native-reanimated/src/reanimated2/jestUtils").setUpTests();
 // @ts-expect-error

package/dist/storybook/decorators.js

@@ -1,37 +1,29 @@
-"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, {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import { useAtom } from "jotai";
+import { atomWithStorage, createJSONStorage } from "jotai/utils";
+import { useEffect, useState } from "react";
+import { Appearance } from "react-native";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import { Theme } from "../Theme";
+import { Flex } from "../elements/Flex";
+import { LinkText, Text } from "../elements/Text";
+import { ScreenDimensionsProvider } from "../utils/hooks";
+export const withTheme = (story) => (_jsxs(Theme, { theme: "v3light", children: [_jsx(Text, { color: "red", children: "aaww" }), story()] }));
+const atomStorage = createJSONStorage(() => AsyncStorage);
+const atomWithAsyncStorage = (key, initialValue) => 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"));
+export const useDarkModeSwitcher = (story) => {
+    const [mode, setMode] = useAtom(modeAtom);
+    const [systemMode, setSystemMode] = useState(Appearance.getColorScheme() ?? "light");
+    useEffect(() => {
+        const subscription = 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()] }) }) }) }));
+    return (_jsx(ScreenDimensionsProvider, { children: _jsx(SafeAreaProvider, { children: _jsx(Theme, { theme: theme, children: _jsxs(Flex, { flex: 1, backgroundColor: "background", children: [_jsxs(Flex, { flexDirection: "row", justifyContent: "space-around", children: [_jsxs(Text, { color: "orange", children: ["Dark mode: ", mode, " ", mode === "system" && "(" + systemMode + ")"] }), _jsx(LinkText, { color: "orange", onPress: () => setMode("light"), children: "light" }), _jsx(LinkText, { color: "orange", onPress: () => setMode("dark"), children: "dark" }), _jsx(LinkText, { color: "orange", onPress: () => setMode("system"), children: "system" })] }), story()] }) }) }) }));
 };
-exports.useDarkModeSwitcher = useDarkModeSwitcher;

package/dist/storybook/helpers.js

@@ -1,10 +1,7 @@
-"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: [
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FlatList } from "react-native";
+import { Flex, Spacer } from "../elements";
+export const DataList = ({ data, keyExtractor, renderItem, contentContainerStyle, }) => (_jsx(FlatList, { data: data, keyExtractor: keyExtractor ?? ((item) => `${item}`), renderItem: renderItem, ItemSeparatorComponent: () => _jsx(Spacer, { y: 4 }), contentContainerStyle: [
         {
             flexGrow: 1,
             alignItems: "center",
@@ -13,8 +10,7 @@ const DataList = ({ data, keyExtractor, renderItem, contentContainerStyle, }) =>
         },
         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: [
+export const List = ({ children, contentContainerStyle, style, horizontal, }) => (_jsx(FlatList, { horizontal: horizontal, data: Array.isArray(children) ? children : [children], keyExtractor: (_, index) => `${index}`, renderItem: ({ item: child }) => child, ItemSeparatorComponent: () => (_jsx(Spacer, { x: horizontal ? 2 : undefined, y: horizontal ? undefined : 2 })), contentContainerStyle: [
         {
             flexGrow: 1,
             alignItems: "center",
@@ -23,6 +19,4 @@ const List = ({ children, contentContainerStyle, style, horizontal, }) => ((0, j
         },
         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;
+export const Row = ({ children }) => (_jsx(Flex, { width: "100%", flexDirection: "row", justifyContent: "space-evenly", alignItems: "center", children: children }));

package/dist/svgs/AddCircleFillIcon.js

@@ -1,11 +1,7 @@
-"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" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const AddCircleFillIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(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.js

@@ -1,11 +1,7 @@
-"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" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const AddCircleIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(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.js

@@ -1,11 +1,7 @@
-"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" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const AddIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M15 9.5H9.514V15H8.476V9.5H3V8.48h5.476V3h1.038v5.48H15z", fill: color(fill), fillRule: "evenodd" }) }));
 };
-exports.AddIcon = AddIcon;

package/dist/svgs/AlertCircleFillIcon.js

@@ -1,11 +1,7 @@
-"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" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const AlertCircleFillIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(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.js

@@ -1,11 +1,7 @@
-"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" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const AlertIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(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.js

@@ -1,14 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowDownCircleFillIcon = exports.ArrowUpCircleFillIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
 const FilledArrowCircle = ({ fill, rotate, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, style: rotate !== undefined ? { transform: [{ rotate }] } : {}, viewBox: "0 0 18 18", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M16 9.5C16 13.366 12.866 16.5 9 16.5C5.13401 16.5 2 13.366 2 9.5C2 5.63401 5.13401 2.5 9 2.5C12.866 2.5 16 5.63401 16 9.5Z M9 6.5002L6 11.7002L12 11.7002L9 6.5002Z", fill: color(fill) }) }));
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, style: rotate !== undefined ? { transform: [{ rotate }] } : {}, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M16 9.5C16 13.366 12.866 16.5 9 16.5C5.13401 16.5 2 13.366 2 9.5C2 5.63401 5.13401 2.5 9 2.5C12.866 2.5 16 5.63401 16 9.5Z M9 6.5002L6 11.7002L12 11.7002L9 6.5002Z", fill: color(fill) }) }));
 };
-const ArrowUpCircleFillIcon = (props) => (0, jsx_runtime_1.jsx)(FilledArrowCircle, { ...props });
-exports.ArrowUpCircleFillIcon = ArrowUpCircleFillIcon;
-const ArrowDownCircleFillIcon = (props) => ((0, jsx_runtime_1.jsx)(FilledArrowCircle, { rotate: "180deg", ...props }));
-exports.ArrowDownCircleFillIcon = ArrowDownCircleFillIcon;
+export const ArrowUpCircleFillIcon = (props) => _jsx(FilledArrowCircle, { ...props });
+export const ArrowDownCircleFillIcon = (props) => (_jsx(FilledArrowCircle, { rotate: "180deg", ...props }));

package/dist/svgs/ArrowDownCircleIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowDownCircleIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ArrowDownCircleIcon = ({ 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 1zm4.302 6.622l-.746-.79L9 10.431 5.489 6.875l-.791.782L9 12.102l4.302-4.48z", fill: color(fill), fillRule: "nonzero" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ArrowDownCircleIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(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 1zm4.302 6.622l-.746-.79L9 10.431 5.489 6.875l-.791.782L9 12.102l4.302-4.48z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.ArrowDownCircleIcon = ArrowDownCircleIcon;

package/dist/svgs/ArrowDownIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowDownIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ArrowDownIcon = ({ 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 12.88L2.06 5.94l.88-.88L9 11.12l6.06-6.06.88.88z", fill: color(fill), fillRule: "evenodd" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ArrowDownIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9 12.88L2.06 5.94l.88-.88L9 11.12l6.06-6.06.88.88z", fill: color(fill), fillRule: "evenodd" }) }));
 };
-exports.ArrowDownIcon = ArrowDownIcon;

package/dist/svgs/ArrowLeftCircleIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowLeftCircleIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ArrowLeftCircleIcon = ({ 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 1zm2.169 11.556L7.569 9l3.6-3.511-.782-.791L5.987 9l4.444 4.302.738-.746z", fill: color(fill), fillRule: "nonzero" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ArrowLeftCircleIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(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 1zm2.169 11.556L7.569 9l3.6-3.511-.782-.791L5.987 9l4.444 4.302.738-.746z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.ArrowLeftCircleIcon = ArrowLeftCircleIcon;

package/dist/svgs/ArrowLeftIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowLeftIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ArrowLeftIcon = ({ 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: "M12.06 15.94L5.12 9l6.94-6.94.88.88L6.88 9l6.06 6.06z", fill: color(fill), fillRule: "evenodd" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ArrowLeftIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M12.06 15.94L5.12 9l6.94-6.94.88.88L6.88 9l6.06 6.06z", fill: color(fill), fillRule: "evenodd" }) }));
 };
-exports.ArrowLeftIcon = ArrowLeftIcon;

package/dist/svgs/ArrowRightCircleIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowRightCircleIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ArrowRightCircleIcon = ({ 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 1zm3.013 8l-4.4-4.302-.782.79 3.6 3.556-3.6 3.512.782.79L12.013 9z", fill: color(fill), fillRule: "nonzero" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ArrowRightCircleIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(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 1zm3.013 8l-4.4-4.302-.782.79 3.6 3.556-3.6 3.512.782.79L12.013 9z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.ArrowRightCircleIcon = ArrowRightCircleIcon;

package/dist/svgs/ArrowRightIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowRightIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ArrowRightIcon = ({ 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: "M5.94 15.94l-.88-.88L11.12 9 5.06 2.94l.88-.88L12.88 9z", fill: color(fill), fillRule: "evenodd" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ArrowRightIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M5.94 15.94l-.88-.88L11.12 9 5.06 2.94l.88-.88L12.88 9z", fill: color(fill), fillRule: "evenodd" }) }));
 };
-exports.ArrowRightIcon = ArrowRightIcon;

package/dist/svgs/ArrowUpCircleIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowUpCircleIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ArrowUpCircleIcon = ({ 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 1zm4.302 9.387L9 5.987 4.698 10.43l.79.782 3.556-3.555 3.512 3.51.746-.781z", fill: color(fill), fillRule: "nonzero" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ArrowUpCircleIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(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 1zm4.302 9.387L9 5.987 4.698 10.43l.79.782 3.556-3.555 3.512 3.51.746-.781z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.ArrowUpCircleIcon = ArrowUpCircleIcon;

package/dist/svgs/ArrowUpIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowUpIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ArrowUpIcon = ({ 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.06 12.94L9 6.88l-6.06 6.06-.88-.88L9 5.12l6.94 6.94z", fill: color(fill), fillRule: "evenodd" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ArrowUpIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M15.06 12.94L9 6.88l-6.06 6.06-.88-.88L9 5.12l6.94 6.94z", fill: color(fill), fillRule: "evenodd" }) }));
 };
-exports.ArrowUpIcon = ArrowUpIcon;

package/dist/svgs/ArtsyLogoBlackIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArtsyLogoBlackIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ArtsyLogoBlackIcon = ({ scale = 1, fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 94 32", width: `${scale * 94}px`, height: `${scale * 32}px`, children: (0, jsx_runtime_1.jsxs)(Icon_1.G, { fill: color(fill), fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M2.355 2.173h89.323v27.613H53.872v-4.55h-2.119v4.55H2.355V2.173zM.162 31.953h93.71V.006H.161v31.945z" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M19.168 10.297h-2.402L12.59 20.92h2.401l1.097-2.946h3.775l1.081 2.946h2.402l-4.177-10.623zm-2.435 5.732l1.233-3.33 1.22 3.33h-2.453zM40.024 10.297v2.11h3.761v8.513h2.262v-8.513h3.776v-2.11h-9.799M78.516 10.297l-2.719 4.53-2.702-4.53h-2.63l4.21 6.723v3.9h2.261v-3.9l4.21-6.723h-2.63M65.963 15.326c-.7-.505-1.658-.737-2.503-.942-.176-.043-.347-.084-.513-.127l-.105-.027c-.689-.17-1.632-.405-1.632-1.219 0-.869 1.025-1.1 1.63-1.1.686 0 1.548.202 1.758 1.172l.007.033h2.13v-.042c-.072-1.96-1.464-3.085-3.816-3.085-1.752 0-3.797.808-3.797 3.086 0 2.37 2.134 2.878 4.017 3.326.173.042.343.082.509.124.96.247 1.446.688 1.446 1.308 0 1.336-1.77 1.403-2.126 1.403-1.245 0-1.921-.459-2.128-1.443l-.006-.032H58.67l.001.041c.017.843.12 1.356.668 1.993 1.04 1.198 2.688 1.377 3.58 1.377 2.054 0 4.264-1.054 4.264-3.371 0-.984-.468-1.933-1.221-2.475M34.967 16.402c.82-.592 1.331-1.64 1.331-2.736 0-1.184-.617-2.283-1.609-2.867-.84-.502-1.691-.502-2.514-.502h-4.846V20.92h2.278v-5.251l4.225 5.25h2.758l-3.217-3.897c.576-.098 1.055-.231 1.594-.62m-5.36-1.214v-2.89h2.558c.508 0 .96.022 1.322.281.344.248.548.684.548 1.165 0 .958-.692 1.444-2.056 1.444h-2.372" })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { G, Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ArtsyLogoBlackIcon = ({ scale = 1, fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 94 32", width: `${scale * 94}px`, height: `${scale * 32}px`, children: _jsxs(G, { fill: color(fill), fillRule: "evenodd", children: [_jsx(Path, { d: "M2.355 2.173h89.323v27.613H53.872v-4.55h-2.119v4.55H2.355V2.173zM.162 31.953h93.71V.006H.161v31.945z" }), _jsx(Path, { d: "M19.168 10.297h-2.402L12.59 20.92h2.401l1.097-2.946h3.775l1.081 2.946h2.402l-4.177-10.623zm-2.435 5.732l1.233-3.33 1.22 3.33h-2.453zM40.024 10.297v2.11h3.761v8.513h2.262v-8.513h3.776v-2.11h-9.799M78.516 10.297l-2.719 4.53-2.702-4.53h-2.63l4.21 6.723v3.9h2.261v-3.9l4.21-6.723h-2.63M65.963 15.326c-.7-.505-1.658-.737-2.503-.942-.176-.043-.347-.084-.513-.127l-.105-.027c-.689-.17-1.632-.405-1.632-1.219 0-.869 1.025-1.1 1.63-1.1.686 0 1.548.202 1.758 1.172l.007.033h2.13v-.042c-.072-1.96-1.464-3.085-3.816-3.085-1.752 0-3.797.808-3.797 3.086 0 2.37 2.134 2.878 4.017 3.326.173.042.343.082.509.124.96.247 1.446.688 1.446 1.308 0 1.336-1.77 1.403-2.126 1.403-1.245 0-1.921-.459-2.128-1.443l-.006-.032H58.67l.001.041c.017.843.12 1.356.668 1.993 1.04 1.198 2.688 1.377 3.58 1.377 2.054 0 4.264-1.054 4.264-3.371 0-.984-.468-1.933-1.221-2.475M34.967 16.402c.82-.592 1.331-1.64 1.331-2.736 0-1.184-.617-2.283-1.609-2.867-.84-.502-1.691-.502-2.514-.502h-4.846V20.92h2.278v-5.251l4.225 5.25h2.758l-3.217-3.897c.576-.098 1.055-.231 1.594-.62m-5.36-1.214v-2.89h2.558c.508 0 .96.022 1.322.281.344.248.548.684.548 1.165 0 .958-.692 1.444-2.056 1.444h-2.372" })] }) }));
 };
-exports.ArtsyLogoBlackIcon = ArtsyLogoBlackIcon;

package/dist/svgs/ArtsyLogoWhiteIcon.js

@@ -1,9 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArtsyLogoWhiteIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const ArtsyLogoWhiteIcon = ({ fill, ...restProps }) => {
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 94 32", children: (0, jsx_runtime_1.jsxs)(Icon_1.G, { fill: "none", fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { fill: "none", d: "M0 0h94v32H0z" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M2.355 2.173h89.323v27.613H53.872v-4.55h-2.119v4.55H2.355V2.173zM.162 31.953h93.71V.006H.161v31.945z", fill: "#FFF" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M19.168 10.297h-2.402L12.59 20.92h2.401l1.097-2.946h3.775l1.081 2.946h2.402l-4.177-10.623zm-2.435 5.732l1.233-3.33 1.22 3.33h-2.453zM40.024 10.297v2.11h3.761v8.513h2.262v-8.513h3.776v-2.11h-9.799M78.516 10.297l-2.719 4.53-2.702-4.53h-2.63l4.21 6.723v3.9h2.261v-3.9l4.21-6.723h-2.63M65.963 15.326c-.7-.505-1.658-.737-2.503-.942-.176-.043-.347-.084-.513-.127l-.105-.027c-.689-.17-1.632-.405-1.632-1.219 0-.869 1.025-1.1 1.63-1.1.686 0 1.548.202 1.758 1.172l.007.033h2.13v-.042c-.072-1.96-1.464-3.085-3.816-3.085-1.752 0-3.797.808-3.797 3.086 0 2.37 2.134 2.878 4.017 3.326.173.042.343.082.509.124.96.247 1.446.688 1.446 1.308 0 1.336-1.77 1.403-2.126 1.403-1.245 0-1.921-.459-2.128-1.443l-.006-.032H58.67l.001.041c.017.843.12 1.356.668 1.993 1.04 1.198 2.688 1.377 3.58 1.377 2.054 0 4.264-1.054 4.264-3.371 0-.984-.468-1.933-1.221-2.475M34.967 16.402c.82-.592 1.331-1.64 1.331-2.736 0-1.184-.617-2.283-1.609-2.867-.84-.502-1.691-.502-2.514-.502h-4.846V20.92h2.278v-5.251l4.225 5.25h2.758l-3.217-3.897c.576-.098 1.055-.231 1.594-.62m-5.36-1.214v-2.89h2.558c.508 0 .96.022 1.322.281.344.248.548.684.548 1.165 0 .958-.692 1.444-2.056 1.444h-2.372", fill: "#FFF" })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { G, Icon, Path } from "./Icon";
+export const ArtsyLogoWhiteIcon = ({ fill, ...restProps }) => {
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 94 32", children: _jsxs(G, { fill: "none", fillRule: "evenodd", children: [_jsx(Path, { fill: "none", d: "M0 0h94v32H0z" }), _jsx(Path, { d: "M2.355 2.173h89.323v27.613H53.872v-4.55h-2.119v4.55H2.355V2.173zM.162 31.953h93.71V.006H.161v31.945z", fill: "#FFF" }), _jsx(Path, { d: "M19.168 10.297h-2.402L12.59 20.92h2.401l1.097-2.946h3.775l1.081 2.946h2.402l-4.177-10.623zm-2.435 5.732l1.233-3.33 1.22 3.33h-2.453zM40.024 10.297v2.11h3.761v8.513h2.262v-8.513h3.776v-2.11h-9.799M78.516 10.297l-2.719 4.53-2.702-4.53h-2.63l4.21 6.723v3.9h2.261v-3.9l4.21-6.723h-2.63M65.963 15.326c-.7-.505-1.658-.737-2.503-.942-.176-.043-.347-.084-.513-.127l-.105-.027c-.689-.17-1.632-.405-1.632-1.219 0-.869 1.025-1.1 1.63-1.1.686 0 1.548.202 1.758 1.172l.007.033h2.13v-.042c-.072-1.96-1.464-3.085-3.816-3.085-1.752 0-3.797.808-3.797 3.086 0 2.37 2.134 2.878 4.017 3.326.173.042.343.082.509.124.96.247 1.446.688 1.446 1.308 0 1.336-1.77 1.403-2.126 1.403-1.245 0-1.921-.459-2.128-1.443l-.006-.032H58.67l.001.041c.017.843.12 1.356.668 1.993 1.04 1.198 2.688 1.377 3.58 1.377 2.054 0 4.264-1.054 4.264-3.371 0-.984-.468-1.933-1.221-2.475M34.967 16.402c.82-.592 1.331-1.64 1.331-2.736 0-1.184-.617-2.283-1.609-2.867-.84-.502-1.691-.502-2.514-.502h-4.846V20.92h2.278v-5.251l4.225 5.25h2.758l-3.217-3.897c.576-.098 1.055-.231 1.594-.62m-5.36-1.214v-2.89h2.558c.508 0 .96.022 1.322.281.344.248.548.684.548 1.165 0 .958-.692 1.444-2.056 1.444h-2.372", fill: "#FFF" })] }) }));
 };
-exports.ArtsyLogoWhiteIcon = ArtsyLogoWhiteIcon;