@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

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

@@ -1,13 +1,16 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/OrderTop.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/OrderTop.cjs
 
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createIcon } from "../spectrum-icon";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 
 function OrderTopIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,28 +18,28 @@ function OrderTopIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elemen
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m5.49414,4.43555l-2-1.75c-.2832-.24805-.70508-.24805-.98828,0l-2,1.75c-.31152.27246-.34277.74707-.07031,1.05859.27441.31152.74707.34082,1.05859.07031l.75586-.66162v12.34717c0,.41406.33594.75.75.75s.75-.33594.75-.75V4.90283l.75586.66162c.14258.12402.31836.18555.49414.18555.20801,0,.41602-.08691.56445-.25586.27246-.31152.24121-.78613-.07031-1.05859Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m5.494 4.436-2-1.75c-.283-.248-.705-.248-.988 0l-2 1.75c-.312.272-.343.747-.07 1.058.274.312.747.341 1.058.07l.756-.661V17.25c0 .414.336.75.75.75s.75-.336.75-.75V4.903l.756.661c.142.124.318.186.494.186.208 0 .416-.087.564-.256.273-.311.242-.786-.07-1.058"
       />
       <path
-        d="m13.09375,2.53027c-.06055-.04102-.12695-.04102-.1875,0l-3.80371,2.62598c-.09277.06445-.10254.16992-.10254.21289s.00977.14844.10254.21289l3.80371,2.62598c.05859.03906.12988.04004.18848-.00098l3.80273-2.625c.09277-.06445.10254-.16992.10254-.21289s-.00977-.14844-.10254-.21289l-3.80371-2.62598Z"
-        fill="var(--iconPrimary, #222)"
-        opacity=".2"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.094 2.53c-.06-.04-.127-.04-.188 0L9.103 5.156C9.01 5.221 9 5.326 9 5.37s.01.149.103.213l3.803 2.626c.059.04.13.04.189-.001l3.802-2.625c.093-.064.103-.17.103-.213s-.01-.148-.103-.213z"
+        opacity="0.2"
       />
       <path
-        d="m17.74902,3.92188l-3.80371-2.62598c-.57422-.39648-1.31641-.39648-1.89062,0l-3.80371,2.62598c-.4707.32422-.75098.86523-.75098,1.44727s.28027,1.12305.75098,1.44727l3.80371,2.62598.00098.00098c.28711.19727.61523.2959.94434.2959s.6582-.09961.94531-.29688l3.80371-2.62598c.4707-.32422.75098-.86523.75098-1.44727s-.28027-1.12305-.75098-1.44727Zm-.85156,1.66016l-3.80273,2.625c-.05859.04102-.12988.04004-.18848.00098l-3.80371-2.62598c-.09277-.06445-.10254-.16992-.10254-.21289s.00977-.14844.10254-.21289l3.80371-2.62598c.06055-.04102.12695-.04102.1875,0l3.80371,2.62598c.09277.06445.10254.16992.10254.21289s-.00977.14844-.10254.21289Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m17.749 3.922-3.804-2.626c-.574-.397-1.316-.397-1.89 0L8.25 3.922c-.47.324-.751.865-.751 1.447s.28 1.123.751 1.447l3.804 2.626v.001c.288.198.616.296.945.296s.658-.1.945-.297l3.804-2.626c.47-.324.751-.865.751-1.447s-.28-1.123-.751-1.447m-.852 1.66-3.802 2.625c-.059.041-.13.04-.189.001L9.103 5.582C9.01 5.518 9 5.412 9 5.369s.01-.148.103-.213l3.803-2.626c.06-.04.127-.04.188 0l3.803 2.626c.093.065.103.17.103.213s-.01.149-.103.213"
       />
       <path
-        d="m13,14.35156c-.32812,0-.65625-.09766-.94336-.29395l-3.80371-2.60156c-.42676-.29199-.69727-.75879-.74219-1.28027-.0459-.53125.14355-1.04492.51855-1.41016.29883-.29004.77344-.28125,1.06055.01367.28906.29688.2832.77246-.01367,1.06055-.05176.05078-.07812.12793-.07129.20703.00391.05078.02441.12207.09473.1709l3.80469,2.60156c.05859.04102.13281.04102.19141,0l3.80371-2.60156c.07129-.04883.0918-.12012.0957-.1709.00684-.0791-.01953-.15625-.07129-.20703-.29688-.28809-.30273-.76367-.01367-1.06055.28809-.29492.7627-.30371,1.06055-.01367.375.36523.56445.87891.51855,1.41016-.04492.52148-.31543.98828-.74316,1.28027l-3.80273,2.60156c-.28711.19629-.61523.29395-.94336.29395Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13 14.352c-.328 0-.656-.098-.943-.294l-3.804-2.602c-.427-.292-.697-.759-.742-1.28-.046-.531.143-1.045.518-1.41.3-.29.774-.282 1.06.013.29.297.284.773-.013 1.06-.052.052-.078.129-.071.208.004.05.024.122.095.17l3.804 2.602c.059.041.133.041.192 0l3.803-2.601c.072-.05.092-.12.096-.171.007-.08-.02-.156-.071-.207-.297-.288-.303-.764-.014-1.06.288-.296.763-.304 1.06-.014.376.365.565.879.52 1.41-.046.521-.316.988-.744 1.28l-3.803 2.602c-.287.196-.615.294-.943.294"
       />
       <path
