@codecademy/gamut-icons 9.51.1-alpha.3e8b72.0 → 9.51.1-alpha.4bc7f1.0

package/dist/icons/regular/AiChatSparkFilledIcon.js

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AiChatSparkFilledIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('AiChatSparkFilledIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("g", {
+        clipPath: "url(#ai-chat-spark-filled-icon_svg__ai-chat-spark-filled-icon_svg__clip0_135_4439)",
+        transform: "scale(1.5)",
+        children: /*#__PURE__*/_jsx("path", {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12.947.781a.5.5 0 00-.982 0c-.234 1.195-1.173 2.14-2.324 2.372a.5.5 0 000 .98c1.152.23 2.09 1.175 2.324 2.37a.5.5 0 00.981 0c.235-1.195 1.173-2.139 2.324-2.37a.5.5 0 000-.98C14.12 2.92 13.181 1.976 12.947.78zM8.525 2.503a1.667 1.667 0 00.886 2.774c.678.136 1.264.708 1.409 1.45a1.667 1.667 0 002.879.79v3.548a1.666 1.666 0 01-1.667 1.666h-4.68a.332.332 0 00-.245.108l-2.254 2.458c-.616.671-1.737.235-1.737-.677v-1.888h-1.12a1.667 1.667 0 01-1.667-1.667V4.17a1.667 1.667 0 011.667-1.666h6.529z",
+          fill: "#fff"
+        })
+      }), /*#__PURE__*/_jsx("defs", {
+        children: /*#__PURE__*/_jsx("clipPath", {
+          id: "ai-chat-spark-filled-icon_svg__ai-chat-spark-filled-icon_svg__clip0_135_4439",
+          children: /*#__PURE__*/_jsx("path", {
+            fill: "#fff",
+            d: "M0 0h24v24H0z"
+          })
+        })
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/AiChatSparkIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const AiChatSparkIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/AiChatSparkIcon.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AiChatSparkIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('AiChatSparkIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    viewBox: "0 0 16 16",
+    fill: "#fff",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M11.757.917c-.239.085-.355.25-.451.639a2.386 2.386 0 01-.676 1.206 3.126 3.126 0 01-.39.327 2.18 2.18 0 01-.76.298c-.212.028-.282.058-.416.178a.697.697 0 00-.227.48c-.049.465.205.803.644.858.391.049.846.304 1.195.669.329.345.496.645.622 1.117.085.32.14.43.267.535.141.116.331.175.568.175.38.001.553-.169.678-.667.128-.514.328-.866.695-1.225.323-.316.838-.598 1.096-.6a.653.653 0 00.485-.223c.166-.176.203-.294.187-.604-.012-.255-.047-.342-.199-.491-.139-.136-.214-.171-.436-.202-.525-.075-1.131-.49-1.479-1.014a2.588 2.588 0 01-.345-.798c-.08-.3-.165-.45-.307-.544-.203-.135-.547-.187-.751-.114M2.493 2.604a1.841 1.841 0 00-.64.182A1.96 1.96 0 00.795 4.041l-.062.212V7.68c0 3.856-.016 3.542.207 4 .092.19.154.27.379.494.434.434.755.559 1.512.59l.422.018v.688c0 .399.013.747.03.829.1.48.477.878.97 1.023.227.067.567.062.774-.013.342-.123.39-.167 1.5-1.376l1.052-1.146 2.244-.015c2.197-.014 2.248-.016 2.451-.073.355-.098.614-.251.888-.525.205-.203.262-.28.368-.494.2-.406.203-.431.202-2.013-.001-1.491-.001-1.494-.141-1.678a.68.68 0 00-.197-.153c-.109-.054-.167-.063-.407-.063-.264 0-.289.005-.427.083a.467.467 0 00-.227.238l-.08.155-.013 1.349c-.013 1.328-.014 1.35-.071 1.442a.541.541 0 01-.147.147c-.086.052-.149.053-2.422.067l-2.333.014-.158.059c-.339.128-.414.199-1.605 1.499l-.744.813-.014-.96c-.011-.819-.02-.973-.058-1.053a.633.633 0 00-.315-.303c-.111-.051-.181-.056-.988-.069l-.869-.014-.094-.072c-.195-.149-.182.112-.182-3.508V4.408l.061-.09a.672.672 0 01.15-.151l.09-.06 2.336-.001c1.333-.001 2.421-.012 2.534-.027.4-.052.578-.247.608-.667.027-.376-.096-.624-.372-.749l-.14-.063-2.467-.003c-1.357-.002-2.503.001-2.547.007M12.409 3.8c.331.332.355.364.309.396-.084.058-.35.317-.51.495l-.152.169-.072-.09a7.137 7.137 0 00-.349-.362l-.277-.273.101-.091c.055-.05.137-.121.181-.158.044-.036.152-.152.24-.256.088-.104.162-.189.165-.189.003-.001.167.161.364.359",
+        fillRule: "evenodd",
+        fill: "#fff"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/AiEditSparkIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const AiEditSparkIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/AiEditSparkIcon.js

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AiEditSparkIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('AiEditSparkIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("path", {
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M1.094 5.783c2.323-.467 4.193-2.36 4.661-4.744.468 2.383 2.338 4.277 4.661 4.744m0 .002c-2.323.467-4.194 2.36-4.661 4.744-.468-2.384-2.338-4.277-4.661-4.744",
+        strokeWidth: 1.5,
+        fill: "none"
+      }), /*#__PURE__*/_jsx("path", {
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeMiterlimit: 10,
+        d: "M15.863 7.617l4.669 4.669m-9.199 9.05l-6.187 1.62L6.76 16.75 17.303 6.173c1.255-1.258 3.317-1.348 4.662 0 1.255 1.26 1.255 3.327 0 4.676L11.333 21.337z",
+        strokeWidth: 1.5,
+        fill: "none"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/AlarmClockIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const AlarmClockIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/AlarmClockIcon.js

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AlarmClockIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('AlarmClockIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 12.75,
+        r: 9,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M6 23.25l1.386-2.771M12 12.75H8.609M12 7.5v5.25m-10.5-9l3.75-3M18 23.25l-1.386-2.772M22.5 3.75l-3.75-3"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/AlertFilledIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const AlertFilledIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/AlertFilledIcon.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AlertFilledIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('AlertFilledIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M12 0a12.24 12.24 0 00-8.53 3.65A11.85 11.85 0 000 12.21 11.78 11.78 0 0011.8 24h.2a12.11 12.11 0 0012-12.21A11.77 11.77 0 0012 0zm-1.5 16.54A1.48 1.48 0 0112 15a1.53 1.53 0 011.52 1.47A1.47 1.47 0 0112.05 18a1.53 1.53 0 01-1.55-1.46zm.5-4v-6a1 1 0 012 0v6a1 1 0 01-2 0z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/AlertIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const AlertIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/AlertIcon.js

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AlertIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('AlertIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("path", {
+        d: "M12 16.5a.375.375 0 10.375.375A.375.375 0 0012 16.5h0",
+        strokeLinejoin: "round",
+        strokeLinecap: "round",
+        fill: "none",
+        stroke: "#fff",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        strokeMiterlimit: 10,
+        strokeLinecap: "round",
+        fill: "none",
+        stroke: "#fff",
+        strokeWidth: 1.5,
+        d: "M12 13.5V5.25"
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 12,
+        r: 11.25,
+        strokeMiterlimit: 10,
+        fill: "none",
+        stroke: "#fff",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/AmexIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const AmexIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/AmexIcon.js

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AmexIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('AmexIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("path", {
+        d: "M.504 3.5h23v17h-23z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M4.5 14.5v-4a1 1 0 012 0v4m-1.996-2h2m5 2v-5l-1.5 2.5-1.5-2.5v5m9-5l2 5m0-5l-2 5m-2.004 0h-1a1 1 0 01-1-1v-3a1 1 0 011-1h1m-1.996 3h2",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/AnalyticsGraphIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const AnalyticsGraphIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/AnalyticsGraphIcon.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AnalyticsGraphIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('AnalyticsGraphIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 140 140",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M4.37 135.625h126.874m-115.208-26.25h16.047A2.917 2.917 0 0135 112.292v23.333h0-21.88 0v-23.333a2.917 2.917 0 012.916-2.917zm43.75-52.5h16.047a2.917 2.917 0 012.917 2.917v75.833h0-21.88 0V59.792a2.917 2.917 0 012.916-2.917zm43.75 26.25h16.047a2.917 2.917 0 012.917 2.917v49.583h0-21.875 0V86.042a2.917 2.917 0 012.91-2.917zM40.15 29.873L16.719 53.282M83.48 36.896l-27.264-7.292m62.737-12.752L98.064 33.186m-58.694-6.93a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zm78.755-13.131a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zm-35 26.25a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zM4.37 61.256a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0z",
+        strokeWidth: 8.75,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/AppleIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const AppleIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/AppleIcon.js

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AppleIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('AppleIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    viewBox: "0 0 48 49",
+    fill: "#fff",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: `${maskId}`,
+      children: [/*#__PURE__*/_jsx("g", {
+        clipPath: "url(#apple-icon_svg__apple-icon_svg__clip0_1023_26084)",
+        children: /*#__PURE__*/_jsx("g", {
+          clipPath: "url(#apple-icon_svg__apple-icon_svg__clip1_1023_26084)",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          fill: "#fff",
+          children: /*#__PURE__*/_jsx("path", {
+            d: "M25.782 4.705C28.964.596 33.387.573 33.387.573s.66 3.867-2.506 7.585c-3.373 3.976-7.207 3.322-7.207 3.322s-.724-3.127 2.108-6.775zm-1.702 9.489c1.638 0 4.677-2.207 8.63-2.207 6.81 0 9.483 4.748 9.483 4.748s-5.234 2.627-5.234 8.99c0 7.18 6.523 9.659 6.523 9.659s-4.558 12.583-10.724 12.583c-2.832 0-5.027-1.871-8.01-1.871-3.04 0-6.055 1.94-8.02 1.94C11.105 48.03 4 36.102 4 26.505c0-9.441 6.014-14.392 11.654-14.392 3.668.008 6.516 2.082 8.425 2.082z"
+          })
+        })
+      }), /*#__PURE__*/_jsxs("defs", {
+        children: [/*#__PURE__*/_jsx("clipPath", {
+          id: "apple-icon_svg__apple-icon_svg__clip0_1023_26084",
+          children: /*#__PURE__*/_jsx("path", {
+            fill: "#fff",
+            transform: "translate(0 .573)",
+            d: "M0 0h48v48H0z"
+          })
+        }), /*#__PURE__*/_jsx("clipPath", {
+          id: "apple-icon_svg__apple-icon_svg__clip1_1023_26084",
+          children: /*#__PURE__*/_jsx("path", {
+            fill: "#fff",
+            transform: "translate(4 .573)",
+            d: "M0 0h40v48H0z"
+          })
+        })]
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/ArchiveIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const ArchiveIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/ArchiveIcon.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ArchiveIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('ArchiveIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsxs("g", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        children: [/*#__PURE__*/_jsx("path", {
+          d: "M21.75 9.75v9.5a3 3 0 01-3 3H5.25a3 3 0 01-3-3v-9.5m19.5-8H2.25a1.5 1.5 0 00-1.5 1.5v3h22.5v-3a1.5 1.5 0 00-1.5-1.5z"
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M10 10.25h4s1.5 0 1.5 1.5v1s0 1.5-1.5 1.5h-4s-1.5 0-1.5-1.5v-1s0-1.5 1.5-1.5"
+        })]
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/ArrowChevronDownFilledIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const ArrowChevronDownFilledIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/ArrowChevronDownFilledIcon.js

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ArrowChevronDownFilledIcon = /*#__PURE__*/React.forwardRef(({
+  title,
+  titleId,
+  size = 16,
+  height = size,
+  width = size,
+  ...props
+}, svgRef) => {
+  const maskId = useIconId('ArrowChevronDownFilledIcon');
+  return /*#__PURE__*/_jsxs(Svg, {
+    viewBox: "0 0 8 8",
+    fill: "#fff",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId,
+    ...props,
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: `${maskId}`,
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M7.066 1.5L4 6.099.934 1.5h6.132z",
+        fill: "#fff"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: `url(#${maskId})`,
+      children: /*#__PURE__*/_jsx("rect", {
+        width: `100%`,
+        height: `100%`,
+        fill: `currentColor`
+      })
+    })]
+  });
+});

package/dist/icons/regular/ArrowChevronDownIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const ArrowChevronDownIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;