@artsy/palette-mobile 13.2.33 → 13.2.35

package/dist/svgs/ArtsyMarkBlackIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArtsyMarkBlackIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ArtsyMarkBlackIcon = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 32 32", children: (0, jsx_runtime_1.jsxs)(Icon_1.G, { fill: color(fill), fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M0 31.963h31.876V.09H0v31.874zm29.583-2.293h-4.824v-6.283h-2.295v6.283H2.294V2.382h27.289V29.67z" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M12.854 5.677h-2.53L5.64 17.737h2.422l1.265-3.382h4.541l1.247 3.382h2.424l-4.685-12.06zm-2.82 6.636l1.555-4.197 1.537 4.197h-3.093z" })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { G, Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ArtsyMarkBlackIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 32 32", children: _jsxs(G, { fill: color(fill), fillRule: "evenodd", children: [_jsx(Path, { d: "M0 31.963h31.876V.09H0v31.874zm29.583-2.293h-4.824v-6.283h-2.295v6.283H2.294V2.382h27.289V29.67z" }), _jsx(Path, { d: "M12.854 5.677h-2.53L5.64 17.737h2.422l1.265-3.382h4.541l1.247 3.382h2.424l-4.685-12.06zm-2.82 6.636l1.555-4.197 1.537 4.197h-3.093z" })] }) }));
 };
-exports.ArtsyMarkBlackIcon = ArtsyMarkBlackIcon;

package/dist/svgs/ArtsyMarkWhiteIcon.js

