@proyecto-viviana/ui 0.4.1 → 0.6.0

package/src/icon/s2wf-icons/LockIcon.tsx

@@ -0,0 +1,34 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function LockIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="M11.25,11.5c0-.68945-.56055-1.25-1.25-1.25s-1.25.56055-1.25,1.25c0,.40259.20361.74487.5.97363v.77637c0,.41406.33594.75.75.75s.75-.33594.75-.75v-.77637c.29639-.22876.5-.57104.5-.97363Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M15,7.02539v-.52539c0-2.75684-2.24316-5-5-5s-5,2.24316-5,5v.52539c-1.12158.12622-2,1.07007-2,2.22461v6.5c0,1.24023,1.00977,2.25,2.25,2.25h9.5c1.24023,0,2.25-1.00977,2.25-2.25v-6.5c0-1.15454-.87842-2.09839-2-2.22461ZM10,3c1.92969,0,3.5,1.57031,3.5,3.5v.5h-7v-.5c0-1.92969,1.57031-3.5,3.5-3.5ZM15.5,15.75c0,.41309-.33691.75-.75.75H5.25c-.41309,0-.75-.33691-.75-.75v-6.5c0-.41309.33691-.75.75-.75h9.5c.41309,0,.75.33691.75.75v6.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type LockIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const LockIcon = createIcon(LockIconSvg);
+export default LockIcon;

package/src/icon/s2wf-icons/LockOpenIcon.tsx

@@ -0,0 +1,34 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function LockOpenIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="M11.25,12.5c0-.68945-.56055-1.25-1.25-1.25s-1.25.56055-1.25,1.25c0,.40259.20361.74487.5.97363v.77637c0,.41406.33594.75.75.75s.75-.33594.75-.75v-.77637c.29639-.22876.5-.57104.5-.97363Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M14.75,8H6.5v-2.75c0-1.92969,1.57031-3.5,3.5-3.5.86523,0,1.69629.31836,2.33887.89551.30664.27734.7832.25293,1.05859-.05664.27734-.30762.25195-.78223-.05664-1.05859-.91797-.8252-2.10449-1.28027-3.34082-1.28027-2.75684,0-5,2.24316-5,5v2.77539c-1.12158.12622-2,1.07007-2,2.22461v6.5c0,1.24023,1.00977,2.25,2.25,2.25h9.5c1.24023,0,2.25-1.00977,2.25-2.25v-6.5c0-1.24023-1.00977-2.25-2.25-2.25ZM15.5,16.75c0,.41309-.33691.75-.75.75H5.25c-.41309,0-.75-.33691-.75-.75v-6.5c0-.41309.33691-.75.75-.75h9.5c.41309,0,.75.33691.75.75v6.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type LockOpenIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const LockOpenIcon = createIcon(LockOpenIconSvg);
+export default LockOpenIcon;

package/src/icon/s2wf-icons/LogoIcon.tsx

@@ -0,0 +1,41 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function LogoIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="M14.25,12.75h-5.5c-.26465,0-.50977-.13965-.64502-.36719s-.14014-.50977-.01318-.74219l2.75098-5.03906c.13135-.24121.38379-.39062.6582-.39062h0c.27441,0,.52686.15039.6582.39062l2.74902,5.03906c.12695.23242.12207.51465-.01318.74219s-.38037.36719-.64502.36719ZM10.01416,11.25h2.97217l-1.48535-2.72363-1.48682,2.72363Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="M5.74951,12.75c-.12158,0-.24463-.0293-.35889-.0918-.36377-.19824-.49756-.6543-.29883-1.01758l1.98145-3.62891c.19873-.36328.6543-.49805,1.01758-.29883.36377.19824.49756.6543.29883,1.01758l-1.98145,3.62891c-.13623.24902-.39355.39062-.65869.39062Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="M10,18.75c-.11523,0-.23047-.02637-.33594-.0791l-7.73096-3.875c-.25391-.12793-.41406-.38672-.41406-.6709V5.875c0-.28418.16016-.54297.41406-.6709l7.73096-3.875c.21094-.10547.46094-.10547.67188,0l7.73096,3.875c.25391.12793.41406.38672.41406.6709v8.25c0,.28418-.16016.54297-.41406.6709l-7.73096,3.875c-.10547.05273-.2207.0791-.33594.0791ZM3.01904,13.66211l6.98096,3.49902,6.98096-3.49902v-7.32422l-6.98096-3.49902-6.98096,3.49902v7.32422Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type LogoIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const LogoIcon = createIcon(LogoIconSvg);
+export default LogoIcon;

