@proyecto-viviana/ui 0.4.1 → 0.6.0

package/src/icon/s2wf-icons/ViewListIcon.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 ViewListIconSvg(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="m17.25,4.49811H7.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h9.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m17.25,10.49811H7.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h9.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m17.25,16.49811H7.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h9.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m4.75,4.49811h-2c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h2c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m4.75,10.49811h-2c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h2c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m4.75,16.49811h-2c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h2c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ViewListIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ViewListIcon = createIcon(ViewListIconSvg);
+export default ViewListIcon;

package/src/icon/s2wf-icons/ViewTransparencyIcon.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 ViewTransparencyIconSvg(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.75,18H4.25c-1.24072,0-2.25-1.00977-2.25-2.25V4.25c0-1.24023,1.00928-2.25,2.25-2.25h11.5c1.24072,0,2.25,1.00977,2.25,2.25v11.5c0,1.24023-1.00928,2.25-2.25,2.25ZM4.25,3.5c-.41357,0-.75.33691-.75.75v11.5c0,.41309.33643.75.75.75h11.5c.41357,0,.75-.33691.75-.75V4.25c0-.41309-.33643-.75-.75-.75H4.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <rect x="4" y="4" width="3" height="3" fill="var(--iconPrimary, #222)" opacity=".5" />
+      <rect x="10" y="4" width="3" height="3" fill="var(--iconPrimary, #222)" opacity=".5" />
+      <rect x="7" y="7" width="3" height="3" fill="var(--iconPrimary, #222)" opacity=".5" />
+      <rect x="13" y="7" width="3" height="3" fill="var(--iconPrimary, #222)" opacity=".5" />
+      <rect x="4" y="10" width="3" height="3" fill="var(--iconPrimary, #222)" opacity=".5" />
+      <rect x="10" y="10" width="3" height="3" fill="var(--iconPrimary, #222)" opacity=".5" />
+      <rect x="7" y="13" width="3" height="3" fill="var(--iconPrimary, #222)" opacity=".5" />
+      <rect x="13" y="13" width="3" height="3" fill="var(--iconPrimary, #222)" opacity=".5" />
+    </svg>
+  );
+}
+
+export type ViewTransparencyIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ViewTransparencyIcon = createIcon(ViewTransparencyIconSvg);
+export default ViewTransparencyIcon;

