@artsy/palette-mobile 13.2.33 → 13.2.35

package/dist/svgs/EditIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const EditIcon = ({ 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.jsxs)(Icon_1.G, { fill: color(fill), fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M3 3h6.992v1.009H4.008V14H14V8h1v7H3z" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M6.007 9.299l6.908-7.18L15.809 5l-7.07 6.989H6.006V9.299zm1 1.691h1.32l6.062-5.991-1.459-1.454-5.923 6.156v1.289z", fillRule: "nonzero" })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { G, Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const EditIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsxs(G, { fill: color(fill), fillRule: "evenodd", children: [_jsx(Path, { d: "M3 3h6.992v1.009H4.008V14H14V8h1v7H3z" }), _jsx(Path, { d: "M6.007 9.299l6.908-7.18L15.809 5l-7.07 6.989H6.006V9.299zm1 1.691h1.32l6.062-5.991-1.459-1.454-5.923 6.156v1.289z", fillRule: "nonzero" })] }) }));
 };
-exports.EditIcon = EditIcon;

package/dist/svgs/EmptyCheckCircleIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmptyCheckCircleIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const EmptyCheckCircleIcon = ({ 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: "M1.0006 8.99993C1.0006 4.58165 4.58232 0.999931 9.00062 0.999931C11.1223 0.999931 13.1572 1.84278 14.6575 3.34307C16.1578 4.84337 17.0006 6.8782 17.0006 8.99993C17.0006 13.4182 13.4189 16.9999 9.00062 16.9999C4.58232 16.9999 1.0006 13.4182 1.0006 8.99993ZM16.1112 9.00007C16.1112 5.07273 12.9275 1.88898 9.00006 1.88898C5.07272 1.88898 1.88897 5.07273 1.88897 9.00007C1.88897 12.9275 5.07272 16.1112 9.00006 16.1112C12.9275 16.1112 16.1112 12.9275 16.1112 9.00007Z", 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 EmptyCheckCircleIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M1.0006 8.99993C1.0006 4.58165 4.58232 0.999931 9.00062 0.999931C11.1223 0.999931 13.1572 1.84278 14.6575 3.34307C16.1578 4.84337 17.0006 6.8782 17.0006 8.99993C17.0006 13.4182 13.4189 16.9999 9.00062 16.9999C4.58232 16.9999 1.0006 13.4182 1.0006 8.99993ZM16.1112 9.00007C16.1112 5.07273 12.9275 1.88898 9.00006 1.88898C5.07272 1.88898 1.88897 5.07273 1.88897 9.00007C1.88897 12.9275 5.07272 16.1112 9.00006 16.1112C12.9275 16.1112 16.1112 12.9275 16.1112 9.00007Z", fill: color(fill), fillRule: "evenodd", clipRule: "evenodd" }) }));
 };
-exports.EmptyCheckCircleIcon = EmptyCheckCircleIcon;

package/dist/svgs/EnterIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnterIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const EnterIcon = ({ 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.G, { children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M4.883 11.244l3.108 3.068-.693.688L3 10.758l4.299-4.23.692.689-3.106 3.056h9.134V3H15v8.244H4.883z", fill: color(fill), fillRule: "nonzero" }) }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { G, Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const EnterIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(G, { children: _jsx(Path, { d: "M4.883 11.244l3.108 3.068-.693.688L3 10.758l4.299-4.23.692.689-3.106 3.056h9.134V3H15v8.244H4.883z", fill: color(fill), fillRule: "nonzero" }) }) }));
 };
-exports.EnterIcon = EnterIcon;

package/dist/svgs/EnvelopeIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnvelopeIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const EnvelopeIcon = ({ 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: "M2.875 5.392v8.233h12.25v-8.08L9.002 11 2.875 5.392zm11.705-.517H3.588l5.423 4.963 5.57-4.963zm-12.566-.27L2 4.592l.021-.02a.75.75 0 0 1 .599-.56L2.632 4l.009.008A.756.756 0 0 1 2.75 4h12.5a.75.75 0 0 1 .75.75v9a.75.75 0 0 1-.75.75H2.75a.75.75 0 0 1-.75-.75v-9c0-.05.005-.098.014-.145z", 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 EnvelopeIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M2.875 5.392v8.233h12.25v-8.08L9.002 11 2.875 5.392zm11.705-.517H3.588l5.423 4.963 5.57-4.963zm-12.566-.27L2 4.592l.021-.02a.75.75 0 0 1 .599-.56L2.632 4l.009.008A.756.756 0 0 1 2.75 4h12.5a.75.75 0 0 1 .75.75v9a.75.75 0 0 1-.75.75H2.75a.75.75 0 0 1-.75-.75v-9c0-.05.005-.098.014-.145z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.EnvelopeIcon = EnvelopeIcon;

package/dist/svgs/EstablishedIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EstablishedIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const EstablishedIcon = ({ 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 17.192A8.192 8.192 0 1 1 9 .808a8.192 8.192 0 0 1 0 16.384zm0-1A7.192 7.192 0 1 0 9 1.808a7.192 7.192 0 0 0 0 14.384zM6.952 7.06v3.268l2.096-1.264 2.01 1.25V7.06H6.952zm-1 5.039V6.06h6.106v6.053L9.04 10.236 5.952 12.1z", 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 EstablishedIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9 17.192A8.192 8.192 0 1 1 9 .808a8.192 8.192 0 0 1 0 16.384zm0-1A7.192 7.192 0 1 0 9 1.808a7.192 7.192 0 0 0 0 14.384zM6.952 7.06v3.268l2.096-1.264 2.01 1.25V7.06H6.952zm-1 5.039V6.06h6.106v6.053L9.04 10.236 5.952 12.1z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.EstablishedIcon = EstablishedIcon;

package/dist/svgs/ExclamationMarkCircleFill.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExclamationMarkCircleFill = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ExclamationMarkCircleFill = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 19", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 16.5C12.866 16.5 16 13.366 16 9.5C16 5.63401 12.866 2.5 9 2.5C5.13401 2.5 2 5.63401 2 9.5C2 13.366 5.13401 16.5 9 16.5ZM9 5.75C9.41421 5.75 9.75 6.08579 9.75 6.5V9.5C9.75 9.91421 9.41421 10.25 9 10.25C8.58579 10.25 8.25 9.91421 8.25 9.5V6.5C8.25 6.08579 8.58579 5.75 9 5.75ZM8.25 12.5C8.25 12.0858 8.58579 11.75 9 11.75H9.00542C9.41963 11.75 9.75542 12.0858 9.75542 12.5C9.75542 12.9142 9.41963 13.25 9.00542 13.25H9C8.58579 13.25 8.25 12.9142 8.25 12.5Z", fill: color(fill ?? "onBackgroundMedium"), fillRule: "evenodd" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ExclamationMarkCircleFill = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 19", children: _jsx(Path, { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 16.5C12.866 16.5 16 13.366 16 9.5C16 5.63401 12.866 2.5 9 2.5C5.13401 2.5 2 5.63401 2 9.5C2 13.366 5.13401 16.5 9 16.5ZM9 5.75C9.41421 5.75 9.75 6.08579 9.75 6.5V9.5C9.75 9.91421 9.41421 10.25 9 10.25C8.58579 10.25 8.25 9.91421 8.25 9.5V6.5C8.25 6.08579 8.58579 5.75 9 5.75ZM8.25 12.5C8.25 12.0858 8.58579 11.75 9 11.75H9.00542C9.41963 11.75 9.75542 12.0858 9.75542 12.5C9.75542 12.9142 9.41963 13.25 9.00542 13.25H9C8.58579 13.25 8.25 12.9142 8.25 12.5Z", fill: color(fill ?? "onBackgroundMedium"), fillRule: "evenodd" }) }));
 };
-exports.ExclamationMarkCircleFill = ExclamationMarkCircleFill;

package/dist/svgs/ExpandIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpandIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ExpandIcon = ({ 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 3.708L10.76 7.96l-.708-.706L14.293 3H10V2h6v6h-1V3.708zM3 14.292l4.24-4.252.708.706L3.707 15H8v1H2v-6h1v4.292z", 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 ExpandIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M15 3.708L10.76 7.96l-.708-.706L14.293 3H10V2h6v6h-1V3.708zM3 14.292l4.24-4.252.708.706L3.707 15H8v1H2v-6h1v4.292z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.ExpandIcon = ExpandIcon;

package/dist/svgs/EyeClosedIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EyeClosedIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const EyeClosedIcon = ({ 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.jsxs)(Icon_1.G, { fill: color(fill), fillRule: "nonzero", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M2.249 8.605a.56.56 0 0 0 .016.6C4.172 12.044 6.406 13.43 9 13.43c2.594 0 4.828-1.387 6.736-4.225a.56.56 0 0 0 .017-.6c-1.714-2.901-3.944-4.318-6.742-4.318S3.975 5.703 2.25 8.605zM1.238 8.03C3.163 4.795 5.77 3.143 9.01 3.143c3.241 0 5.843 1.653 7.755 4.89.331.561.31 1.257-.053 1.798-2.109 3.139-4.69 4.74-7.713 4.74-3.021 0-5.602-1.6-7.711-4.738a1.681 1.681 0 0 1-.05-1.802z" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M9 11.714A2.857 2.857 0 1 1 9 6a2.857 2.857 0 0 1 0 5.714zm0-1.143a1.714 1.714 0 1 0 0-3.428 1.714 1.714 0 0 0 0 3.428z" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M15.054 2.053l.805.81-12.893 12.79-.805-.81z" })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { G, Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const EyeClosedIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsxs(G, { fill: color(fill), fillRule: "nonzero", children: [_jsx(Path, { d: "M2.249 8.605a.56.56 0 0 0 .016.6C4.172 12.044 6.406 13.43 9 13.43c2.594 0 4.828-1.387 6.736-4.225a.56.56 0 0 0 .017-.6c-1.714-2.901-3.944-4.318-6.742-4.318S3.975 5.703 2.25 8.605zM1.238 8.03C3.163 4.795 5.77 3.143 9.01 3.143c3.241 0 5.843 1.653 7.755 4.89.331.561.31 1.257-.053 1.798-2.109 3.139-4.69 4.74-7.713 4.74-3.021 0-5.602-1.6-7.711-4.738a1.681 1.681 0 0 1-.05-1.802z" }), _jsx(Path, { d: "M9 11.714A2.857 2.857 0 1 1 9 6a2.857 2.857 0 0 1 0 5.714zm0-1.143a1.714 1.714 0 1 0 0-3.428 1.714 1.714 0 0 0 0 3.428z" }), _jsx(Path, { d: "M15.054 2.053l.805.81-12.893 12.79-.805-.81z" })] }) }));
 };
-exports.EyeClosedIcon = EyeClosedIcon;

package/dist/svgs/EyeOpenedIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EyeOpenedIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const EyeOpenedIcon = ({ 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.jsxs)(Icon_1.G, { fill: color(fill), fillRule: "nonzero", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M2.249 8.462a.56.56 0 0 0 .016.601C4.172 11.9 6.406 13.286 9 13.286c2.594 0 4.828-1.387 6.736-4.225a.56.56 0 0 0 .017-.6C14.038 5.56 11.808 4.144 9.01 4.144S3.975 5.56 2.25 8.463zm-1.011-.574C3.163 4.652 5.77 3 9.01 3c3.241 0 5.843 1.653 7.755 4.89.331.561.31 1.257-.053 1.798-2.109 3.139-4.69 4.74-7.713 4.74-3.021 0-5.602-1.6-7.711-4.738a1.681 1.681 0 0 1-.05-1.802z" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M9 11.571a2.857 2.857 0 1 1 0-5.714 2.857 2.857 0 0 1 0 5.714zm0-1.142A1.714 1.714 0 1 0 9 7a1.714 1.714 0 0 0 0 3.429z" })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { G, Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const EyeOpenedIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsxs(G, { fill: color(fill), fillRule: "nonzero", children: [_jsx(Path, { d: "M2.249 8.462a.56.56 0 0 0 .016.601C4.172 11.9 6.406 13.286 9 13.286c2.594 0 4.828-1.387 6.736-4.225a.56.56 0 0 0 .017-.6C14.038 5.56 11.808 4.144 9.01 4.144S3.975 5.56 2.25 8.463zm-1.011-.574C3.163 4.652 5.77 3 9.01 3c3.241 0 5.843 1.653 7.755 4.89.331.561.31 1.257-.053 1.798-2.109 3.139-4.69 4.74-7.713 4.74-3.021 0-5.602-1.6-7.711-4.738a1.681 1.681 0 0 1-.05-1.802z" }), _jsx(Path, { d: "M9 11.571a2.857 2.857 0 1 1 0-5.714 2.857 2.857 0 0 1 0 5.714zm0-1.142A1.714 1.714 0 1 0 9 7a1.714 1.714 0 0 0 0 3.429z" })] }) }));
 };
-exports.EyeOpenedIcon = EyeOpenedIcon;

package/dist/svgs/FacebookIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FacebookIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const FacebookIcon = ({ 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 3.66v10.68a.67.67 0 0 1-.66.66h-3.06v-4.64h1.56l.24-1.82h-1.8V7.39c0-.53.15-.89.9-.89h1V4.88a13.13 13.13 0 0 0-1.4-.07 2.19 2.19 0 0 0-2.33 2.4v1.33h-1.6v1.82h1.56V15H3.66a.66.66 0 0 1-.66-.66V3.66A.66.66 0 0 1 3.66 3h10.68a.66.66 0 0 1 .66.66z", 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 FacebookIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M15 3.66v10.68a.67.67 0 0 1-.66.66h-3.06v-4.64h1.56l.24-1.82h-1.8V7.39c0-.53.15-.89.9-.89h1V4.88a13.13 13.13 0 0 0-1.4-.07 2.19 2.19 0 0 0-2.33 2.4v1.33h-1.6v1.82h1.56V15H3.66a.66.66 0 0 1-.66-.66V3.66A.66.66 0 0 1 3.66 3h10.68a.66.66 0 0 1 .66.66z", fill: color(fill), fillRule: "evenodd" }) }));
 };
