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

package/src/icon/s2wf-icons/ReportAbuseIcon.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/ReportAbuse.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/ReportAbuse.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 ReportAbuseIconSvg(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,19 +18,19 @@ function ReportAbuseIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m9.99938,13.94541c-.22316.00787-.44058-.07147-.60625-.22119-.3196-.35319-.3196-.89109,0-1.24428.16384-.15336.38199-.23518.60628-.2274.22867-.00917.45075.07774.61245.2397.1568.16244.24106.38151.23352.60716.01198.22733-.06733.45003-.2203.61862-.16794.15939-.3946.24176-.6257.22739Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 13.945c-.224.008-.441-.071-.607-.22-.32-.354-.32-.892 0-1.245.164-.153.382-.235.606-.227.23-.01.451.077.613.24.157.162.24.38.233.606.012.228-.067.45-.22.619-.168.16-.395.242-.626.227"
       />
       <path
-        d="m10,19c-.56396,0-1.07861-.26074-1.41211-.7168l-1.88916-2.2832h-2.55615c-.28857,0-.56885-.05664-.83398-.16797-.25488-.1084-.48389-.2627-.68115-.45996s-.35205-.42676-.45947-.68164c-.11133-.26465-.16797-.54492-.16797-.83301V4.14258c0-.28809.05664-.56836.16797-.83301.10742-.25488.26221-.48438.45947-.68164s.42627-.35156.68115-.45996c.26514-.11133.54541-.16797.83398-.16797h11.71484c.28857,0,.56885.05664.83398.16797.25488.1084.48389.2627.68115.45996s.35205.42676.45947.68164c.11133.26465.16797.54492.16797.83301v9.71484c0,.28809-.05664.56836-.16797.83301-.10742.25488-.26221.48438-.45947.68164s-.42627.35156-.68115.45996c-.26514.11133-.54541.16797-.83398.16797h-2.55762l-1.91504,2.31836c-.30615.4209-.8208.68164-1.38477.68164ZM4.14258,3.5c-.08691,0-.17139.0166-.25.05078-.0752.03125-.14551.0791-.20459.1377-.05957.05957-.10547.12793-.13721.20312-.03369.08008-.05078.16406-.05078.25098v9.71484c0,.08691.01709.1709.05078.25098.03174.0752.07764.14355.13721.20312.05908.05859.12939.10645.20459.1377.07861.03418.16309.05078.25.05078h2.67529c.39697,0,.77441.19141,1.00879.5127l1.94482,2.35059c.18457.24805.2998.21289.42969.03516l1.99951-2.4209c.20703-.28613.58447-.47754.98145-.47754h2.67529c.08691,0,.17139-.0166.25-.05078.0752-.03125.14551-.0791.20459-.1377.05957-.05957.10547-.12793.13721-.20312.03369-.08008.05078-.16406.05078-.25098V4.14258c0-.08691-.01709-.1709-.05078-.25098-.03174-.0752-.07764-.14355-.13721-.20312-.05908-.05859-.12939-.10645-.20459-.1377-.07861-.03418-.16309-.05078-.25-.05078H4.14258Zm2.50049,12.43262c.00195.00293.00391.00586.00684.00879l-.00684-.00879Zm6.74121-.03516l-.01855.02246c.00684-.00684.0127-.01465.01855-.02246Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 19c-.564 0-1.079-.26-1.412-.717L6.698 16H4.144c-.289 0-.57-.057-.834-.168q-.384-.163-.682-.46c-.298-.297-.352-.427-.459-.682q-.167-.398-.168-.833V4.143q0-.435.168-.833.162-.385.46-.682c.297-.297.426-.352.68-.46q.4-.167.835-.168h11.714c.289 0 .57.057.834.168q.384.163.682.46c.298.297.352.427.459.682q.167.398.168.833v9.714q0 .435-.168.833-.162.385-.46.682c-.297.297-.426.352-.68.46q-.4.167-.835.168H13.3l-1.915 2.318c-.306.421-.821.682-1.385.682M4.143 3.5q-.132 0-.25.05-.115.05-.205.138-.09.09-.137.204-.051.12-.051.25v9.715q0 .13.05.251.049.114.138.204.091.089.205.137.118.051.25.051h2.675c.397 0 .774.191 1.009.513l1.944 2.35c.185.248.3.213.43.035l2-2.42c.207-.287.584-.478.981-.478h2.675q.132 0 .25-.05.115-.05.205-.138.09-.09.137-.204.051-.12.051-.25V4.142q0-.13-.05-.251-.049-.114-.138-.204-.091-.089-.205-.137-.118-.051-.25-.051zm2.5 12.433.007.008zm6.741-.036-.018.023q.01-.01.018-.023"
       />
       <path
-        d="m10,10.83496c-.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)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 10.835c-.414 0-.75-.336-.75-.75V5.25c0-.414.336-.75.75-.75s.75.336.75.75v4.835c0 .414-.336.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/ResizeIcon.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/Resize.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Resize.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 ResizeIconSvg(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,52 @@ function ResizeIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m15.75,18H4.25c-1.24023,0-2.25-1.00977-2.25-2.25V4.25c0-1.24023,1.00977-2.25,2.25-2.25h6.75c.41406,0,.75.33594.75.75s-.33594.75-.75.75h-6.75c-.41309,0-.75.33691-.75.75v11.5c0,.41309.33691.75.75.75h11.5c.41309,0,.75-.33691.75-.75v-6.75c0-.41406.33594-.75.75-.75s.75.33594.75.75v6.75c0,1.24023-1.00977,2.25-2.25,2.25Z"
-        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.75V4.25C2 3.01 3.01 2 4.25 2H11c.414 0 .75.336.75.75s-.336.75-.75.75H4.25c-.413 0-.75.337-.75.75v11.5c0 .413.337.75.75.75h11.5c.413 0 .75-.337.75-.75V9c0-.414.336-.75.75-.75s.75.336.75.75v6.75c0 1.24-1.01 2.25-2.25 2.25"
       />
       <path
-        d="m17.25,2h-3.25c-.41406,0-.75.33594-.75.75s.33594.75.75.75h1.43945l-4.46973,4.46973c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973l4.46973-4.46973v1.43945c0,.41406.33594.75.75.75s.75-.33594.75-.75v-3.25c0-.41406-.33594-.75-.75-.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <circle cx="12.25" cy="15.25" r=".75" fill="var(--iconPrimary, #222)" />
-      <circle cx="12.25" cy="13" r=".75" fill="var(--iconPrimary, #222)" />
-      <circle cx="12.25" cy="10.75" r=".75" fill="var(--iconPrimary, #222)" />
-      <circle cx="4.75" cy="7.75" r=".75" fill="var(--iconPrimary, #222)" />
-      <circle cx="7" cy="7.75" r=".75" fill="var(--iconPrimary, #222)" />
-      <circle cx="9.25" cy="7.75" r=".75" fill="var(--iconPrimary, #222)" />
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M17.25 2H14c-.414 0-.75.336-.75.75s.336.75.75.75h1.44l-4.47 4.47c-.293.293-.293.767 0 1.06.146.147.338.22.53.22s.384-.073.53-.22l4.47-4.47V6c0 .414.336.75.75.75S18 6.414 18 6V2.75c0-.414-.336-.75-.75-.75"
+      />
+      <circle
+        cx="12.25"
+        cy="15.25"
+        r="0.75"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="12.25"
+        cy="13"
+        r="0.75"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="12.25"
+        cy="10.75"
+        r="0.75"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="4.75"
+        cy="7.75"
+        r="0.75"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="7"
+        cy="7.75"
+        r="0.75"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="9.25"
+        cy="7.75"
+        r="0.75"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
     </svg>
   );
 }