@@ -1,9 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArtsyMarkWhiteIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const ArtsyMarkWhiteIcon = ({ fill, ...restProps }) => {
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 32 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 0h32v32H0z" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M0 31.963h31.876V.09H0v31.874zm29.583-2.293h-4.824v-6.283h-2.295v6.283H2.294V2.382h27.289V29.67z", fill: "#FFF" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M12.854 5.677h-2.53L5.64 17.737h2.422l1.265-3.382h4.541l1.247 3.382h2.424l-4.685-12.06zm-2.82 6.636l1.555-4.197 1.537 4.197h-3.093z", fill: "#FFF" })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { G, Icon, Path } from "./Icon";
+export const ArtsyMarkWhiteIcon = ({ fill, ...restProps }) => {
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 32 32", children: _jsxs(G, { fill: "none", fillRule: "evenodd", children: [_jsx(Path, { fill: "none", d: "M0 0h32v32H0z" }), _jsx(Path, { d: "M0 31.963h31.876V.09H0v31.874zm29.583-2.293h-4.824v-6.283h-2.295v6.283H2.294V2.382h27.289V29.67z", fill: "#FFF" }), _jsx(Path, { d: "M12.854 5.677h-2.53L5.64 17.737h2.422l1.265-3.382h4.541l1.247 3.382h2.424l-4.685-12.06zm-2.82 6.636l1.555-4.197 1.537 4.197h-3.093z", fill: "#FFF" })] }) }));
 };
-exports.ArtsyMarkWhiteIcon = ArtsyMarkWhiteIcon;

package/dist/svgs/ArtworkIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArtworkIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ArtworkIcon = ({ 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.688 6l3.359-3.756L12.314 6H15v9H3V6h2.688zM7.03 6h3.958L9.036 3.756 7.03 6zM4 7v7h10V7H4zm2 2v3h6V9H6zM5 8h8v5H5V8z", 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 ArtworkIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M5.688 6l3.359-3.756L12.314 6H15v9H3V6h2.688zM7.03 6h3.958L9.036 3.756 7.03 6zM4 7v7h10V7H4zm2 2v3h6V9H6zM5 8h8v5H5V8z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.ArtworkIcon = ArtworkIcon;

package/dist/svgs/AuctionIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AuctionIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const AuctionIcon = ({ 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: "M11.729 10.745l3.776 3.865-.91.89-3.766-3.855-3.446 3.446-5.052-5.052 7.94-7.939 5.051 5.052-3.593 3.593zM10.27 3.717l-6.322 6.322 3.435 3.435 6.323-6.322-3.436-3.435z", 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 AuctionIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M11.729 10.745l3.776 3.865-.91.89-3.766-3.855-3.446 3.446-5.052-5.052 7.94-7.939 5.051 5.052-3.593 3.593zM10.27 3.717l-6.322 6.322 3.435 3.435 6.323-6.322-3.436-3.435z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.AuctionIcon = AuctionIcon;

package/dist/svgs/BellFillIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BellFillIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const BellFillIcon = ({ 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: "M14.591 12.229a8.82 8.82 0 0 1-1.653-4.979V5.938a3.938 3.938 0 1 0-7.876 0V7.25a8.82 8.82 0 0 1-1.653 4.979.446.446 0 0 0-.053.464c.074.15.227.245.394.245h2.949a2.336 2.336 0 0 0-.105.656 2.406 2.406 0 0 0 4.812 0 2.336 2.336 0 0 0-.105-.656h2.949c.167 0 .32-.095.394-.245a.446.446 0 0 0-.053-.464zm-4.06 1.365a1.531 1.531 0 1 1-3.062 0c.002-.228.056-.452.157-.656h2.748c.101.204.155.428.157.656z", 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 BellFillIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M14.591 12.229a8.82 8.82 0 0 1-1.653-4.979V5.938a3.938 3.938 0 1 0-7.876 0V7.25a8.82 8.82 0 0 1-1.653 4.979.446.446 0 0 0-.053.464c.074.15.227.245.394.245h2.949a2.336 2.336 0 0 0-.105.656 2.406 2.406 0 0 0 4.812 0 2.336 2.336 0 0 0-.105-.656h2.949c.167 0 .32-.095.394-.245a.446.446 0 0 0-.053-.464zm-4.06 1.365a1.531 1.531 0 1 1-3.062 0c.002-.228.056-.452.157-.656h2.748c.101.204.155.428.157.656z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.BellFillIcon = BellFillIcon;

package/dist/svgs/BellIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BellIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const BellIcon = ({ 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: "M14.591 12.229a8.82 8.82 0 0 1-1.653-4.979V5.938a3.938 3.938 0 1 0-7.876 0V7.25a8.82 8.82 0 0 1-1.653 4.979.446.446 0 0 0-.053.464c.074.15.227.245.394.245h2.949a2.336 2.336 0 0 0-.105.656 2.406 2.406 0 0 0 4.812 0 2.336 2.336 0 0 0-.105-.656h2.949c.167 0 .32-.095.394-.245a.446.446 0 0 0-.053-.464zm-4.06 1.365a1.531 1.531 0 1 1-3.062 0c.002-.228.056-.452.157-.656h2.748c.101.204.155.428.157.656zm-5.959-1.531A9.625 9.625 0 0 0 5.937 7.25V5.938a3.063 3.063 0 0 1 6.126 0V7.25a9.625 9.625 0 0 0 1.364 4.813H4.572z", 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 BellIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M14.591 12.229a8.82 8.82 0 0 1-1.653-4.979V5.938a3.938 3.938 0 1 0-7.876 0V7.25a8.82 8.82 0 0 1-1.653 4.979.446.446 0 0 0-.053.464c.074.15.227.245.394.245h2.949a2.336 2.336 0 0 0-.105.656 2.406 2.406 0 0 0 4.812 0 2.336 2.336 0 0 0-.105-.656h2.949c.167 0 .32-.095.394-.245a.446.446 0 0 0-.053-.464zm-4.06 1.365a1.531 1.531 0 1 1-3.062 0c.002-.228.056-.452.157-.656h2.748c.101.204.155.428.157.656zm-5.959-1.531A9.625 9.625 0 0 0 5.937 7.25V5.938a3.063 3.063 0 0 1 6.126 0V7.25a9.625 9.625 0 0 0 1.364 4.813H4.572z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.BellIcon = BellIcon;

package/dist/svgs/BlueChipIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlueChipIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const BlueChipIcon = ({ 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 16A7 7 0 1 0 9 2a7 7 0 0 0 0 14zm0 1A8 8 0 1 1 9 1a8 8 0 0 1 0 16zM6.879 8.842L9 10.964l2.121-2.122L9 6.721 6.879 8.842zM9 5.307l3.536 3.535L9 12.378 5.464 8.842 9 5.307z", 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 BlueChipIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9 16A7 7 0 1 0 9 2a7 7 0 0 0 0 14zm0 1A8 8 0 1 1 9 1a8 8 0 0 1 0 16zM6.879 8.842L9 10.964l2.121-2.122L9 6.721 6.879 8.842zM9 5.307l3.536 3.535L9 12.378 5.464 8.842 9 5.307z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.BlueChipIcon = BlueChipIcon;

package/dist/svgs/BoltCircleFill.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoltCircleFill = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const BoltCircleFill = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsxs)(Icon_1.Icon, { ...restProps, viewBox: "0 0 20 20", children: [(0, jsx_runtime_1.jsxs)(Icon_1.Mask, { id: "path-1-outside-1", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", fill: "black", children: [(0, jsx_runtime_1.jsx)(Icon_1.Rect, { fill: color("white100"), width: "20", height: "20" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM9.65332 10.6357H7.16602C6.98145 10.6357 6.84961 10.5082 6.84961 10.3369C6.84961 10.2402 6.89355 10.1523 6.96826 10.0556L10.9585 5.06782C11.2573 4.69428 11.7231 4.93598 11.5562 5.38862L10.2422 8.94819H12.7295C12.9141 8.94819 13.0415 9.08002 13.0415 9.24702C13.0415 9.34809 13.002 9.43598 12.9272 9.52827L8.93701 14.5205C8.63818 14.8896 8.16797 14.6479 8.33936 14.1953L9.65332 10.6357Z" })] }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM9.65332 10.6357H7.16602C6.98145 10.6357 6.84961 10.5082 6.84961 10.3369C6.84961 10.2402 6.89355 10.1523 6.96826 10.0556L10.9585 5.06782C11.2573 4.69428 11.7231 4.93598 11.5562 5.38862L10.2422 8.94819H12.7295C12.9141 8.94819 13.0415 9.08002 13.0415 9.24702C13.0415 9.34809 13.002 9.43598 12.9272 9.52827L8.93701 14.5205C8.63818 14.8896 8.16797 14.6479 8.33936 14.1953L9.65332 10.6357Z", fill: color("blue100") }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M9.65332 10.6357L11.5296 11.3283L12.5235 8.63569H9.65332V10.6357ZM6.96826 10.0556L5.40652 8.80622L5.396 8.81938L5.38569 8.83271L6.96826 10.0556ZM10.9585 5.06782L12.5202 6.31721L12.5202 6.31721L10.9585 5.06782ZM11.5562 5.38862L13.4324 6.08121L13.4325 6.08087L11.5562 5.38862ZM10.2422 8.94819L8.36594 8.2556L7.372 10.9482H10.2422V8.94819ZM12.9272 9.52827L11.3727 8.26984L11.365 8.27955L12.9272 9.52827ZM8.93701 14.5205L10.4915 15.7789L10.4993 15.7692L8.93701 14.5205ZM8.33936 14.1953L10.2098 14.9035L10.2127 14.8957L10.2156 14.8878L8.33936 14.1953ZM16 10C16 13.3137 13.3137 16 10 16V20C15.5228 20 20 15.5228 20 10H16ZM10 4C13.3137 4 16 6.68629 16 10H20C20 4.47715 15.5228 0 10 0V4ZM4 10C4 6.68629 6.68629 4 10 4V0C4.47715 0 0 4.47715 0 10H4ZM10 16C6.68629 16 4 13.3137 4 10H0C0 15.5228 4.47715 20 10 20V16ZM7.16602 12.6357H9.65332V8.63569H7.16602V12.6357ZM4.84961 10.3369C4.84961 11.7063 5.97279 12.6357 7.16602 12.6357V8.63569C7.54143 8.63569 7.96949 8.77093 8.31684 9.10125C8.6687 9.43586 8.84961 9.88988 8.84961 10.3369H4.84961ZM5.38569 8.83271C5.20692 9.06406 4.84961 9.58615 4.84961 10.3369H8.84961C8.84961 10.8942 8.58019 11.2405 8.55083 11.2785L5.38569 8.83271ZM9.39676 3.81843L5.40652 8.80622L8.53 11.305L12.5202 6.31721L9.39676 3.81843ZM13.4325 6.08087C13.7791 5.14144 13.5841 3.79417 12.3671 3.15047C11.2 2.53314 10.0047 3.05853 9.39676 3.81843L12.5202 6.31721C12.2111 6.70357 11.3982 7.16304 10.4969 6.68633C9.54577 6.18326 9.50018 5.18315 9.67978 4.69636L13.4325 6.08087ZM12.1184 9.64078L13.4324 6.08121L9.6799 4.69603L8.36594 8.2556L12.1184 9.64078ZM12.7295 6.94819H10.2422V10.9482H12.7295V6.94819ZM15.0415 9.24702C15.0415 7.93755 13.9803 6.94819 12.7295 6.94819V10.9482C12.332 10.9482 11.8971 10.7988 11.5549 10.4634C11.2148 10.1302 11.0415 9.68521 11.0415 9.24702H15.0415ZM14.4817 10.7867C14.7402 10.4674 15.0415 9.9485 15.0415 9.24702H11.0415C11.0415 9.02309 11.088 8.80951 11.1662 8.62171C11.2396 8.44574 11.326 8.32758 11.3728 8.26987L14.4817 10.7867ZM10.4993 15.7692L14.4895 10.777L11.365 8.27955L7.37474 13.2717L10.4993 15.7692ZM6.46895 13.487C6.10916 14.4372 6.3091 15.7875 7.52407 16.4325C8.67558 17.0438 9.87203 16.5441 10.4915 15.7788L7.38252 13.2621C7.70317 12.866 8.5151 12.4299 9.39963 12.8995C10.3476 13.4028 10.3982 14.4059 10.2098 14.9035L6.46895 13.487ZM7.77707 9.9431L6.4631 13.5027L10.2156 14.8878L11.5296 11.3283L7.77707 9.9431Z", fill: color("white100"), mask: "url(#path-1-outside-1)" })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon, Mask, Path, Rect } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const BoltCircleFill = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsxs(Icon, { ...restProps, viewBox: "0 0 20 20", children: [_jsxs(Mask, { id: "path-1-outside-1", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", fill: "black", children: [_jsx(Rect, { fill: color("white100"), width: "20", height: "20" }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM9.65332 10.6357H7.16602C6.98145 10.6357 6.84961 10.5082 6.84961 10.3369C6.84961 10.2402 6.89355 10.1523 6.96826 10.0556L10.9585 5.06782C11.2573 4.69428 11.7231 4.93598 11.5562 5.38862L10.2422 8.94819H12.7295C12.9141 8.94819 13.0415 9.08002 13.0415 9.24702C13.0415 9.34809 13.002 9.43598 12.9272 9.52827L8.93701 14.5205C8.63818 14.8896 8.16797 14.6479 8.33936 14.1953L9.65332 10.6357Z" })] }), _jsx(Path, { fillRule: "evenodd", clipRule: "evenodd", d: "M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM9.65332 10.6357H7.16602C6.98145 10.6357 6.84961 10.5082 6.84961 10.3369C6.84961 10.2402 6.89355 10.1523 6.96826 10.0556L10.9585 5.06782C11.2573 4.69428 11.7231 4.93598 11.5562 5.38862L10.2422 8.94819H12.7295C12.9141 8.94819 13.0415 9.08002 13.0415 9.24702C13.0415 9.34809 13.002 9.43598 12.9272 9.52827L8.93701 14.5205C8.63818 14.8896 8.16797 14.6479 8.33936 14.1953L9.65332 10.6357Z", fill: color("blue100") }), _jsx(Path, { d: "M9.65332 10.6357L11.5296 11.3283L12.5235 8.63569H9.65332V10.6357ZM6.96826 10.0556L5.40652 8.80622L5.396 8.81938L5.38569 8.83271L6.96826 10.0556ZM10.9585 5.06782L12.5202 6.31721L12.5202 6.31721L10.9585 5.06782ZM11.5562 5.38862L13.4324 6.08121L13.4325 6.08087L11.5562 5.38862ZM10.2422 8.94819L8.36594 8.2556L7.372 10.9482H10.2422V8.94819ZM12.9272 9.52827L11.3727 8.26984L11.365 8.27955L12.9272 9.52827ZM8.93701 14.5205L10.4915 15.7789L10.4993 15.7692L8.93701 14.5205ZM8.33936 14.1953L10.2098 14.9035L10.2127 14.8957L10.2156 14.8878L8.33936 14.1953ZM16 10C16 13.3137 13.3137 16 10 16V20C15.5228 20 20 15.5228 20 10H16ZM10 4C13.3137 4 16 6.68629 16 10H20C20 4.47715 15.5228 0 10 0V4ZM4 10C4 6.68629 6.68629 4 10 4V0C4.47715 0 0 4.47715 0 10H4ZM10 16C6.68629 16 4 13.3137 4 10H0C0 15.5228 4.47715 20 10 20V16ZM7.16602 12.6357H9.65332V8.63569H7.16602V12.6357ZM4.84961 10.3369C4.84961 11.7063 5.97279 12.6357 7.16602 12.6357V8.63569C7.54143 8.63569 7.96949 8.77093 8.31684 9.10125C8.6687 9.43586 8.84961 9.88988 8.84961 10.3369H4.84961ZM5.38569 8.83271C5.20692 9.06406 4.84961 9.58615 4.84961 10.3369H8.84961C8.84961 10.8942 8.58019 11.2405 8.55083 11.2785L5.38569 8.83271ZM9.39676 3.81843L5.40652 8.80622L8.53 11.305L12.5202 6.31721L9.39676 3.81843ZM13.4325 6.08087C13.7791 5.14144 13.5841 3.79417 12.3671 3.15047C11.2 2.53314 10.0047 3.05853 9.39676 3.81843L12.5202 6.31721C12.2111 6.70357 11.3982 7.16304 10.4969 6.68633C9.54577 6.18326 9.50018 5.18315 9.67978 4.69636L13.4325 6.08087ZM12.1184 9.64078L13.4324 6.08121L9.6799 4.69603L8.36594 8.2556L12.1184 9.64078ZM12.7295 6.94819H10.2422V10.9482H12.7295V6.94819ZM15.0415 9.24702C15.0415 7.93755 13.9803 6.94819 12.7295 6.94819V10.9482C12.332 10.9482 11.8971 10.7988 11.5549 10.4634C11.2148 10.1302 11.0415 9.68521 11.0415 9.24702H15.0415ZM14.4817 10.7867C14.7402 10.4674 15.0415 9.9485 15.0415 9.24702H11.0415C11.0415 9.02309 11.088 8.80951 11.1662 8.62171C11.2396 8.44574 11.326 8.32758 11.3728 8.26987L14.4817 10.7867ZM10.4993 15.7692L14.4895 10.777L11.365 8.27955L7.37474 13.2717L10.4993 15.7692ZM6.46895 13.487C6.10916 14.4372 6.3091 15.7875 7.52407 16.4325C8.67558 17.0438 9.87203 16.5441 10.4915 15.7788L7.38252 13.2621C7.70317 12.866 8.5151 12.4299 9.39963 12.8995C10.3476 13.4028 10.3982 14.4059 10.2098 14.9035L6.46895 13.487ZM7.77707 9.9431L6.4631 13.5027L10.2156 14.8878L11.5296 11.3283L7.77707 9.9431Z", fill: color("white100"), mask: "url(#path-1-outside-1)" })] }));
 };
-exports.BoltCircleFill = BoltCircleFill;

package/dist/svgs/BoltFill.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BoltFill = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const BoltFill = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 11 17", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M0.873047 9.82227H4.73535L2.69824 15.3594C2.43164 16.0635 3.16309 16.4395 3.62109 15.8652L9.83496 8.09961C9.95117 7.95605 10.0127 7.81934 10.0127 7.66211C10.0127 7.40234 9.80762 7.19727 9.52051 7.19727H5.6582L7.69531 1.66016C7.96191 0.956055 7.23047 0.580078 6.77246 1.16113L0.558594 8.91992C0.442383 9.07031 0.380859 9.20703 0.380859 9.35742C0.380859 9.62402 0.585938 9.82227 0.873047 9.82227Z", fill: color(fill ?? "onBackgroundMedium") }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const BoltFill = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 11 17", children: _jsx(Path, { d: "M0.873047 9.82227H4.73535L2.69824 15.3594C2.43164 16.0635 3.16309 16.4395 3.62109 15.8652L9.83496 8.09961C9.95117 7.95605 10.0127 7.81934 10.0127 7.66211C10.0127 7.40234 9.80762 7.19727 9.52051 7.19727H5.6582L7.69531 1.66016C7.96191 0.956055 7.23047 0.580078 6.77246 1.16113L0.558594 8.91992C0.442383 9.07031 0.380859 9.20703 0.380859 9.35742C0.380859 9.62402 0.585938 9.82227 0.873047 9.82227Z", fill: color(fill ?? "onBackgroundMedium") }) }));
 };
-exports.BoltFill = BoltFill;

package/dist/svgs/BookmarkFill.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BookmarkFill = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const BookmarkFill = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 18 21", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M5.94922 15.8745C6.2124 15.8745 6.36816 15.7241 6.85156 15.2568L8.95166 13.189C8.97852 13.1621 9.02686 13.1621 9.04834 13.189L11.1484 15.2568C11.6318 15.7241 11.7876 15.8745 12.0508 15.8745C12.4106 15.8745 12.6201 15.6382 12.6201 15.2192V5.89502C12.6201 4.87451 12.1099 4.35352 11.1001 4.35352H6.8999C5.89014 4.35352 5.37988 4.87451 5.37988 5.89502V15.2192C5.37988 15.6382 5.58936 15.8745 5.94922 15.8745Z", fill: color(fill ?? "onBackgroundMedium") }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const BookmarkFill = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 21", children: _jsx(Path, { d: "M5.94922 15.8745C6.2124 15.8745 6.36816 15.7241 6.85156 15.2568L8.95166 13.189C8.97852 13.1621 9.02686 13.1621 9.04834 13.189L11.1484 15.2568C11.6318 15.7241 11.7876 15.8745 12.0508 15.8745C12.4106 15.8745 12.6201 15.6382 12.6201 15.2192V5.89502C12.6201 4.87451 12.1099 4.35352 11.1001 4.35352H6.8999C5.89014 4.35352 5.37988 4.87451 5.37988 5.89502V15.2192C5.37988 15.6382 5.58936 15.8745 5.94922 15.8745Z", fill: color(fill ?? "onBackgroundMedium") }) }));
 };