package/src/icon/s2wf-icons/VisibilityIcon.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 VisibilityIconSvg(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.03418,16.66162C5.14258,16.66162.75,12.27295.75,10.20068c0-1.68506,2.59814-4.55029,5.34717-5.89746,1.20117-.60596,2.54736-.93506,3.89307-.95264,5.15771,0,9.25977,4.91943,9.25977,6.8501,0,2.07227-4.36035,6.46094-9.21582,6.46094Zm-.03418-11.81104c-1.11084.01465-2.23145.28906-3.23096.79346-.00244.00146-.00537.00293-.0083.00439-2.60596,1.27539-4.51074,3.75-4.51074,4.55225,0,1.14453,3.67969,4.96094,7.78418,4.96094,4.06836,0,7.71582-3.81641,7.71582-4.96094,0-1.04883-3.48145-5.3501-7.75-5.3501Zm-3.56885.12402h.00977-.00977Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m9.82907,7.64351c.22275-.63691-.47262-1.25888-1.09987-1.01025-.47319.18757-.91275.48099-1.28245.88097-1.49146,1.6136-1.20734,4.23592.75785,5.46243,1.20025.7491,2.79762.68815,3.93958-.14712.6684-.48889,1.10383-1.13556,1.31685-1.83367.20882-.68436-.45803-1.25043-1.1188-.97598-.5365.22284-1.03207.12822-1.24493.06689-.57058-.16439-1.03427-.59003-1.24706-1.14381-.16744-.43575-.16335-.8929-.02115-1.29947Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type VisibilityIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const VisibilityIcon = createIcon(VisibilityIconSvg);
+export default VisibilityIcon;

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

@@ -0,0 +1,44 @@
+/*
+ * 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 VisibilityOffIconSvg(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.96582,16.68262C5.11035,16.68262.75,12.29395.75,10.22168c0-.91992.86426-2.35938,2.20117-3.66797.29492-.28809.76953-.28418,1.06055.01172.29004.2959.28418.77051-.01172,1.06055-1.30957,1.28125-1.75,2.31934-1.75,2.5957,0,1.14453,3.64746,4.96094,7.71582,4.96094.60449,0,1.23145-.08496,1.86328-.25195.39746-.10156.81055.13379.91699.53418.10547.40039-.13379.81055-.53418.91699-.75586.19922-1.51172.30078-2.24609.30078Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m16.60352,13.84277c-.20312,0-.40527-.08203-.55371-.24414-.2793-.30566-.25781-.78027.04785-1.05957,1.13965-1.04199,1.65234-1.98242,1.65234-2.31738,0-.80176-1.9043-3.27637-4.51074-4.55176-1.00879-.50977-2.12891-.78418-3.24902-.79785-.62012,0-1.26465.09375-1.90527.2793-.40039.10938-.81445-.11523-.92871-.5127-.11523-.39746.11426-.81348.5127-.92871.77539-.22461,1.55957-.33789,2.33105-.33789,1.35645.0166,2.7041.34668,3.90723.9541,2.74219,1.34277,5.34277,4.20996,5.34277,5.89551,0,.91895-.7998,2.19922-2.14062,3.4248-.14355.13184-.3252.19629-.50586.19629Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <g>
+        <path
+          d="m18.78027,17.74121l-5.77808-5.77808c.20337-.29639.35767-.61475.45886-.94604.20886-.68457-.45813-1.25049-1.11877-.97607-.49548.20581-.9458.14062-1.18115.08105l-1.37183-1.37183c-.09448-.36938-.07935-.74487.03979-1.08569.22266-.63672-.47266-1.25879-1.09985-1.01025-.23547.09326-.4624.21338-.67676.35913L2.28027,1.24121c-.29297-.29297-.76758-.29297-1.06055,0s-.29297.76758,0,1.06055l16.5,16.5c.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055Z"
+          fill="var(--iconPrimary, #222)"
+        />
+        <path
+          d="m8.20459,12.9978c.69531.43384,1.52295.5874,2.31909.48462l-3.98169-3.98169c-.16833,1.31567.38574,2.7002,1.6626,3.49707Z"
+          fill="var(--iconPrimary, #222)"
+        />
+      </g>
+    </svg>
+  );
+}
+
+export type VisibilityOffIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const VisibilityOffIcon = createIcon(VisibilityOffIconSvg);
+export default VisibilityOffIcon;

package/src/icon/s2wf-icons/VolumeOffIcon.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 VolumeOffIconSvg(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.78027,17.73926L2.28027,1.23926c-.29297-.29297-.76758-.29297-1.06055,0s-.29297.76758,0,1.06055l2.72168,2.72168h-.69141c-1.24023,0-2.25,1.00977-2.25,2.25v5.5c0,1.24023,1.00977,2.25,2.25,2.25h1.62891c.19824,0,.3916.08008.53027.21875l2.60352,2.60449c.33594.33594.78125.51367,1.23535.51367.22559,0,.45312-.04395.6709-.13477.65723-.27148,1.08105-.90625,1.08105-1.61719v-4.52637l6.71973,6.71973c.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055Zm-9.28027-1.13281c0,.14551-.09668.20801-.1543.23145-.05859.02441-.1709.04688-.27246-.05371l-2.60352-2.60449c-.4248-.4248-.98926-.6582-1.59082-.6582h-1.62891c-.41309,0-.75-.33691-.75-.75v-5.5c0-.41309.33691-.75.75-.75h2.19141l4.05859,4.05859v6.02637Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m8.25879,4.07324l.81445-.81445c.10449-.10254.21582-.07617.27246-.05469.07031.0293.1543.09277.1543.23145v2.59082c0,.41406.33594.75.75.75s.75-.33594.75-.75v-2.59082c0-.70996-.42383-1.34473-1.08008-1.61719-.65723-.27051-1.4043-.12207-1.90723.37988l-.81445.81445c-.29297.29297-.29297.76758,0,1.06055s.76758.29297,1.06055,0Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m13.22266,9.8252c.04004.38574.36523.67285.74512.67285.02539,0,.05176-.00098.07812-.00391.41211-.04297.71191-.41113.66895-.82324-.09961-.96289-.57324-1.79395-1.29883-2.27734-.34473-.22852-.81055-.13574-1.04004.20801-.22949.34473-.13672.81055.20801,1.04004.34766.23145.58594.67383.63867,1.18359Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m17.25,10.01758c0,.86621-.28418,1.68652-.80078,2.30957-.26367.31934-.21875.79199.09961,1.05664.14062.11523.30957.17188.47852.17188.21484,0,.42969-.09277.57812-.27148.73828-.89258,1.14453-2.05273,1.14453-3.2666,0-1.68555-.79785-3.26562-2.08301-4.12402-.34766-.22949-.81152-.13672-1.04102.20703-.22949.34473-.13672.81055.20703,1.04102.87402.58301,1.41699,1.68555,1.41699,2.87598Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type VolumeOffIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const VolumeOffIcon = createIcon(VolumeOffIconSvg);
+export default VolumeOffIcon;

package/src/icon/s2wf-icons/VolumeOneIcon.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 VolumeOneIconSvg(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.00098,12.74707c-.2417,0-.47949-.11719-.62402-.33301-.22998-.34473-.1377-.81055.20703-1.04102.41113-.27441.6665-.80176.6665-1.37598s-.25537-1.10156-.6665-1.37598c-.34473-.23047-.43701-.69629-.20703-1.04102.23047-.34375.69727-.43555,1.04004-.20703.82275.5498,1.3335,1.55566,1.3335,2.62402s-.51074,2.07422-1.3335,2.62402c-.12793.08496-.27246.12598-.41602.12598Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m9.24805,18.33691c-.45459,0-.8999-.17773-1.23535-.51367l-2.60352-2.60352c-.13965-.13965-.33301-.21973-.53027-.21973h-1.62891c-1.24072,0-2.25-1.00977-2.25-2.25v-5.5c0-1.24023,1.00928-2.25,2.25-2.25h1.62891c.19727,0,.39062-.08008.53027-.21973l2.60352-2.60352c.50244-.50293,1.25-.65234,1.90723-.37891.65625.27148,1.08008.90625,1.08008,1.61621v13.17188c0,.70996-.42383,1.34473-1.08008,1.61621-.21826.09082-.4458.13477-.67188.13477ZM3.25,6.5c-.41357,0-.75.33691-.75.75v5.5c0,.41309.33643.75.75.75h1.62891c.59229,0,1.17188.24023,1.59082.65918l2.60352,2.60352c.10205.10156.21338.07812.27246.05371.05762-.02344.1543-.08496.1543-.23047V3.41406c0-.14551-.09668-.20703-.1543-.23047-.05908-.02539-.17041-.0498-.27246.05371l-2.60352,2.60352c-.41895.41895-.99854.65918-1.59082.65918h-1.62891Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type VolumeOneIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const VolumeOneIcon = createIcon(VolumeOneIconSvg);
+export default VolumeOneIcon;

package/src/icon/s2wf-icons/VolumeTwoIcon.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 VolumeTwoIconSvg(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.00098,12.74707c-.24219,0-.48047-.11719-.625-.33398-.22949-.34473-.13672-.80957.20801-1.04004.41113-.27441.66602-.80176.66602-1.37598s-.25488-1.10156-.66602-1.37598c-.34473-.23047-.4375-.69531-.20801-1.04004s.69434-.43652,1.04004-.20801c.83496.55762,1.33398,1.53809,1.33398,2.62402s-.49902,2.06641-1.33398,2.62402c-.12793.08496-.27246.12598-.41504.12598Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m16.25098,14.24707c-.24219,0-.48047-.11719-.625-.33301-.22949-.34473-.13672-.81055.20703-1.04102.87402-.58301,1.41699-1.68555,1.41699-2.87598,0-1.19141-.54297-2.29297-1.41602-2.87598-.34473-.22949-.4375-.69531-.20801-1.04004s.69531-.4375,1.04004-.20801c1.28516.85742,2.08398,2.4375,2.08398,4.12402,0,1.68555-.79785,3.26562-2.08301,4.12402-.12793.08496-.27344.12598-.41602.12598Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m9.24805,18.33691c-.4541,0-.89941-.17773-1.23535-.51367l-2.60352-2.60352c-.13965-.13965-.33301-.21973-.53027-.21973h-1.62891c-1.24023,0-2.25-1.00977-2.25-2.25v-5.5c0-1.24023,1.00977-2.25,2.25-2.25h1.62891c.19727,0,.39062-.08008.53027-.21973l2.60352-2.60352c.50195-.50293,1.25195-.65234,1.90723-.37891.65625.27148,1.08008.90625,1.08008,1.61621v13.17188c0,.70996-.42383,1.34473-1.08008,1.61621-.21777.09082-.44629.13477-.67188.13477ZM3.25,6.5c-.41309,0-.75.33691-.75.75v5.5c0,.41309.33691.75.75.75h1.62891c.5918,0,1.17188.24023,1.59082.65918l2.60352,2.60352c.10254.10156.21484.0791.27246.05371.05762-.02344.1543-.08496.1543-.23047V3.41406c0-.14551-.09668-.20703-.1543-.23047-.05762-.02539-.16992-.04785-.27246.05371l-2.60352,2.60352c-.41895.41895-.99902.65918-1.59082.65918h-1.62891Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type VolumeTwoIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const VolumeTwoIcon = createIcon(VolumeTwoIconSvg);
+export default VolumeTwoIcon;

package/src/icon/s2wf-icons/WalletIcon.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 WalletIconSvg(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="M4.12793,6.07227c-.33203,0-.63477-.22168-.72363-.55859-.14746-.55566-.06934-1.13574.21973-1.63281.29004-.49707.75488-.85254,1.31055-.99902l6.78516-1.79688c1.15234-.30566,2.3291.38281,2.63281,1.53125l.64844,2.44824c.10645.40039-.13184.81152-.53223.91699-.39453.11035-.81055-.13086-.91699-.53223l-.64844-2.44922c-.09277-.34863-.44629-.55957-.79883-.46582l-6.78516,1.79688c-.34863.09277-.55762.45117-.46582.7998.10645.40039-.13184.81055-.5332.91602-.06348.01758-.12793.02539-.19238.02539Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M18.25,10h-.32593c-.34863-1.70947-1.86353-3-3.67407-3H3.25c-1.24023,0-2.25,1.00977-2.25,2.25v6.5c0,1.24023,1.00977,2.25,2.25,2.25h11c1.81055,0,3.32544-1.29053,3.67407-3h.32593c.41406,0,.75-.33594.75-.75v-3.5c0-.41406-.33594-.75-.75-.75ZM17.5,13.5h-3v-2h3v2ZM14.25,16.5H3.25c-.41309,0-.75-.33691-.75-.75v-6.5c0-.41309.33691-.75.75-.75h11c.97607,0,1.80103.62915,2.11182,1.5h-2.61182c-.41406,0-.75.33594-.75.75v3.5c0,.41406.33594.75.75.75h2.61182c-.31104.87085-1.13574,1.5-2.11182,1.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type WalletIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const WalletIcon = createIcon(WalletIconSvg);
+export default WalletIcon;

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

@@ -0,0 +1,31 @@
+/*
+ * 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 WebNavBarIconSvg(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="4.125" cy="6" r=".75" fill="var(--iconPrimary, #222)" />
+      <path
+        d="m16.75,3H3.25c-1.24023,0-2.25,1.00928-2.25,2.25v9.5c0,1.24072,1.00977,2.25,2.25,2.25h13.5c1.24023,0,2.25-1.00928,2.25-2.25V5.25c0-1.24072-1.00977-2.25-2.25-2.25ZM2.5,5.25c0-.41357.33691-.75.75-.75h13.5c.41309,0,.75.33643.75.75v2.25H2.5v-2.25Zm0,9.5v-5.75h3.5v6.5h-2.75c-.41309,0-.75-.33643-.75-.75Zm14.25.75H7.5v-6.5h10v5.75c0,.41357-.33691.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type WebNavBarIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const WebNavBarIcon = createIcon(WebNavBarIconSvg);
+export default WebNavBarIcon;

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

@@ -0,0 +1,31 @@
+/*
+ * 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 WebPageIconSvg(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="4.125" cy="6" r=".75" fill="var(--iconPrimary, #222)" />
+      <path
+        d="m16.75,3H3.25c-1.24023,0-2.25,1.00977-2.25,2.25v9.5c0,1.24023,1.00977,2.25,2.25,2.25h13.5c1.24023,0,2.25-1.00977,2.25-2.25V5.25c0-1.24023-1.00977-2.25-2.25-2.25ZM2.5,5.25c0-.41309.33691-.75.75-.75h13.5c.41309,0,.75.33691.75.75v2.25H2.5v-2.25Zm14.25,10.25H3.25c-.41309,0-.75-.33691-.75-.75v-5.75h15v5.75c0,.41309-.33691.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type WebPageIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const WebPageIcon = createIcon(WebPageIconSvg);
+export default WebPageIcon;

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

@@ -0,0 +1,40 @@
+/*
+ * 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 ZoomFitToHeightIconSvg(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}
+    >
+      <rect
+        x="5.75"
+        y="4.75"
+        width="8.5"
+        height="10.5"
+        rx="1.5"
+        ry="1.5"
+        fill="var(--iconPrimary, #222)"
+        opacity=".35"
+      />
+      <path
+        d="M16.75,4H3.25c-1.24023,0-2.25,1.00977-2.25,2.25v7.5c0,1.24023,1.00977,2.25,2.25,2.25h13.5c1.24023,0,2.25-1.00977,2.25-2.25v-7.5c0-1.24023-1.00977-2.25-2.25-2.25ZM2.5,13.75v-7.5c0-.41309.33691-.75.75-.75h1.88818c-.08398.23584-.13818.48584-.13818.75v7.5c0,.26416.0542.51416.13818.75h-1.88818c-.41309,0-.75-.33691-.75-.75ZM7.25,14.5c-.41309,0-.75-.33691-.75-.75v-7.5c0-.41309.33691-.75.75-.75h5.5c.41309,0,.75.33691.75.75v7.5c0,.41309-.33691.75-.75.75h-5.5ZM17.5,13.75c0,.41309-.33691.75-.75.75h-1.88818c.08398-.23584.13818-.48584.13818-.75v-7.5c0-.26416-.0542-.51416-.13818-.75h1.88818c.41309,0,.75.33691.75.75v7.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ZoomFitToHeightIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ZoomFitToHeightIcon = createIcon(ZoomFitToHeightIconSvg);
+export default ZoomFitToHeightIcon;

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

@@ -0,0 +1,40 @@
+/*
+ * 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 ZoomFitToScreenIconSvg(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}
+    >
+      <rect
+        x="1.75"
+        y="4.75"
+        width="16.5"
+        height="10.5"
+        rx="1.5"
+        ry="1.5"
+        fill="var(--iconPrimary, #222)"
+        opacity=".35"
+      />
+      <path
+        d="M16.75,16H3.25c-1.24023,0-2.25-1.00977-2.25-2.25v-7.5c0-1.24023,1.00977-2.25,2.25-2.25h13.5c1.24023,0,2.25,1.00977,2.25,2.25v7.5c0,1.24023-1.00977,2.25-2.25,2.25ZM3.25,5.5c-.41309,0-.75.33691-.75.75v7.5c0,.41309.33691.75.75.75h13.5c.41309,0,.75-.33691.75-.75v-7.5c0-.41309-.33691-.75-.75-.75H3.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ZoomFitToScreenIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ZoomFitToScreenIcon = createIcon(ZoomFitToScreenIconSvg);
+export default ZoomFitToScreenIcon;

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

@@ -0,0 +1,45 @@
+/*
+ * 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 ZoomFitToWidthIconSvg(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}
+    >
+      <rect
+        x="1.75"
+        y="4.75"
+        width="16.5"
+        height="10.5"
+        rx="1.5"
+        ry="1.5"
+        fill="var(--iconPrimary, #222)"
+        opacity=".35"
+      />
+      <path
+        d="M16.75,19.11523H3.25c-1.24023,0-2.25-1.00977-2.25-2.25V3.13477C1,1.89453,2.00977.88477,3.25.88477h13.5c1.24023,0,2.25,1.00977,2.25,2.25v13.73047c0,1.24023-1.00977,2.25-2.25,2.25ZM3.25,2.38477c-.41309,0-.75.33691-.75.75v13.73047c0,.41309.33691.75.75.75h13.5c.41309,0,.75-.33691.75-.75V3.13477c0-.41309-.33691-.75-.75-.75H3.25Z"
+        fill="var(--iconPrimary, #222)"
+        opacity=".5"
+      />
+      <path
+        d="M16.75,16H3.25c-1.24023,0-2.25-1.00977-2.25-2.25v-7.5c0-1.24023,1.00977-2.25,2.25-2.25h13.5c1.24023,0,2.25,1.00977,2.25,2.25v7.5c0,1.24023-1.00977,2.25-2.25,2.25ZM3.25,5.5c-.41309,0-.75.33691-.75.75v7.5c0,.41309.33691.75.75.75h13.5c.41309,0,.75-.33691.75-.75v-7.5c0-.41309-.33691-.75-.75-.75H3.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ZoomFitToWidthIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ZoomFitToWidthIcon = createIcon(ZoomFitToWidthIconSvg);
+export default ZoomFitToWidthIcon;

package/src/icon/s2wf-icons/ZoomInIcon.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 ZoomInIconSvg(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.7998,7.25h-2.0498v-2.0498c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v2.0498h-2.0498c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2.0498v2.0498c0,.41406.33594.75.75.75s.75-.33594.75-.75v-2.0498h2.0498c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m18.78027,17.71973l-5.33301-5.33301c-.00006,0-.00024,0-.00031-.00024.96942-1.20142,1.55304-2.72632,1.55304-4.38647,0-3.85938-3.14014-7-7-7S1,4.14062,1,8s3.14014,7,7,7c1.66022,0,3.18524-.5835,4.38654-1.55298.00006,0,.00012.00024.00018.00024l5.33301,5.33301c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055Zm-10.78027-4.21973c-3.03271,0-5.5-2.46777-5.5-5.5s2.46729-5.5,5.5-5.5,5.5,2.46777,5.5,5.5-2.46729,5.5-5.5,5.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ZoomInIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ZoomInIcon = createIcon(ZoomInIconSvg);
+export default ZoomInIcon;

package/src/icon/s2wf-icons/ZoomOutIcon.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 ZoomOutIconSvg(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.7998,8.75h-5.59961c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h5.59961c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m8,15c-3.85986,0-7-3.14062-7-7S4.14014,1,8,1s7,3.14062,7,7-3.14014,7-7,7Zm0-12.5c-3.03271,0-5.5,2.46777-5.5,5.5s2.46729,5.5,5.5,5.5,5.5-2.46777,5.5-5.5-2.46729-5.5-5.5-5.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m18.25,19c-.19189,0-.38379-.07324-.53027-.21973l-5.33301-5.33301c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l5.33301,5.33301c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33838.21973-.53027.21973Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ZoomOutIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ZoomOutIcon = createIcon(ZoomOutIconSvg);
+export default ZoomOutIcon;