package/src/icon/s2wf-icons/RevertIcon.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/Revert.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Revert.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 RevertIconSvg(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 RevertIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m18,15.5H3c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h15c.41406,0,.75.33594.75.75s-.33594.75-.75.75ZM11,3.25c-3.77661,0-6.92633,2.81616-7.6087,6.52832l-.85858-1.43994c-.21143-.35596-.67236-.47119-1.02832-.25977-.35547.21191-.47217.67236-.25977,1.02832l1.79541,3.01172c.10352.17383.27344.29834.47021.34521.05762.01367.11572.02051.17383.02051.14111,0,.28076-.04004.40186-.1167l2.91943-1.85254c.34961-.22217.45312-.68555.23145-1.03516-.22217-.3501-.68604-.45312-1.03516-.23145l-1.34387.85291c.53448-3.03955,3.0827-5.35144,6.14221-5.35144,3.44629,0,6.25,2.93115,6.25,6.53418,0,.41406.33594.75.75.75s.75-.33594.75-.75c0-4.43018-3.47656-8.03418-7.75-8.03418Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18 15.5H3c-.414 0-.75-.336-.75-.75S2.586 14 3 14h15c.414 0 .75.336.75.75s-.336.75-.75.75M11 3.25c-3.777 0-6.926 2.816-7.609 6.528l-.858-1.44c-.212-.356-.673-.47-1.029-.26-.355.213-.472.673-.26 1.029l1.796 3.012c.104.173.273.298.47.345q.087.02.174.02c.141 0 .28-.04.402-.116l2.92-1.853c.349-.222.452-.685.23-1.035-.221-.35-.685-.453-1.034-.231l-1.344.852C5.392 7.061 7.94 4.75 11 4.75c3.446 0 6.25 2.931 6.25 6.534 0 .414.336.75.75.75s.75-.336.75-.75c0-4.43-3.477-8.034-7.75-8.034"
       />
     </svg>
   );