-exports.BookmarkFill = BookmarkFill;

package/dist/svgs/BriefcaseIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BriefcaseIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const BriefcaseIcon = ({ 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: "M7.15 4.88a2.398 2.398 0 00-.094.214h3.888a2.398 2.398 0 00-.094-.214 1.805 1.805 0 00-.61-.71c-.278-.186-.671-.326-1.24-.326s-.962.14-1.24.326a1.805 1.805 0 00-.61.71zm4.594-.447c.115.229.194.456.25.66h3.131c.483 0 .875.393.875.876v8.312a.875.875 0 01-.875.875H2.875A.875.875 0 012 14.281V5.97c0-.484.392-.875.875-.875h3.131c.056-.205.135-.432.25-.661.194-.388.492-.79.95-1.095.46-.307 1.05-.494 1.794-.494s1.335.187 1.795.494c.457.305.755.707.95 1.095zM3 14.156v-3.75h5.5v.5h1v-.5H15v3.75H3zm6.5-4.75H15V6.094H3v3.312h5.5v-.5h1v.5z", 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 BriefcaseIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M7.15 4.88a2.398 2.398 0 00-.094.214h3.888a2.398 2.398 0 00-.094-.214 1.805 1.805 0 00-.61-.71c-.278-.186-.671-.326-1.24-.326s-.962.14-1.24.326a1.805 1.805 0 00-.61.71zm4.594-.447c.115.229.194.456.25.66h3.131c.483 0 .875.393.875.876v8.312a.875.875 0 01-.875.875H2.875A.875.875 0 012 14.281V5.97c0-.484.392-.875.875-.875h3.131c.056-.205.135-.432.25-.661.194-.388.492-.79.95-1.095.46-.307 1.05-.494 1.794-.494s1.335.187 1.795.494c.457.305.755.707.95 1.095zM3 14.156v-3.75h5.5v.5h1v-.5H15v3.75H3zm6.5-4.75H15V6.094H3v3.312h5.5v-.5h1v.5z", fill: color(fill), fillRule: "evenodd", clipRule: "evenodd" }) }));
 };
-exports.BriefcaseIcon = BriefcaseIcon;

package/dist/svgs/CertificateIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CertificateIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const CertificateIcon = ({ 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.001 4.45a3.73 3.73 0 012.925 6.044v5.347L9 14.281l-2.924 1.56v-5.347A3.73 3.73 0 019.002 4.45zm2.027 9.896V11.31a3.712 3.712 0 01-2.027.599c-.747 0-1.444-.22-2.027-.599v3.036l2.027-1.083 2.027 1.083V11.31zM14.658 2c.742 0 1.345.602 1.345 1.345v8.512c0 .744-.603 1.346-1.346 1.346l-1.793-.001v-.897h1.793c.248 0 .449-.2.449-.448V3.345c0-.247-.201-.448-.449-.448H3.345c-.247 0-.448.2-.448.448v8.512c0 .248.2.449.448.449l1.792-.001v.897H3.345A1.345 1.345 0 012 11.858V3.345C2 2.602 2.602 2 3.345 2h11.312zM9 5.347a2.833 2.833 0 100 5.665 2.833 2.833 0 000-5.665z", fill: color(fill) || color("onBackground"), fillRule: "nonzero" }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const CertificateIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9.001 4.45a3.73 3.73 0 012.925 6.044v5.347L9 14.281l-2.924 1.56v-5.347A3.73 3.73 0 019.002 4.45zm2.027 9.896V11.31a3.712 3.712 0 01-2.027.599c-.747 0-1.444-.22-2.027-.599v3.036l2.027-1.083 2.027 1.083V11.31zM14.658 2c.742 0 1.345.602 1.345 1.345v8.512c0 .744-.603 1.346-1.346 1.346l-1.793-.001v-.897h1.793c.248 0 .449-.2.449-.448V3.345c0-.247-.201-.448-.449-.448H3.345c-.247 0-.448.2-.448.448v8.512c0 .248.2.449.448.449l1.792-.001v.897H3.345A1.345 1.345 0 012 11.858V3.345C2 2.602 2.602 2 3.345 2h11.312zM9 5.347a2.833 2.833 0 100 5.665 2.833 2.833 0 000-5.665z", fill: color(fill) || color("onBackground"), fillRule: "nonzero" }) }));
 };
