@proyecto-viviana/ui 0.5.0 → 0.6.0

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

@@ -0,0 +1,104 @@
+/*
+ * 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 SocialNetworkIconSvg(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.95544,8.12915c.02747-.22266-.0592-.44727-.24548-.58276l-7.34277-5.3335c-.02917-.02124-.0625-.03223-.09412-.04785-.02063-.01062-.03931-.02271-.06116-.03101-.05188-.0188-.10522-.02759-.15942-.0321-.02148-.00232-.04028-.01257-.06226-.01257h-.00098c-.04663,0-.08789.01697-.13159.02686-.01868.00439-.0376.00513-.05591.01123-.05713.01843-.10693.04602-.15552.0791-.00415.00293-.00928.00378-.01343.00684l-.04541.03296c-.01318.01147-.02979.01807-.04199.03052L2.29102,7.54883c-.02417.01746-.04041.04126-.06128.0614-.0199.01904-.04016.03577-.05737.0575-.04614.05786-.08398.12109-.10693.19031-.00049.00134-.00146.00208-.00195.0033-.00049.00171,0,.0033-.00049.00488-.02197.0697-.02832.14294-.02502.21704.00122.02588.0072.04956.0116.07495.00513.02979.00439.05981.01392.08936l2.80566,8.63086c.00977.03003.02832.05457.04224.08228.01099.02197.01953.04382.0332.0647.04175.06348.09082.12073.15137.16479l.00073.00073c.00879.00635.01904.00842.02808.01428.04565.02966.09326.05676.14563.07385.06287.02051.12781.03101.1925.03101.00012,0,.00024-.00012.00037-.00012s.00037.00012.00061.00012l9.0752-.00098c.02905,0,.05566-.00952.08386-.01343.02783-.00378.05457-.00549.08191-.01318.14587-.04041.27026-.13135.35352-.25818.01379-.02112.02246-.04333.03357-.06567.01379-.02747.0321-.05188.04187-.08167l2.80371-8.63184c.00977-.03027.00916-.06104.01416-.0918.00098-.0083.00317-.01587.00378-.02417Zm-3.63171,7.19519l-3.30957-4.55432,5.34717-1.71863-2.0376,6.27295ZM3.63135,9.02734l5.3584,1.74023-3.31067,4.55762-2.04773-6.29785Zm6.9856-5.08801l5.38782,3.91321-5.37976,1.72949-.00806-5.6427Zm-1.24219,5.63928l-5.35706-1.73999,5.34924-3.88745.00781,5.62744Zm.62622,1.92383l3.31128,4.55676-6.62183.00073,3.31055-4.5575Z"
+        fill="var(--iconPrimary, #222)"
+        opacity=".6"
+        stroke-width="0"
+      />
+      <circle
+        cx="9.9972"
+        cy="2.60374"
+        r="1.49968"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <circle
+        cx="5.41642"
+        cy="16.74518"
+        r="1.49968"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <circle cx="10" cy="10.34887" r="1.49968" fill="var(--iconPrimary, #222)" stroke-width="0" />
+      <circle
+        cx="14.55749"
+        cy="16.71049"
+        r="1.49968"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <circle
+        cx="17.40009"
+        cy="8.08823"
+        r="1.49968"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <circle
+        cx="2.59991"
+        cy="8.08069"
+        r="1.49968"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <circle
+        cx="9.9972"
+        cy="2.60374"
+        r="1.49968"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <circle
+        cx="5.41642"
+        cy="16.74518"
+        r="1.49968"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <circle cx="10" cy="10.34887" r="1.49968" fill="var(--iconPrimary, #222)" stroke-width="0" />
+      <circle
+        cx="14.55749"
+        cy="16.71049"
+        r="1.49968"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <circle
+        cx="17.40009"
+        cy="8.08823"
+        r="1.49968"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <circle
+        cx="2.59991"
+        cy="8.08069"
+        r="1.49968"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type SocialNetworkIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const SocialNetworkIcon = createIcon(SocialNetworkIconSvg);
+export default SocialNetworkIcon;

package/src/icon/s2wf-icons/SortDownIcon.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 SortDownIconSvg(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.28027,13.21973c-.29297-.29297-.76758-.29297-1.06055,0l-1.21973,1.21973V3.75c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v10.68945l-1.21973-1.21973c-.29297-.29297-.76758-.29297-1.06055,0s-.29297.76758,0,1.06055l2.5,2.5c.06909.06909.15186.12354.24341.16162s.18896.05811.28687.05811.19531-.02002.28687-.05811.17432-.09253.24341-.16162l2.5-2.5c.29297-.29297.29297-.76758,0-1.06055Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m7.25,14.5H2.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h4.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m9.25,10.5H2.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h6.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m11.25,6.5H2.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h8.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type SortDownIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const SortDownIcon = createIcon(SortDownIconSvg);
+export default SortDownIcon;

package/src/icon/s2wf-icons/SortIcon.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 SortIconSvg(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.25,15.5H2.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h6.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="m13.25,10.5H2.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h10.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="m17.25,5.5H2.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h14.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type SortIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const SortIcon = createIcon(SortIconSvg);
+export default SortIcon;

package/src/icon/s2wf-icons/SortUpIcon.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 SortUpIconSvg(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.28027,5.71973l-2.5-2.5c-.06909-.06909-.15198-.12378-.24365-.16187-.18335-.07593-.38989-.07593-.57324,0-.09155.03809-.17456.09277-.24365.16187l-2.5,2.5c-.29297.29297-.29297.76758,0,1.06055s.76758.29297,1.06055,0l1.21973-1.21973v10.68945c0,.41406.33594.75.75.75s.75-.33594.75-.75V5.56055l1.21973,1.21973c.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m7.25,6.5H2.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h4.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m9.25,10.5H2.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h6.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m11.25,14.5H2.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h8.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type SortUpIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const SortUpIcon = createIcon(SortUpIconSvg);
+export default SortUpIcon;

package/src/icon/s2wf-icons/SpeedFastIcon.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 SpeedFastIconSvg(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.20316,5.29927c-.24425-.24425-.62229-.27212-.87299-.06002-1.38972,1.17572-6.84646,5.98684-7.16766,6.30804-.46196.47765-.42965,1.25957.07216,1.74647.49058.476,1.25108.49536,1.71804.04374.32046-.3212,5.13355-5.77564,6.31026-7.16497.21232-.25068.18454-.62891-.05981-.87325h0Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M16.48779,15.25c-.12793,0-.25732-.03223-.37549-.10156-.3584-.20703-.48047-.66602-.27295-1.02441.5957-1.02832.91064-2.19434.91064-3.37402,0-.36035-.03467-.7373-.10645-1.1543-.06982-.4082.2041-.7959.6123-.86621.4126-.06543.79639.2041.86621.6123.08594.50195.12793.96191.12793,1.4082,0,1.44336-.38477,2.87012-1.11279,4.12598-.13916.24023-.39111.37402-.64941.37402Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M3.51221,15.25c-.25879,0-.51025-.13379-.64941-.37402-.72803-1.25586-1.11279-2.68262-1.11279-4.12598C1.75,6.20117,5.45117,2.5,10,2.5c1.5127,0,2.99902.4209,4.29932,1.21777.35303.2168.46387.67871.24756,1.03125-.21631.35352-.67773.46387-1.03174.24805-1.06396-.65234-2.2793-.99707-3.51514-.99707-3.72217,0-6.75,3.02832-6.75,6.75,0,1.17969.31494,2.3457.91064,3.37402.20752.3584.08545.81738-.27295,1.02441-.11816.06934-.24756.10156-.37549.10156Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type SpeedFastIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const SpeedFastIcon = createIcon(SpeedFastIconSvg);
+export default SpeedFastIcon;

package/src/icon/s2wf-icons/StampCloneIcon.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 StampCloneIconSvg(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,18H4c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h12c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m17.25,15H2.75c-.41406,0-.75-.33594-.75-.75v-2c0-1.24023,1.00977-2.25,2.25-2.25h3.19922l.50098-2.3623c-1.04883-.68555-1.7002-1.86035-1.7002-3.1377,0-2.06738,1.68262-3.75,3.75-3.75s3.75,1.68262,3.75,3.75c0,1.27734-.65137,2.45215-1.7002,3.1377l.50098,2.3623h3.19922c1.24023,0,2.25,1.00977,2.25,2.25v2c0,.41406-.33594.75-.75.75Zm-13.75-1.5h13v-1.25c0-.41309-.33691-.75-.75-.75h-3.80664c-.35449,0-.66016-.24805-.7334-.59473l-.74316-3.50293c-.07422-.34766.10645-.69922.43262-.8418.82031-.36035,1.35059-1.16895,1.35059-2.06055,0-1.24023-1.00977-2.25-2.25-2.25s-2.25,1.00977-2.25,2.25c0,.8916.53027,1.7002,1.35059,2.06055.32617.14258.50684.49414.43262.8418l-.74316,3.50293c-.07324.34668-.37891.59473-.7334.59473h-3.80664c-.41309,0-.75.33691-.75.75v1.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type StampCloneIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const StampCloneIcon = createIcon(StampCloneIconSvg);
+export default StampCloneIcon;

package/src/icon/s2wf-icons/StarFilledIcon.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 StarFilledIconSvg(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.49541,2.41401l1.20352,3.18317c.21146.55928.73487.93956,1.33211.96784l3.39952.16098c1.49264.07068,2.10363,1.95114.9376,2.88567l-2.6558,2.12853c-.46708.37435-.66689.99056-.50834,1.56776l.8957,3.26096c.3964,1.44316-1.20676,2.60738-2.45643,1.78386l-2.81918-1.85781c-.49979-.32936-1.14755-.33006-1.64806-.00178l-2.86668,1.88025c-1.24918.81934-2.84794-.34282-2.45403-1.78386l.89758-3.2836c.15766-.57675-.04227-1.19206-.50883-1.56599l-2.65557-2.12834c-1.16603-.93453-.55503-2.81498.9376-2.88567l3.39945-.16098c.59724-.02828,1.12065-.40856,1.33211-.96782l1.20357-3.1832c.52848-1.39773,2.50569-1.39772,3.03416.00001Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type StarFilledIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const StarFilledIcon = createIcon(StarFilledIconSvg);
+export default StarFilledIcon;

package/src/icon/s2wf-icons/StarIcon.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 StarIconSvg(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="M5.50586,18.63037c-.35938.00049-.71875-.1123-1.02734-.33691-.59375-.43164-.85352-1.16797-.66016-1.87646l.97754-3.57715c.0791-.28906-.02051-.5957-.25391-.78271l-2.89258-2.31934c-.57324-.45947-.79688-1.20801-.57031-1.90674.22754-.69824.84766-1.17188,1.58203-1.20654l3.70312-.17529c.29883-.01416.55957-.2041.66504-.4834l1.3125-3.46875c.25977-.6875.90234-1.13135,1.63672-1.13135s1.37695.44385,1.63672,1.13086v.00049l1.31055,3.46826c.10645.2793.36816.46973.66602.48389l3.7041.17529c.7334.03467,1.35449.5083,1.58203,1.20703.22656.69873.00293,1.44727-.57031,1.90625l-2.89355,2.31934c-.23242.18652-.33301.49414-.25391.78271l.97656,3.57422c.19336.70996-.06641,1.44775-.66211,1.87891-.59766.43359-1.37891.44727-1.99316.0415l-3.07129-2.03662c-.25098-.16553-.5752-.16602-.82617-.00146l-3.11719,2.04443c-.29492.19336-.62793.28955-.96094.28955ZM9.97852,2.86572c-.0791,0-.18359.02832-.23438.16211l-1.31152,3.46777c-.31641.83936-1.10059,1.40918-1.99805,1.45166l-3.70312.17529c-.14258.00684-.20117.09766-.22559.17236-.02441.0752-.03027.18311.08105.27295l2.89258,2.31885c.70117.56055,1.00098,1.48291.76367,2.34912l-.97754,3.57617c-.03809.13721.03027.22168.09473.26807.0625.04492.16211.08545.28418.00684l3.11719-2.04492c.75293-.49316,1.72559-.4917,2.47656.00537l3.07129,2.03662c.12109.0791.22168.04004.28516-.00635.06445-.04639.13281-.13037.09473-.26807l-.97656-3.57471c-.23633-.86572.06348-1.78711.76367-2.34814l2.89355-2.31934c.11133-.08887.10547-.19727.08105-.27197-.02441-.0752-.08301-.16602-.22559-.17285l-3.7041-.17529c-.89551-.04248-1.67969-.61182-1.99805-1.45117l-1.31055-3.46826c-.05078-.13379-.15527-.16211-.23438-.16211Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type StarIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const StarIcon = createIcon(StarIconSvg);
+export default StarIcon;

package/src/icon/s2wf-icons/StepBackwardIcon.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 StepBackwardIconSvg(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.74902,15.95508c-.39404,0-.78711-.10645-1.14453-.31738l-6.25439-3.70117c-.69189-.40918-1.10449-1.13281-1.10449-1.93652s.4126-1.52734,1.10449-1.93652l6.25439-3.70117c.70508-.41602,1.55029-.42188,2.26025-.01758.71094.40625,1.13525,1.13574,1.13525,1.9541v7.40234c0,.81836-.42432,1.54785-1.13525,1.9541-.3501.19922-.7334.2998-1.11572.2998Zm-.00391-10.4082c-.11328,0-.24219.02734-.37695.10645l-6.25439,3.70117c-.33252.19629-.36816.5166-.36816.64551s.03564.44922.36816.64551l6.25439,3.70117c.3374.2002.63965.07031.75342.00586.11377-.06543.37842-.25879.37842-.65137v-7.40234c0-.39258-.26465-.58594-.37842-.65137-.06836-.03906-.20508-.10059-.37646-.10059Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m16.75,16h-.5c-1.24072,0-2.25-1.00977-2.25-2.25v-7.5c0-1.24023,1.00928-2.25,2.25-2.25h.5c1.24072,0,2.25,1.00977,2.25,2.25v7.5c0,1.24023-1.00928,2.25-2.25,2.25Zm-.5-10.5c-.41357,0-.75.33691-.75.75v7.5c0,.41309.33643.75.75.75h.5c.41357,0,.75-.33691.75-.75v-7.5c0-.41309-.33643-.75-.75-.75h-.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type StepBackwardIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const StepBackwardIcon = createIcon(StepBackwardIconSvg);
+export default StepBackwardIcon;

package/src/icon/s2wf-icons/StepForwardIcon.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 StepForwardIconSvg(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.25098,15.95508c-.38281,0-.76562-.10059-1.11572-.2998-.71094-.40625-1.13525-1.13574-1.13525-1.9541v-7.40234c0-.81836.42432-1.54785,1.13525-1.9541.71143-.40332,1.55615-.39746,2.26025.01758l6.25439,3.70117c.69189.40918,1.10449,1.13281,1.10449,1.93652s-.4126,1.52734-1.10449,1.93652l-6.25439,3.70117c-.35742.21094-.75098.31738-1.14453.31738Zm.00391-10.40918c-.17139,0-.30811.0625-.37646.10156-.11377.06543-.37842.25879-.37842.65137v7.40234c0,.39258.26465.58594.37842.65137.11377.06445.41406.19141.75342-.00586l6.25439-3.70117c.33252-.19629.36816-.5166.36816-.64551s-.03564-.44922-.36816-.64551l-6.25439-3.70117c-.13477-.08008-.26367-.10742-.37695-.10742Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m3.75,16h-.5c-1.24072,0-2.25-1.00977-2.25-2.25v-7.5c0-1.24023,1.00928-2.25,2.25-2.25h.5c1.24072,0,2.25,1.00977,2.25,2.25v7.5c0,1.24023-1.00928,2.25-2.25,2.25Zm-.5-10.5c-.41357,0-.75.33691-.75.75v7.5c0,.41309.33643.75.75.75h.5c.41357,0,.75-.33691.75-.75v-7.5c0-.41309-.33643-.75-.75-.75h-.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type StepForwardIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const StepForwardIcon = createIcon(StepForwardIconSvg);
+export default StepForwardIcon;

package/src/icon/s2wf-icons/StickyNoteIcon.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 StickyNoteIconSvg(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,2H4.25c-1.24072,0-2.25,1.00977-2.25,2.25v11.5c0,1.24023,1.00928,2.25,2.25,2.25h7.87891c.59229,0,1.17188-.24023,1.59082-.65918l3.62109-3.62109c.41895-.41895.65918-.99902.65918-1.59082v-7.87891c0-1.24023-1.00928-2.25-2.25-2.25ZM3.5,15.75V4.25c0-.41309.33643-.75.75-.75h11.5c.41357,0,.75.33691.75.75v6.75h-3.25c-1.24072,0-2.25,1.00977-2.25,2.25v3.25h-6.75c-.41357,0-.75-.33691-.75-.75Zm9.15918.53027c-.04565.04565-.10382.07385-.15918.10596v-3.13623c0-.41309.33643-.75.75-.75h3.13629c-.03217.05542-.06036.11353-.10602.15918l-3.62109,3.62109Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type StickyNoteIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const StickyNoteIcon = createIcon(StickyNoteIconSvg);
+export default StickyNoteIcon;

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

@@ -0,0 +1,37 @@
+/*
+ * 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 StopProcessingIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      id="f"
+      data-name="ICONS"
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <rect
+        x="4"
+        y="4"
+        width="12"
+        height="12"
+        rx="2.25"
+        ry="2.25"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type StopProcessingIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const StopProcessingIcon = createIcon(StopProcessingIconSvg);
+export default StopProcessingIcon;

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

@@ -0,0 +1,52 @@
+/*
+ * 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 StrokeDottedIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      id="e"
+      data-name="ICONS"
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="M18.08719,10.875c-.48323,0-.875-.39176-.875-.875s.39177-.875.875-.875.875.39175.875.875-.39177.875-.875.875Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M14.84475,10.875c-.48323,0-.875-.39176-.875-.875s.39177-.875.875-.875.875.39175.875.875-.39177.875-.875.875Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M11.60231,10.875c-.48324,0-.875-.39176-.875-.875s.39176-.875.875-.875.875.39175.875.875-.39176.875-.875.875Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M8.35987,10.875c-.48324,0-.875-.39176-.875-.875s.39176-.875.875-.875.875.39175.875.875-.39176.875-.875.875Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M1.875,10.875c-.48324,0-.875-.39176-.875-.875s.39176-.875.875-.875.875.39175.875.875-.39176.875-.875.875Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M5.11744,10.875c-.48324,0-.875-.39176-.875-.875s.39176-.875.875-.875.875.39175.875.875-.39176.875-.875.875Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type StrokeDottedIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const StrokeDottedIcon = createIcon(StrokeDottedIconSvg);
+export default StrokeDottedIcon;

package/src/icon/s2wf-icons/StrokeSolidIcon.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 StrokeSolidIconSvg(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,10.75H2c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h16c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type StrokeSolidIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const StrokeSolidIcon = createIcon(StrokeSolidIconSvg);
+export default StrokeSolidIcon;

package/src/icon/s2wf-icons/StrokeWidthIcon.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 StrokeWidthIconSvg(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.75,14.75c0-.96631-.78369-1.75-1.75-1.75H3c-.96631,0-1.75.78369-1.75,1.75s.78369,1.75,1.75,1.75h14c.96631,0,1.75-.78369,1.75-1.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m18,5.5H2c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h16c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m18.75,9.25c0-.69043-.55957-1.25-1.25-1.25H2.5c-.69043,0-1.25.55957-1.25,1.25s.55957,1.25,1.25,1.25h15c.69043,0,1.25-.55957,1.25-1.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type StrokeWidthIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const StrokeWidthIcon = createIcon(StrokeWidthIconSvg);
+export default StrokeWidthIcon;

package/src/icon/s2wf-icons/SwitchIcon.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 SwitchIconSvg(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.53027,13.46973l-3-3c-.29297-.29297-.76758-.29297-1.06055,0s-.29297.76758,0,1.06055l1.71973,1.71973H4c-.41406,0-.75.33594-.75.75s.33594.75.75.75h12.18945l-1.71973,1.71973c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973l3-3c.29297-.29297.29297-.76758,0-1.06055Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m16,5.25H3.81055l1.71973-1.71973c.29297-.29297.29297-.76758,0-1.06055s-.76758-.29297-1.06055,0l-3,3c-.29297.29297-.29297.76758,0,1.06055l3,3c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055l-1.71973-1.71973h12.18945c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type SwitchIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const SwitchIcon = createIcon(SwitchIconSvg);
+export default SwitchIcon;