-        d="m13,19.00098c-.32812,0-.65625-.09766-.94141-.29199l-3.80566-2.60254c-.42676-.29199-.69727-.75781-.74219-1.2793-.04688-.53125.14258-1.0459.51855-1.41211.29688-.28809.77148-.2832,1.06055.01367.28906.2959.2832.77148-.01367,1.06055-.05176.05078-.07812.12793-.07129.20801.00391.05078.02441.12305.09473.1709l3.80469,2.60156c.05859.04102.13086.04199.19336-.00098l3.80176-2.60059c.07129-.04785.0918-.12012.0957-.1709.00684-.08008-.01953-.15723-.07129-.20801-.29688-.28906-.30273-.76465-.01367-1.06055.29004-.29688.76465-.30176,1.06055-.01367.37598.36621.56543.88086.51855,1.41211-.04492.52148-.31543.9873-.74316,1.2793l-3.80273,2.60156c-.28711.19531-.61523.29297-.94336.29297Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13 19.001c-.328 0-.656-.098-.941-.292l-3.806-2.603c-.427-.292-.697-.757-.742-1.279-.047-.531.142-1.046.518-1.412.297-.288.772-.283 1.06.014.29.296.284.771-.013 1.06-.052.051-.078.128-.071.208.004.051.024.123.095.171l3.804 2.602c.059.04.131.042.194-.001l3.801-2.6c.072-.049.092-.121.096-.172.007-.08-.02-.157-.071-.208-.297-.289-.303-.764-.014-1.06.29-.297.765-.302 1.06-.014.377.366.566.88.52 1.412-.046.522-.316.987-.744 1.28l-3.803 2.601c-.287.195-.615.293-.943.293"
       />
     </svg>
   );

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

@@ -1,13 +1,16 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/OrientationLandscape.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/OrientationLandscape.cjs
 
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createIcon } from "../spectrum-icon";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 
 function OrientationLandscapeIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,15 +18,15 @@ function OrientationLandscapeIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>)
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M10,11.06445c-1.5127,0-2.74414-1.2334-2.74414-2.75s1.23145-2.75,2.74414-2.75,2.74414,1.2334,2.74414,2.75-1.23145,2.75-2.74414,2.75ZM10,7.06445c-.68555,0-1.24414.56055-1.24414,1.25s.55859,1.25,1.24414,1.25,1.24414-.56055,1.24414-1.25-.55859-1.25-1.24414-1.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 11.064c-1.513 0-2.744-1.233-2.744-2.75S8.487 5.564 10 5.564s2.744 1.234 2.744 2.75-1.231 2.75-2.744 2.75m0-4c-.686 0-1.244.561-1.244 1.25s.558 1.25 1.244 1.25 1.244-.56 1.244-1.25-.558-1.25-1.244-1.25"
       />
       <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.25ZM7.41333,15.5c.07715-.79395.31274-1.58325.9021-1.9248,1.08398.42188,2.29199.42285,3.37207-.00098.56982.3501.79102,1.18848.87158,1.92578h-5.14575ZM17.5,14.75c0,.41309-.33691.75-.75.75h-2.69434c-.20435-2.30396-1.24121-3.16333-2.12598-3.45703-.18555-.06152-.38477-.0498-.55957.03516-.87012.41602-1.8623.41699-2.73535.00293-.1748-.08203-.37109-.09473-.55664-.03418-1.26221.4165-2.01587,1.63232-2.16675,3.45312h-2.66138c-.41309,0-.75-.33691-.75-.75V5.25c0-.41309.33691-.75.75-.75h13.5c.41309,0,.75.33691.75.75v9.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.75 3H3.25C2.01 3 1 4.01 1 5.25v9.5C1 15.99 2.01 17 3.25 17h13.5c1.24 0 2.25-1.01 2.25-2.25v-9.5C19 4.01 17.99 3 16.75 3M7.413 15.5c.077-.794.313-1.583.902-1.925 1.084.422 2.292.423 3.373 0 .57.35.79 1.188.871 1.925zm10.087-.75c0 .413-.337.75-.75.75h-2.694c-.205-2.304-1.242-3.163-2.126-3.457-.186-.062-.385-.05-.56.035-.87.416-1.862.417-2.735.003-.175-.082-.371-.095-.557-.034-1.262.416-2.016 1.632-2.167 3.453H3.25c-.413 0-.75-.337-.75-.75v-9.5c0-.413.337-.75.75-.75h13.5c.413 0 .75.337.75.75z"
       />
     </svg>
   );

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

@@ -1,13 +1,16 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/OrientationPortrait.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/OrientationPortrait.cjs
 
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createIcon } from "../spectrum-icon";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 
 function OrientationPortraitIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,17 +18,15 @@ function OrientationPortraitIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>):
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M10,10.06445c-1.5127,0-2.74414-1.2334-2.74414-2.75s1.23145-2.75,2.74414-2.75,2.74414,1.2334,2.74414,2.75-1.23145,2.75-2.74414,2.75ZM10,6.06445c-.68555,0-1.24414.56055-1.24414,1.25s.55859,1.25,1.24414,1.25,1.24414-.56055,1.24414-1.25-.55859-1.25-1.24414-1.25Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 10.064c-1.513 0-2.744-1.233-2.744-2.75S8.487 4.564 10 4.564s2.744 1.234 2.744 2.75-1.231 2.75-2.744 2.75m0-4c-.686 0-1.244.561-1.244 1.25s.558 1.25 1.244 1.25 1.244-.56 1.244-1.25-.558-1.25-1.244-1.25"
       />
       <path
