@postal-music/icons 0.1.9 → 0.1.11

package/dist/index.js

@@ -27,7 +27,8 @@ var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
 var CheckIcon = ({
   size = 24,
   color = "currentColor",
-  strokeWidth = 2
+  strokeWidth = 2,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -35,6 +36,7 @@ var CheckIcon = ({
     height: size,
     viewBox: "0 0 24 24",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -111,7 +113,7 @@ function Copy06Icon({
     }
   );
 }
-var CopyIcon = ({ size = 16, color = "currentColor", strokeWidth = 1.5, className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxRuntime.jsx(
+var CopyIcon = ({ size = 16, color = "currentColor", strokeWidth = 1.5, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", ...props, xmlns: "http://www.w3.org/2000/svg", className, children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     d: "M6.67018 8.65794C6.95624 9.04037 7.32121 9.35681 7.74032 9.58579C8.15943 9.81477 8.62289 9.95094 9.09925 9.98505C9.57561 10.0192 10.0537 9.95044 10.5012 9.78352C10.9487 9.6166 11.355 9.35541 11.6926 9.01764L13.691 7.01931C14.2977 6.39117 14.6334 5.54986 14.6258 4.6766C14.6182 3.80335 14.2679 2.968 13.6504 2.35049C13.0329 1.73298 12.1975 1.38271 11.3243 1.37513C10.451 1.36754 9.60973 1.70324 8.98158 2.30992L7.83587 3.44897M9.33462 7.32572C9.04856 6.94329 8.68359 6.62685 8.26448 6.39787C7.84537 6.16889 7.38192 6.03273 6.90555 5.99861C6.42919 5.9645 5.95106 6.03323 5.5036 6.20015C5.05613 6.36706 4.6498 6.62826 4.31216 6.96603L2.31383 8.96435C1.70714 9.5925 1.37144 10.4338 1.37903 11.3071C1.38662 12.1803 1.73689 13.0157 2.3544 13.6332C2.97191 14.2507 3.80725 14.601 4.68051 14.6085C5.55377 14.6161 6.39507 14.2804 7.02322 13.6737L8.16227 12.5347",
@@ -152,7 +154,8 @@ var Expand01Icon_web_default = Expand01Icon;
 var LogoutIcon = ({
   size = 18,
   color = "currentColor",
-  strokeWidth = 1.5
+  strokeWidth = 1.5,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -160,6 +163,7 @@ var LogoutIcon = ({
     height: size,
     viewBox: "0 0 18 18",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -227,13 +231,14 @@ var MinimiseIcon = ({
   }
 );
 var MinimiseIcon_web_default = MinimiseIcon;
-var MinusIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var MinusIcon = ({ size = 18, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
     height: size,
     viewBox: "0 0 18 18",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -370,7 +375,8 @@ var PencilIcon_web_default = PencilIcon;
 var PlusCircleIcon = ({
   size = 28,
   color = "currentColor",
-  strokeWidth = 2
+  strokeWidth = 2,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -378,6 +384,7 @@ var PlusCircleIcon = ({
     height: size,
     viewBox: "0 0 28 28",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -392,7 +399,7 @@ var PlusCircleIcon = ({
   }
 );
 var PlusCircleIcon_web_default = PlusCircleIcon;
-var PlusIcon = ({ size = 16, color = "currentColor", strokeWidth = "1.25" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
+var PlusIcon = ({ size = 16, color = "currentColor", strokeWidth = "1.25", ...props }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", ...props, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     d: "M8.00065 3.33203V12.6654M3.33398 7.9987H12.6673",
@@ -434,7 +441,8 @@ var RefreshIcon = ({
 var ResetIcon = ({
   size = 18,
   color = "currentColor",
-  className = ""
+  className = "",
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -442,6 +450,7 @@ var ResetIcon = ({
     height: size,
     viewBox: "0 0 18 18",
     fill: "none",
+    ...props,
     className,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -457,13 +466,14 @@ var ResetIcon = ({
   }
 );
 var ResetIcon_web_default = React6__namespace.default.memo(ResetIcon);
-var SettingsIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SettingsIcon = ({ size = 18, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     width: size,
     height: size,
     viewBox: "0 0 18 18",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -492,7 +502,8 @@ var SettingsIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ js
 var SettingsIcon_web_default = SettingsIcon;
 var SlidersIcon = ({
   size = 18,
-  color = "currentColor"
+  color = "currentColor",
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -500,6 +511,7 @@ var SlidersIcon = ({
     height: size,
     viewBox: "0 0 18 18",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -518,7 +530,8 @@ var SmallMagnifyIcon = ({
   size = 14,
   color = "currentColor",
   strokeWidth = 1.5,
-  className
+  className,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -526,6 +539,7 @@ var SmallMagnifyIcon = ({
     height: size,
     viewBox: "0 0 14 14",
     fill: "none",
+    ...props,
     className,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -569,7 +583,7 @@ var Trash02Icon = ({
   }
 );
 var Trash02Icon_web_default = Trash02Icon;
-var TrashIcon = ({ size = 20, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
+var TrashIcon = ({ size = 20, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", ...props, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     d: "M13.3333 5.0013V4.33464C13.3333 3.40121 13.3333 2.9345 13.1517 2.57798C12.9919 2.26438 12.7369 2.00941 12.4233 1.84962C12.0668 1.66797 11.6001 1.66797 10.6667 1.66797H9.33333C8.39991 1.66797 7.9332 1.66797 7.57668 1.84962C7.26308 2.00941 7.00811 2.26438 6.84832 2.57798C6.66667 2.9345 6.66667 3.40121 6.66667 4.33464V5.0013M8.33333 9.58464V13.7513M11.6667 9.58464V13.7513M2.5 5.0013H17.5M15.8333 5.0013V14.3346C15.8333 15.7348 15.8333 16.4348 15.5608 16.9696C15.3212 17.44 14.9387 17.8225 14.4683 18.0622C13.9335 18.3346 13.2335 18.3346 11.8333 18.3346H8.16667C6.76654 18.3346 6.06647 18.3346 5.53169 18.0622C5.06129 17.8225 4.67883 17.44 4.43915 16.9696C4.16667 16.4348 4.16667 15.7348 4.16667 14.3346V5.0013",
@@ -581,7 +595,7 @@ var TrashIcon = ({ size = 20, color = "currentColor" }) => /* @__PURE__ */ jsxRu
   }
 ) });
 var TrashIcon_web_default = TrashIcon;
-var XIcon = ({ size = 16, strokeWidth = 1, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
+var XIcon = ({ size = 16, strokeWidth = 1, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", ...props, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     d: "M11.3327 4.66797L4.66602 11.3346M4.66602 4.66797L11.3327 11.3346",
@@ -626,7 +640,7 @@ var AlertTriangleIcon = React6__namespace.forwardRef(
 );
 AlertTriangleIcon.displayName = "AlertTriangleIcon";
 var AlertTriangleIcon_web_default = AlertTriangleIcon;
-function BellIcon({ size = 18, className }) {
+function BellIcon({ size = 18, className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -635,6 +649,7 @@ function BellIcon({ size = 18, className }) {
       height: size,
       viewBox: "0 0 18 18",
       fill: "none",
+      ...props,
       xmlns: "http://www.w3.org/2000/svg",
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
@@ -714,13 +729,14 @@ var InfoCircleIcon = ({
   }
 );
 var InfoCircleIcon_web_default = InfoCircleIcon;
-var InfoIcon = ({ size = 18, color = "currentColor", strokeWidth = 1.5 }) => /* @__PURE__ */ jsxRuntime.jsxs(
+var InfoIcon = ({ size = 18, color = "currentColor", strokeWidth = 1.5, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     width: size,
     height: size,
     viewBox: "0 0 18 18",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_info)", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -867,7 +883,8 @@ var ArrowDownIcon = ({
 var ArrowLeftIcon = ({
   size = 16,
   color = "currentColor",
-  strokeWidth = 1.5
+  strokeWidth = 1.5,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -875,6 +892,7 @@ var ArrowLeftIcon = ({
     height: size,
     viewBox: "0 0 16 16",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -990,7 +1008,8 @@ function ArrowUpIcon({
 var ChevronLeftIcon = ({
   size = 16,
   color = "currentColor",
-  strokeWidth = 1.25
+  strokeWidth = 1.25,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -998,6 +1017,7 @@ var ChevronLeftIcon = ({
     height: size,
     viewBox: "0 0 16 16",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -1015,7 +1035,8 @@ var ChevronLeftIcon_web_default = ChevronLeftIcon;
 var ChevronSelectorIcon = ({
   size = 24,
   color = "currentColor",
-  strokeWidth = 2
+  strokeWidth = 2,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -1023,6 +1044,7 @@ var ChevronSelectorIcon = ({
     height: size,
     viewBox: "0 0 20 20",
     fill: "none",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -1156,6 +1178,7 @@ var PostalIcon = ({
     height: size,
     className,
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 236.46 236.32",
     children: [
@@ -1222,7 +1245,8 @@ var InstagramWhiteIcon_web_default = InstagramWhiteIcon;
 var BarChart01Icon = ({
   size = 18,
   color = "currentColor",
-  className
+  className,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -1230,6 +1254,7 @@ var BarChart01Icon = ({
     height: size,
     viewBox: "0 0 18 18",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     className,
     role: "img",
@@ -1467,7 +1492,8 @@ var MessageSquareTextIcon_web_default = MessageSquareTextIcon;
 var MessageTextCircle01Icon = ({
   size = 18,
   color = "currentColor",
-  className
+  className,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -1475,6 +1501,7 @@ var MessageTextCircle01Icon = ({
     height: size,
     viewBox: "0 0 18 18",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     className,
     role: "img",
@@ -1638,7 +1665,8 @@ var Download04Icon = ({
   ariaLabel,
   tabIndex,
   onClick,
-  onKeyDown
+  onKeyDown,
+  ...props
 }) => {
   const isInteractive = Boolean(onClick || onKeyDown);
   const computedTabIndex = tabIndex ?? (isInteractive ? 0 : -1);
@@ -1650,6 +1678,7 @@ var Download04Icon = ({
       height: size,
       viewBox: "0 0 24 24",
       fill: "none",
+      ...props,
       role: "img",
       "aria-label": ariaLabel || title || "Download",
       focusable: false,
@@ -1699,13 +1728,14 @@ var DownloadCircleIcon = ({
     ]
   }
 );
-var DownloadIcon = ({ size = 18, color = "currentColor", strokeWidth = 1.5, className }) => /* @__PURE__ */ jsxRuntime.jsx(
+var DownloadIcon = ({ size = 18, color = "currentColor", strokeWidth = 1.5, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
     height: size,
     viewBox: "0 0 18 18",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     className,
     children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2063,7 +2093,8 @@ var CoinsStacked03Icon = React6__namespace.forwardRef(
     stroke = "currentColor",
     className,
     title,
-    onClick
+    onClick,
+    ...props
   }, ref) => {
     const isInteractive = Boolean(onClick);
     const handleKeyDown2 = (event) => {
@@ -2081,6 +2112,7 @@ var CoinsStacked03Icon = React6__namespace.forwardRef(
         height: size,
         viewBox: "0 0 20 20",
         fill: "none",
+        ...props,
         xmlns: "http://www.w3.org/2000/svg",
         className,
         stroke,
@@ -2103,13 +2135,14 @@ var CoinsStacked03Icon = React6__namespace.forwardRef(
 );
 CoinsStacked03Icon.displayName = "CoinsStacked03Icon";
 var CoinsStacked03Icon_web_default = CoinsStacked03Icon;
-var CreditCardIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var CreditCardIcon = ({ size = 18, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
     height: size,
     viewBox: "0 0 18 18",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -2124,13 +2157,14 @@ var CreditCardIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */
   }
 );
 var CreditCardIcon_web_default = CreditCardIcon;
-var Wallet01Icon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var Wallet01Icon = ({ size = 18, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
     height: size,
     viewBox: "0 0 18 18",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -2169,7 +2203,7 @@ var ActivityIcon = ({ size = 18, ...props }) => {
   );
 };
 var ActivityIcon_web_default = ActivityIcon;
-var BookIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var BookIcon = ({ size = 18, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
@@ -2177,6 +2211,7 @@ var BookIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRun
     viewBox: "0 0 18 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -2190,6 +2225,58 @@ var BookIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRun
   }
 );
 var BookIcon_web_default = BookIcon;
+var Briefcase01Icon = ({
+  size = 24,
+  color = "currentColor",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M16 7C16 6.07 16 5.605 15.898 5.224C15.621 4.188 14.812 3.38 13.777 3.102C13.395 3 12.93 3 12 3C11.07 3 10.605 3 10.224 3.102C9.188 3.38 8.38 4.188 8.102 5.224C8 5.605 8 6.07 8 7M5.2 21H18.8C19.92 21 20.48 21 20.908 20.782C21.284 20.59 21.59 20.284 21.782 19.908C22 19.48 22 18.92 22 17.8V10.2C22 9.08 22 8.52 21.782 8.092C21.59 7.716 21.284 7.41 20.908 7.218C20.48 7 19.92 7 18.8 7H5.2C4.08 7 3.52 7 3.092 7.218C2.716 7.41 2.41 7.716 2.218 8.092C2 8.52 2 9.08 2 10.2V17.8C2 18.92 2 19.48 2.218 19.908C2.41 20.284 2.716 20.59 3.092 20.782C3.52 21 4.08 21 5.2 21Z",
+        stroke: color,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+var Briefcase01Icon_web_default = Briefcase01Icon;
+var Building03Icon = ({
+  size = 24,
+  color = "currentColor",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M7.5 7H10.25M7.5 11H10.25M7.5 15H10.25M13.75 7H16.5M13.75 11H16.5M13.75 15H16.5M20 21V6.2C20 5.08 20 4.52 19.782 4.092C19.59 3.716 19.284 3.41 18.908 3.218C18.48 3 17.92 3 16.8 3H7.2C6.08 3 5.52 3 5.092 3.218C4.716 3.41 4.41 3.716 4.218 4.092C4 4.52 4 5.08 4 6.2V21M22 21H2",
+        stroke: color,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+var Building03Icon_web_default = Building03Icon;
 var BookmarkIcon = ({
   size = 18,
   color = "currentColor",
@@ -2222,7 +2309,8 @@ var BookmarkIcon_web_default = BookmarkIcon;
 var CollaborativeIcon = ({
   size = 18,
   color = "currentColor",
-  strokeWidth = 1.5
+  strokeWidth = 1.5,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -2231,6 +2319,7 @@ var CollaborativeIcon = ({
     viewBox: "0 0 18 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -2468,7 +2557,8 @@ var FaceSmileIcon_web_default = FaceSmileIcon;
 var Flag01Icon = ({
   size = 18,
   color = "currentColor",
-  className
+  className,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -2478,6 +2568,7 @@ var Flag01Icon = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className,
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -2805,7 +2896,7 @@ var Image03Icon = ({
   );
 };
 var Image03Icon_web_default = Image03Icon;
-var LandingCollaborativeIcon = ({ size = 24, currentColor = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var LandingCollaborativeIcon = ({ size = 24, currentColor = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
@@ -2813,6 +2904,7 @@ var LandingCollaborativeIcon = ({ size = 24, currentColor = "currentColor" }) =>
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -2826,7 +2918,7 @@ var LandingCollaborativeIcon = ({ size = 24, currentColor = "currentColor" }) =>
   }
 );
 var LandingCollaborativeIcon_web_default = LandingCollaborativeIcon;
-var LandingControlsIcon = ({ size = 24, currentColor = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var LandingControlsIcon = ({ size = 24, currentColor = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
@@ -2834,6 +2926,7 @@ var LandingControlsIcon = ({ size = 24, currentColor = "currentColor" }) => /* @
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -2850,7 +2943,8 @@ var LandingControlsIcon_web_default = LandingControlsIcon;
 var LandingMusicIcon = ({
   size = 24,
   color = "currentColor",
-  strokeWidth = 1.5
+  strokeWidth = 1.5,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -2859,6 +2953,7 @@ var LandingMusicIcon = ({
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -2872,7 +2967,7 @@ var LandingMusicIcon = ({
   }
 );
 var LandingMusicIcon_web_default = LandingMusicIcon;
-var LandingShareIcon = ({ size = 24, color = "#020202" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var LandingShareIcon = ({ size = 24, color = "#020202", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
@@ -2880,6 +2975,7 @@ var LandingShareIcon = ({ size = 24, color = "#020202" }) => /* @__PURE__ */ jsx
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -2893,7 +2989,7 @@ var LandingShareIcon = ({ size = 24, color = "#020202" }) => /* @__PURE__ */ jsx
   }
 );
 var LandingShareIcon_web_default = LandingShareIcon;
-var LandingUploadIcon = ({ size = 24, color = "#020202" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var LandingUploadIcon = ({ size = 24, color = "#020202", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
@@ -2901,6 +2997,7 @@ var LandingUploadIcon = ({ size = 24, color = "#020202" }) => /* @__PURE__ */ js
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -2973,7 +3070,7 @@ var LyricsIcon = (props) => {
   );
 };
 var LyricsIcon_web_default = LyricsIcon;
-var MoonIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsxs(
+var MoonIcon = ({ size = 18, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     width: size,
@@ -2981,6 +3078,7 @@ var MoonIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRun
     viewBox: "0 0 18 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_moonIcon)", children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
@@ -3104,7 +3202,7 @@ var PinIcon = React6__namespace.forwardRef(
 );
 PinIcon.displayName = "PinIcon";
 var PinIcon_web_default = PinIcon;
-var QuestionCircleIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsxs(
+var QuestionCircleIcon = ({ size = 18, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     width: size,
@@ -3112,6 +3210,7 @@ var QuestionCircleIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__
     viewBox: "0 0 18 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_questionCircle)", children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
@@ -3197,7 +3296,8 @@ var Recording02_web_default = Recording02Icon;
 var Share01Icon = ({
   size = 18,
   color = "currentColor",
-  className
+  className,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -3209,6 +3309,7 @@ var Share01Icon = ({
     className,
     role: "img",
     "aria-hidden": "true",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -3279,6 +3380,33 @@ function StarIcon({
     }
   );
 }
+var Star01Icon = ({
+  size = 24,
+  color = "currentColor",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M11.283 3.453C11.513 2.986 11.628 2.753 11.785 2.678C11.921 2.613 12.079 2.613 12.215 2.678C12.372 2.753 12.487 2.986 12.717 3.453L14.904 7.883C14.972 8.021 15.006 8.09 15.056 8.144C15.1 8.191 15.153 8.229 15.211 8.257C15.278 8.287 15.354 8.299 15.506 8.321L20.397 9.036C20.912 9.111 21.17 9.149 21.289 9.274C21.393 9.384 21.441 9.534 21.422 9.684C21.399 9.856 21.213 10.037 20.84 10.4L17.302 13.846C17.191 13.954 17.136 14.008 17.1 14.072C17.069 14.128 17.049 14.19 17.041 14.255C17.032 14.327 17.045 14.403 17.071 14.555L17.906 19.422C17.994 19.935 18.038 20.192 17.955 20.345C17.883 20.477 17.755 20.57 17.607 20.598C17.437 20.629 17.206 20.508 16.745 20.265L12.372 17.966C12.236 17.894 12.168 17.858 12.096 17.844C12.033 17.832 11.967 17.832 11.904 17.844C11.832 17.858 11.764 17.894 11.628 17.966L7.255 20.265C6.794 20.508 6.564 20.629 6.393 20.598C6.245 20.57 6.117 20.477 6.045 20.345C5.962 20.192 6.006 19.935 6.094 19.422L6.929 14.555C6.955 14.403 6.968 14.327 6.959 14.255C6.951 14.19 6.931 14.128 6.9 14.072C6.864 14.008 6.809 13.954 6.699 13.846L3.161 10.4C2.788 10.037 2.601 9.856 2.579 9.684C2.559 9.534 2.608 9.384 2.711 9.274C2.831 9.149 3.088 9.111 3.603 9.036L8.494 8.321C8.647 8.299 8.723 8.287 8.789 8.257C8.847 8.229 8.9 8.191 8.944 8.144C8.994 8.09 9.028 8.021 9.096 7.883L11.283 3.453Z",
+        fill: color,
+        stroke: color,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+var Star01Icon_web_default = Star01Icon;
 var Star04Icon = ({
   size = 16,
   color = "currentColor",
@@ -3357,7 +3485,8 @@ var Stars01Icon = ({
   className,
   currentColor,
   fill,
-  title
+  title,
+  ...props
 }) => {
   const ariaProps = title ? { role: "img", "aria-label": title } : { "aria-hidden": true };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3370,6 +3499,7 @@ var Stars01Icon = ({
       className,
       fill: currentColor || "currentColor",
       ...ariaProps,
+      ...props,
       children: [
         title ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_878_14485)", children: [
@@ -3458,7 +3588,8 @@ var Stars02Icon_web_default = StarsIcon02;
 var Star04Icon2 = ({
   size = 18,
   color = "currentColor",
-  className
+  className,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -3468,6 +3599,7 @@ var Star04Icon2 = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className,
+    ...props,
     children: [
       /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_10870_4507)", children: /* @__PURE__ */ jsxRuntime.jsx(
         "path",
@@ -3676,7 +3808,8 @@ TenSecondsBackIcon.displayName = "TenSecondsBackIcon";
 var SecondsBackIcon_web_default = TenSecondsBackIcon;
 function EqualizerIcon({
   className,
-  size = 18
+  size = 18,
+  ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -3685,6 +3818,7 @@ function EqualizerIcon({
       height: size,
       viewBox: "0 0 18 18",
       fill: "none",
+      ...props,
       xmlns: "http://www.w3.org/2000/svg",
       className,
       "aria-label": "Equalizer icon",
@@ -3701,6 +3835,93 @@ function EqualizerIcon({
     }
   );
 }
+var Film01Icon = ({
+  size = 24,
+  color = "currentColor",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M2 12H22M2 7H7M17 7H22M2 17H7M17 17H22M7 22V2M17 22V2M6.8 22H17.2C18.88 22 19.72 22 20.362 21.673C20.927 21.385 21.385 20.927 21.673 20.362C22 19.72 22 18.88 22 17.2V6.8C22 5.12 22 4.28 21.673 3.638C21.385 3.074 20.927 2.615 20.362 2.327C19.72 2 18.88 2 17.2 2H6.8C5.12 2 4.28 2 3.638 2.327C3.074 2.615 2.615 3.074 2.327 3.638C2 4.28 2 5.12 2 6.8V17.2C2 18.88 2 19.72 2.327 20.362C2.615 20.927 3.074 21.385 3.638 21.673C4.28 22 5.12 22 6.8 22Z",
+        stroke: color,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+var Film01Icon_web_default = Film01Icon;
+var Film03Icon = ({
+  size = 24,
+  color = "currentColor",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M7 2V6M7 16V20M17 4V8M17 18V22M2 6H12M2 16H12M12 8H22M12 18H22M12 20V3.6C12 3.04 12 2.76 11.891 2.546C11.795 2.358 11.642 2.205 11.454 2.109C11.24 2 10.96 2 10.4 2H6.8C5.12 2 4.28 2 3.638 2.327C3.074 2.615 2.615 3.074 2.327 3.638C2 4.28 2 5.12 2 6.8V15.2C2 16.88 2 17.72 2.327 18.362C2.615 18.927 3.074 19.386 3.638 19.673C4.28 20 5.12 20 6.8 20H12ZM12 4H17.2C18.88 4 19.72 4 20.362 4.327C20.927 4.615 21.385 5.074 21.673 5.638C22 6.28 22 7.12 22 8.8V17.2C22 18.88 22 19.72 21.673 20.362C21.385 20.927 20.927 21.385 20.362 21.673C19.72 22 18.88 22 17.2 22H13.6C13.04 22 12.76 22 12.546 21.891C12.358 21.795 12.205 21.642 12.109 21.454C12 21.24 12 20.96 12 20.4V4Z",
+        stroke: color,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+var Film03Icon_web_default = Film03Icon;
+var Microphone01Icon = ({
+  size = 24,
+  color = "currentColor",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9 5C9 3.343 10.343 2 12 2C13.657 2 15 3.343 15 5V12C15 13.657 13.657 15 12 15C10.343 15 9 13.657 9 12V5Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M19 10V12C19 15.866 15.866 19 12 19M5 10V12C5 15.866 8.134 19 12 19M12 19V22M8 22H16M12 15C10.343 15 9 13.657 9 12V5C9 3.343 10.343 2 12 2C13.657 2 15 3.343 15 5V12C15 13.657 13.657 15 12 15Z",
+          stroke: color,
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+var Microphone01Icon_web_default = Microphone01Icon;
 function HeadphonesIcon({
   size = 15,
   className,
@@ -3808,13 +4029,14 @@ var NextTrackIcon = React6__namespace.forwardRef(
 );
 NextTrackIcon.displayName = "NextTrackIcon";
 var NextTrackIcon_web_default = NextTrackIcon;
-var PauseIcon = ({ size = 20, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsxs(
+var PauseIcon = ({ size = 20, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     width: size,
     height: size,
     viewBox: "0 0 20 20",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -3841,13 +4063,14 @@ var PauseIcon = ({ size = 20, color = "currentColor" }) => /* @__PURE__ */ jsxRu
   }
 );
 var PauseIcon_web_default = PauseIcon;
-var PlayIcon = ({ size = 20, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var PlayIcon = ({ size = 20, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
     height: size,
     viewBox: "0 0 22 20",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -3934,10 +4157,37 @@ var PreviousTrackIcon = React6__namespace.forwardRef(({ size = 15, color = "curr
 });
 PreviousTrackIcon.displayName = "PreviousTrackIcon";
 var PreviousTrackIcon_web_default = PreviousTrackIcon;
+var Recording03Icon = ({
+  size = 24,
+  color = "currentColor",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M3 10V14M7.5 6V18M12 3V21M16.5 6V18M21 10V14",
+        stroke: color,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+var Recording03Icon_web_default = Recording03Icon;
 var Repeat01Icon = ({
   size = 18,
   color = "currentColor",
-  className
+  className,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -3945,6 +4195,7 @@ var Repeat01Icon = ({
     height: size,
     viewBox: "0 0 18 18",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     className,
     role: "img",
@@ -4113,7 +4364,8 @@ TenSecondsForwardIcon.displayName = "TenSecondsForwardIcon";
 var TenSecondsForwardIcon_web_default = TenSecondsForwardIcon;
 var VideoRecorderIcon = ({
   size = 24,
-  color = "currentColor"
+  color = "currentColor",
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -4121,6 +4373,7 @@ var VideoRecorderIcon = ({
     height: size,
     viewBox: "0 0 24 24",
     fill: "none",
+    ...props,
     xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -4299,7 +4552,7 @@ function DotgridIcon({
     }
   );
 }
-var FilterIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var FilterIcon = ({ size = 18, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
@@ -4307,6 +4560,7 @@ var FilterIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxR
     viewBox: "0 0 18 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -4634,6 +4888,32 @@ var ListIcon = React6__namespace.forwardRef(
     }
   )
 );
+var Menu02Icon = React6__namespace.forwardRef(
+  ({ width = 18, height = 18, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      ref,
+      width,
+      height,
+      viewBox: "0 0 28 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M3.5 14H17.5M3.5 7H24.5M3.5 21H24.5",
+          stroke: "currentColor",
+          strokeWidth: "2.25",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  )
+);
+Menu02Icon.displayName = "Menu02Icon";
+var Menu02Icon_web_default = Menu02Icon;
 var Menu03Icon = React6__namespace.forwardRef(
   ({ width = 18, height = 18, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -4727,7 +5007,8 @@ var Rows01Icon_web_default = Rows01Icon;
 var Rows03Icon = ({
   className,
   size = 24,
-  strokeWidth = 2
+  strokeWidth = 2,
+  ...props
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -4737,6 +5018,7 @@ var Rows03Icon = ({
       height: size,
       viewBox: "0 0 24 24",
       fill: "none",
+      ...props,
       stroke: "currentColor",
       strokeWidth,
       strokeLinecap: "round",
@@ -4749,7 +5031,7 @@ var Rows03Icon = ({
   );
 };
 var Rows03Icon_web_default = Rows03Icon;
-var SearchIcon = ({ size = 18, color = "currentColor", strokeWidth = "1.5" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var SearchIcon = ({ size = 18, color = "currentColor", strokeWidth = "1.5", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
@@ -4757,6 +5039,7 @@ var SearchIcon = ({ size = 18, color = "currentColor", strokeWidth = "1.5" }) =>
     viewBox: "0 0 18 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -4770,7 +5053,7 @@ var SearchIcon = ({ size = 18, color = "currentColor", strokeWidth = "1.5" }) =>
   }
 );
 var SearchIcon_web_default = SearchIcon;
-var SidebarMenuIcon = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var SidebarMenuIcon = ({ size = 24, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
@@ -4778,6 +5061,7 @@ var SidebarMenuIcon = ({ size = 24, color = "currentColor" }) => /* @__PURE__ */
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -4917,7 +5201,7 @@ var Lock03FilledIcon = ({
   }
 );
 var Lock03FilledIcon_web_default = Lock03FilledIcon;
-var LockIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var LockIcon = ({ size = 18, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
@@ -4925,6 +5209,7 @@ var LockIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRun
     viewBox: "0 0 18 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -4991,7 +5276,7 @@ var PasswordInputIcon = ({
     )
   }
 );
-function AppleMusicIcon({ size = 28, title = "Apple Music", className }) {
+function AppleMusicIcon({ size = 28, title = "Apple Music", className, ...props }) {
   const gid = React6__namespace.useId();
   const gradId = `am-grad-${gid}`;
   const clipId = `am-clip-${gid}`;
@@ -5002,6 +5287,7 @@ function AppleMusicIcon({ size = 28, title = "Apple Music", className }) {
       height: size,
       viewBox: "0 0 28 28",
       fill: "none",
+      ...props,
       xmlns: "http://www.w3.org/2000/svg",
       "aria-label": title,
       role: "img",
@@ -5080,6 +5366,82 @@ var AudiomackIcon = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs
   }
 );
 var AudiomackIcon_web_default = AudiomackIcon;
+var GeniusIcon = ({
+  size = 24,
+  color = "currentColor",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M12.5231 6.50045C12.3131 6.50105 12.1019 6.5083 11.893 6.51071C11.7659 6.49381 11.6766 6.64657 11.6877 6.76189C11.6673 7.37292 11.7011 7.98456 11.6784 8.59498C11.6568 9.10277 11.3546 9.55863 10.9643 9.85086C10.6726 10.0592 10.3121 10.1135 9.98953 10.2512C10.0601 10.7221 10.2427 11.1907 10.6061 11.501C11.2998 12.1368 12.4869 12.0203 13.0388 11.2438C13.59 10.5971 13.303 9.69025 13.3905 8.9168C13.5574 8.62698 13.9372 8.8371 14.1588 8.62095C13.9605 7.86682 13.6863 7.09397 13.1525 6.5246C12.943 6.50599 12.7328 6.49793 12.5225 6.50045H12.5231ZM6.44443 6.50407C5.30862 7.5613 4.77426 9.25492 5.08927 10.803C5.31329 12.042 6.07049 13.1536 7.10188 13.8202C7.18005 13.6813 7.23605 13.5327 7.15438 13.3794C6.60019 11.6803 7.07388 9.68482 8.31294 8.43438C8.32111 7.83904 8.33803 7.2413 8.31119 6.64657L8.20152 6.51736C7.6164 6.48656 7.03012 6.51736 6.44559 6.50407H6.44443ZM16.875 6.53728L16.7554 6.75223C16.91 7.31858 17.1054 7.87648 17.1754 8.46336C17.5138 10.6044 16.9409 12.8788 15.6505 14.5858C14.5911 16.0065 13.0598 17.0456 11.3721 17.4676C9.82035 17.8661 8.15543 17.7393 6.66786 17.1398C6.62819 17.1875 6.5471 17.2829 6.50743 17.3318C8.06151 18.9191 10.3244 19.7282 12.4922 19.4438C14.286 19.2464 15.9894 18.3178 17.1725 16.9109C18.3013 15.5905 18.971 13.8497 18.9955 12.0855C19.0667 10.0423 18.2914 7.96825 16.8744 6.53668L16.875 6.53728Z",
+        fill: color
+      }
+    )
+  }
+);
+var GeniusIcon_web_default = GeniusIcon;
+var ImdbIcon = ({
+  size = 24,
+  color = "#000000",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M5.57143 3H18.4286C19.8429 3 21 4.15714 21 5.57143V18.4286C21 19.8429 19.8429 21 18.4286 21H5.57143C4.15714 21 3 19.8429 3 18.4286V5.57143C3 4.15714 4.15714 3 5.57143 3Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M8.12871 14.4598H6.90186V9.06201H8.74214L9.04885 11.3316H9.11019L9.41691 9.06201H11.2572V14.4598H10.0303V11.2089H9.90765L9.47825 14.4598H8.55811L8.06737 11.2089L8.12871 14.4598Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M11.686 9C11.9314 9 13.2196 9 13.9557 9.06134C14.5078 9.12268 14.8145 9.61339 14.8759 10.1654C14.8759 11.2082 14.8759 12.3123 14.9372 13.3551C14.9372 13.4777 14.9372 13.6004 14.8759 13.7231C14.7532 14.1525 14.5078 14.3978 13.9557 14.4592C13.2196 14.5205 12.5448 14.4592 11.8087 14.5205C11.8087 14.5205 11.7474 14.5205 11.686 14.5205V9ZM13.0969 10.0428V13.4777C13.3423 13.4777 13.465 13.4164 13.465 13.1711C13.465 12.251 13.465 11.2695 13.465 10.3495C13.465 10.1041 13.3423 9.98142 13.0969 10.0428Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M5 14.4598V9.06201H6.41088V14.4598H5Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M18.4337 11.0862C18.3723 10.7182 18.1269 10.4728 17.7589 10.4115C17.3908 10.3501 17.0228 10.4115 16.6547 10.7795V9.06201H15.3052V14.4598H16.532C16.532 14.3372 16.5934 14.2758 16.5934 14.2145C16.6547 14.2758 16.7161 14.2758 16.7774 14.3372C17.1455 14.5825 17.5135 14.6439 17.8816 14.4598C18.2496 14.3372 18.3723 14.0305 18.3723 13.6624C18.3723 13.2331 18.4337 12.865 18.4337 12.4357C18.495 12.0063 18.495 11.5156 18.4337 11.0862ZM17.0841 13.5398C17.0841 13.6624 16.9614 13.7851 16.8387 13.7851C16.7161 13.7851 16.5934 13.6624 16.5934 13.5398V11.4542C16.5934 11.3316 16.7161 11.2089 16.8387 11.2089C16.9614 11.2089 17.0841 11.3316 17.0841 11.4542V13.5398Z",
+          fill: "white"
+        }
+      )
+    ]
+  }
+);
+var ImdbIcon_web_default = ImdbIcon;
 var InstagramShortsIcon = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -5128,6 +5490,52 @@ var InstagramShortsIcon = ({ className, ...props }) => /* @__PURE__ */ jsxRuntim
   }
 );
 var InstagramShortsIcon_web_default = InstagramShortsIcon;
+var LinkedinIcon = ({
+  size = 24,
+  color = "currentColor",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M12 3C7.02891 3 3 7.02891 3 12C3 16.9711 7.02891 21 12 21C16.9711 21 21 16.9711 21 12C21 7.02891 16.9711 3 12 3ZM9.48281 15.7652H7.72852V10.1508H9.48281V15.7652ZM8.5582 9.44766H8.54414C7.90781 9.44766 7.49648 9.01875 7.49648 8.47383C7.49648 7.91836 7.92187 7.5 8.56875 7.5C9.21562 7.5 9.61289 7.91836 9.62695 8.47383C9.63047 9.01523 9.21914 9.44766 8.5582 9.44766ZM16.5 15.7652H14.5102V12.8613C14.5102 12.102 14.2008 11.5816 13.5152 11.5816C12.9914 11.5816 12.6996 11.9332 12.566 12.2707C12.5168 12.3902 12.5238 12.559 12.5238 12.7312V15.7652H10.5516C10.5516 15.7652 10.5762 10.6184 10.5516 10.1508H12.5238V11.0332C12.6398 10.6465 13.2691 10.098 14.2746 10.098C15.5227 10.098 16.5 10.9066 16.5 12.6434V15.7652Z",
+        fill: color
+      }
+    )
+  }
+);
+var LinkedinIcon_web_default = LinkedinIcon;
+var MusoIcon = ({
+  size = 24,
+  color = "currentColor",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M16.4968 6.65566L12.2976 10.8001C12.1318 10.9631 11.8658 10.9631 11.701 10.8001L7.50282 6.65566C6.32082 5.48976 4.31982 6.32776 4.31982 7.98856V13.7705V16.0062V17.242C4.31982 17.5982 4.60799 17.8867 4.96391 17.8867C5.31983 17.8867 5.608 17.5982 5.608 17.242L5.60901 7.90966C5.60901 7.60096 5.86381 7.35094 6.17424 7.36108C6.47454 7.3702 6.70608 7.63234 6.70608 7.93288L6.70302 14.9901C6.70302 15.2907 6.93462 15.5528 7.23492 15.5619C7.5453 15.5711 7.80012 15.3221 7.80012 15.0134V9.955C7.84056 9.6919 8.06706 9.48952 8.3421 9.48952C8.6454 9.48952 8.8911 9.7354 8.8911 10.0391L8.89314 12.8749C8.89314 13.1744 9.13578 13.4174 9.43512 13.4174C9.7344 13.4174 9.97704 13.1744 9.97704 12.8749V11.5238C9.97704 11.297 10.2501 11.1827 10.4108 11.3415L16.4968 17.3381C17.6788 18.504 19.6798 17.667 19.6798 16.0052V7.98856C19.6788 6.32776 17.6778 5.48976 16.4968 6.65566ZM14.0216 12.47C14.0216 12.6968 13.7486 12.8111 13.5878 12.6522L13.1086 12.1796C13.0074 12.0794 13.0074 11.9165 13.1086 11.8163L13.5878 11.3436C13.7486 11.1847 14.0216 11.2991 14.0216 11.5258V12.47ZM16.2167 13.9457C16.2167 14.2543 15.9619 14.5043 15.6515 14.4942C15.3512 14.4851 15.1196 14.2229 15.1196 13.9224V10.0715C15.1196 9.77086 15.3512 9.50872 15.6515 9.4996C15.9619 9.49048 16.2167 9.73948 16.2167 10.0482V13.9457ZM18.4109 16.1064C18.4109 16.41 18.1652 16.656 17.8618 16.656C17.5585 16.656 17.3128 16.41 17.3128 16.1064V7.88734C17.3128 7.58374 17.5585 7.3378 17.8618 7.3378C18.1652 7.3378 18.4109 7.58374 18.4109 7.88734V16.1064Z",
+        fill: color
+      }
+    )
+  }
+);
+var MusoIcon_web_default = MusoIcon;
 var ShazamIcon = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -5233,6 +5641,31 @@ var SpotifyIcon = ({ className, size = 18, ...props }) => /* @__PURE__ */ jsxRun
   }
 );
 var SpotifyIcon_web_default = SpotifyIcon;
+var Spotify02Icon = ({
+  size = 24,
+  color = "currentColor",
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M17.3235 10.9787C14.4228 9.25611 9.6375 9.09749 6.8673 9.93809C6.4227 10.0722 5.9529 9.82196 5.8179 9.37646C5.6829 8.93186 5.934 8.46205 6.3786 8.32705C9.5583 7.36135 14.8431 7.54757 18.183 9.53027C18.5826 9.76787 18.714 10.2847 18.4764 10.6843C18.2406 11.0839 17.7222 11.2163 17.3235 10.9787ZM17.229 13.5302C17.0256 13.8605 16.5936 13.9638 16.2633 13.7613C13.845 12.2745 10.1568 11.8443 7.2957 12.7128C6.924 12.8244 6.5325 12.6156 6.42 12.2448C6.3084 11.874 6.5172 11.4823 6.888 11.3698C10.1559 10.378 14.2194 10.8587 16.9977 12.566C17.328 12.7685 17.4315 13.2008 17.229 13.5302ZM16.1274 15.9806C15.9654 16.2452 15.6207 16.3289 15.3561 16.1669C13.2429 14.8754 10.5825 14.5839 7.4496 15.2994C7.1481 15.3687 6.8466 15.1795 6.7782 14.8771C6.7089 14.5756 6.897 14.2754 7.2003 14.2061C10.6284 13.4222 13.5687 13.7594 15.9411 15.2093C16.2057 15.3713 16.2894 15.716 16.1274 15.9806ZM12 3C7.0293 3 3 7.0293 3 12C3 16.9707 7.0293 21 12 21C16.9707 21 21 16.9707 21 12C21 7.0302 16.9707 3 12 3Z",
+        fill: color
+      }
+    )
+  }
+);
+var Spotify02Icon_web_default = Spotify02Icon;
 var TiktokIcon = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -5446,7 +5879,7 @@ function AccountIcon({ size = 16, ...props }) {
     }
   );
 }
-var UserApproveIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */ jsxRuntime.jsx(
+var UserApproveIcon = ({ size = 18, color = "currentColor", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
@@ -5454,6 +5887,7 @@ var UserApproveIcon = ({ size = 18, color = "currentColor" }) => /* @__PURE__ */
     viewBox: "0 0 18 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -5470,7 +5904,8 @@ var UserApproveIcon_web_default = UserApproveIcon;
 var UserIcon = ({
   size = 18,
   color = "currentColor",
-  strokeWidth = 1.5
+  strokeWidth = 1.5,
+  ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -5479,6 +5914,7 @@ var UserIcon = ({
     viewBox: "0 0 18 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -5616,7 +6052,7 @@ function Users03Icon({
     }
   );
 }
-var UsersIcon = ({ size = 20, color = "currentColor", strokeWidth = 1.5 }) => /* @__PURE__ */ jsxRuntime.jsx(
+var UsersIcon = ({ size = 20, color = "currentColor", strokeWidth = 1.5, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: size,
@@ -5624,6 +6060,7 @@ var UsersIcon = ({ size = 20, color = "currentColor", strokeWidth = 1.5 }) => /*
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -5639,7 +6076,8 @@ var UsersIcon = ({ size = 20, color = "currentColor", strokeWidth = 1.5 }) => /*
 var UsersIcon_web_default = UsersIcon;
 var UsersPlusIcon = ({
   className,
-  size = 16
+  size = 16,
+  ...props
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -5648,6 +6086,7 @@ var UsersPlusIcon = ({
       height: size,
       viewBox: "0 0 16 16",
       fill: "none",
+      ...props,
       xmlns: "http://www.w3.org/2000/svg",
       className,
       "aria-label": "Users plus icon",
@@ -5792,6 +6231,8 @@ exports.BarChart10Icon = BarChart10Icon;
 exports.BellIcon = BellIcon;
 exports.BookIcon = BookIcon_web_default;
 exports.BookmarkIcon = BookmarkIcon_web_default;
+exports.Briefcase01Icon = Briefcase01Icon_web_default;
+exports.Building03Icon = Building03Icon_web_default;
 exports.CalendarIcon = CalendarIcon;
 exports.CameraIcon = CameraIcon;
 exports.ChatBubbleDotIcon = ChatBubbleDotIcon;
@@ -5824,6 +6265,8 @@ exports.EyeIcon = EyeIcon_web_default;
 exports.FaceSmileIcon = FaceSmileIcon_web_default;
 exports.File02Icon = File02Icon_web_default;
 exports.FileDownload02Icon = FileDownload02Icon_web_default;
+exports.Film01Icon = Film01Icon_web_default;
+exports.Film03Icon = Film03Icon_web_default;
 exports.FilterIcon = FilterIcon_web_default;
 exports.Flag01Icon = Flag01Icon_web_default;
 exports.FlexAlignBottomIcon = FlexAlignBottomIcon;
@@ -5833,6 +6276,7 @@ exports.FlexAlignTopIcon = FlexAlignTopIcon;
 exports.FolderGradientIcon = FolderGradientIcon_web_default;
 exports.FolderIcon = FolderIcon_web_default;
 exports.FolderPlusIcon = FolderPlusIcon;
+exports.GeniusIcon = GeniusIcon_web_default;
 exports.Gift01Icon = Gift01Icon_web_default;
 exports.Globe02Icon = Globe02Icon_web_default;
 exports.Globe05Icon = Globe05Icon_web_default;
@@ -5847,6 +6291,7 @@ exports.HomeIcon = HomeIcon;
 exports.Image01Icon = Image01Icon_web_default;
 exports.Image03Icon = Image03Icon_web_default;
 exports.ImageIcon = ImageIcon_web_default;
+exports.ImdbIcon = ImdbIcon_web_default;
 exports.InfoCircleIcon = InfoCircleIcon_web_default;
 exports.InfoIcon = InfoIcon_web_default;
 exports.InfoSquareIcon = InfoSquareIcon_web_default;
@@ -5859,6 +6304,7 @@ exports.LandingShareIcon = LandingShareIcon_web_default;
 exports.LandingUploadIcon = LandingUploadIcon_web_default;
 exports.LayersThree01Icon = LayersThree01Icon;
 exports.LineChart03UpIcon = LineChart03UpIcon;
+exports.LinkedinIcon = LinkedinIcon_web_default;
 exports.ListIcon = ListIcon;
 exports.Lock03FilledIcon = Lock03FilledIcon_web_default;
 exports.Lock03Icon = Lock03Icon_web_default;
@@ -5868,10 +6314,12 @@ exports.LogoutIcon = LogoutIcon_web_default;
 exports.LyricsIcon = LyricsIcon_web_default;
 exports.MailIcon = MailIcon_web_default;
 exports.MediaUploadIcon = MediaUploadIcon_web_default;
+exports.Menu02Icon = Menu02Icon_web_default;
 exports.Menu03Icon = Menu03Icon_web_default;
 exports.MenuIcon = MenuIcon_web_default;
 exports.MessageSquareTextIcon = MessageSquareTextIcon_web_default;
 exports.MessageTextCircle01Icon = MessageTextCircle01Icon;
+exports.Microphone01Icon = Microphone01Icon_web_default;
 exports.MinCircleIcon = MinCircleIcon_web_default;
 exports.MinimiseIcon = MinimiseIcon_web_default;
 exports.MinusIcon = MinusIcon_web_default;
@@ -5880,6 +6328,7 @@ exports.MoreOptionsIcon = MoreOptionsIcon_web_default;
 exports.MoveIcon = MoveIcon_web_default;
 exports.MusicNoteIcon = MusicNoteIcon;
 exports.MusicNotePlusIcon = MusicNotePlusIcon;
+exports.MusoIcon = MusoIcon_web_default;
 exports.NarrowUpRightIcon = NarrowUpRightIcon;
 exports.NextTrackIcon = NextTrackIcon_web_default;
 exports.NotificationTextIcon = NotificationTextIcon;
@@ -5896,6 +6345,7 @@ exports.PreviousTrackIcon = PreviousTrackIcon_web_default;
 exports.QuestionCircleIcon = QuestionCircleIcon_web_default;
 exports.Recording01Icon = Recordering01_web_default;
 exports.Recording02Icon = Recording02_web_default;
+exports.Recording03Icon = Recording03Icon_web_default;
 exports.RefreshIcon = RefreshIcon;
 exports.Repeat01Icon = Repeat01Icon;
 exports.Repeat02Icon = Repeat02Icon_web_default;
@@ -5916,7 +6366,9 @@ exports.SlidersIcon = SlidersIcon_web_default;
 exports.SmallMagnifyIcon = SmallMagnifyIcon_web_default;
 exports.SortIcon = SortIcon_web_default;
 exports.SoundCloudIcon = SoundCloudIcon_web_default;
+exports.Spotify02Icon = Spotify02Icon_web_default;
 exports.SpotifyIcon = SpotifyIcon_web_default;
+exports.Star01Icon = Star01Icon_web_default;
 exports.Star04Icon = Star04Icon_web_default;
 exports.Star05Icon = Star05Icon_web_default;
 exports.StarIcon = StarIcon;