-exports.CertificateIcon = CertificateIcon;

package/dist/svgs/CheckCircleFillIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckCircleFillIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const CheckCircleFillIcon = ({ 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 1 0 16A8 8 0 0 1 9 1zm4.32 5.796l-.764-.783-4.81 4.765-2.302-2.25-.782.783 3.085 3.067 5.573-5.582z", 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 CheckCircleFillIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9 1a8 8 0 1 1 0 16A8 8 0 0 1 9 1zm4.32 5.796l-.764-.783-4.81 4.765-2.302-2.25-.782.783 3.085 3.067 5.573-5.582z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.CheckCircleFillIcon = CheckCircleFillIcon;

package/dist/svgs/CheckCircleIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckCircleIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const CheckCircleIcon = ({ 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.32 5.796l-.764-.783-4.81 4.765-2.302-2.25-.782.783 3.085 3.067 5.573-5.582z", 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 CheckCircleIcon = ({ 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.32 5.796l-.764-.783-4.81 4.765-2.302-2.25-.782.783 3.085 3.067 5.573-5.582z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.CheckCircleIcon = CheckCircleIcon;

package/dist/svgs/CheckIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const CheckIcon = ({ 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: "M6.936 12.206l7.64-7.63.848.849-8.492 8.48-4.248-4.282.852-.846z", 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 CheckIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M6.936 12.206l7.64-7.63.848.849-8.492 8.48-4.248-4.282.852-.846z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.CheckIcon = CheckIcon;

package/dist/svgs/ChevronIcon.js

@@ -1,19 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChevronIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ArrowDownIcon_1 = require("./ArrowDownIcon");
-const ArrowLeftIcon_1 = require("./ArrowLeftIcon");
-const ArrowRightIcon_1 = require("./ArrowRightIcon");
-const ArrowUpIcon_1 = require("./ArrowUpIcon");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArrowDownIcon } from "./ArrowDownIcon";
+import { ArrowLeftIcon } from "./ArrowLeftIcon";
+import { ArrowRightIcon } from "./ArrowRightIcon";
+import { ArrowUpIcon } from "./ArrowUpIcon";
 const directionMap = {
-    left: ArrowLeftIcon_1.ArrowLeftIcon,
-    right: ArrowRightIcon_1.ArrowRightIcon,
-    up: ArrowUpIcon_1.ArrowUpIcon,
-    down: ArrowDownIcon_1.ArrowDownIcon,
+    left: ArrowLeftIcon,
+    right: ArrowRightIcon,
+    up: ArrowUpIcon,
+    down: ArrowDownIcon,
 };
-const ChevronIcon = ({ direction = "right", ...restProps }) => {
+export const ChevronIcon = ({ direction = "right", ...restProps }) => {
     const Arrow = directionMap[direction];
-    return (0, jsx_runtime_1.jsx)(Arrow, { ...restProps });
+    return _jsx(Arrow, { ...restProps });
 };
-exports.ChevronIcon = ChevronIcon;

package/dist/svgs/ClockFill.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClockFill = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const ClockFill = ({ fill, ...restProps }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { ...restProps, viewBox: "0 0 16 16", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M8 15.1826C12.0869 15.1826 15.4707 11.7915 15.4707 7.71191C15.4707 3.625 12.0796 0.241211 7.99268 0.241211C3.91309 0.241211 0.529297 3.625 0.529297 7.71191C0.529297 11.7915 3.92041 15.1826 8 15.1826ZM4.16943 8.50293C3.87646 8.50293 3.65674 8.2832 3.65674 7.99023C3.65674 7.70459 3.87646 7.48486 4.16943 7.48486H7.4873V3.05371C7.4873 2.76807 7.70703 2.54834 7.99268 2.54834C8.27832 2.54834 8.50537 2.76807 8.50537 3.05371V7.99023C8.50537 8.2832 8.27832 8.50293 7.99268 8.50293H4.16943Z", fill: color(fill ?? "onBackgroundMedium") }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const ClockFill = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 16 16", children: _jsx(Path, { d: "M8 15.1826C12.0869 15.1826 15.4707 11.7915 15.4707 7.71191C15.4707 3.625 12.0796 0.241211 7.99268 0.241211C3.91309 0.241211 0.529297 3.625 0.529297 7.71191C0.529297 11.7915 3.92041 15.1826 8 15.1826ZM4.16943 8.50293C3.87646 8.50293 3.65674 8.2832 3.65674 7.99023C3.65674 7.70459 3.87646 7.48486 4.16943 7.48486H7.4873V3.05371C7.4873 2.76807 7.70703 2.54834 7.99268 2.54834C8.27832 2.54834 8.50537 2.76807 8.50537 3.05371V7.99023C8.50537 8.2832 8.27832 8.50293 7.99268 8.50293H4.16943Z", fill: color(fill ?? "onBackgroundMedium") }) }));
 };
-exports.ClockFill = ClockFill;

package/dist/svgs/CloseCircleFillIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CloseCircleFillIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const CloseCircleFillIcon = ({ 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 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17ZM12.502 6.28005L9.78199 9.00005L12.502 11.72L11.72 12.502L8.99999 9.78205L6.27999 12.502L5.49799 11.72L8.21799 9.00005L5.49799 6.28005L6.27999 5.49805L8.99999 8.21805L11.72 5.49805L12.502 6.28005Z", fillRule: "evenodd", clipRule: "evenodd", fill: color(fill) }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const CloseCircleFillIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17ZM12.502 6.28005L9.78199 9.00005L12.502 11.72L11.72 12.502L8.99999 9.78205L6.27999 12.502L5.49799 11.72L8.21799 9.00005L5.49799 6.28005L6.27999 5.49805L8.99999 8.21805L11.72 5.49805L12.502 6.28005Z", fillRule: "evenodd", clipRule: "evenodd", fill: color(fill) }) }));
 };