package/src/icon/s2wf-icons/MagicWandIcon.tsx

@@ -0,0 +1,42 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function MagicWandIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m15.0498,7.2002c0-.60156-.23438-1.16699-.6582-1.59082-.84863-.84961-2.33301-.85156-3.18262,0l-1.82129,1.82129c-.02148.02148-.04199.04492-.06055.06836-.02441.01855-.04688.03906-.06934.06152L1.65918,15.15918c-.4248.4248-.65918.99023-.65918,1.59082s.23438,1.16602.65918,1.59082.99023.65918,1.59082.65918,1.16602-.23438,1.59082-.65918l9.5498-9.5498c.4248-.4248.65918-.99023.65918-1.59082ZM3.78027,17.28027c-.2832.2832-.77734.2832-1.06055,0-.1416-.1416-.21973-.33008-.21973-.53027s.07812-.38867.21973-.53027l7.2002-7.2002,1.06543,1.05566-7.20508,7.20508ZM13.33008,7.73047l-1.28418,1.28418-1.06543-1.05566,1.28906-1.28906c.2832-.2832.77734-.28418,1.06055.00098.1416.14062.21973.3291.21973.5293s-.07812.38867-.21973.53027Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m18.70605,10.83154l-1.26123-.49854-.20312-1.34204c-.06519-.42798-.75806-.50513-.91577-.10425l-.49878,1.26221-1.34204.20166c-.21289.03198-.37891.20361-.40332.41797-.02441.2146.0979.41821.29907.49805l1.26221.49976.2019,1.34106c.03174.21289.20337.37891.41797.40332.21436.02441.41797-.0979.49805-.29907l.49927-1.26099,1.34131-.20312c.21411-.03271.37891-.20361.40332-.41797s-.09863-.41919-.29883-.49805Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m14.33618,3.64233l1.26221.49976.2019,1.34094c.03174.21301.20361.37903.41797.40344.2146.02441.41821-.0979.49805-.29907l.49951-1.26111,1.34131-.203c.21387-.03259.37891-.20361.40332-.41797s-.09863-.41919-.29907-.49805l-1.26123-.49854-.20288-1.34204c-.06519-.4281-.7583-.50513-.91602-.10437l-.49854,1.26221-1.34204.2019c-.21313.03186-.37915.20349-.40356.41797s.0979.41809.29907.49792Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m5.7793,4.69019l1.02417.4054.16382,1.08826c.02588.17273.16528.3075.33936.32727.17383.0199.33911-.07935.40405-.24268l.40527-1.02332,1.08813-.16479c.17383-.02637.30762-.16504.32764-.33911.01978-.17407-.08008-.34009-.24268-.40405l-1.02344-.40454-.16479-1.08911c-.05298-.34741-.61523-.40991-.74316-.08472l-.40454,1.02429-1.08911.16382c-.17285.02576-.30762.16516-.32739.33923-.01978.17395.07935.33911.24268.40405Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type MagicWandIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const MagicWandIcon = createIcon(MagicWandIconSvg);
+export default MagicWandIcon;

package/src/icon/s2wf-icons/MarketIcon.tsx