-        d="M14.75,1H5.25c-1.24023,0-2.25,1.00977-2.25,2.25v12.5c0,1.24023,1.00977,2.25,2.25,2.25h9.5c1.24023,0,2.25-1.00977,2.25-2.25V3.25c0-1.24023-1.00977-2.25-2.25-2.25ZM8.31445,12.5752c1.08594.42285,2.29297.41992,3.37305-.00098,1.0481.64526.97168,2.96631.83765,3.92578h-5.04443c-.06006-.39209-.43481-3.19116.83374-3.9248ZM15.5,15.75c0,.41309-.33691.75-.75.75h-.71313c.12524-1.146.30298-4.6582-2.10718-5.45703-.18652-.06152-.38672-.04883-.55957.03516-.87012.41602-1.8623.41699-2.73535.00293-.1748-.08203-.37207-.09473-.55664-.03418-2.51147.82812-2.25391,4.36914-2.11255,5.45312h-.71558c-.41309,0-.75-.33691-.75-.75V3.25c0-.41309.33691-.75.75-.75h9.5c.41309,0,.75.33691.75.75v12.5Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M14.75 1h-9.5C4.01 1 3 2.01 3 3.25v12.5C3 16.99 4.01 18 5.25 18h9.5c1.24 0 2.25-1.01 2.25-2.25V3.25C17 2.01 15.99 1 14.75 1M8.314 12.575c1.086.423 2.293.42 3.374 0 1.048.644.971 2.966.837 3.925H7.481c-.06-.392-.435-3.191.833-3.925M15.5 15.75c0 .413-.337.75-.75.75h-.713c.125-1.146.303-4.658-2.107-5.457-.187-.062-.387-.049-.56.035-.87.416-1.862.417-2.735.003-.175-.082-.372-.095-.557-.034-2.511.828-2.254 4.369-2.112 5.453H5.25c-.413 0-.75-.337-.75-.75V3.25c0-.413.337-.75.75-.75h9.5c.413 0 .75.337.75.75z"
       />
     </svg>
   );

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

@@ -1,13 +1,16 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/Paste.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Paste.cjs
 
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createIcon } from "../spectrum-icon";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 
 function PasteIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,12 +18,17 @@ function PasteIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
-      <circle cx="10" cy="4" r="1" fill="var(--iconPrimary, #222)" />
+      <circle
+        cx="10"
+        cy="4"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
       <path
-        d="m15.75,18H4.25c-1.24023,0-2.25-1.00977-2.25-2.25V6.25c0-1.24023,1.00977-2.25,2.25-2.25h2.25195c.02637-.9248.40723-1.7832,1.0791-2.42578.69629-.66602,1.61914-1.0166,2.57617-.96582,1.75293.07617,3.19434,1.57129,3.33203,3.3916h2.26074c1.24023,0,2.25,1.00977,2.25,2.25v9.5c0,1.24023-1.00977,2.25-2.25,2.25ZM4.25,5.5c-.41309,0-.75.33691-.75.75v9.5c0,.41309.33691.75.75.75h11.5c.41309,0,.75-.33691.75-.75V6.25c0-.41309-.33691-.75-.75-.75h-.75v1.25c0,1.24023-1.00977,2.25-2.25,2.25h-5.5c-1.24023,0-2.25-1.00977-2.25-2.25l-.03613-1.25h-.71387Zm2.25,0v1.25c0,.41309.33691.75.75.75h5.5c.41309,0,.75-.33691.75-.75v-1.25h-.75c-.41406,0-.75-.33594-.75-.75v-.46582c0-1.15527-.85645-2.13184-1.9082-2.17773-.55762-.0127-1.07617.1709-1.47363.55176-.39844.38086-.61816.89453-.61816,1.44629v.64551c0,.41406-.33594.75-.75.75h-.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M15.75 18H4.25C3.01 18 2 16.99 2 15.75v-9.5C2 5.01 3.01 4 4.25 4h2.252c.026-.925.407-1.783 1.079-2.426.696-.666 1.62-1.016 2.576-.966C11.91.685 13.352 2.18 13.49 4h2.261C16.99 4 18 5.01 18 6.25v9.5c0 1.24-1.01 2.25-2.25 2.25M4.25 5.5c-.413 0-.75.337-.75.75v9.5c0 .413.337.75.75.75h11.5c.413 0 .75-.337.75-.75v-9.5c0-.413-.337-.75-.75-.75H15v1.25C15 7.99 13.99 9 12.75 9h-5.5C6.01 9 5 7.99 5 6.75L4.964 5.5zm2.25 0v1.25c0 .413.337.75.75.75h5.5c.413 0 .75-.337.75-.75V5.5h-.75c-.414 0-.75-.336-.75-.75v-.466c0-1.155-.856-2.132-1.908-2.178-.558-.012-1.076.171-1.474.552S8 3.553 8 4.105v.645c0 .414-.336.75-.75.75z"
       />
     </svg>
   );

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

@@ -1,13 +1,16 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/Path.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Path.cjs
 
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createIcon } from "../spectrum-icon";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 
 function PathIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,11 +18,11 @@ function PathIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M16,3.375c-.58252,0-1.11597.19702-1.55188.51953-1.33972-.82568-2.75476-1.36182-4.14246-1.5127-1.32568-.14453-2.5675.07227-3.67847.57471-.44873-.35815-1.00977-.58154-1.6272-.58154-1.44727,0-2.625,1.17773-2.625,2.625,0,.65479.24951,1.24683.64746,1.70703-1.07849,2.46606-.79028,5.34497.80237,7.82544-.28381.41919-.44983.92432-.44983,1.46753,0,1.44727,1.17773,2.625,2.625,2.625s2.625-1.17773,2.625-2.625-1.17773-2.625-2.625-2.625c-.35938,0-.70178.07324-1.01404.20459-1.21472-1.95508-1.46204-4.14331-.69299-6.06372.22632.06396.46045.10913.70703.10913,1.44727,0,2.625-1.17773,2.625-2.625,0-.27954-.05566-.54395-.13696-.79688.80359-.3125,1.69189-.43457,2.65454-.33105,1.12866.12378,2.28833.55908,3.40186,1.22705-.104.28223-.16943.58301-.16943.90088,0,1.44727,1.17773,2.625,2.625,2.625s2.625-1.17773,2.625-2.625-1.17773-2.625-2.625-2.625ZM7.375,16c0,.75781-.61719,1.375-1.375,1.375s-1.375-.61719-1.375-1.375.61719-1.375,1.375-1.375,1.375.61719,1.375,1.375ZM5,6.375c-.75781,0-1.375-.61719-1.375-1.375s.61719-1.375,1.375-1.375,1.375.61719,1.375,1.375-.61719,1.375-1.375,1.375ZM16,7.375c-.75781,0-1.375-.61719-1.375-1.375s.61719-1.375,1.375-1.375,1.375.61719,1.375,1.375-.61719,1.375-1.375,1.375Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16 3.375c-.583 0-1.116.197-1.552.52-1.34-.826-2.755-1.362-4.142-1.513-1.326-.145-2.568.072-3.679.575-.449-.359-1.01-.582-1.627-.582-1.447 0-2.625 1.178-2.625 2.625 0 .655.25 1.247.647 1.707-1.078 2.466-.79 5.345.803 7.825-.284.42-.45.925-.45 1.468 0 1.447 1.178 2.625 2.625 2.625S8.625 17.447 8.625 16 7.447 13.375 6 13.375c-.36 0-.702.073-1.014.205-1.215-1.955-1.462-4.144-.693-6.064.226.064.46.109.707.109 1.447 0 2.625-1.178 2.625-2.625 0-.28-.056-.544-.137-.797.804-.312 1.692-.434 2.655-.33 1.128.123 2.288.558 3.401 1.226-.104.282-.169.583-.169.901 0 1.447 1.178 2.625 2.625 2.625S18.625 7.447 18.625 6 17.447 3.375 16 3.375M7.375 16c0 .758-.617 1.375-1.375 1.375S4.625 16.758 4.625 16 5.242 14.625 6 14.625s1.375.617 1.375 1.375M5 6.375c-.758 0-1.375-.617-1.375-1.375S4.242 3.625 5 3.625 6.375 4.242 6.375 5 5.758 6.375 5 6.375m11 1c-.758 0-1.375-.617-1.375-1.375S15.242 4.625 16 4.625s1.375.617 1.375 1.375S16.758 7.375 16 7.375"
       />
     </svg>
   );

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