-exports.FacebookIcon = FacebookIcon;

package/dist/svgs/FairIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FairIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const FairIcon = ({ 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.533 7.027H14V14h1v1H3v-1h1V7.027h4.467V1.376l4.266 2.29-3.2 1.55v1.811zM8 14v-3.08h2.074V14H13V8.027H5V14h3z", 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 FairIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9.533 7.027H14V14h1v1H3v-1h1V7.027h4.467V1.376l4.266 2.29-3.2 1.55v1.811zM8 14v-3.08h2.074V14H13V8.027H5V14h3z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.FairIcon = FairIcon;

package/dist/svgs/FilterIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const FilterIcon = ({ 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: "M10.006 11v-1h1v3h-1v-1H4v-1h6.006zm-2.01-4v1h-1V5h1v1H14v1H7.996zM6 6v1H4V6h2zm6 6v-1h2v1h-2z", 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 FilterIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M10.006 11v-1h1v3h-1v-1H4v-1h6.006zm-2.01-4v1h-1V5h1v1H14v1H7.996zM6 6v1H4V6h2zm6 6v-1h2v1h-2z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.FilterIcon = FilterIcon;

package/dist/svgs/FullWidthIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FullWidthIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const FullWidthIcon = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 28 28", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M5.7779 3C5.34835 3 5.00012 3.34822 5.00012 3.77778V16.2222C5.00012 16.6518 5.34835 17 5.7779 17H21.3335C21.763 17 22.1112 16.6518 22.1112 16.2222V3.77778C22.1112 3.34822 21.763 3 21.3335 3H5.7779ZM6.55568 15.4444V4.55556H20.5557V15.4444H6.55568ZM5.7779 18.7778C5.34835 18.7778 5.00012 19.126 5.00012 19.5555V24H6.55568V20.3333H20.5557V24H22.1112V19.5555C22.1112 19.126 21.763 18.7778 21.3335 18.7778H5.7779Z", 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 FullWidthIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 28 28", children: _jsx(Path, { d: "M5.7779 3C5.34835 3 5.00012 3.34822 5.00012 3.77778V16.2222C5.00012 16.6518 5.34835 17 5.7779 17H21.3335C21.763 17 22.1112 16.6518 22.1112 16.2222V3.77778C22.1112 3.34822 21.763 3 21.3335 3H5.7779ZM6.55568 15.4444V4.55556H20.5557V15.4444H6.55568ZM5.7779 18.7778C5.34835 18.7778 5.00012 19.126 5.00012 19.5555V24H6.55568V20.3333H20.5557V24H22.1112V19.5555C22.1112 19.126 21.763 18.7778 21.3335 18.7778H5.7779Z", fill: color(fill), fillRule: "evenodd", clipRule: "evenodd" }) }));
 };
-exports.FullWidthIcon = FullWidthIcon;

package/dist/svgs/GenomeIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GenomeIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const GenomeIcon = ({ 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 4H5.95v1H12V4zm0-1v-.988h.997V5.59c0 1.358-.728 2.665-2.364 3.421 1.632.769 2.364 2.09 2.364 3.51v1.69a.252.252 0 0 1 .003.039v.466a.252.252 0 0 1-.003.039v1.22H12v-1.01H5.95V16H5v-3.48c0-1.42.731-2.739 2.361-3.507C5.726 8.262 5 6.969 5 5.62V2h.95v1H12zm.002 3H5.957c.019.317.085.664.325.995.509.703 1.386 1.236 2.716 1.502 1.33-.266 2.206-.803 2.716-1.515.233-.326.281-.668.288-.982zM12 14v-1.01H5.95V14H12zm-.042-2.01c-.18-1.09-.967-2.063-2.96-2.475-1.993.412-2.815 1.385-3.004 2.475h5.964z", 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 GenomeIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M12 4H5.95v1H12V4zm0-1v-.988h.997V5.59c0 1.358-.728 2.665-2.364 3.421 1.632.769 2.364 2.09 2.364 3.51v1.69a.252.252 0 0 1 .003.039v.466a.252.252 0 0 1-.003.039v1.22H12v-1.01H5.95V16H5v-3.48c0-1.42.731-2.739 2.361-3.507C5.726 8.262 5 6.969 5 5.62V2h.95v1H12zm.002 3H5.957c.019.317.085.664.325.995.509.703 1.386 1.236 2.716 1.502 1.33-.266 2.206-.803 2.716-1.515.233-.326.281-.668.288-.982zM12 14v-1.01H5.95V14H12zm-.042-2.01c-.18-1.09-.967-2.063-2.96-2.475-1.993.412-2.815 1.385-3.004 2.475h5.964z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.GenomeIcon = GenomeIcon;

package/dist/svgs/GraphIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GraphIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const GraphIcon = ({ 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: "M4 10h1v5H4v-5zm3-2h1v7H7V8zm3-3h1v10h-1V5zm3-2h1v12h-1V3z", 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 GraphIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M4 10h1v5H4v-5zm3-2h1v7H7V8zm3-3h1v10h-1V5zm3-2h1v12h-1V3z", fill: color(fill), fillRule: "evenodd" }) }));
 };
-exports.GraphIcon = GraphIcon;

package/dist/svgs/GridIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const GridIcon = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 28 28", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M5.4444 4.66669C5.01485 4.66669 4.66663 5.01491 4.66663 5.44446V12.2889C4.66663 12.7185 5.01485 13.0667 5.4444 13.0667H12.2888C12.7184 13.0667 13.0666 12.7185 13.0666 12.2889V5.44446C13.0666 5.01491 12.7184 4.66669 12.2888 4.66669H5.4444ZM6.22218 11.5111V6.22224H11.5111V11.5111H6.22218ZM5.44431 14.9332C5.01476 14.9332 4.66653 15.2814 4.66653 15.7109V22.5554C4.66653 22.9849 5.01476 23.3332 5.44431 23.3332H12.2888C12.7183 23.3332 13.0665 22.9849 13.0665 22.5554V15.7109C13.0665 15.2814 12.7183 14.9332 12.2888 14.9332H5.44431ZM6.22209 21.7776V16.4887H11.511V21.7776H6.22209ZM14.9333 5.44446C14.9333 5.01491 15.2816 4.66669 15.7111 4.66669H22.5556C22.9851 4.66669 23.3333 5.01491 23.3333 5.44446V12.2889C23.3333 12.7185 22.9851 13.0667 22.5556 13.0667H15.7111C15.2816 13.0667 14.9333 12.7185 14.9333 12.2889V5.44446ZM16.4889 6.22224V11.5111H21.7778V6.22224H16.4889ZM15.7111 14.9332C15.2816 14.9332 14.9333 15.2814 14.9333 15.7109V22.5554C14.9333 22.9849 15.2816 23.3332 15.7111 23.3332H22.5556C22.9851 23.3332 23.3333 22.9849 23.3333 22.5554V15.7109C23.3333 15.2814 22.9851 14.9332 22.5556 14.9332H15.7111ZM16.4889 21.7776V16.4887H21.7778V21.7776H16.4889Z", 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 GridIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 28 28", children: _jsx(Path, { d: "M5.4444 4.66669C5.01485 4.66669 4.66663 5.01491 4.66663 5.44446V12.2889C4.66663 12.7185 5.01485 13.0667 5.4444 13.0667H12.2888C12.7184 13.0667 13.0666 12.7185 13.0666 12.2889V5.44446C13.0666 5.01491 12.7184 4.66669 12.2888 4.66669H5.4444ZM6.22218 11.5111V6.22224H11.5111V11.5111H6.22218ZM5.44431 14.9332C5.01476 14.9332 4.66653 15.2814 4.66653 15.7109V22.5554C4.66653 22.9849 5.01476 23.3332 5.44431 23.3332H12.2888C12.7183 23.3332 13.0665 22.9849 13.0665 22.5554V15.7109C13.0665 15.2814 12.7183 14.9332 12.2888 14.9332H5.44431ZM6.22209 21.7776V16.4887H11.511V21.7776H6.22209ZM14.9333 5.44446C14.9333 5.01491 15.2816 4.66669 15.7111 4.66669H22.5556C22.9851 4.66669 23.3333 5.01491 23.3333 5.44446V12.2889C23.3333 12.7185 22.9851 13.0667 22.5556 13.0667H15.7111C15.2816 13.0667 14.9333 12.7185 14.9333 12.2889V5.44446ZM16.4889 6.22224V11.5111H21.7778V6.22224H16.4889ZM15.7111 14.9332C15.2816 14.9332 14.9333 15.2814 14.9333 15.7109V22.5554C14.9333 22.9849 15.2816 23.3332 15.7111 23.3332H22.5556C22.9851 23.3332 23.3333 22.9849 23.3333 22.5554V15.7109C23.3333 15.2814 22.9851 14.9332 22.5556 14.9332H15.7111ZM16.4889 21.7776V16.4887H21.7778V21.7776H16.4889Z", fill: color(fill), fillRule: "evenodd", clipRule: "evenodd" }) }));
 };
-exports.GridIcon = GridIcon;

package/dist/svgs/GuaranteeIcon.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GuaranteeIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_svg_1 = require("react-native-svg");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const GuaranteeIcon = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsxs)(react_native_svg_1.G, { clipPath: "url(#clip0_2759_41684)", fillRule: "evenodd", clipRule: "evenodd", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M6.745 17.505a27.925 27.925 0 003.948 3.102 2.287 2.287 0 002.564 0 29.072 29.072 0 003.729-3.142 11.347 11.347 0 003.11-4.934.814.814 0 00-.611-.976.814.814 0 00-.977.602 9.826 9.826 0 01-2.678 4.168 26.87 26.87 0 01-3.517 2.947.635.635 0 01-.725 0 26.254 26.254 0 01-3.72-2.923 9.508 9.508 0 01-2.84-4.208 13.84 13.84 0 01-.18-3.143c0-.716.073-1.383.122-1.88.31 0 .692.065 1.1.081a7.97 7.97 0 002.441-.22 8.14 8.14 0 002.394-1.286c.407-.3.765-.594 1.042-.814.276.236.635.538 1.042.814A7.88 7.88 0 0015.43 6.98a.814.814 0 10.431-1.572 6.34 6.34 0 01-1.872-1.025 14.385 14.385 0 01-1.335-1.116.977.977 0 00-1.343 0c-.428.396-.876.768-1.344 1.116A6.643 6.643 0 018.08 5.417a6.325 6.325 0 01-1.954.154 15.212 15.212 0 01-1.628-.146.977.977 0 00-1.09.87c-.042.408-.147 1.474-.18 2.67-.074 1.188 0 2.38.22 3.55a11.095 11.095 0 003.297 4.99z", fill: color(fill) }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M11.89 8.893a.82.82 0 00-1.083 1.229l2.442 2.173a.969.969 0 001.351.09l5.96-5.593a.815.815 0 00-1.116-1.188l-5.438 5.128-2.116-1.84z", fill: color(fill) })] }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Defs, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.ClipPath, { id: "clip0_2759_41684", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { fill: color(fill), d: "M0 0H24V24H0z" }) }) })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ClipPath, Defs, G } from "react-native-svg";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const GuaranteeIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsxs(Icon, { ...restProps, viewBox: "0 0 24 24", children: [_jsxs(G, { clipPath: "url(#clip0_2759_41684)", fillRule: "evenodd", clipRule: "evenodd", children: [_jsx(Path, { d: "M6.745 17.505a27.925 27.925 0 003.948 3.102 2.287 2.287 0 002.564 0 29.072 29.072 0 003.729-3.142 11.347 11.347 0 003.11-4.934.814.814 0 00-.611-.976.814.814 0 00-.977.602 9.826 9.826 0 01-2.678 4.168 26.87 26.87 0 01-3.517 2.947.635.635 0 01-.725 0 26.254 26.254 0 01-3.72-2.923 9.508 9.508 0 01-2.84-4.208 13.84 13.84 0 01-.18-3.143c0-.716.073-1.383.122-1.88.31 0 .692.065 1.1.081a7.97 7.97 0 002.441-.22 8.14 8.14 0 002.394-1.286c.407-.3.765-.594 1.042-.814.276.236.635.538 1.042.814A7.88 7.88 0 0015.43 6.98a.814.814 0 10.431-1.572 6.34 6.34 0 01-1.872-1.025 14.385 14.385 0 01-1.335-1.116.977.977 0 00-1.343 0c-.428.396-.876.768-1.344 1.116A6.643 6.643 0 018.08 5.417a6.325 6.325 0 01-1.954.154 15.212 15.212 0 01-1.628-.146.977.977 0 00-1.09.87c-.042.408-.147 1.474-.18 2.67-.074 1.188 0 2.38.22 3.55a11.095 11.095 0 003.297 4.99z", fill: color(fill) }), _jsx(Path, { d: "M11.89 8.893a.82.82 0 00-1.083 1.229l2.442 2.173a.969.969 0 001.351.09l5.96-5.593a.815.815 0 00-1.116-1.188l-5.438 5.128-2.116-1.84z", fill: color(fill) })] }), _jsx(Defs, { children: _jsx(ClipPath, { id: "clip0_2759_41684", children: _jsx(Path, { fill: color(fill), d: "M0 0H24V24H0z" }) }) })] }));
 };