@@ -0,0 +1,36 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function MarketIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="M16.39062,9.81348c-.84277,0-1.60254-.36426-2.12988-.94336-.52734.5791-1.28711.94336-2.13086.94336-.84277,0-1.60254-.36426-2.12988-.94336-.52734.5791-1.28711.94336-2.12988.94336s-1.60254-.36426-2.12988-.94336c-.52734.5791-1.28711.94336-2.12988.94336-1.16992,0-2.22559-.68359-2.62695-1.70117-.56543-1.43066.07715-2.65332.10547-2.70508l1.44824-2.97363c.33301-.85059,1.19043-1.43359,2.16016-1.43359h10.60547c.97168,0,1.8291.58398,2.18457,1.4873l1.41016,2.94727c.26562.46387.57031,1.50781.12207,2.67383-.39258,1.01953-1.44922,1.70508-2.62891,1.70508ZM15.01074,6.93359c0,.76074.61914,1.37988,1.37988,1.37988.55469,0,1.06055-.30566,1.22852-.74414.30469-.79297-.02148-1.38574-.02441-1.3916-.01367-.02148-.02637-.04395-.03711-.06738l-1.44531-3.02539c-.14941-.37402-.45898-.58496-.80957-.58496H4.69727c-.35059,0-.66016.21094-.78906.53711l-1.48535,3.05371c-.02344.04688-.34766.70312-.04492,1.4707.17773.4502.67285.75195,1.23242.75195.76074,0,1.37988-.61914,1.37988-1.37988,0-.41406.33594-.75.75-.75s.75.33594.75.75c0,.76074.61914,1.37988,1.37988,1.37988s1.37988-.61914,1.37988-1.37988c0-.41406.33594-.75.75-.75s.75.33594.75.75c0,.76074.61914,1.37988,1.37988,1.37988.76172,0,1.38086-.61914,1.38086-1.37988,0-.41406.33594-.75.75-.75s.75.33594.75.75Z"
+        fill="var(--iconPrimary, #292929)"
+        stroke-width="0"
+      />
+      <path
+        d="M16.75,10.75c-.41406,0-.75.33594-.75.75v1.5h-6.47852c-.00537,0-.00977.00293-.01538.00317l.00269-1.5022c.00098-.41406-.33496-.75-.74902-.75098h-.00098c-.41406,0-.74902.33496-.75.74902l-.00879,5c0,.00037.00024.00061.00024.00098h-3.25024c-.41309,0-.75-.33691-.75-.75v-4.25c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v4.25c0,1.24023,1.00977,2.25,2.25,2.25h10.5c1.24023,0,2.25-1.00977,2.25-2.25v-4.25c0-.41406-.33594-.75-.75-.75ZM15.25,16.5h-5.75l.00342-2.00366c.00635.00024.01172.00366.01807.00366h6.47852v1.25c0,.41309-.33691.75-.75.75Z"
+        fill="var(--iconPrimary, #292929)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type MarketIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const MarketIcon = createIcon(MarketIconSvg);
+export default MarketIcon;

package/src/icon/s2wf-icons/MaskDisableIcon.tsx