@@ -1,13 +1,16 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/Pattern.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Pattern.cjs
 
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createIcon } from "../spectrum-icon";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 
 function PatternIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,27 +18,15 @@ function PatternIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M11.94454,14.41942c-.29279.29279-.76787.29279-1.06066,0l-2.12132-2.12132c-.29279-.29279-.29279-.76787,0-1.06066s.76787-.29279,1.06066,0l2.12132,2.12132c.29279.29279.29279.76787,0,1.06066Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M11.945 14.42c-.293.292-.768.292-1.061 0l-2.121-2.122c-.293-.293-.293-.768 0-1.06s.767-.293 1.06 0l2.122 2.12c.292.294.292.769 0 1.061M15.127 9.116l-2.122 2.121c-.293.293-.768.293-1.06 0s-.293-.767 0-1.06l2.12-2.122c.294-.292.769-.292 1.062 0s.292.768 0 1.061M11.237 8.763c-.292.292-.767.292-1.06 0L8.055 6.64c-.292-.293-.292-.768 0-1.06s.768-.293 1.061 0l2.121 2.12c.293.294.293.769 0 1.062M8.055 9.823l-2.12 2.122c-.294.292-.769.292-1.062 0s-.292-.768 0-1.061l2.122-2.121c.293-.293.768-.293 1.06 0s.293.767 0 1.06"
       />
       <path
-        d="M15.12652,9.11612l-2.12132,2.12132c-.29279.29279-.76787.29279-1.06066,0s-.29279-.76787,0-1.06066l2.12132-2.12132c.29279-.29279.76787-.29279,1.06066,0s.29279.76787,0,1.06066Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M11.23744,8.76256c-.29279.29279-.76787.29279-1.06066,0l-2.12132-2.12132c-.29279-.29279-.29279-.76787,0-1.06066s.76787-.29279,1.06066,0l2.12132,2.12132c.29279.29279.29279.76787,0,1.06066Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M8.05546,9.82322l-2.12132,2.12132c-.29279.29279-.76787.29279-1.06066,0s-.29279-.76787,0-1.06066l2.12132-2.12132c.29279-.29279.76787-.29279,1.06066,0s.29279.76787,0,1.06066Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <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.25h11.5c1.24072,0,2.25-1.00977,2.25-2.25V4.25c0-1.24023-1.00928-2.25-2.25-2.25ZM15.75,16.5h-1.64331l.31274-.31274c.29272-.29272.29272-.76782,0-1.06079-.29272-.29272-.76782-.29272-1.06055,0l-1.37354,1.37354h-4.24268l1.02002-1.02002c.29272-.29272.29272-.76782,0-1.06055-.29297-.29297-.76807-.29297-1.06079,0l-2.08057,2.08057h-1.37134c-.41357,0-.75-.33691-.75-.75v-.93628l.31274.31274c.29272.29297.76782.29297,1.06079,0,.29272-.29272.29272-.76782,0-1.06055l-1.37354-1.37354v-5.65674l1.02002,1.01978c.29272.29272.76782.29272,1.06055,0s.29272-.76782,0-1.06079l-2.08057-2.08057v-.66406c0-.41309.33643-.75.75-.75h1.64331l-.31274.31274c-.29272.29272-.29272.76782,0,1.06079.29272.29272.76782.29272,1.06055,0l1.37354-1.37354h4.24268l-1.02002,1.02002c-.29272.29272-.29272.76782,0,1.06055.29297.29272.76807.29272,1.06079,0l2.08057-2.08057h1.37134c.41357,0,.75.33691.75.75v.93628l-.31274-.31274c-.29272-.29297-.76782-.29297-1.06079,0-.29272.29272-.29272.76782,0,1.06055l1.37354,1.37354v5.65674l-1.02002-1.01978c-.29272-.29272-.76782-.29272-1.06055,0s-.29272.76782,0,1.06055l2.08057,2.08081v.66406c0,.41309-.33643.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M15.75 2H4.25C3.01 2 2 3.01 2 4.25v11.5C2 16.99 3.01 18 4.25 18h11.5c1.24 0 2.25-1.01 2.25-2.25V4.25C18 3.01 16.99 2 15.75 2m0 14.5h-1.643l.312-.313c.293-.292.293-.768 0-1.06-.292-.293-.767-.293-1.06 0L11.985 16.5H7.743l1.02-1.02c.292-.293.292-.768 0-1.06-.293-.294-.768-.294-1.061 0l-2.08 2.08H4.25c-.414 0-.75-.337-.75-.75v-.936l.313.312c.292.293.768.293 1.06 0 .293-.292.293-.767 0-1.06L3.5 12.692V7.036l1.02 1.02c.293.292.768.292 1.06 0s.293-.768 0-1.061L3.5 4.915V4.25c0-.413.336-.75.75-.75h1.643l-.312.313c-.293.292-.293.768 0 1.06.292.293.767.293 1.06 0L8.015 3.5h4.242l-1.02 1.02c-.292.293-.292.768 0 1.06.293.293.768.293 1.061 0l2.08-2.08h1.372c.414 0 .75.337.75.75v.936l-.313-.312c-.292-.293-.768-.293-1.06 0-.293.292-.293.767 0 1.06L16.5 7.308v5.656l-1.02-1.02c-.293-.292-.768-.292-1.06 0s-.293.768 0 1.061l2.08 2.08v.665c0 .413-.336.75-.75.75"
       />
     </svg>
   );

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

