@proyecto-viviana/ui 0.5.0 → 0.6.1

package/src/icon/s2wf-icons/HeartIcon.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 HeartIconSvg(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,18c-.48877,0-.97754-.16016-1.38574-.48047h0c-1.58594-1.24414-5.20264-4.51172-6.37451-6.42871-.93262-1.52539-1.25293-3.41309-.85693-5.04883.33984-1.4043,1.16211-2.53711,2.37842-3.27832,1.37402-.83887,3.02295-.99707,4.30176-.41309.66016.30176,1.36328.82715,1.92871,1.4209.57812-.62988,1.27295-1.13965,1.96729-1.42969,1.31152-.55176,2.95264-.3877,4.28027.42188,1.21582.74121,2.03809,1.87402,2.37793,3.27832.396,1.63574.07568,3.52344-.85693,5.04883-1.16943,1.91309-4.78711,5.18262-6.37451,6.42871-.40771.32031-.89697.48047-1.38574.48047ZM6.38721,3.49902c-.60645,0-1.25537.18555-1.84521.5459-.86914.5293-1.45703,1.3418-1.70117,2.34961-.30469,1.25781-.05078,2.7207.67822,3.91309.95312,1.55859,4.14941,4.56348,6.021,6.03223h.00049c.27051.21289.64844.21289.91895,0,1.87354-1.4707,5.07031-4.47656,6.021-6.03223.72949-1.19238.9834-2.65527.67871-3.91309-.24414-1.00781-.83203-1.82031-1.70068-2.34961-.92578-.56445-2.04492-.68652-2.91992-.32031-.68213.28613-1.43311.9375-1.91406,1.66016-.27832.41797-.9707.41797-1.24902,0-.43506-.65332-1.24902-1.35547-1.93555-1.66895-.31836-.14551-.67725-.2168-1.05273-.2168Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type HeartIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const HeartIcon = createIcon(HeartIconSvg);
+export default HeartIcon;

package/src/icon/s2wf-icons/HelpCircleIcon.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 HelpCircleIconSvg(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.9881,15.52679c-.23065.00813-.45538-.07387-.62661-.22862-.33033-.36505-.33033-.92102,0-1.28607.16935-.15851.39483-.24308.62664-.23504.23635-.00948.46589.08035.63302.24775.16207.1679.24916.39432.24137.62755.01238.23497-.06959.46515-.2277.6394-.17358.16474-.40786.24988-.64671.23503Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m10,18.75c-4.8252,0-8.75-3.9248-8.75-8.75S5.1748,1.25,10,1.25s8.75,3.9248,8.75,8.75-3.9248,8.75-8.75,8.75Zm0-16c-3.99805,0-7.25,3.25195-7.25,7.25s3.25195,7.25,7.25,7.25,7.25-3.25195,7.25-7.25-3.25195-7.25-7.25-7.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m9.99219,12.70605c-.41406,0-.75-.33594-.75-.75,0-1.02246.07031-1.71387,1.03906-2.68262.78516-.78613.91797-1.10156.91797-1.65137,0-.20996-.06641-1.25781-1.37402-1.25781-1.36523,0-1.51074,1.15625-1.52637,1.3877-.02637.41309-.39258.7207-.79688.69922-.41406-.02734-.72656-.38379-.69922-.79688.06348-.96484.77637-2.79004,3.02246-2.79004,1.88672,0,2.87402,1.3877,2.87402,2.75781,0,1.14355-.45703,1.81055-1.35742,2.71191-.57617.57617-.59961.81152-.59961,1.62207,0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type HelpCircleIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const HelpCircleIcon = createIcon(HelpCircleIconSvg);
+export default HelpCircleIcon;

package/src/icon/s2wf-icons/HistoryIcon.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 HistoryIconSvg(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.21973,12.65674c-.12891,0-.25977-.0332-.37891-.10352l-3.2207-1.89502c-.22949-.13477-.37012-.38086-.37012-.64648v-5c0-.41406.33594-.75.75-.75s.75.33594.75.75v4.57129l2.85059,1.67725c.35742.20996.47656.66992.2666,1.02686-.13965.2373-.39062.36963-.64746.36963Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M10,1.25c-2.78918,0-5.39026,1.36719-7.02332,3.56567l-.24426-1.48462c-.06738-.40918-.46289-.68359-.8623-.61816-.4082.06738-.68555.45361-.61816.8623l.55371,3.36279c.06055.36719.37891.62793.73926.62793.04004,0,.08105-.00293.12207-.00977l3.36621-.55127c.40918-.06689.68555-.45264.61914-.86133-.06738-.4082-.44727-.68359-.86133-.61914l-1.68457.27588c1.34741-1.87939,3.54175-3.05029,5.89355-3.05029,3.99805,0,7.25,3.25244,7.25,7.25s-3.25195,7.25-7.25,7.25c-2.98047,0-5.62305-1.78662-6.73145-4.55225-.1543-.38477-.59082-.57178-.97559-.41699-.38477.1543-.57129.59082-.41699.97559,1.33887,3.3374,4.52734,5.49365,8.12402,5.49365,4.8252,0,8.75-3.92529,8.75-8.75S14.8252,1.25,10,1.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type HistoryIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const HistoryIcon = createIcon(HistoryIconSvg);
+export default HistoryIcon;

package/src/icon/s2wf-icons/HomeIcon.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 HomeIconSvg(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.13086,5.73438L11.38086,1.26172c-.8125-.63086-1.94922-.63184-2.76172.00098L2.86914,5.73438h-.00098c-.54395.42285-.86816,1.08691-.86816,1.77637v8.23926c0,1.24023,1.00977,2.25,2.25,2.25h11.5c1.24023,0,2.25-1.00977,2.25-2.25V7.51074c0-.68945-.32422-1.35352-.86914-1.77637Zm-5.63086,10.76562h-3v-4.75c0-.41309.33691-.75.75-.75h1.5c.41309,0,.75.33691.75.75v4.75Zm5-.75c0,.41309-.33691.75-.75.75h-2.75v-4.75c0-1.24023-1.00977-2.25-2.25-2.25h-1.5c-1.24023,0-2.25,1.00977-2.25,2.25v4.75h-2.75c-.41309,0-.75-.33691-.75-.75V7.51074c0-.22949.1084-.45117.28906-.59277l5.75-4.4707c.27246-.21191.65137-.20898.92188-.00098l5.74902,4.47168c.18164.1416.29004.36328.29004.59277v8.23926Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type HomeIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const HomeIcon = createIcon(HomeIconSvg);
+export default HomeIcon;

package/src/icon/s2wf-icons/Icon3DAssetIcon.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 Icon3DAssetIconSvg(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.77148,5.08203l-2.78906-1.60938c-.52832-.30664-1.18945-.3125-1.72168-.01758l-3.26074,1.79785-3.2627-1.79785c-.53418-.29297-1.19336-.28809-1.71973.01758l-2.79004,1.60938c-.75684.43848-1.22754,1.25391-1.22754,2.12793v4.55566c0,.875.4707,1.69043,1.22852,2.12695l6.54297,3.77832c.37891.21875.80371.32812,1.22852.32812s.84961-.10938,1.22852-.32812l6.54297-3.77832c.75781-.43652,1.22852-1.25195,1.22852-2.12695v-4.55566c0-.87402-.4707-1.68945-1.22852-2.12793Zm-12.00391-.31055c.03809-.02246.08203-.0332.125-.0332.04102,0,.08301.01074.12012.03125l3.625,1.99707c.22656.12305.49805.12305.72461,0l3.62305-1.99805c0-.00098.00098-.00098.00098-.00098.07617-.04199.16797-.04102.24414.00293l2.56055,1.47791-6.79028,3.74573-6.79541-3.74414,2.56226-1.47852Zm-2.78906,7.82227c-.29492-.16992-.47852-.4873-.47852-.82812v-4.19055l6.75,3.71887v4.92139l-6.27148-3.62158Zm14.04297,0l-6.27148,3.62158v-4.92236l6.75-3.72339v4.19604c0,.34082-.18359.6582-.47852.82812Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type Icon3DAssetIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const Icon3DAssetIcon = createIcon(Icon3DAssetIconSvg);
+export default Icon3DAssetIcon;

package/src/icon/s2wf-icons/Icon3DIcon.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 Icon3DIconSvg(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.87598,4.84082h-.00098l-5.74902-3.31934c-.69629-.40234-1.55859-.40137-2.25098,0l-5.75098,3.31934c-.69336.40137-1.12402,1.14844-1.12402,1.94922v6.63965c0,.80176.43164,1.54785,1.125,1.94824l5.74902,3.32031c.34766.20117.7373.30078,1.12598.30078.38965,0,.77832-.09961,1.125-.30078l5.75-3.32031c.69336-.40039,1.125-1.14648,1.125-1.94824v-6.63965c0-.80078-.43066-1.54785-1.12402-1.94922Zm-7.25-2.02051c.11523-.06738.24414-.10059.37402-.10059.12891,0,.25879.0332.375.10059l5.28516,3.05151-5.65942,3.12231-5.66431-3.12085,5.28955-3.05298ZM3.875,14.0791c-.23145-.13379-.375-.38281-.375-.64941v-6.30371l5.75,3.16797v6.88892l-5.375-3.10376Zm12.25,0l-5.375,3.10327v-6.8894l5.75-3.17236v6.30908c0,.2666-.14355.51562-.375.64941Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type Icon3DIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const Icon3DIcon = createIcon(Icon3DIconSvg);
+export default Icon3DIcon;

package/src/icon/s2wf-icons/Icon3DMaterialIcon.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 Icon3DMaterialIconSvg(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,18.75c-4.82471,0-8.75-3.9248-8.75-8.75S5.17529,1.25,10,1.25s8.75,3.9248,8.75,8.75-3.92529,8.75-8.75,8.75ZM10,2.75c-3.99756,0-7.25,3.25195-7.25,7.25s3.25244,7.25,7.25,7.25,7.25-3.25195,7.25-7.25-3.25244-7.25-7.25-7.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M6.86084,10.40527c-.49854,0-.93896-.16504-1.25488-.48242-.43604-.43555-.58545-1.10645-.40967-1.8418.15234-.6377.53467-1.28711,1.07666-1.8291,1.21631-1.21484,2.82764-1.50781,3.6709-.66699v.00098c.84229.84277.54932,2.45508-.66699,3.6709-.54199.54199-1.19141.92383-1.82812,1.07617-.20215.04883-.39941.07227-.58789.07227ZM8.69287,6.35449c-.39062,0-.98389.22949-1.53613.78223-.37549.375-.64697.8252-.74512,1.23535-.07129.29785-.04199.54688.07812.66699.11963.12109.36963.15234.66797.07812.40967-.09766.85986-.36914,1.23535-.74512.78418-.7832.91895-1.65039.66699-1.90234-.07471-.0752-.20312-.11523-.36719-.11523Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type Icon3DMaterialIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const Icon3DMaterialIcon = createIcon(Icon3DMaterialIconSvg);
+export default Icon3DMaterialIcon;

package/src/icon/s2wf-icons/ImageAddIcon.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 ImageAddIconSvg(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}
+    >
+      <path
+        d="M14.5,7.52114c0,.82843-.67157,1.5-1.5,1.5s-1.5-.67157-1.5-1.5.67157-1.5,1.5-1.5,1.5.67157,1.5,1.5h0Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M15,10.5c-2.48529,0-4.5,2.01471-4.5,4.5s2.01471,4.5,4.5,4.5,4.5-2.01471,4.5-4.5-2.01471-4.5-4.5-4.5ZM17.5,15.625h-1.875v1.875c0,.34473-.28027.625-.625.625s-.625-.28027-.625-.625v-1.875h-1.875c-.34473,0-.625-.28027-.625-.625s.28027-.625.625-.625h1.875v-1.875c0-.34473.28027-.625.625-.625s.625.28027.625.625v1.875h1.875c.34473,0,.625.28027.625.625s-.28027.625-.625.625Z"
+        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.25h5.08984c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75H3.25c-.41309,0-.75-.33691-.75-.75v-1.16895l2.96973-2.96875c.29297-.29297.76758-.29297,1.06055,0l1.91504,1.91504c.29297.29297.76758.29297,1.06055,0s.29297-.76758,0-1.06055l-1.91504-1.91504c-.87695-.87695-2.30469-.87695-3.18164,0l-1.90918,1.90869v-6.21045c0-.41309.33691-.75.75-.75h13.5c.41309,0,.75.33691.75.75v3.84668c0,.41406.33594.75.75.75s.75-.33594.75-.75v-3.84668c0-1.24023-1.00977-2.25-2.25-2.25h0Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ImageAddIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ImageAddIcon = createIcon(ImageAddIconSvg);
+export default ImageAddIcon;

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

@@ -0,0 +1,47 @@
+/*
+ * 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 ImageBackgroundRemoveIconSvg(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="2" y="4" width="4" height="4" fill="var(--iconPrimary, #222)" opacity=".35" />
+      <polygon
+        points="10 12 9.30741 12 6 9 6 8 10 8 10 12"
+        fill="var(--iconPrimary, #222)"
+        opacity=".35"
+      />
+      <rect x="10" y="4" width="4" height="4" fill="var(--iconPrimary, #222)" opacity=".35" />
+      <rect x="14" y="8" width="4" height="4" fill="var(--iconPrimary, #222)" opacity=".35" />
+      <polygon
+        points="14 12.28454 10 13.45999 10 12 14 12 14 12.28454"
+        fill="var(--iconPrimary, #222)"
+        opacity=".35"
+      />
+      <path
+        d="m14.5,7.52114c0,.82843-.67157,1.5-1.5,1.5-.82843,0-1.5-.67157-1.5-1.5,0-.82843.67157-1.5,1.5-1.5s1.5.67157,1.5,1.5h0"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m16.75,3H3.25c-1.24072,0-2.25,1.00977-2.25,2.25v9.5c0,1.24023,1.00928,2.25,2.25,2.25h13.5c1.24072,0,2.25-1.00977,2.25-2.25V5.25c0-1.24023-1.00928-2.25-2.25-2.25Zm-13.5,1.5h13.5c.41357,0,.75.33691.75.75v8.21069l-1.90869-1.90894c-.84961-.84961-2.3335-.84961-3.18213,0l-1.23193,1.23145c-.09717.09766-.25684.09668-.354.00098l-3.23193-3.23242c-.84961-.84961-2.3335-.84961-3.18213,0l-1.90918,1.90918v-6.21094c0-.41309.33643-.75.75-.75Zm0,11c-.41357,0-.75-.33691-.75-.75v-1.16797l2.97021-2.96973c.28223-.2832.77686-.2832,1.06006,0l3.23291,3.2334c.68164.67969,1.7915.68262,2.47412-.00098l1.23291-1.23242c.28223-.2832.77686-.2832,1.06006,0l2.70074,2.70068c-.1311.11206-.29553.18701-.48102.18701H3.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ImageBackgroundRemoveIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ImageBackgroundRemoveIcon = createIcon(ImageBackgroundRemoveIconSvg);
+export default ImageBackgroundRemoveIcon;

package/src/icon/s2wf-icons/ImageIcon.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 ImageIconSvg(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.5,7.52114c0,.82843-.67157,1.5-1.5,1.5-.82843,0-1.5-.67157-1.5-1.5,0-.82843.67157-1.5,1.5-1.5s1.5.67157,1.5,1.5h0"
+        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.25Zm-13.5,1.5h13.5c.41309,0,.75.33691.75.75v8.21094l-1.90918-1.90918c-.87695-.87695-2.30469-.87695-3.18164,0l-1.23145,1.23145c-.09961.09766-.25684.09668-.35449.00098l-3.23242-3.23242c-.84961-.84961-2.33203-.84961-3.18164,0l-1.90918,1.90918v-6.21094c0-.41309.33691-.75.75-.75Zm0,11c-.41309,0-.75-.33691-.75-.75v-1.16797l2.96973-2.96973c.29297-.29297.76758-.29297,1.06055,0l3.2334,3.2334c.68164.67969,1.79199.68066,2.47363-.00098l1.23242-1.23242c.29297-.29297.76758-.29297,1.06055,0l2.70068,2.70068c-.1311.11206-.29565.18701-.48096.18701H3.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ImageIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ImageIcon = createIcon(ImageIconSvg);
+export default ImageIcon;

package/src/icon/s2wf-icons/ImagesIcon.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 ImagesIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      data-name="outline / production"
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="M17.02246,5.99998H5.97754c-1.09082,0-1.97754.84814-1.97754,1.89014v7.21973c0,1.04199.88672,1.89014,1.97754,1.89014h11.04492c1.09082,0,1.97754-.84814,1.97754-1.89014v-7.21973c0-1.04199-.88672-1.89014-1.97754-1.89014ZM5.97754,7.49998h11.04492c.25879,0,.47754.17871.47754.39014v5.73413l-1.33301-1.34595c-.75684-.76318-2.07617-.7627-2.83105.00049l-1.02441,1.03516-.11035-.00049-2.68945-2.71533c-.75488-.76367-2.0752-.76172-2.83008,0l-1.18164,1.1936v-3.90161c0-.21143.21875-.39014.47754-.39014ZM5.97754,15.49998c-.25879,0-.47754-.17871-.47754-.39014v-1.1853l2.24707-2.27075c.18848-.18848.51074-.18994.69922,0l2.68945,2.71533c.59668.604,1.64258.60645,2.24219-.00049l1.02441-1.03467c.1875-.18848.51074-.18945.69824,0l2.11121,2.13159c-.05859.02148-.12219.03442-.18933.03442H5.97754Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M1.75,13.99998c-.41406,0-.75-.33594-.75-.75V4.89012c0-1.04199.86621-1.89014,1.93164-1.89014h11.81836c.41406,0,.75.33594.75.75s-.33594.75-.75.75H2.93164c-.23828,0-.43164.1748-.43164.39014v8.35986c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <circle cx="14.29" cy="9.74998" r="1.1" fill="var(--iconPrimary, #222)" />
+    </svg>
+  );
+}
+
+export type ImagesIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ImagesIcon = createIcon(ImagesIconSvg);
+export default ImagesIcon;

package/src/icon/s2wf-icons/ImportIcon.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 ImportIconSvg(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="M8.3252,12.46973c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973l3-3c.29297-.29297.29297-.76758,0-1.06055l-3-3c-.29297-.29297-.76758-.29297-1.06055,0s-.29297.76758,0,1.06055l1.71973,1.71973H.89453c-.41406,0-.75.33594-.75.75s.33594.75.75.75h9.15039l-1.71973,1.71973Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M14.75,2.02148H6.25c-1.24023,0-2.25,1.00977-2.25,2.25v1.96777c0,.41406.33594.75.75.75s.75-.33594.75-.75v-1.96777c0-.41309.33691-.75.75-.75h8.5c.41309,0,.75.33691.75.75v11.5c0,.41309-.33691.75-.75.75H6.45312c-.41309,0-.75-.33691-.75-.75v-2.04395c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v2.04395c0,1.24023,1.00977,2.25,2.25,2.25h8.29688c1.24023,0,2.25-1.00977,2.25-2.25V4.27148c0-1.24023-1.00977-2.25-2.25-2.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ImportIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ImportIcon = createIcon(ImportIconSvg);
+export default ImportIcon;

package/src/icon/s2wf-icons/InfoCircleIcon.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 InfoCircleIconSvg(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,18.75c-4.8252,0-8.75-3.9248-8.75-8.75S5.1748,1.25,10,1.25s8.75,3.9248,8.75,8.75-3.9248,8.75-8.75,8.75Zm0-16c-3.99805,0-7.25,3.25195-7.25,7.25s3.25195,7.25,7.25,7.25,7.25-3.25195,7.25-7.25-3.25195-7.25-7.25-7.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m10.00064,5.26036c.23065-.00813.45538.07387.62661.22862.33033.36505.33033.92102,0,1.28607-.16935.15851-.39483.24308-.62664.23504-.23635.00948-.46589-.08035-.63302-.24775-.16207-.1679-.24916-.39432-.24137-.62755-.01238-.23497.06959-.46515.2277-.6394.17358-.16474.40786-.24988.64671-.23503Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m10,15.0625c-.41406,0-.75-.33594-.75-.75v-4.83496c0-.41406.33594-.75.75-.75s.75.33594.75.75v4.83496c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type InfoCircleIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const InfoCircleIcon = createIcon(InfoCircleIconSvg);
+export default InfoCircleIcon;

package/src/icon/s2wf-icons/InteractionIcon.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 InteractionIconSvg(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.19141,11.32617c-.09473,0-.19141-.01758-.28467-.05664-2.26562-.93066-3.65381-3.19824-3.45508-5.6416C1.70264,2.5459,4.40771.24121,7.49512.49512c3.08105.25098,5.38379,2.96191,5.13281,6.04297-.0332.41309-.3877.72461-.80859.68652-.4126-.0332-.72021-.39551-.68652-.80762.18408-2.25781-1.50293-4.24316-3.75977-4.42773-2.25-.1748-4.24219,1.50391-4.42627,3.75977-.14551,1.79004.87109,3.45117,2.53027,4.13379.3833.15723.56592.5957.40869.97852-.11914.29004-.39893.46484-.69434.46484Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m13.58545,18.79102c-1.71143,0-3.36816-.67871-4.69873-1.22266l-.34912-.14258c-.57861-.23438-1.05322-.41602-1.44434-.56641-1.29932-.49707-1.89209-.72461-2.26953-1.42773-.48096-.89844-.10498-2.11523.80518-2.60352.69629-.37402,1.25732-.2666,3.21582.31348l-2.52734-4.70703c-.16455-.30566-.36914-.6875-.42725-1.14453-.09326-.73047.26465-1.4209.93359-1.80078.68115-.38672,1.50146-.33789,2.09131.12305.36572.28711.56982.66406.73389.96777l1.35596,2.51758c1.26709-.67871,3-1.11914,4.46484-.70312,1.11523.31738,1.95215,1.08496,2.4209,2.2207.55859,1.35449,2.2583,5.47461-1.71289,7.55566-.85449.44824-1.73047.62012-2.59229.62012Zm-7.07324-4.67285c-.07617,0-.13379.00977-.17383.03125-.18848.10156-.2876.39648-.19238.57324.10791.20117.44238.33789,1.48389.73633.39844.15234.88135.33789,1.4707.57617l.35449.14453c1.82373.74707,4.09277,1.67676,6.02637.66309s2.23975-2.70508,1.02246-5.65527c-.29541-.71582-.76807-1.15723-1.44482-1.34961-1.23291-.35547-2.89404.19922-3.89795.9248-.17529.12598-.39746.17285-.60693.12207-.21045-.04785-.39014-.18457-.49219-.375l-1.7334-3.21777c-.10742-.19922-.21924-.40527-.33936-.5-.13184-.10156-.31152-.0625-.4248.00195-.07861.04395-.20703.14355-.18604.30664.02295.18262.14355.40723.26025.625l3.38086,6.2959c.14355.2666.1123.59277-.0791.82812-.19092.23535-.50586.33301-.79492.24512l-1.0127-.30176c-1.45459-.43555-2.25586-.6748-2.62061-.6748Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type InteractionIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const InteractionIcon = createIcon(InteractionIconSvg);
+export default InteractionIcon;

package/src/icon/s2wf-icons/InvertIcon.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 InvertIconSvg(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,9.25h-3.27478l.92224-.98828c.2832-.30273.2666-.77734-.03613-1.06055-.30176-.28125-.77734-.26562-1.05957.03711l-2.09961,2.25c-.26953.28809-.26953.73535,0,1.02344l2.09961,2.25c.14746.1582.34766.23828.54785.23828.18359,0,.36719-.06641.51172-.20117.30273-.2832.31934-.75781.03613-1.06055l-.92224-.98828h3.27478v-1.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m15.75,2H4.25c-1.24023,0-2.25,1.00977-2.25,2.25v11.5c0,1.24023,1.00977,2.25,2.25,2.25h11.5c1.24023,0,2.25-1.00977,2.25-2.25V4.25c0-1.24023-1.00977-2.25-2.25-2.25ZM3.5,15.75V4.25c0-.41309.33691-.75.75-.75h5.75v5.75h3.27478l-.92224-.98828c-.2832-.30273-.2666-.77734.03613-1.06055.30176-.28125.77637-.26562,1.05957.03711l2.09961,2.25c.26953.28809.26953.73535,0,1.02344l-2.09961,2.25c-.14746.1582-.34766.23828-.54785.23828-.18359,0-.36719-.06641-.51172-.20117-.30273-.2832-.31934-.75781-.03613-1.06055l.92224-.98828h-3.27478v5.75h-5.75c-.41309,0-.75-.33691-.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type InvertIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const InvertIcon = createIcon(InvertIconSvg);
+export default InvertIcon;

package/src/icon/s2wf-icons/InviteIcon.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 InviteIconSvg(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,10.5c-2.48529,0-4.5,2.01465-4.5,4.5s2.01471,4.5,4.5,4.5,4.5-2.01465,4.5-4.5-2.01471-4.5-4.5-4.5Zm2.5,5.125h-1.875v1.875c0,.34521-.27979.625-.625.625s-.625-.27979-.625-.625v-1.875h-1.875c-.34521,0-.625-.27979-.625-.625s.27979-.625.625-.625h1.875v-1.875c0-.34521.27979-.625.625-.625s.625.27979.625.625v1.875h1.875c.34521,0,.625.27979.625.625s-.27979.625-.625.625Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m10.05811,11.42188c-.65283.01172-1.3042-.17188-1.85938-.52441-.5293-.33887-.96143-.81152-1.25049-1.36621-.30566-.58203-.4624-1.24023-.45215-1.90039-.02441-1.27344.60986-2.47266,1.69727-3.18262,1.09863-.69824,2.5083-.69727,3.59912-.00488.52783.3418.95996.81055,1.25488,1.3584.30615.56543.46436,1.20605.45654,1.84961.01074.64062-.14551,1.30078-.45215,1.88867-.29053.55664-.72266,1.03125-1.25,1.37109-.52637.33496-1.12646.51074-1.74365.51074Zm-.04785-1.50098h.00928c.34766-.00488.68115-.08691.97266-.27246.30518-.19727.55908-.47559.72949-.80176.19141-.36719.28906-.7793.28223-1.19141.00488-.41113-.09082-.79785-.27686-1.14062-.17627-.3291-.43359-.60742-.74414-.80859-.59668-.37891-1.37451-.37793-1.97705.00293-.64404.4209-1.02441,1.14062-1.00977,1.91895-.00635.43652.09082.8457.28125,1.20801.16943.3252.4209.60059.72852.79688.29541.18848.63867.28809.9917.28809h.0127Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m10,1.27148C5.17529,1.27148,1.25,5.19629,1.25,10.02148c0,4.34082,3.23682,8.06543,7.5293,8.66504.03516.00488.06982.00684.10449.00684.36816,0,.68945-.27148.7417-.64648.05762-.41016-.22852-.78906-.63916-.84668-1.43335-.19995-2.71997-.82617-3.75073-1.73193.78394-.68213,1.91571-1.20288,3.23022-1.43701.40771-.07227.67969-.46191.60693-.86914-.07227-.40918-.45996-.67969-.86963-.60742-1.58936.28271-3.00714.92798-4.00055,1.80078-.91241-1.21875-1.45258-2.72412-1.45258-4.33398,0-3.99805,3.25244-7.25,7.25-7.25,3.60303,0,6.69043,2.68652,7.18164,6.24902.05664.41016.43799.69238.8457.64062.41016-.05664.69727-.43555.64062-.8457-.59375-4.30078-4.31982-7.54395-8.66797-7.54395Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type InviteIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const InviteIcon = createIcon(InviteIconSvg);
+export default InviteIcon;

package/src/icon/s2wf-icons/KeyIcon.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 KeyIconSvg(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="M2.07324,12.66797c1.10938-1.32324,3.2428-1.46875,5.01636-.44189L15.65625,1.43164c.25781-.32422.73047-.37695,1.05371-.12207.3252.25781.37891.72949.12207,1.05371l-.56079.70654,2.21118,1.85596c.1543.12891.25.31543.26562.5166.01562.2002-.05078.39941-.18262.55078l-2.10742,2.41504c-.14844.16992-.35645.25684-.56543.25684-.1709,0-.3418-.05762-.48242-.17578l-2.06458-1.73291-.62207.78394,2.04504,1.71558c.31738.26562.3584.73926.0918,1.05664-.14844.17676-.36035.26758-.57422.26758-.1709,0-.3418-.05762-.48242-.17578l-2.01294-1.68872-3.52551,4.44214c.70203.73657,1.15637,1.62744,1.2533,2.5415.0918.87305-.14746,1.69922-.6748,2.32812-.62598.74512-1.5791,1.11914-2.60938,1.11914-1.01172,0-2.09766-.36035-3.02051-1.08203-1.0332-.80762-1.69434-1.92773-1.81445-3.07129-.09082-.87207.14844-1.69824.67383-2.3252ZM15.81152,6.86719l1.12109-1.28418-1.59412-1.33789-1.06018,1.33582,1.5332,1.28625ZM2.8916,14.83691c.07617.73047.54297,1.49512,1.24609,2.0459,1.21484.94727,2.84375,1.03125,3.55664.18066.33691-.40234.36621-.87793.33203-1.20703-.07715-.73047-.54297-1.49414-1.24707-2.04492-.65137-.50977-1.42188-.76953-2.10645-.76953-.59082,0-1.11914.19434-1.4502.58887-.33594.40137-.36523.87793-.33105,1.20605Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type KeyIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const KeyIcon = createIcon(KeyIconSvg);
+export default KeyIcon;