@@ -0,0 +1,92 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function MaskDisableIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <g>
+        <path
+          d="m10.6748,13.93994c.01263-.00195.02625-.00122.03888-.00342"
+          fill="var(--iconPrimary, #222)"
+          opacity=".2"
+        />
+        <path
+          d="m13.92761,10.76123c.00134-.00684.00073-.0144.00201-.02124"
+          fill="var(--iconPrimary, #222)"
+          opacity=".2"
+        />
+        <path
+          d="m9.23816,6.0752c-.00916.00171-.0191.00098-.02826.00293"
+          fill="var(--iconPrimary, #222)"
+          opacity=".2"
+        />
+      </g>
+      <path
+        d="m18.25,19.02148c-.19189,0-.38379-.07324-.53027-.21973L1.21973,2.30176c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l16.5,16.5c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33838.21973-.53027.21973Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m18.25,14.76758c-.41406,0-.75-.33594-.75-.75V5.25c0-.41309-.33643-.75-.75-.75H7.90186c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h8.84814c1.24072,0,2.25,1.00977,2.25,2.25v8.76758c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m11.92041,17H3.25c-1.24072,0-2.25-1.00977-2.25-2.25V6.08594c0-.41406.33594-.75.75-.75s.75.33594.75.75v8.66406c0,.41309.33643.75.75.75h8.67041c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m13.99365,10.53418c-.396,0-.72705-.31055-.74854-.70996-.08838-1.67285-1.41699-2.99316-3.09033-3.07031-.41357-.01855-.73389-.37012-.71436-.7832.01904-.41406.37305-.73145.78369-.71484,2.44678.11328,4.38916,2.04297,4.51904,4.48828.02197.41406-.2959.7666-.70947.78906-.01318.00098-.02686.00098-.04004.00098Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <g>
+        <path
+          d="m17.5,14.01758V5.25c0-.41309-.33643-.75-.75-.75H7.90186c-.1842,0-.34711-.07397-.47772-.18433l2.18445,2.15088c-.10883-.13696-.17706-.30762-.16815-.49585.01904-.41406.37305-.73145.78369-.71484,2.44678.11328,4.38916,2.04297,4.51904,4.48828.02197.41406-.2959.7666-.70947.78906-.01318.00098-.02686.00098-.04004.00098-.15039,0-.28412-.05542-.40234-.13281l4.04706,4.02588c-.08026-.11963-.13837-.25488-.13837-.40967Z"
+          fill="var(--iconPrimary, #222)"
+          opacity=".2"
+        />
+        <path
+          d="m7.20764,4.02612c.00616.05127.02557.10156.06842.1438l.06281.06177c-.0531-.06201-.10052-.12842-.13123-.20557Z"
+          fill="var(--iconPrimary, #222)"
+          opacity=".2"
+        />
+      </g>
+      <path
+        d="m9.68408,14.7373c-.01953,0-.03955-.00098-.05908-.00195-2.3208-.18164-4.19629-2.06934-4.36279-4.3916-.02979-.41309.28125-.77246.69434-.80176.42529-.00684.77246.28125.80176.69434.11377,1.58887,1.39648,2.87988,2.98291,3.00293.41309.03223.72168.39355.68945.80664-.03027.39258-.35889.69141-.74658.69141Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <g>
+        <path
+          d="m2.5,6.08594v8.66406c0,.41309.33643.75.75.75h8.67041c.18207,0,.34277.073.47272.18091l-2.11377-2.13452c.10345.14014.16589.31226.15131.49951-.03027.39258-.35889.69141-.74658.69141-.01953,0-.03955-.00098-.05908-.00195-2.3208-.18164-4.19629-2.06934-4.36279-4.3916-.02979-.41309.28125-.77246.69434-.80176.21277-.00342.40594.06689.54956.18994.00043-.00195.00305-.00171.00342-.00391L2.28387,5.56104c.13306.13525.21613.32031.21613.5249Z"
+          fill="var(--iconPrimary, #222)"
+          opacity=".2"
+        />
+        <path
+          d="m12.5567,15.87695l.02942-.00122-.09467-.09546c.02478.03003.04535.06299.06525.09668Z"
+          fill="var(--iconPrimary, #222)"
+          opacity=".2"
+        />
+        <path
+          d="m2.27454,5.55176l-.04114-.04053-.02051-.00098c.01935.01562.04395.02417.06165.0415Z"
+          fill="var(--iconPrimary, #222)"
+          opacity=".2"
+        />
+      </g>
+    </svg>
+  );
+}
+
+export type MaskDisableIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const MaskDisableIcon = createIcon(MaskDisableIconSvg);
+export default MaskDisableIcon;

package/src/icon/s2wf-icons/MaskIcon.tsx