package/src/icon/s2wf-icons/ReviewLinkIcon.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/ReviewLink.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/ReviewLink.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 ReviewLinkIconSvg(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,24 +18,25 @@ function ReviewLinkIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elem
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
-      <circle cx="4.125" cy="6" r=".75" 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.25h3.75c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-3.75c-.41357,0-.75-.33691-.75-.75v-5.75h8.5c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75H2.5v-2.25c0-.41309.33643-.75.75-.75h13.5c.41357,0,.75.33691.75.75v.97852c0,.41406.33594.75.75.75s.75-.33594.75-.75v-.97852c0-1.24023-1.00928-2.25-2.25-2.25Z"
-        fill="var(--iconPrimary, #222)"
+      <circle
+        cx="4.125"
+        cy="6"
+        r="0.75"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
       />
       <path
-        d="m12.19971,18.25c-.92139,0-1.7876-.35938-2.43896-1.01074-.65186-.65137-1.01074-1.51758-1.01074-2.43945,0-.9209.35889-1.78809,1.01074-2.43945l.10986-.10938c.29346-.29199.76758-.29199,1.06104.00195.29199.29395.29102.76855-.00244,1.06055l-.10889.1084c-.36719.36719-.57031.85742-.57031,1.37793,0,.52148.20264,1.01074.57129,1.37891.73633.73633,2.02051.73535,2.75732,0l.11182-.11035c.29346-.29199.76904-.29004,1.06055.00391.2915.29492.28955.76953-.00488,1.06055l-.10938.1084c-.64893.64941-1.51514,1.00879-2.43701,1.00879Z"
-        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 17H7c.414 0 .75-.336.75-.75s-.336-.75-.75-.75H3.25c-.414 0-.75-.337-.75-.75V9H11c.414 0 .75-.336.75-.75s-.336-.75-.75-.75H2.5V5.25c0-.413.336-.75.75-.75h13.5c.414 0 .75.337.75.75v.979c0 .414.336.75.75.75s.75-.336.75-.75V5.25C19 4.01 17.99 3 16.75 3"
       />
       <path
-        d="m17.6001,13.96777c-.19238,0-.38477-.07324-.53174-.2207-.29199-.29395-.29102-.76855.00244-1.06055l.10889-.1084c.36719-.36719.57031-.85742.57031-1.37793,0-.52148-.20264-1.01074-.57129-1.37891-.7373-.7373-2.02197-.73633-2.75732,0l-.11182.11035c-.29346.29297-.76904.28906-1.06055-.00391-.2915-.29492-.28955-.76953.00488-1.06055l.10938-.1084c1.29736-1.29883,3.57275-1.30078,4.87598.00195.65186.65137,1.01074,1.51758,1.01074,2.43945,0,.9209-.35889,1.78809-1.01074,2.43945l-.10986.10938c-.14648.14551-.33789.21875-.5293.21875Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M12.2 18.25c-.922 0-1.788-.36-2.44-1.01-.651-.652-1.01-1.518-1.01-2.44s.359-1.788 1.01-2.44l.11-.109c.294-.292.768-.292 1.062.002.292.294.29.768-.003 1.06l-.109.109c-.367.367-.57.857-.57 1.378s.203 1.01.571 1.379c.737.736 2.02.735 2.758 0l.111-.11c.294-.293.77-.29 1.061.003.291.295.29.77-.005 1.06l-.11.11c-.648.649-1.514 1.008-2.436 1.008M17.6 13.968c-.192 0-.385-.073-.532-.22-.292-.295-.29-.77.003-1.061l.109-.109c.367-.367.57-.857.57-1.378s-.203-1.01-.571-1.379c-.738-.737-2.022-.736-2.758 0l-.111.11c-.294.294-.77.29-1.061-.003-.291-.295-.29-.77.005-1.06l.11-.11c1.297-1.298 3.572-1.3 4.875.003.652.651 1.011 1.517 1.011 2.44 0 .92-.359 1.787-1.01 2.439l-.11.109c-.147.146-.338.219-.53.219"
       />
       <path
-        d="m12.7998,14.9502c-.19189,0-.38379-.07324-.53027-.21973-.29297-.29297-.29297-.76758,0-1.06055l2.40039-2.40039c.29297-.29297.76758-.29297,1.06055,0s.29297.76758,0,1.06055l-2.40039,2.40039c-.14648.14648-.33838.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M12.8 14.95c-.192 0-.384-.073-.53-.22-.293-.293-.293-.767 0-1.06l2.4-2.4c.293-.293.767-.293 1.06 0s.293.767 0 1.06l-2.4 2.4c-.146.147-.338.22-.53.22"
       />
     </svg>
   );