@@ -1,13 +1,16 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/PauseCircle.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/PauseCircle.cjs
 
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createIcon } from "../spectrum-icon";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 
 function PauseCircleIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,22 +18,15 @@ function PauseCircleIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <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.75ZM10,2.75c-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)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 18.75c-4.825 0-8.75-3.925-8.75-8.75S5.175 1.25 10 1.25s8.75 3.925 8.75 8.75-3.925 8.75-8.75 8.75m0-16c-3.998 0-7.25 3.252-7.25 7.25s3.252 7.25 7.25 7.25 7.25-3.252 7.25-7.25S13.998 2.75 10 2.75"
       />
       <path
-        d="M11.75,13.5c-.41406,0-.75-.33594-.75-.75v-5.5c0-.41406.33594-.75.75-.75s.75.33594.75.75v5.5c0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="M8.25,13.5c-.41406,0-.75-.33594-.75-.75v-5.5c0-.41406.33594-.75.75-.75s.75.33594.75.75v5.5c0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M11.75 13.5c-.414 0-.75-.336-.75-.75v-5.5c0-.414.336-.75.75-.75s.75.336.75.75v5.5c0 .414-.336.75-.75.75M8.25 13.5c-.414 0-.75-.336-.75-.75v-5.5c0-.414.336-.75.75-.75s.75.336.75.75v5.5c0 .414-.336.75-.75.75"
       />
     </svg>
   );

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

@@ -1,13 +1,16 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/Pause.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Pause.cjs
 
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createIcon } from "../spectrum-icon";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 
 function PauseIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,23 +18,15 @@ function PauseIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m6.75,18h-2.5c-1.24072,0-2.25-1.00977-2.25-2.25V4.25c0-1.24023,1.00928-2.25,2.25-2.25h2.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.75h2.5c.41357,0,.75-.33691.75-.75V4.25c0-.41309-.33643-.75-.75-.75h-2.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M6.75 18h-2.5C3.01 18 2 16.99 2 15.75V4.25C2 3.01 3.01 2 4.25 2h2.5C7.99 2 9 3.01 9 4.25v11.5C9 16.99 7.99 18 6.75 18M4.25 3.5c-.414 0-.75.337-.75.75v11.5c0 .413.336.75.75.75h2.5c.414 0 .75-.337.75-.75V4.25c0-.413-.336-.75-.75-.75zM15.75 18h-2.5C12.01 18 11 16.99 11 15.75V4.25C11 3.01 12.01 2 13.25 2h2.5C16.99 2 18 3.01 18 4.25v11.5c0 1.24-1.01 2.25-2.25 2.25m-2.5-14.5c-.414 0-.75.337-.75.75v11.5c0 .413.336.75.75.75h2.5c.414 0 .75-.337.75-.75V4.25c0-.413-.336-.75-.75-.75z"
       />
       <path
-        d="m15.75,18h-2.5c-1.24072,0-2.25-1.00977-2.25-2.25V4.25c0-1.24023,1.00928-2.25,2.25-2.25h2.5c1.24072,0,2.25,1.00977,2.25,2.25v11.5c0,1.24023-1.00928,2.25-2.25,2.25Zm-2.5-14.5c-.41357,0-.75.33691-.75.75v11.5c0,.41309.33643.75.75.75h2.5c.41357,0,.75-.33691.75-.75V4.25c0-.41309-.33643-.75-.75-.75h-2.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m6.75,18h-2.5c-1.24072,0-2.25-1.00977-2.25-2.25V4.25c0-1.24023,1.00928-2.25,2.25-2.25h2.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.75h2.5c.41357,0,.75-.33691.75-.75V4.25c0-.41309-.33643-.75-.75-.75h-2.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m15.75,18h-2.5c-1.24072,0-2.25-1.00977-2.25-2.25V4.25c0-1.24023,1.00928-2.25,2.25-2.25h2.5c1.24072,0,2.25,1.00977,2.25,2.25v11.5c0,1.24023-1.00928,2.25-2.25,2.25Zm-2.5-14.5c-.41357,0-.75.33691-.75.75v11.5c0,.41309.33643.75.75.75h2.5c.41357,0,.75-.33691.75-.75V4.25c0-.41309-.33643-.75-.75-.75h-2.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M6.75 18h-2.5C3.01 18 2 16.99 2 15.75V4.25C2 3.01 3.01 2 4.25 2h2.5C7.99 2 9 3.01 9 4.25v11.5C9 16.99 7.99 18 6.75 18M4.25 3.5c-.414 0-.75.337-.75.75v11.5c0 .413.336.75.75.75h2.5c.414 0 .75-.337.75-.75V4.25c0-.413-.336-.75-.75-.75zM15.75 18h-2.5C12.01 18 11 16.99 11 15.75V4.25C11 3.01 12.01 2 13.25 2h2.5C16.99 2 18 3.01 18 4.25v11.5c0 1.24-1.01 2.25-2.25 2.25m-2.5-14.5c-.414 0-.75.337-.75.75v11.5c0 .413.336.75.75.75h2.5c.414 0 .75-.337.75-.75V4.25c0-.413-.336-.75-.75-.75z"
       />
     </svg>
   );

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