@@ -0,0 +1,39 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function MaskIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m16.75,17H3.25c-1.24072,0-2.25-1.00977-2.25-2.25V5.25c0-1.24023,1.00928-2.25,2.25-2.25h13.5c1.24072,0,2.25,1.00977,2.25,2.25v9.5c0,1.24023-1.00928,2.25-2.25,2.25ZM3.25,4.5c-.41357,0-.75.33691-.75.75v9.5c0,.41309.33643.75.75.75h13.5c.41357,0,.75-.33691.75-.75V5.25c0-.41309-.33643-.75-.75-.75H3.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m10,14.75c-2.61914,0-4.75-2.13086-4.75-4.75s2.13086-4.75,4.75-4.75,4.75,2.13086,4.75,4.75-2.13086,4.75-4.75,4.75Zm0-8c-1.79199,0-3.25,1.45801-3.25,3.25s1.45801,3.25,3.25,3.25,3.25-1.45801,3.25-3.25-1.45801-3.25-3.25-3.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m16.75,4.5H3.25c-.41357,0-.75.33691-.75.75v9.5c0,.41309.33643.75.75.75h13.5c.41357,0,.75-.33691.75-.75V5.25c0-.41309-.33643-.75-.75-.75Zm-6.75,10.25c-2.61914,0-4.75-2.13086-4.75-4.75s2.13086-4.75,4.75-4.75,4.75,2.13086,4.75,4.75-2.13086,4.75-4.75,4.75Z"
+        fill="var(--iconPrimary, #222)"
+        opacity=".2"
+      />
+    </svg>
+  );
+}
+
+export type MaskIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const MaskIcon = createIcon(MaskIconSvg);
+export default MaskIcon;

package/src/icon/s2wf-icons/MaximizeIcon.tsx

@@ -0,0 +1,34 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function MaximizeIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m9.03027,10.96973c-.29297-.29297-.76758-.29297-1.06055,0l-4.46973,4.46973v-2.43213c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v4.24268c0,.41406.33594.75.75.75h4.24268c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-2.43213l4.46973-4.46973c.29297-.29297.29297-.76758,0-1.06055Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m18,2.75v4.24268c0,.41406-.33594.75-.75.75s-.75-.33594-.75-.75v-2.43213l-4.46973,4.46973c-.14648.14648-.33838.21973-.53027.21973s-.38379-.07324-.53027-.21973c-.29297-.29297-.29297-.76758,0-1.06055l4.46973-4.46973h-2.43213c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h4.24268c.41406,0,.75.33594.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type MaximizeIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const MaximizeIcon = createIcon(MaximizeIconSvg);
+export default MaximizeIcon;

package/src/icon/s2wf-icons/MediaOfflineIcon.tsx

@@ -0,0 +1,38 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function MediaOfflineIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m18.58301,15.07324c-.11621,0-.23438-.02734-.3457-.08496-.36719-.19141-.50977-.64355-.31836-1.01172.21191-.40723.31934-.84766.31934-1.30859,0-1.49805-1.17773-2.7334-2.68164-2.81348-.25488-.01367-.48438-.15527-.61133-.37695-.12598-.22168-.13184-.49219-.01367-.71875.25879-.49805.39062-1.0127.39062-1.53027,0-1.84473-1.5-3.34473-3.34375-3.34473-.9834,0-1.90918.43359-2.54102,1.18848-.26562.31836-.73828.35938-1.05664.09375-.31738-.26562-.35938-.73828-.09375-1.05664.91797-1.09668,2.2627-1.72559,3.69141-1.72559,2.6709,0,4.84375,2.17285,4.84375,4.84473,0,.43848-.0625.87305-.18652,1.29883,1.80176.53027,3.10254,2.19043,3.10254,4.14062,0,.69531-.16895,1.38672-.48926,2.00195-.13379.25684-.39453.40332-.66602.40332Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m11.94922,17H3.71777c-1.90332,0-3.45215-1.54785-3.45215-3.45117,0-1.49219.9668-2.78027,2.32422-3.25-.04297-.23145-.06445-.46582-.06445-.70312,0-.69141.18555-1.37305.53613-1.96973.20898-.3584.66797-.47852,1.02637-.2666.35742.20996.47656.66895.2666,1.02637-.21484.36621-.3291.78516-.3291,1.20996,0,.33203.06934.65625.20605.96387.09961.22363.08301.4834-.04395.69238-.12695.20996-.34863.34473-.59375.36035-1.02539.06641-1.82812.91699-1.82812,1.93652,0,1.07617.87598,1.95117,1.95215,1.95117h8.23145c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m18.25,19.02148c-.19238,0-.38379-.07324-.53027-.21973L1.21973,2.30176c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l16.5,16.5c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33789.21973-.53027.21973Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type MediaOfflineIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const MediaOfflineIcon = createIcon(MediaOfflineIconSvg);
+export default MediaOfflineIcon;