package/src/icon/s2wf-icons/RibbonIcon.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/Ribbon.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Ribbon.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 RibbonIconSvg(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 RibbonIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m16.34521,16.37939l-1.9281-4.45544c1.13184-1.13171,1.83289-2.69434,1.83289-4.4176,0-3.44629-2.80371-6.25-6.25-6.25S3.75,4.06006,3.75,7.50635c0,1.72327.70105,3.28589,1.83289,4.4176l-1.9281,4.45544c-.10303.23877-.0752.51367.07324.72656.14844.21338.39111.32715.65674.32031l1.85791-.10303,1.19727,1.42529c.14355.1709.35449.26758.57422.26758.03809,0,.07666-.00293.11523-.00879.25928-.04053.47852-.21338.57861-.45605l1.29199-3.14209,1.29199,3.14209c.1001.24268.31934.41553.57861.45605.03857.00586.07715.00879.11523.00879.21973,0,.43066-.09668.57422-.26758l1.19727-1.42529,1.85791.10303c.2666.00732.5083-.10693.65674-.32031.14844-.21289.17627-.48779.07324-.72656ZM5.25,7.50635c0-2.61914,2.13086-4.75,4.75-4.75s4.75,2.13086,4.75,4.75-2.13086,4.75-4.75,4.75-4.75-2.13086-4.75-4.75Zm2.5415,9.32861l-.6416-.76367c-.15186-.18018-.37988-.27734-.61572-.2666l-1.02051.05664,1.29449-2.99121c.68665.41016,1.4566.69067,2.27979.81201l-1.29645,3.15283Zm5.67432-1.03027c-.24316-.01172-.46338.08643-.61572.2666l-.6416.76367-1.29645-3.15283c.82318-.12134,1.59314-.40186,2.27979-.81201l1.29449,2.99121-1.02051-.05664Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m16.345 16.38-1.928-4.456c1.132-1.132 1.833-2.694 1.833-4.418 0-3.446-2.804-6.25-6.25-6.25S3.75 4.06 3.75 7.506c0 1.724.701 3.286 1.833 4.418l-1.928 4.455c-.103.24-.075.514.073.727s.391.327.657.32l1.858-.103L7.44 18.75c.143.17.354.267.574.267q.058 0 .115-.009c.26-.04.479-.213.579-.456L10 15.41l1.292 3.142c.1.243.32.416.579.456q.058.01.115.01c.22 0 .43-.098.574-.268l1.197-1.426 1.858.103c.267.008.509-.107.657-.32s.176-.488.073-.727M5.25 7.505c0-2.619 2.13-4.75 4.75-4.75s4.75 2.131 4.75 4.75-2.13 4.75-4.75 4.75-4.75-2.13-4.75-4.75m2.542 9.329-.642-.764c-.152-.18-.38-.277-.616-.266l-1.02.056 1.294-2.99c.687.41 1.457.69 2.28.811zm5.674-1.03c-.243-.012-.464.086-.616.266l-.641.764-1.297-3.153c.823-.121 1.593-.402 2.28-.812l1.294 2.991z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/RocketQuickActionsIcon.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/RocketQuickActions.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/RocketQuickActions.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 RocketQuickActionsIconSvg(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,32 +18,15 @@ function RocketQuickActionsIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>):
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m6.17871,18.82227c-.19238,0-.38379-.07324-.53027-.21973-.29297-.29297-.29297-.76855,0-1.06055l.93848-.9375c.29297-.29395.76758-.29199,1.06055,0,.29297.29297.29297.76855,0,1.06055l-.93848.9375c-.14648.14648-.33887.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M6.179 18.822c-.193 0-.384-.073-.53-.22-.294-.292-.294-.768 0-1.06l.938-.938c.293-.293.768-.291 1.06 0 .293.293.293.769 0 1.061l-.938.938c-.146.146-.339.22-.53.22M1.918 14.603c-.192 0-.384-.074-.53-.22-.293-.293-.293-.769 0-1.06l.938-.938c.294-.294.769-.292 1.06 0 .294.293.294.768 0 1.06l-.938.938c-.146.146-.339.22-.53.22M2.498 18.252c-.191 0-.383-.072-.53-.218-.292-.293-.294-.767-.002-1.061l2.496-2.51c.294-.292.767-.295 1.061-.003.293.293.295.768.003 1.061l-2.496 2.51c-.147.147-.34.221-.532.221M18.18 1.662c-.637-.585-1.576-.788-2.782-.611-2.324.344-4.172 1.61-5.656 3.02C9.37 4.028 8.995 4 8.65 4c-2.987.03-5.756 1.648-7.409 4.333-.305.496-.32 1.118-.035 1.621.282.5.792.796 1.36.796h2.803c.087.512.329.997.712 1.38l1.79 1.79c.387.388.872.624 1.38.711v2.782c-.005.581.292 1.098.796 1.382.241.136.51.204.78.204.29 0 .583-.08.842-.24 2.684-1.652 4.303-4.421 4.332-7.408.003-.362-.026-.732-.072-1.102.071-.075.154-.15.222-.225 1.552-1.68 2.461-3.406 2.78-5.277.231-1.36-.029-2.426-.75-3.085M5.79 8.84c-.077.111-.14.225-.198.344l-.003.005c-.01.02-.015.041-.024.061H2.624c-.08 0-.13-.09-.09-.157 1.282-2.089 3.487-3.455 5.824-3.57-.106.122-.218.246-.32.366-.72.851-1.476 1.843-2.248 2.95m5.118 8.622c-.068.042-.158-.01-.158-.088v-2.936c.141-.064.28-.137.411-.229 1.286-.896 2.372-1.748 3.317-2.58-.117 2.342-1.465 4.53-3.57 5.833M17.45 4.495c-.268 1.576-1.054 3.052-2.402 4.512-1.16 1.255-2.711 2.554-4.745 3.972-.43.3-1.006.248-1.373-.12l-1.79-1.79c-.32-.32-.402-.811-.203-1.224q.036-.078.083-.149c.745-1.067 1.472-2.022 2.162-2.839 1.612-1.905 3.636-3.909 6.434-4.322.51-.076 1.192-.096 1.55.234.435.397.364 1.252.284 1.726"
       />
       <path
-        d="m1.91797,14.60254c-.19238,0-.38379-.07324-.53027-.21973-.29297-.29297-.29297-.76855,0-1.06055l.93848-.9375c.29395-.29395.76855-.29199,1.06055,0,.29297.29297.29297.76855,0,1.06055l-.93848.9375c-.14648.14648-.33887.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="m2.49805,18.25195c-.19141,0-.38281-.07227-.5293-.21777-.29297-.29297-.29492-.76758-.00293-1.06152l2.49609-2.50977c.29395-.29199.76758-.29492,1.06152-.00293.29297.29297.29492.76758.00293,1.06152l-2.49609,2.50977c-.14746.14648-.33984.2207-.53223.2207Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="m18.17969,1.66211c-.63672-.58496-1.5752-.78809-2.78125-.61133-2.32446.34424-4.17236,1.60938-5.65601,3.021-.3728-.04517-.74731-.07251-1.09302-.07178-2.9873.0293-5.75684,1.64844-7.40918,4.33301-.30566.49609-.31934,1.11816-.03516,1.62109.28223.49902.79199.7959,1.36035.7959h2.80249c.0874.51196.32861.99683.71216,1.37988l1.79004,1.79004c.38696.3877.87158.62378,1.37988.71143v2.78174c-.00488.58105.29199,1.09766.7959,1.38184.24121.13574.50977.2041.7793.2041.29102,0,.58398-.08008.84277-.23926,2.68359-1.65234,4.30273-4.42188,4.33203-7.40918.00317-.36157-.02563-.73145-.07178-1.10205.0708-.07422.15381-.1499.22217-.22412,1.55176-1.68066,2.46094-3.40625,2.7793-5.27734.23145-1.35938-.02832-2.42578-.75-3.08496Zm-12.38965,7.17773c-.07715.11133-.14062.22559-.19824.34375l-.00293.00586c-.00952.01978-.01465.04053-.02368.06055h-2.94165c-.0791,0-.12988-.08984-.08862-.15723,1.28149-2.08838,3.48608-3.45483,5.82349-3.57056-.10645.12231-.21875.24634-.32031.36646-.7207.85156-1.47656,1.84375-2.24805,2.95117Zm5.11768,8.62207c-.06738.04175-.15771-.00903-.15771-.08813v-2.9353c.14136-.06445.27979-.13794.41113-.22949,1.28613-.896,2.37158-1.74805,3.31689-2.57935-.11694,2.34155-1.46509,4.52954-3.57031,5.83228Zm6.54346-12.9668c-.26855,1.57617-1.05371,3.05176-2.40234,4.51172-1.15918,1.25488-2.71094,2.55371-4.74512,3.97168-.42969.2998-1.00586.24805-1.37305-.11914l-1.79004-1.79102c-.32031-.31934-.40137-.81055-.20312-1.22363.02539-.05078.05176-.10156.08398-.14844.74414-1.06738,1.47168-2.02246,2.16113-2.83887,1.6123-1.90527,3.63672-3.90918,6.43457-4.32227.51074-.07617,1.19141-.0957,1.5498.2334.43457.39746.36426,1.25293.28418,1.72656Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="m14.5,6.75c0,.69036-.55964,1.25-1.25,1.25s-1.25-.55964-1.25-1.25c0-.69036.55964-1.25,1.25-1.25s1.25.55964,1.25,1.25Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M14.5 6.75c0 .69-.56 1.25-1.25 1.25S12 7.44 12 6.75s.56-1.25 1.25-1.25 1.25.56 1.25 1.25"
       />
     </svg>
   );