-exports.CloseCircleFillIcon = CloseCircleFillIcon;

package/dist/svgs/CloseCircleIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CloseCircleIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const CloseCircleIcon = ({ 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.11zm3.502-9.831L9.782 9l2.72 2.72-.782.782L9 9.782l-2.72 2.72-.782-.782L8.218 9l-2.72-2.72.782-.782L9 8.218l2.72-2.72.782.782z", 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 CloseCircleIcon = ({ 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.11zm3.502-9.831L9.782 9l2.72 2.72-.782.782L9 9.782l-2.72 2.72-.782-.782L8.218 9l-2.72-2.72.782-.782L9 8.218l2.72-2.72.782.782z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.CloseCircleIcon = CloseCircleIcon;

package/dist/svgs/CloseIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CloseIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const CloseIcon = ({ 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.88 9l4.56 4.56-.88.88L9 9.88l-4.56 4.56-.88-.88L8.12 9 3.56 4.44l.88-.88L9 8.12l4.56-4.56.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 CloseIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M9.88 9l4.56 4.56-.88.88L9 9.88l-4.56 4.56-.88-.88L8.12 9 3.56 4.44l.88-.88L9 8.12l4.56-4.56.88.88z", fill: color(fill), fillRule: "evenodd" }) }));
 };
-exports.CloseIcon = CloseIcon;

package/dist/svgs/CollapseIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapseIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const CollapseIcon = ({ 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: "M7 11.708L2.76 15.96l-.708-.706L6.293 11H2v-1h6v6H7v-4.292zM11 6.292l4.24-4.252.708.706L11.707 7H16v1h-6V2h1v4.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 CollapseIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M7 11.708L2.76 15.96l-.708-.706L6.293 11H2v-1h6v6H7v-4.292zM11 6.292l4.24-4.252.708.706L11.707 7H16v1h-6V2h1v4.292z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.CollapseIcon = CollapseIcon;

package/dist/svgs/CreditCardIcon.js

@@ -1,22 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CreditCardIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const CreditCardIcon = ({ type, fill, ...restProps }) => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Circle, G, Icon, Path, Rect } from "./Icon";
+export const CreditCardIcon = ({ type, fill, ...restProps }) => {
     const { parts } = cardTypeMap[type ?? "Unknown"] || cardTypeMap.Unknown;
-    return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { viewBox: "0 0 30 20", ...restProps, children: parts }));
+    return (_jsx(Icon, { viewBox: "0 0 30 20", ...restProps, children: parts }));
 };
-exports.CreditCardIcon = CreditCardIcon;
-const AmexIcon = () => ((0, jsx_runtime_1.jsxs)(Icon_1.G, { fill: "none", fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)(Icon_1.Rect, { stroke: "#E5E5E5", fill: "#EFEFEF", x: ".5", y: ".5", width: "29", height: "19", rx: "2" }), (0, jsx_runtime_1.jsx)(Icon_1.G, { fill: "#4DB3FF", children: (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M9.999 11A.999.999 0 0 0 9 12.01v1.98c0 .558.439 1.01.999 1.01H30v-4H9.999zM0 6v4h20.001A.999.999 0 0 0 21 8.99V7.01A.999.999 0 0 0 20.001 6H0z" }) }), (0, jsx_runtime_1.jsx)(Icon_1.Rect, { stroke: "#E5E5E5", x: ".5", y: ".5", width: "29", height: "19", rx: "2" })] }));
-const DiscoverIcon = () => ((0, jsx_runtime_1.jsxs)(Icon_1.G, { fill: "none", fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)(Icon_1.Rect, { fill: "#EFEFEF", width: "30", height: "20", rx: "2" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M12 20h16.005A1.992 1.992 0 0 0 30 18.002V12l-18 8z", fill: "#FFB44F" }), (0, jsx_runtime_1.jsx)(Icon_1.Rect, { fill: "#D4D4D4", x: "5", y: "5", width: "20", height: "3", rx: "1.5" }), (0, jsx_runtime_1.jsx)(Icon_1.Rect, { stroke: "#E5E5E5", x: ".5", y: ".5", width: "29", height: "19", rx: "2" })] }));
-const FallbackIcon = () => ((0, jsx_runtime_1.jsxs)(Icon_1.G, { fill: "none", fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)(Icon_1.Rect, { stroke: "#E5E5E5", fill: "#EFEFEF", x: ".5", y: ".5", width: "29", height: "19", rx: "2" }), (0, jsx_runtime_1.jsx)(Icon_1.Rect, { fill: "#D4D4D4", x: "5", y: "5", width: "20", height: "3", rx: "1.5" }), (0, jsx_runtime_1.jsx)(Icon_1.Rect, { fill: "#D4D4D4", x: "5", y: "10", width: "7", height: "3", rx: "1.5" })] }));
-const MastercardIcon = () => ((0, jsx_runtime_1.jsxs)(Icon_1.G, { fill: "none", fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)(Icon_1.Rect, { stroke: "#E5E5E5", fill: "#EFEFEF", x: ".5", y: ".5", width: "29", height: "19", rx: "2" }), (0, jsx_runtime_1.jsxs)(Icon_1.G, { transform: "translate(6 5)", children: [(0, jsx_runtime_1.jsx)(Icon_1.Circle, { fill: "#FFB44F", cx: "13", cy: "5", r: "5" }), (0, jsx_runtime_1.jsx)(Icon_1.Circle, { fill: "#CE4747", cx: "5", cy: "5", r: "5" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M9 8a4.977 4.977 0 0 1-1-3c0-1.126.372-2.164 1-3 .628.836 1 1.874 1 3a4.977 4.977 0 0 1-1 3z", fill: "#D6765F" })] })] }));
-const VisaIcon = () => ((0, jsx_runtime_1.jsxs)(Icon_1.G, { fill: "none", fillRule: "evenodd", children: [(0, jsx_runtime_1.jsx)(Icon_1.Rect, { stroke: "#E5E5E5", fill: "#EFEFEF", x: ".5", y: ".5", width: "29", height: "19", rx: "2" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M0 14v4.002C0 19.106.898 20 1.992 20h26.016c1.1 0 1.992-.898 1.992-1.998V14H0z", fill: "#FFB44F" }), (0, jsx_runtime_1.jsx)(Icon_1.Path, { d: "M1.992 0C.892 0 0 .898 0 1.998V6h30V1.998A1.999 1.999 0 0 0 28.008 0H1.992z", fill: "#4287CB" })] }));
+const AmexIcon = () => (_jsxs(G, { fill: "none", fillRule: "evenodd", children: [_jsx(Rect, { stroke: "#E5E5E5", fill: "#EFEFEF", x: ".5", y: ".5", width: "29", height: "19", rx: "2" }), _jsx(G, { fill: "#4DB3FF", children: _jsx(Path, { d: "M9.999 11A.999.999 0 0 0 9 12.01v1.98c0 .558.439 1.01.999 1.01H30v-4H9.999zM0 6v4h20.001A.999.999 0 0 0 21 8.99V7.01A.999.999 0 0 0 20.001 6H0z" }) }), _jsx(Rect, { stroke: "#E5E5E5", x: ".5", y: ".5", width: "29", height: "19", rx: "2" })] }));
+const DiscoverIcon = () => (_jsxs(G, { fill: "none", fillRule: "evenodd", children: [_jsx(Rect, { fill: "#EFEFEF", width: "30", height: "20", rx: "2" }), _jsx(Path, { d: "M12 20h16.005A1.992 1.992 0 0 0 30 18.002V12l-18 8z", fill: "#FFB44F" }), _jsx(Rect, { fill: "#D4D4D4", x: "5", y: "5", width: "20", height: "3", rx: "1.5" }), _jsx(Rect, { stroke: "#E5E5E5", x: ".5", y: ".5", width: "29", height: "19", rx: "2" })] }));
+const FallbackIcon = () => (_jsxs(G, { fill: "none", fillRule: "evenodd", children: [_jsx(Rect, { stroke: "#E5E5E5", fill: "#EFEFEF", x: ".5", y: ".5", width: "29", height: "19", rx: "2" }), _jsx(Rect, { fill: "#D4D4D4", x: "5", y: "5", width: "20", height: "3", rx: "1.5" }), _jsx(Rect, { fill: "#D4D4D4", x: "5", y: "10", width: "7", height: "3", rx: "1.5" })] }));
+const MastercardIcon = () => (_jsxs(G, { fill: "none", fillRule: "evenodd", children: [_jsx(Rect, { stroke: "#E5E5E5", fill: "#EFEFEF", x: ".5", y: ".5", width: "29", height: "19", rx: "2" }), _jsxs(G, { transform: "translate(6 5)", children: [_jsx(Circle, { fill: "#FFB44F", cx: "13", cy: "5", r: "5" }), _jsx(Circle, { fill: "#CE4747", cx: "5", cy: "5", r: "5" }), _jsx(Path, { d: "M9 8a4.977 4.977 0 0 1-1-3c0-1.126.372-2.164 1-3 .628.836 1 1.874 1 3a4.977 4.977 0 0 1-1 3z", fill: "#D6765F" })] })] }));
+const VisaIcon = () => (_jsxs(G, { fill: "none", fillRule: "evenodd", children: [_jsx(Rect, { stroke: "#E5E5E5", fill: "#EFEFEF", x: ".5", y: ".5", width: "29", height: "19", rx: "2" }), _jsx(Path, { d: "M0 14v4.002C0 19.106.898 20 1.992 20h26.016c1.1 0 1.992-.898 1.992-1.998V14H0z", fill: "#FFB44F" }), _jsx(Path, { d: "M1.992 0C.892 0 0 .898 0 1.998V6h30V1.998A1.999 1.999 0 0 0 28.008 0H1.992z", fill: "#4287CB" })] }));
 const cardTypeMap = {
-    "American Express": { parts: (0, jsx_runtime_1.jsx)(AmexIcon, {}), title: "amex" },
-    Discover: { parts: (0, jsx_runtime_1.jsx)(DiscoverIcon, {}), title: "discover" },
-    MasterCard: { parts: (0, jsx_runtime_1.jsx)(MastercardIcon, {}), title: "mastercard" },
-    Unknown: { parts: (0, jsx_runtime_1.jsx)(FallbackIcon, {}), title: "credit card" },
-    Visa: { parts: (0, jsx_runtime_1.jsx)(VisaIcon, {}), title: "visa" },
+    "American Express": { parts: _jsx(AmexIcon, {}), title: "amex" },
+    Discover: { parts: _jsx(DiscoverIcon, {}), title: "discover" },
+    MasterCard: { parts: _jsx(MastercardIcon, {}), title: "mastercard" },
+    Unknown: { parts: _jsx(FallbackIcon, {}), title: "credit card" },
+    Visa: { parts: _jsx(VisaIcon, {}), title: "visa" },
 };

package/dist/svgs/DecreaseIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DecreaseIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const DecreaseIcon = ({ 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.G, { transform: "rotate(180, 5, 5)", 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 { G, Icon, Path } from "./Icon";
+import { useColor } from "../utils/hooks";
+export const DecreaseIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 10 10", children: _jsx(G, { transform: "rotate(180, 5, 5)", 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.DecreaseIcon = DecreaseIcon;

package/dist/svgs/DocumentIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocumentIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const DocumentIcon = ({ 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: "M14 2H4v14h10V2zm1-.5v15a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-15a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5zM6 10h6v1H6v-1zm0 3h4v1H6v-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 DocumentIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M14 2H4v14h10V2zm1-.5v15a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-15a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5zM6 10h6v1H6v-1zm0 3h4v1H6v-1z", fill: color(fill), fillRule: "nonzero" }) }));
 };
-exports.DocumentIcon = DocumentIcon;

package/dist/svgs/DownloadIcon.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DownloadIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Icon_1 = require("./Icon");
-const hooks_1 = require("../utils/hooks");
-const DownloadIcon = ({ 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 3h6.006l1.973 2.002H15v9.994H3V3zm.99 1v9.996h10.02V6.002h-3.465L8.601 4H3.99zm5.576 7.279l1.48-1.469.66.8L9 13.257l-2.739-2.875.711-.732 1.544 1.668-.046-.068V6.56l1.096.018v4.7z", 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 DownloadIcon = ({ fill, ...restProps }) => {
+    const color = useColor();
+    return (_jsx(Icon, { ...restProps, viewBox: "0 0 18 18", children: _jsx(Path, { d: "M3 3h6.006l1.973 2.002H15v9.994H3V3zm.99 1v9.996h10.02V6.002h-3.465L8.601 4H3.99zm5.576 7.279l1.48-1.469.66.8L9 13.257l-2.739-2.875.711-.732 1.544 1.668-.046-.068V6.56l1.096.018v4.7z", fill: color(fill), fillRule: "evenodd" }) }));
 };
-exports.DownloadIcon = DownloadIcon;