package/src/icon/s2wf-icons/MentionIcon.tsx

@@ -0,0 +1,30 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function MentionIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m10.71484,18.98081c-4.9624,0-9-4.0376-9-9C1.71484,5.02378,5.7417.9896,10.69482.97886c.00244-.00049.00488-.00049.00879,0,.01221.00049.02295-.00049.03369.00049,2.50977.02832,4.6333.90918,5.9834,2.48096,1.2998,1.51416,1.80371,3.5874,1.45654,5.99561-.62891,4.3667-4.55713,5.48486-8.02588,5.06836-1.36133-.19629-3.83154-1.49463-3.56543-5.01904.12451-1.65137.74121-2.8877,1.83252-3.67383,1.98877-1.43213,4.79395-.74854,4.91113-.71826.35254.08887.59082.41748.56494.78027l-.49609,6.97852c1.48633-.38428,2.96631-1.35254,3.29443-3.62988.2832-1.96729-.10059-3.62842-1.11035-4.80469-1.06836-1.24414-2.80273-1.93945-4.88428-1.9585-4.12793.00928-7.4834,3.37012-7.4834,7.5,0,4.13672,3.36426,7.50195,7.5,7.50195.41406,0,.75.33594.75.75s-.33594.75-.75.75Zm.88086-12.55811c-.729,0-1.61426.12891-2.30518.62939-.7124.51562-1.11914,1.37891-1.2085,2.56592-.22217,2.93701,2.01465,3.37939,2.27051,3.41992.34082.04102.89062.08447,1.52637.0542l.47119-6.62549c-.21436-.02441-.47266-.04395-.75439-.04395Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type MentionIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const MentionIcon = createIcon(MentionIconSvg);
+export default MentionIcon;

package/src/icon/s2wf-icons/MenuHamburgerIcon.tsx

@@ -0,0 +1,38 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function MenuHamburgerIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m16.25,14H3.75c-.41406,0-.75.33594-.75.75s.33594.75.75.75h12.5c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m3.75,5.5h12.5c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75H3.75c-.41406,0-.75.33594-.75.75s.33594.75.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m16.25,9H3.75c-.41406,0-.75.33594-.75.75s.33594.75.75.75h12.5c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type MenuHamburgerIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const MenuHamburgerIcon = createIcon(MenuHamburgerIconSvg);
+export default MenuHamburgerIcon;

package/src/icon/s2wf-icons/MicrophoneIcon.tsx

@@ -0,0 +1,36 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function MicrophoneIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m10,12.75c-2.20557,0-4-1.79395-4-4v-3.75c0-2.20605,1.79443-4,4-4s4,1.79395,4,4v3.75c0,2.20605-1.79443,4-4,4Zm0-10.25c-1.37842,0-2.5,1.12109-2.5,2.5v3.75c0,1.37891,1.12158,2.5,2.5,2.5s2.5-1.12109,2.5-2.5v-3.75c0-1.37891-1.12158-2.5-2.5-2.5Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="m16.25,7.31641c-.41406,0-.75.33594-.75.75v.68359c0,3.03223-2.46729,5.5-5.5,5.5s-5.5-2.46777-5.5-5.5v-.68359c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v.68359c0,3.60596,2.7417,6.58276,6.25,6.9585v1.7915h-3.25c-.41406,0-.75.33594-.75.75s.33594.75.75.75h8c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-3.25v-1.7915c3.5083-.37573,6.25-3.35254,6.25-6.9585v-.68359c0-.41406-.33594-.75-.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type MicrophoneIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const MicrophoneIcon = createIcon(MicrophoneIconSvg);
+export default MicrophoneIcon;

package/src/icon/s2wf-icons/MicrophoneOffIcon.tsx