package/src/icon/s2wf-icons/RotateCCWIcon.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/RotateCCW.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/RotateCCW.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 RotateCCWIconSvg(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 RotateCCWIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Eleme
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m1.72949,3.72896c.39209-.12061.81494.10059.93701.49658l.53143,1.73016c1.43658-2.33026,3.99622-3.82538,6.80206-3.82538,4.41113,0,8,3.58887,8,8s-3.58887,8-8,8c-2.66162,0-5.1416-1.31836-6.6333-3.52686-.23193-.34326-.1416-.80957.20166-1.0415.34375-.23145.80957-.14062,1.0415.20166,1.2124,1.79492,3.22754,2.8667,5.39014,2.8667,3.58398,0,6.5-2.91602,6.5-6.5,0-3.58398-2.91602-6.5-6.5-6.5-2.20074,0-4.21191,1.13434-5.3999,2.91516l1.54736-.47522c.39258-.11914.81543.1001.93701.49658.12158.396-.10059.81543-.49658.93701l-3.37988,1.03809c-.07324.02246-.14746.0332-.2207.0332-.32031,0-.61719-.20703-.71631-.52979l-1.03809-3.37939c-.12158-.396.10059-.81543.49658-.93701Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M1.73 3.729c.392-.12.814.1.937.497l.53 1.73C4.636 3.626 7.195 2.13 10 2.13c4.411 0 8 3.59 8 8s-3.589 8-8 8c-2.662 0-5.142-1.318-6.633-3.527-.232-.343-.142-.81.201-1.041.344-.231.81-.14 1.042.202C5.822 15.559 7.837 16.63 10 16.63c3.584 0 6.5-2.916 6.5-6.5s-2.916-6.5-6.5-6.5c-2.2 0-4.212 1.135-5.4 2.915l1.547-.475c.393-.119.816.1.937.497.122.396-.1.815-.496.937l-3.38 1.038q-.11.033-.22.033c-.321 0-.618-.207-.717-.53L1.233 4.666c-.122-.396.1-.815.496-.937"
       />
     </svg>
   );