@@ -1,13 +1,16 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/PenBrush.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/PenBrush.cjs
 
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createIcon } from "../spectrum-icon";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 
 function PenBrushIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,15 +18,11 @@ function PenBrushIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elemen
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m13.24023,3.7168l-1.95703-1.95703c-.67871-.67871-1.78418-.67676-2.46289,0l-1.32227,1.32324c-.01831.01831-.02539.04248-.0415.06226l-2.96826,1.61841c-.43262.2373-.76758.62207-.94336,1.08301l-2.19238,5.7627c-.21973.57715-.0791,1.2334.35742,1.66992.30176.30176.70215.46094,1.11133.46094.19727,0,.39648-.03711.58691-.11328l6.11426-2.45898c.4707-.18848.85449-.54395,1.08008-.99609l1.36475-2.72754c.00757-.00708.01758-.00928.0249-.0166l1.24902-1.24902c.67773-.67871.67773-1.78418-.00098-2.46191Zm-3.98047,5.78516c-.06152.125-.16699.22168-.29688.27344l-4.71533,1.89612,2.22852-2.22852c.42017-.03882.75293-.3811.75293-.81165,0-.4563-.36987-.82629-.82617-.82629-.43042,0-.77295.33289-.81152.75317l-2.37695,2.37695,1.73291-4.5553c.04883-.12793.1416-.23438.26074-.2998l2.71387-1.48047,2.52637,2.52734-1.18848,2.375Zm2.91992-4.38281l-.80859.80859-2.29858-2.29858.80737-.80786c.09668-.09668.25-.09375.34277-.00098l1.95703,1.95703c.09375.09375.09375.24805,0,.3418Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m18.08105,6.65137c-.43359-.36328-.97656-.53711-1.54883-.48535-.56445.05078-1.07617.31738-1.44824.76367-.05566.06982-3.11377,3.83691-4.36475,5.34033-.24365.0177-.48975.0553-.73584.12354-1.56738.43457-2.12109,1.74316-2.60938,2.89648-.36328.85645-.70508,1.66504-1.41895,2.05176-.28613.1543-.43945.47656-.37988.79688.05957.31934.31836.56445.6416.60645.70703.09082,1.49316.15723,2.28711.15723,1.65918,0,3.35156-.28906,4.41992-1.24219.73633-.65723,1.10156-1.53906,1.08691-2.62305-.00049-.02673-.00928-.05176-.01025-.07837.95996-1.15503,3.0354-3.70667,3.93311-4.80933l.41504-.51074c.36328-.43457.53613-.98438.48535-1.54883s-.31738-1.07617-.75293-1.43848Zm-6.15625,9.88965c-.69922.62207-2.08984.91797-3.92188.85156.31543-.4873.54102-1.01855.75195-1.51758.47168-1.11328.80273-1.80664,1.62891-2.03613.60059-.16602,1.18262-.0791,1.60352.23438.32715.24609.51855.60449.52344.98535.00879.6377-.18262,1.12305-.58594,1.48242Zm5.2793-7.87109c-.00879.01074-.17188.21094-.43457.5332-.75049.92261-2.33057,2.86401-3.38672,4.14893-.14453-.17505-.30762-.33777-.49609-.479-.15137-.11328-.31958-.19678-.48804-.27942,1.44067-1.7489,3.83545-4.70044,3.84546-4.71375.10645-.12695.25586-.20508.42188-.21973.1543-.01758.3252.03613.4541.1416.12695.10645.20508.25586.21973.42188.01465.16504-.03516.32617-.13574.44629Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.24 3.717 11.283 1.76c-.679-.679-1.784-.677-2.463 0L7.498 3.083c-.018.018-.025.042-.041.062L4.488 4.764c-.432.237-.767.622-.943 1.083l-2.192 5.762c-.22.578-.08 1.234.357 1.67.302.302.702.461 1.111.461.198 0 .397-.037.587-.113l6.114-2.459c.471-.188.855-.544 1.08-.996l1.365-2.728c.008-.007.018-.009.025-.016l1.25-1.25c.677-.678.677-1.783-.002-2.461M9.26 9.502c-.062.125-.167.222-.297.273l-4.715 1.897 2.228-2.229c.42-.039.753-.381.753-.812 0-.456-.37-.826-.826-.826-.43 0-.773.333-.812.753l-2.377 2.377L4.947 6.38c.05-.128.142-.234.261-.3L7.922 4.6l2.526 2.527zm2.92-4.383-.809.809-2.298-2.299.807-.808c.097-.096.25-.093.343 0l1.957 1.956c.093.094.093.248 0 .342M18.081 6.651c-.434-.363-.977-.537-1.549-.485-.564.05-1.076.317-1.448.764-.056.07-3.114 3.837-4.365 5.34-.243.018-.49.055-.736.124-1.567.434-2.12 1.743-2.609 2.896-.363.856-.705 1.665-1.419 2.052-.286.154-.44.476-.38.797.06.319.319.564.642.606.707.09 1.493.157 2.287.157 1.66 0 3.351-.289 4.42-1.242.736-.657 1.101-1.539 1.087-2.623 0-.027-.01-.052-.01-.078.96-1.155 3.035-3.707 3.933-4.81l.415-.51c.363-.435.536-.985.485-1.55s-.317-1.075-.753-1.438m-6.156 9.89c-.7.622-2.09.918-3.922.852.315-.488.54-1.019.752-1.518.472-1.113.803-1.807 1.629-2.036.6-.166 1.182-.08 1.603.234.327.246.519.605.524.986.009.637-.183 1.123-.586 1.482m5.28-7.871c-.01.01-.173.21-.435.533-.751.923-2.331 2.864-3.387 4.15-.145-.176-.308-.339-.496-.48-.152-.113-.32-.197-.488-.28 1.44-1.748 3.835-4.7 3.845-4.713.107-.127.256-.205.422-.22.154-.017.325.036.454.142.127.106.205.256.22.422.014.165-.035.326-.136.446"
       />
     </svg>
   );

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