@@ -0,0 +1,50 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function MicrophoneOffIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m13.25,9.5c-.41406,0-.75-.33594-.75-.75v-3.75c0-1.37891-1.12158-2.5-2.5-2.5-.80615,0-1.56787.39746-2.03809,1.06152-.23926.33984-.70654.41797-1.04541.17969-.33789-.23926-.41846-.70703-.1792-1.04492.75098-1.0625,1.9707-1.69629,3.2627-1.69629,2.20557,0,4,1.79395,4,4v3.75c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <g>
+        <path
+          d="m15.64307,12.17285c-.10791,0-.21729-.02344-.3208-.07227-.37451-.17773-.53369-.625-.35645-.99902.35449-.74707.53418-1.53906.53418-2.35156v-.68359c0-.41406.33594-.75.75-.75s.75.33594.75.75v.68359c0,1.03711-.22852,2.04395-.67871,2.99414-.12842.27051-.39746.42871-.67822.42871Z"
+          fill="var(--iconPrimary, #222)"
+          stroke-width="0"
+        />
+        <g>
+          <path
+            d="m14,17.5h-3.26562v-1.66797c0-.04395-.01776-.08203-.02502-.12378.02271-.00244.04633-.00171.06897-.00415.41162-.0459.70801-.41602.6626-.82812-.0459-.41309-.41406-.71777-.82861-.66211-.20117.02246-.40479.03613-.6123.03613-3.03271,0-5.5-2.46777-5.5-5.5v-.68359c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v.68359c0,3.60913,2.74646,6.58838,6.25909,6.95972-.00708.04126-.02472.07886-.02472.12231v1.66797h-3.23438c-.41406,0-.75.33594-.75.75s.33594.75.75.75h8c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z"
+            fill="var(--iconPrimary, #222)"
+            stroke-width="0"
+          />
+          <path
+            d="m18.78027,17.74121L2.28027,1.24121c-.29297-.29297-.76758-.29297-1.06055,0s-.29297.76758,0,1.06055l16.5,16.5c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055Z"
+            fill="var(--iconPrimary, #222)"
+            stroke-width="0"
+          />
+        </g>
+      </g>
+    </svg>
+  );
+}
+
+export type MicrophoneOffIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const MicrophoneOffIcon = createIcon(MicrophoneOffIconSvg);
+export default MicrophoneOffIcon;

package/src/icon/s2wf-icons/MinimizeIcon.tsx

@@ -0,0 +1,34 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function MinimizeIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m9,11.75v4.24268c0,.41406-.33594.75-.75.75s-.75-.33594-.75-.75v-2.43213l-4.46973,4.46973c-.14648.14648-.33838.21973-.53027.21973s-.38379-.07324-.53027-.21973c-.29297-.29297-.29297-.76758,0-1.06055l4.46973-4.46973h-2.43213c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h4.24268c.41406,0,.75.33594.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m18.03027,1.96973c-.29297-.29297-.76758-.29297-1.06055,0l-4.46973,4.46973v-2.43213c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v4.24268c0,.41406.33594.75.75.75h4.24268c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-2.43213l4.46973-4.46973c.29297-.29297.29297-.76758,0-1.06055Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type MinimizeIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const MinimizeIcon = createIcon(MinimizeIconSvg);
+export default MinimizeIcon;

package/src/icon/s2wf-icons/MoreIcon.tsx

@@ -0,0 +1,35 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function MoreIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <circle cx="10" cy="10.02114" r="1.5" fill="var(--iconPrimary, #222)" />
+      <path
+        d="m10,8.5c-.82843,0-1.5.67157-1.5,1.5s.67157,1.5,1.5,1.5,1.5-.67157,1.5-1.5-.67157-1.5-1.5-1.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <circle cx="4" cy="10.02114" r="1.5" fill="var(--iconPrimary, #222)" />
+      <circle cx="4" cy="10" r="1.5" fill="var(--iconPrimary, #222)" />
+      <circle cx="16" cy="10.02114" r="1.5" fill="var(--iconPrimary, #222)" />
+      <circle cx="16" cy="10" r="1.5" fill="var(--iconPrimary, #222)" />
+    </svg>
+  );
+}
+
+export type MoreIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const MoreIcon = createIcon(MoreIconSvg);
+export default MoreIcon;