package/src/icon/s2wf-icons/RotateCWIcon.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/RotateCW.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/RotateCW.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 RotateCWIconSvg(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 RotateCWIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elemen
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m18.27051,3.72896c-.39209-.12061-.81494.10059-.93701.49658l-.53143,1.73016c-1.43658-2.33026-3.99622-3.82538-6.80206-3.82538C5.58887,2.13033,2,5.7192,2,10.13033s3.58887,8,8,8c2.66162,0,5.1416-1.31836,6.6333-3.52686.23193-.34326.1416-.80957-.20166-1.0415-.34375-.23145-.80957-.14062-1.0415.20166-1.2124,1.79492-3.22754,2.8667-5.39014,2.8667-3.58398,0-6.5-2.91602-6.5-6.5s2.91602-6.5,6.5-6.5c2.20074,0,4.21191,1.13434,5.3999,2.91516l-1.54736-.47522c-.39258-.11914-.81543.1001-.93701.49658-.12158.396.10059.81543.49658.93701l3.37988,1.03809c.07324.02246.14746.0332.2207.0332.32031,0,.61719-.20703.71631-.52979l1.03809-3.37939c.12158-.396-.10059-.81543-.49658-.93701Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18.27 3.729c-.392-.12-.814.1-.936.497l-.532 1.73C15.365 3.626 12.806 2.13 10 2.13c-4.411 0-8 3.59-8 8s3.589 8 8 8c2.662 0 5.142-1.318 6.633-3.527.232-.343.142-.81-.201-1.041-.344-.231-.81-.14-1.042.202-1.212 1.795-3.227 2.866-5.39 2.866-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5c2.2 0 4.212 1.135 5.4 2.915l-1.547-.475c-.393-.119-.816.1-.937.497-.122.396.1.815.496.937l3.38 1.038q.11.033.22.033c.321 0 .618-.207.717-.53l1.038-3.379c.122-.396-.1-.815-.496-.937"
       />
     </svg>
   );

package/src/icon/s2wf-icons/RotateOrientationIcon.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/RotateOrientation.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/RotateOrientation.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 RotateOrientationIconSvg(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 RotateOrientationIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): J
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m10.75,18.00002H3.25c-1.24072,0-2.25-1.00928-2.25-2.25v-7.5c0-1.24072,1.00928-2.25,2.25-2.25h7.5c1.24072,0,2.25,1.00928,2.25,2.25v7.5c0,1.24072-1.00928,2.25-2.25,2.25ZM3.25,7.50002c-.41357,0-.75.33643-.75.75v7.5c0,.41357.33643.75.75.75h7.5c.41357,0,.75-.33643.75-.75v-7.5c0-.41357-.33643-.75-.75-.75H3.25Zm15.28027.09131c-.29297-.29297-.76758-.29297-1.06055,0l-.46973.46973v-1.31104c0-2.61914-2.13086-4.75-4.75-4.75h-2c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2c1.79199,0,3.25,1.45801,3.25,3.25v1.31104l-.46973-.46973c-.29297-.29297-.76758-.29297-1.06055,0s-.29297.76758,0,1.06055l1.75,1.75c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973l1.75-1.75c.29297-.29297.29297-.76758,0-1.06055Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10.75 18h-7.5C2.01 18 1 16.99 1 15.75v-7.5C1 7.01 2.01 6 3.25 6h7.5C11.99 6 13 7.01 13 8.25v7.5c0 1.24-1.01 2.25-2.25 2.25M3.25 7.5c-.414 0-.75.336-.75.75v7.5c0 .414.336.75.75.75h7.5c.414 0 .75-.336.75-.75v-7.5c0-.414-.336-.75-.75-.75zm15.28.091c-.293-.293-.767-.293-1.06 0l-.47.47V6.75C17 4.13 14.87 2 12.25 2h-2c-.414 0-.75.336-.75.75s.336.75.75.75h2c1.792 0 3.25 1.458 3.25 3.25v1.311l-.47-.47c-.293-.293-.767-.293-1.06 0s-.293.768 0 1.06l1.75 1.75c.146.147.338.22.53.22s.384-.073.53-.22l1.75-1.75c.293-.292.293-.767 0-1.06"
       />
     </svg>
   );