@@ -1,13 +1,16 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/PeopleGroup.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/PeopleGroup.cjs
 
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createIcon } from "../spectrum-icon";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 
 function PeopleGroupIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,31 +18,11 @@ function PeopleGroupIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M13.01758,13.27148c-1.97949,0-3.58984-1.69043-3.58984-3.76758s1.61035-3.76758,3.58984-3.76758,3.58984,1.69043,3.58984,3.76758-1.61035,3.76758-3.58984,3.76758ZM13.01758,7.23633c-1.15234,0-2.08984,1.01758-2.08984,2.26758s.9375,2.26758,2.08984,2.26758,2.08984-1.01758,2.08984-2.26758-.9375-2.26758-2.08984-2.26758Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M7.87109,18.97266c-.02734,0-.05469-.00098-.08203-.00391-.41113-.04492-.70898-.41504-.66504-.82715.26074-2.40527,2.79395-4.21973,5.89355-4.21973,3.07617,0,5.66504,1.85742,5.89355,4.22852.04004.41211-.26172.7793-.67383.81836-.4082.04688-.7793-.26172-.81836-.67383-.15332-1.58398-2.12793-2.87305-4.40137-2.87305-2.29395,0-4.22656,1.26562-4.40137,2.88184-.04199.38379-.36719.66895-.74512.66895Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M3.83301,16.33887c-.02734,0-.05371-.00098-.08105-.00391-.41211-.04492-.70996-.41504-.66602-.82617.23047-2.13672,2.2832-3.85059,4.99219-4.16797.4043-.0459.7832.24707.83203.6582.04785.41113-.24609.7832-.6582.83203-1.97656.23145-3.52148,1.4248-3.67383,2.83789-.04199.38477-.36719.66992-.74512.66992Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M.82031,13.44336c-.02734,0-.05371-.00098-.08105-.00391-.41211-.04492-.70996-.41504-.66602-.82617.21387-1.97949,2.10938-3.56543,4.60938-3.8584.40332-.04688.7832.24707.83203.6582.04785.41113-.24609.78418-.6582.83203-1.77148.20703-3.15527,1.27051-3.29102,2.52832-.04199.38477-.36719.66992-.74512.66992Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M7.56543,9.64844c-.20703,0-.41309-.08496-.56055-.25195-.58398-.6582-.92578-1.51465-.96289-2.41211-.08691-2.0752,1.45215-3.83105,3.42969-3.91309.4502-.02148.89062.0498,1.31445.20215.38965.13965.59082.57031.4502.95996-.13965.38867-.56836.58887-.95996.4502-.23828-.08496-.49023-.12109-.74316-.11426-1.15039.04883-2.04492,1.10352-1.99316,2.35254.02344.55371.23145,1.0791.58594,1.47852.27539.30957.24707.78418-.0625,1.05859-.14258.12695-.32031.18945-.49805.18945Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M3.95117,7.25391c-.19141,0-.38281-.07227-.52832-.21777-.87109-.86523-1.20898-2.31445-.82324-3.52539.54785-1.71875,2.28809-2.74902,3.95996-2.34668.40234.09766.65039.50293.55371.90527-.09766.40332-.50684.64746-.90527.55371-.91602-.2207-1.86816.37109-2.17871,1.34375-.21191.66309-.01367,1.54395.4502,2.00488.29395.29199.2959.76758.00391,1.06055-.14648.14746-.33984.22168-.53223.22168Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.018 13.271c-1.98 0-3.59-1.69-3.59-3.767s1.61-3.768 3.59-3.768 3.59 1.69 3.59 3.768-1.61 3.767-3.59 3.767m0-6.035c-1.153 0-2.09 1.018-2.09 2.268s.937 2.267 2.09 2.267 2.09-1.017 2.09-2.267-.938-2.268-2.09-2.268M7.871 18.973q-.041 0-.082-.004c-.411-.045-.709-.415-.665-.827.26-2.406 2.794-4.22 5.894-4.22 3.076 0 5.665 1.857 5.893 4.228.04.413-.262.78-.674.819-.408.047-.779-.262-.818-.674-.153-1.584-2.128-2.873-4.401-2.873-2.294 0-4.227 1.265-4.402 2.882-.042.384-.367.669-.745.669M3.833 16.339q-.04 0-.081-.004c-.412-.045-.71-.415-.666-.826.23-2.137 2.283-3.85 4.992-4.168.404-.046.783.247.832.658s-.246.783-.658.832c-1.977.231-3.522 1.425-3.674 2.838-.042.385-.367.67-.745.67M.82 13.443q-.04.001-.08-.004c-.413-.044-.71-.415-.667-.826.214-1.98 2.11-3.565 4.61-3.858.403-.047.783.247.832.658.047.411-.246.784-.659.832-1.771.207-3.155 1.27-3.29 2.528-.043.385-.368.67-.746.67M7.565 9.648c-.207 0-.413-.085-.56-.252-.584-.658-.926-1.514-.963-2.412-.087-2.075 1.452-3.83 3.43-3.913.45-.021.89.05 1.314.202.39.14.591.57.45.96s-.568.59-.96.45c-.238-.084-.49-.12-.743-.114-1.15.05-2.045 1.104-1.993 2.353.023.554.232 1.079.586 1.478.275.31.247.785-.063 1.059-.142.127-.32.19-.498.19M3.951 7.254c-.191 0-.383-.072-.528-.218-.871-.865-1.21-2.314-.823-3.525.547-1.719 2.288-2.75 3.96-2.347.402.098.65.503.553.905-.097.404-.507.648-.905.554-.916-.22-1.868.371-2.179 1.344-.212.663-.013 1.544.45 2.005.294.292.296.767.004 1.06-.146.148-.34.222-.532.222"
       />
     </svg>
   );

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