-exports.GuaranteeIcon = GuaranteeIcon;

package/dist/svgs/HeartFillIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeartFillIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const HeartFillIcon = ({ 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 3a4 4 0 0 0-2.83 1.17L9 4.34l-.17-.17a4.002 4.002 0 0 0-5.66 5.66l5.48 5.47a.48.48 0 0 0 .7 0l5.48-5.47A4 4 0 0 0 12 3z", 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 HeartFillIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M12 3a4 4 0 0 0-2.83 1.17L9 4.34l-.17-.17a4.002 4.002 0 0 0-5.66 5.66l5.48 5.47a.48.48 0 0 0 .7 0l5.48-5.47A4 4 0 0 0 12 3z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.HeartFillIcon = HeartFillIcon;

package/dist/svgs/HeartIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeartIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const HeartIcon = ({ 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 3a4 4 0 0 0-2.83 1.17L9 4.34l-.17-.17a4.002 4.002 0 0 0-5.66 5.66l5.48 5.47a.48.48 0 0 0 .7 0l5.48-5.47A4 4 0 0 0 12 3zm2.12 6.12L9 14.24 3.88 9.12a3 3 0 1 1 4.24-4.24l.53.52.35.36.35-.36.53-.52a3 3 0 0 1 4.24 4.24z", 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 HeartIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M12 3a4 4 0 0 0-2.83 1.17L9 4.34l-.17-.17a4.002 4.002 0 0 0-5.66 5.66l5.48 5.47a.48.48 0 0 0 .7 0l5.48-5.47A4 4 0 0 0 12 3zm2.12 6.12L9 14.24 3.88 9.12a3 3 0 1 1 4.24-4.24l.53.52.35.36.35-.36.53-.52a3 3 0 0 1 4.24 4.24z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.HeartIcon = HeartIcon;

package/dist/svgs/HideIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HideIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const HideIcon = ({ 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: "M16.7 10c.4-.5.4-1.2.1-1.8-2-3.3-4.6-4.9-7.8-4.9-1.5 0-2.8.4-4 1L3.6 2.9l-.7.7 1.3 1.3c-1.1.8-2.1 1.9-3 3.3-.3.5-.3 1.2.1 1.8C3.4 13.1 6 14.7 9 14.7c1.4 0 2.7-.4 3.9-1.1l1.5 1.5.7-.7-1.3-1.3c1.1-.8 2-1.8 2.9-3.1zM9 13.6c-2.6 0-4.8-1.4-6.7-4.2-.1-.2-.1-.4 0-.6C3 7.4 4 6.4 5 5.7l1.7 1.7c-.4.4-.6 1-.6 1.6 0 1.6 1.3 2.9 2.9 2.9.6 0 1.2-.2 1.6-.5l1.5 1.5c-1 .4-2 .7-3.1.7zm1.5-3.8L8.2 7.5c.2-.1.5-.2.8-.2.9 0 1.7.8 1.7 1.7 0 .3-.1.6-.2.8zm-.7.7c-.2.1-.5.2-.8.2-.9 0-1.7-.8-1.7-1.7 0-.3.1-.6.2-.8l2.3 2.3zm3.2 1.8-1.6-1.6c.3-.5.5-1 .5-1.6 0-1.6-1.3-2.9-2.9-2.9-.6 0-1.2.2-1.6.5L5.9 5.2c1-.5 2-.7 3.1-.7 2.8 0 5 1.4 6.8 4.3.1.2.1.4 0 .6-.9 1.2-1.8 2.2-2.8 2.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 HideIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M16.7 10c.4-.5.4-1.2.1-1.8-2-3.3-4.6-4.9-7.8-4.9-1.5 0-2.8.4-4 1L3.6 2.9l-.7.7 1.3 1.3c-1.1.8-2.1 1.9-3 3.3-.3.5-.3 1.2.1 1.8C3.4 13.1 6 14.7 9 14.7c1.4 0 2.7-.4 3.9-1.1l1.5 1.5.7-.7-1.3-1.3c1.1-.8 2-1.8 2.9-3.1zM9 13.6c-2.6 0-4.8-1.4-6.7-4.2-.1-.2-.1-.4 0-.6C3 7.4 4 6.4 5 5.7l1.7 1.7c-.4.4-.6 1-.6 1.6 0 1.6 1.3 2.9 2.9 2.9.6 0 1.2-.2 1.6-.5l1.5 1.5c-1 .4-2 .7-3.1.7zm1.5-3.8L8.2 7.5c.2-.1.5-.2.8-.2.9 0 1.7.8 1.7 1.7 0 .3-.1.6-.2.8zm-.7.7c-.2.1-.5.2-.8.2-.9 0-1.7-.8-1.7-1.7 0-.3.1-.6.2-.8l2.3 2.3zm3.2 1.8-1.6-1.6c.3-.5.5-1 .5-1.6 0-1.6-1.3-2.9-2.9-2.9-.6 0-1.2.2-1.6.5L5.9 5.2c1-.5 2-.7 3.1-.7 2.8 0 5 1.4 6.8 4.3.1.2.1.4 0 .6-.9 1.2-1.8 2.2-2.8 2.9z", fill: color(fill), fillRule: "evenodd" }) }));
 };