package/src/icon/s2wf-icons/RulerIcon.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/Ruler.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Ruler.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 RulerIconSvg(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,11 @@ function RulerIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m18.09082,4.02637l-2.11719-2.11719c-.84961-.84961-2.3335-.84961-3.18213,0L1.90967,12.79785c-.87695.87695-.87744,2.30469,0,3.18262l2.11719,2.11719c.4248.4248.99023.65918,1.59131.65918s1.16602-.23438,1.59082-.65918l10.88281-10.88965c.87646-.87793.87598-2.30469-.00098-3.18164Zm-1.06006,2.12109l-10.88232,10.88965h-.00049c-.28271.2832-.77783.2832-1.06055,0l-2.1167-2.11719c-.29297-.29297-.29297-.76855-.00049-1.06152l1.00995-1.0105,1.76447,1.7644c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055l-1.76477-1.76477,1.54059-1.54138,1.05817,1.05811c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055l-1.05847-1.05847,1.54028-1.54114,1.76624,1.7666c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055l-1.76654-1.76697,1.5401-1.54102,1.05994,1.05994c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055l-1.06024-1.0603,1.01044-1.01099c.14111-.1416.32959-.21973.52979-.21973.20068,0,.38916.07812.53076.21973l2.11719,2.11719c.29248.29199.29248.76855.00049,1.06055Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18.09 4.026 15.975 1.91c-.85-.85-2.334-.85-3.182 0L1.91 12.798c-.877.877-.878 2.305 0 3.182l2.117 2.118c.425.424.99.659 1.591.659s1.166-.235 1.591-.66L18.092 7.209c.876-.878.876-2.305-.001-3.182m-1.06 2.121L6.149 17.037c-.283.283-.778.283-1.06 0L2.97 14.92c-.293-.293-.293-.769 0-1.062l1.01-1.01 1.764 1.764c.146.147.338.22.53.22s.384-.073.53-.22c.293-.293.293-.767 0-1.06L5.04 11.787l1.541-1.541 1.058 1.058c.147.146.339.22.53.22s.384-.074.53-.22c.294-.293.294-.768 0-1.06l-1.058-1.06 1.54-1.54 1.767 1.766c.146.147.338.22.53.22s.384-.073.53-.22c.293-.293.293-.767 0-1.06l-1.766-1.767 1.54-1.541 1.06 1.06c.146.146.338.22.53.22s.384-.074.53-.22c.293-.293.293-.768 0-1.061l-1.06-1.06 1.01-1.011c.142-.142.33-.22.53-.22.201 0 .39.078.531.22l2.117 2.117c.293.292.293.768 0 1.06"
       />
     </svg>
   );