@@ -1,13 +1,16 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/People.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/People.cjs
 
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createIcon } from "../spectrum-icon";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 
 function PeopleIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,15 +18,15 @@ function PeopleIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m15.75,2H4.25c-1.24023,0-2.25,1.00928-2.25,2.25v11.5c0,1.24072,1.00977,2.25,2.25,2.25h11.5c1.24023,0,2.25-1.00928,2.25-2.25V4.25c0-1.24072-1.00977-2.25-2.25-2.25ZM3.5,4.25c0-.41357.33691-.75.75-.75h11.5c.41309,0,.75.33643.75.75v11.5c0,.0199-.00977.03662-.01135.05615-1.53015-1.88647-3.98914-3.05615-6.4906-3.05615-2.58789,0-5.11426,1.1958-6.48804,3.04944-.00122-.01721-.01001-.03186-.01001-.04944V4.25Zm11.60938,12.25H4.87256c1.12866-1.37219,3.09216-2.25,5.12549-2.25,1.94409,0,3.85107.85571,5.11133,2.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M15.75 2H4.25C3.01 2 2 3.01 2 4.25v11.5C2 16.99 3.01 18 4.25 18h11.5c1.24 0 2.25-1.01 2.25-2.25V4.25C18 3.01 16.99 2 15.75 2M3.5 4.25c0-.414.337-.75.75-.75h11.5c.413 0 .75.336.75.75v11.5c0 .02-.01.037-.011.056-1.53-1.886-3.99-3.056-6.491-3.056-2.588 0-5.114 1.196-6.488 3.05-.001-.018-.01-.032-.01-.05zM15.11 16.5H4.872C6 15.128 7.965 14.25 9.998 14.25c1.944 0 3.851.856 5.111 2.25"
       />
       <path
-        d="m10.05957,11.70801c-.01953,0-.06348.00244-.05762-.00049-.5918,0-1.16797-.16748-1.66699-.48535-.49121-.31445-.8916-.75195-1.15918-1.26709-.28223-.53662-.42773-1.14453-.41895-1.75635-.02246-1.17773.56543-2.28809,1.57227-2.94678,1.02148-.64795,2.32812-.64844,3.3418-.00537.49023.31885.89062.75293,1.16211,1.25977.2832.52051.42969,1.11279.42383,1.71094.00977.5918-.13477,1.20264-.41895,1.74658-.26855.51514-.66895.95459-1.15918,1.27051-.48828.31104-1.0459.47363-1.61914.47363Zm-.04297-1.50049h.00977c.28613.01709.58984-.0752.84277-.23584.26855-.17285.49023-.41602.63867-.70117.16895-.32422.25488-.68652.24902-1.04932.00391-.36279-.08008-.70264-.24316-1.00195-.15527-.28809-.37988-.53271-.65332-.71045-.51758-.32861-1.19531-.3291-1.71875.00439-.56348.36816-.89746.99951-.88477,1.68213-.00488.38672.08105.74609.24805,1.06494.14844.28516.36816.52539.63672.69775.25781.16357.53711.21973.86621.24951h.00879Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10.06 11.708c-.02 0-.064.002-.058 0-.592 0-1.168-.168-1.667-.486-.491-.314-.892-.752-1.16-1.267-.281-.537-.427-1.144-.418-1.756-.023-1.178.565-2.288 1.572-2.947 1.022-.648 2.328-.648 3.342-.005.49.318.89.753 1.162 1.26.283.52.43 1.112.424 1.71.01.592-.135 1.203-.42 1.747-.268.515-.668.954-1.158 1.27-.489.311-1.046.474-1.62.474m-.043-1.5h.01c.286.017.59-.076.842-.236.269-.173.49-.416.639-.701.169-.325.255-.687.249-1.05.004-.363-.08-.702-.243-1.002-.156-.288-.38-.532-.654-.71-.517-.329-1.195-.33-1.718.004-.564.368-.898 1-.885 1.682-.005.387.08.746.248 1.065.148.285.368.526.637.698.257.164.537.22.866.25z"
       />
     </svg>
   );

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

@@ -1,13 +1,16 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/Percentage.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Percentage.cjs
 
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { createIcon } from "../spectrum-icon";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 
 function PercentageIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,22 +18,11 @@ function PercentageIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elem
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m2.5,18.25c-.19189,0-.38379-.07324-.53027-.21973-.29297-.29297-.29297-.76758,0-1.06055L16.96973,1.96973c.29297-.29297.76758-.29297,1.06055,0s.29297.76758,0,1.06055L3.03027,18.03027c-.14648.14648-.33838.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="m5.25,8.5c-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.25Zm0-5c-.96484,0-1.75.78516-1.75,1.75s.78516,1.75,1.75,1.75,1.75-.78516,1.75-1.75-.78516-1.75-1.75-1.75Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="m14.75,18c-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.25Zm0-5c-.96484,0-1.75.78516-1.75,1.75s.78516,1.75,1.75,1.75,1.75-.78516,1.75-1.75-.78516-1.75-1.75-1.75Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M2.5 18.25c-.192 0-.384-.073-.53-.22-.293-.293-.293-.767 0-1.06l15-15c.293-.293.767-.293 1.06 0s.293.767 0 1.06l-15 15c-.146.147-.338.22-.53.22M5.25 8.5C3.458 8.5 2 7.042 2 5.25S3.458 2 5.25 2 8.5 3.458 8.5 5.25 7.042 8.5 5.25 8.5m0-5c-.965 0-1.75.785-1.75 1.75S4.285 7 5.25 7 7 6.215 7 5.25 6.215 3.5 5.25 3.5M14.75 18c-1.792 0-3.25-1.458-3.25-3.25s1.458-3.25 3.25-3.25S18 12.958 18 14.75 16.542 18 14.75 18m0-5c-.965 0-1.75.785-1.75 1.75s.785 1.75 1.75 1.75 1.75-.785 1.75-1.75S15.715 13 14.75 13"
       />
     </svg>
   );