-exports.HideIcon = HideIcon;

package/dist/svgs/HomeIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HomeIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const HomeIcon = ({ 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: "M3.032 7.873H1.959A.65.65 0 0 1 1.575 6.7l7.423-5.437 7.534 5.434a.65.65 0 0 1-.38 1.177h-1.084v8.079H9.992v-5.023H7.967v5.023H3.032V7.873zm1 0v7.079h2.935V9.929h4.025v5.023h3.076V7.873H4.032zm11.036-1L9.002 2.498 3.03 6.873h12.04z", 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 HomeIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M3.032 7.873H1.959A.65.65 0 0 1 1.575 6.7l7.423-5.437 7.534 5.434a.65.65 0 0 1-.38 1.177h-1.084v8.079H9.992v-5.023H7.967v5.023H3.032V7.873zm1 0v7.079h2.935V9.929h4.025v5.023h3.076V7.873H4.032zm11.036-1L9.002 2.498 3.03 6.873h12.04z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.HomeIcon = HomeIcon;

package/dist/svgs/Icon.js

@@ -1,49 +1,34 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadialGradient = exports.Stop = exports.LinearGradient = exports.Defs = exports.Rect = exports.Path = exports.Mask = exports.G = exports.Circle = exports.Icon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("react-native");
-const react_native_svg_1 = __importDefault(require("react-native-svg"));
-const native_1 = __importDefault(require("styled-components/native"));
-const styled_system_1 = require("styled-system");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PixelRatio } from "react-native";
+import Svg from "react-native-svg";
+import styled from "styled-components/native";
+import { left, position, right, space, top, } from "styled-system";
 const DEFAULT_SIZE = 18;
 /**
  * Wraps `Svg` and returns a scaled version depending on the font scale of the system.
  * If width and height are specified as strings, the SVG will not be scaled.
  */
 const ScaledSvg = ({ width = DEFAULT_SIZE, height = DEFAULT_SIZE, ...restProps }) => {
-    const fontScale = react_native_1.PixelRatio.getFontScale();
+    const fontScale = PixelRatio.getFontScale();
     // Only scale if the width and height are not specified or provided as numbers
     const scaledWidth = typeof width === "string" ? width : fontScale * width;
     const scaledHeight = typeof height === "string" ? height : fontScale * height;
-    return (0, jsx_runtime_1.jsx)(react_native_svg_1.default, { width: scaledWidth, height: scaledHeight, ...restProps });
+    return _jsx(Svg, { width: scaledWidth, height: scaledHeight, ...restProps });
 };
 /** Wrapper for icons to include space */
-exports.Icon = (0, native_1.default)(ScaledSvg) `
+export const Icon = styled(ScaledSvg) `
   position: relative;
 
-  ${styled_system_1.space};
-  ${styled_system_1.top};
-  ${styled_system_1.right};
-  ${styled_system_1.left};
-  ${styled_system_1.position};
+  ${space};
+  ${top};
+  ${right};
+  ${left};
+  ${position};
 `;
-exports.Icon.defaultProps = {
+Icon.defaultProps = {
     // @ts-ignore
     fill: "black",
     height: DEFAULT_SIZE,
     width: DEFAULT_SIZE,
 };
-var react_native_svg_2 = require("react-native-svg");
-Object.defineProperty(exports, "Circle", { enumerable: true, get: function () { return react_native_svg_2.Circle; } });
-Object.defineProperty(exports, "G", { enumerable: true, get: function () { return react_native_svg_2.G; } });
-Object.defineProperty(exports, "Mask", { enumerable: true, get: function () { return react_native_svg_2.Mask; } });
-Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return react_native_svg_2.Path; } });
-Object.defineProperty(exports, "Rect", { enumerable: true, get: function () { return react_native_svg_2.Rect; } });
-Object.defineProperty(exports, "Defs", { enumerable: true, get: function () { return react_native_svg_2.Defs; } });
-Object.defineProperty(exports, "LinearGradient", { enumerable: true, get: function () { return react_native_svg_2.LinearGradient; } });
-Object.defineProperty(exports, "Stop", { enumerable: true, get: function () { return react_native_svg_2.Stop; } });
-Object.defineProperty(exports, "RadialGradient", { enumerable: true, get: function () { return react_native_svg_2.RadialGradient; } });
+export { Circle, G, Mask, Path, Rect, Defs, LinearGradient, Stop, RadialGradient, } from "react-native-svg";

package/dist/svgs/ImageIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ImageIcon = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M16 2H2c-.265 0-.52.098-.707.272A.896.896 0 001 2.929V14.07c0 .247.105.483.293.657.187.174.442.272.707.272h14c.265 0 .52-.098.707-.272a.896.896 0 00.293-.657V2.93a.896.896 0 00-.293-.657A1.04 1.04 0 0016 2zM2 14.071V2.93h14V14.07H2z", fill: color(fill) }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M4.46 6.643c.298 0 .588-.082.834-.235a1.42 1.42 0 00.553-.625 1.3 1.3 0 00.085-.805c-.058-.27-.2-.518-.41-.713a1.539 1.539 0 00-.768-.381 1.608 1.608 0 00-.867.08 1.482 1.482 0 00-.673.512 1.323 1.323 0 00-.253.774c0 .37.158.724.44.985a1.56 1.56 0 001.06.408zm0-2.136c.16 0 .315.042.447.123a.759.759 0 01.297.333.694.694 0 01.047.43.728.728 0 01-.218.38.82.82 0 01-.41.205.857.857 0 01-.462-.041.79.79 0 01-.36-.274.706.706 0 01-.135-.413.717.717 0 01.234-.52.832.832 0 01.56-.218v-.005zM11.39 7.279l-2.7 2.507-2-1.857a.52.52 0 00-.352-.135.52.52 0 00-.352.135L2.96 10.775v1.314l3.395-3.153L8 10.441l-1.875 1.74H7.5l4.225-3.923L15 11.286v-1.31L12.096 7.28a.52.52 0 00-.353-.135.52.52 0 00-.352.135z", fill: color(fill) })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ImageIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsxs(Icon, { ...restProps, viewBox: "0 0 18 18", children: [_jsx(Path, { d: "M16 2H2c-.265 0-.52.098-.707.272A.896.896 0 001 2.929V14.07c0 .247.105.483.293.657.187.174.442.272.707.272h14c.265 0 .52-.098.707-.272a.896.896 0 00.293-.657V2.93a.896.896 0 00-.293-.657A1.04 1.04 0 0016 2zM2 14.071V2.93h14V14.07H2z", fill: color(fill) }), _jsx(Path, { d: "M4.46 6.643c.298 0 .588-.082.834-.235a1.42 1.42 0 00.553-.625 1.3 1.3 0 00.085-.805c-.058-.27-.2-.518-.41-.713a1.539 1.539 0 00-.768-.381 1.608 1.608 0 00-.867.08 1.482 1.482 0 00-.673.512 1.323 1.323 0 00-.253.774c0 .37.158.724.44.985a1.56 1.56 0 001.06.408zm0-2.136c.16 0 .315.042.447.123a.759.759 0 01.297.333.694.694 0 01.047.43.728.728 0 01-.218.38.82.82 0 01-.41.205.857.857 0 01-.462-.041.79.79 0 01-.36-.274.706.706 0 01-.135-.413.717.717 0 01.234-.52.832.832 0 01.56-.218v-.005zM11.39 7.279l-2.7 2.507-2-1.857a.52.52 0 00-.352-.135.52.52 0 00-.352.135L2.96 10.775v1.314l3.395-3.153L8 10.441l-1.875 1.74H7.5l4.225-3.923L15 11.286v-1.31L12.096 7.28a.52.52 0 00-.353-.135.52.52 0 00-.352.135z", fill: color(fill) })] }));
 };
-exports.ImageIcon = ImageIcon;

package/dist/svgs/ImageSetIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageSetIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ImageSetIcon = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 18", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12 6H2V16H12V6ZM1 5V17H13V5H1Z", fill: color(fill) }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M14 3H3V4H14L14 15H15V4V3H14Z", fill: color(fill) }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M16 1H5V2H16L16 13H17V2V1H16Z", fill: color(fill) })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ImageSetIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsxs(Icon, { ...restProps, viewBox: "0 0 18 18", children: [_jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M12 6H2V16H12V6ZM1 5V17H13V5H1Z", fill: color(fill) }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M14 3H3V4H14L14 15H15V4V3H14Z", fill: color(fill) }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M16 1H5V2H16L16 13H17V2V1H16Z", fill: color(fill) })] }));
 };
-exports.ImageSetIcon = ImageSetIcon;

package/dist/svgs/IncreaseIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IncreaseIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const IncreaseIcon = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 10 10", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M0 4.92701L0.927644 5.83942L4.34137 2.31752V10H5.67718V2.31752L9.07236 5.83942L10 4.92701L5.00928 0L0 4.92701Z", fill: color(fill) }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const IncreaseIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 10 10", children: _jsx(Path, { d: "M0 4.92701L0.927644 5.83942L4.34137 2.31752V10H5.67718V2.31752L9.07236 5.83942L10 4.92701L5.00928 0L0 4.92701Z", fill: color(fill) }) }));
 };
-exports.IncreaseIcon = IncreaseIcon;