package/src/icon/s2wf-icons/SaturationIcon.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/Saturation.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Saturation.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 SaturationIconSvg(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,20 +18,20 @@ function SaturationIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elem
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m17.45117,13.3125c-.42285-.41016-.95898-.50391-1.37305-.57617-.33594-.05762-.37012-.08984-.5166-.22656-.08594-.08008-.1875-.20801-.1875-.36426,0-.15527.10156-.2832.1875-.3623l1.2041-1.11914c1.04785-.9707,1.625-2.27051,1.625-3.66016s-.57715-2.68848-1.62598-3.65918c-1.4502-1.33691-3.43652-2.07324-5.59375-2.07324-2.48828,0-4.97852.98535-6.83008,2.70312-1.76172,1.63086-2.73145,3.81348-2.73145,6.14453s.96973,4.51367,2.73145,6.14453c1.72754,1.59766,4.06738,2.48926,6.66211,2.50781,2.46094,0,4.80566-.86914,6.43066-2.38281.40234-.37109.62793-.90039.63672-1.48926.00781-.60742-.22266-1.2002-.61816-1.58594l-.00098-.00098Zm-1.03992,1.97852c-1.3512,1.25879-3.32239,1.98047-5.39758,1.98047-.26758-.00195-.53223-.01514-.79346-.03906-.23657-.02124-.46912-.05444-.69958-.09302-.02112-.00366-.04285-.00488-.06384-.00854-1.57654-.27515-2.99622-.94995-4.09692-1.96777-1.45129-1.34375-2.25049-3.13477-2.25049-5.04395s.79919-3.7002,2.25171-5.04492c1.17358-1.08911,2.64648-1.83057,4.19458-2.13965.00122-.00049.0022-.00073.00342-.00098.24072-.04785.48352-.08301.72705-.10962.02637-.00293.05249-.00903.07886-.01147.26794-.02686.53687-.04102.80591-.04102,1.3717,0,2.64624.36108,3.69714,1.01758.31213.19507.60974.40942.87781.65625.73816.68359,1.14478,1.5918,1.14478,2.55859,0,.83496-.31885,1.61743-.87793,2.25928-.08838.10156-.16724.20874-.26819.30225l-1.19885,1.11426c-.43311.39868-.67163.91919-.67163,1.46582,0,.34473.10474.67578.28394.97656.10303.17334.22412.33887.38074.48438.18445.17236.35339.29395.5426.38721.20532.10107.43481.16797.73889.22021.23206.04053.495.08643.58459.17334.03003.0293.05762.08594.08447.14111.0459.09424.08301.2085.08118.34863-.00183.12402-.03003.29492-.15918.41406Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M17.451 13.313c-.423-.41-.959-.504-1.373-.577-.336-.057-.37-.09-.516-.226-.086-.08-.188-.208-.188-.364s.102-.284.188-.363l1.204-1.119c1.047-.97 1.625-2.27 1.625-3.66s-.578-2.689-1.626-3.66c-1.45-1.336-3.437-2.073-5.594-2.073-2.488 0-4.979.986-6.83 2.704-1.762 1.63-2.732 3.813-2.732 6.144s.97 4.514 2.732 6.145c1.727 1.597 4.067 2.489 6.662 2.507 2.46 0 4.806-.869 6.43-2.382.403-.371.629-.9.637-1.49.008-.607-.222-1.2-.618-1.586m-1.04 1.978c-1.35 1.259-3.322 1.98-5.397 1.98q-.402-.002-.794-.039c-.236-.02-.469-.054-.7-.093q-.03-.003-.063-.008c-1.577-.275-2.996-.95-4.097-1.968-1.451-1.344-2.25-3.135-2.25-5.044s.799-3.7 2.251-5.045c1.174-1.089 2.647-1.83 4.195-2.14h.003q.361-.07.727-.11.04-.006.079-.011.402-.041.806-.042c1.372 0 2.646.362 3.697 1.018.312.195.61.41.878.656.738.684 1.145 1.592 1.145 2.559 0 .835-.32 1.617-.878 2.26-.089.1-.168.208-.268.301l-1.2 1.115c-.432.398-.671.919-.671 1.466 0 .344.105.675.284.976.103.173.224.339.38.484.185.173.354.294.543.388.206.1.435.168.74.22.231.04.494.086.584.173.03.03.057.086.084.141.046.095.083.209.081.349-.001.124-.03.295-.159.414"
       />
       <path
-        d="m11.1709,4.27148c-1.09204,0-2.18567.27319-3.1709.7749v10.05322c.90771.41602,1.92749.66406,3.02441.67188.33081,0,.6554-.0293.97559-.07202V4.33936c-.271-.03662-.5448-.06787-.8291-.06787Z"
-        fill="var(--iconPrimary, #222)"
-        opacity=".35"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M11.17 4.271c-1.091 0-2.185.274-3.17.775V15.1c.908.416 1.927.664 3.024.671.331 0 .656-.029.976-.072V4.34c-.271-.036-.545-.068-.83-.068"
+        opacity="0.35"
       />
       <path
-        d="m8,5.04639c-.58557.2981-1.13293.67676-1.61853,1.1272-1.14319,1.05859-1.77209,2.45923-1.77209,3.94556s.62842,2.88672,1.76953,3.94336c.46704.43188,1.02441.76392,1.62109,1.03711V5.04639Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M8 5.046c-.586.298-1.133.677-1.619 1.128C5.238 7.232 4.61 8.633 4.61 10.119s.629 2.887 1.77 3.944c.467.431 1.024.763 1.621 1.037z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/SaveFloppyIcon.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/SaveFloppy.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/SaveFloppy.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 SaveFloppyIconSvg(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 SaveFloppyIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elem
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M17.41406,4.10352l-1.51758-1.51758c-.37793-.37793-.87988-.58594-1.41406-.58594H4.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.25V5.51758c0-.52637-.21338-1.04199-.58594-1.41406ZM7.75,3.5h4.5v3h-4.5v-3ZM13.25,16.5h-6.5v-4.5h6.5v4.5ZM16.5,15.75c0,.41309-.33643.75-.75.75h-1v-4.5c0-.82715-.67285-1.5-1.5-1.5h-6.5c-.82715,0-1.5.67285-1.5,1.5v4.5h-1c-.41357,0-.75-.33691-.75-.75V4.25c0-.41309.33643-.75.75-.75h2v3c0,.82715.67285,1.5,1.5,1.5h4.5c.82715,0,1.5-.67285,1.5-1.5v-3h.73242c.1333,0,.25879.05176.35352.14648l1.51758,1.51758c.09326.09277.14648.22168.14648.35352v10.23242Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m17.414 4.104-1.518-1.518C15.52 2.208 15.016 2 14.482 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.25V5.518c0-.527-.213-1.042-.586-1.414M7.75 3.5h4.5v3h-4.5zm5.5 13h-6.5V12h6.5zm3.25-.75c0 .413-.336.75-.75.75h-1V12c0-.827-.673-1.5-1.5-1.5h-6.5c-.827 0-1.5.673-1.5 1.5v4.5h-1c-.414 0-.75-.337-.75-.75V4.25c0-.413.336-.75.75-.75h2v3c0 .827.673 1.5 1.5 1.5h4.5c.827 0 1.5-.673 1.5-1.5v-3h.732c.134 0 .26.052.354.146l1.518 1.518c.093.093.146.222.146.354z"
       />
     </svg>
   );

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

@@ -1,19 +1,16 @@
 /*
- * Auto-generated from the shipped @react-spectrum/s2 dist icon (icons/Search.mjs,
- * SVGO-rounded path). Do not edit by hand.
- *
- * Pixel parity requires the SHIPPED path data, not the raw vendored `.svg`
- * source: the compiled React S2 SearchField renders `icons/Search.mjs`, whose
- * `d` is SVGO-optimized to lower decimal precision. The higher-precision raw
- * source drifts sub-glyph antialiasing and fails D3. (Same principle recorded
- * on the Cross ui-icon.) See tech-debt `s2wf-icon-shipped-path-provenance`.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
+ * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/Search.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Search.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 SearchIconSvg(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"
@@ -21,11 +18,11 @@ function SearchIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
         d="m18.53 17.47-5.083-5.084C14.417 11.186 15 9.66 15 8c0-3.86-3.14-7-7-7S1 4.14 1 8s3.14 7 7 7c1.66 0 3.185-.584 4.386-1.553l5.084 5.083c.146.147.338.22.53.22s.384-.073.53-.22c.293-.293.293-.767 0-1.06M8 13.5c-3.032 0-5.5-2.468-5.5-5.5S4.968 2.5 8 2.5s5.5 2.468 5.5 5.5-2.468 5.5-5.5 5.5"
-        fill="var(--iconPrimary, #222)"
       />
     </svg>
   );