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

package/src/icon/s2wf-icons/DataAddIcon.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/DataAdd.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/DataAdd.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 DataAddIconSvg(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 DataAddIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M15,10.521c-2.48529,0-4.5,2.01489-4.5,4.5,0,2.48535,2.01471,4.5,4.5,4.5s4.5-2.01465,4.5-4.5c0-2.48511-2.01471-4.5-4.5-4.5ZM17.5,15.64648h-1.875v1.875c0,.34473-.27979.625-.625.625s-.625-.28027-.625-.625v-1.875h-1.875c-.34521,0-.625-.28027-.625-.625s.27979-.625.625-.625h1.875v-1.875c0-.34473.27979-.625.625-.625s.625.28027.625.625v1.875h1.875c.34521,0,.625.28027.625.625s-.27979.625-.625.625Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M15 10.521c-2.485 0-4.5 2.015-4.5 4.5s2.015 4.5 4.5 4.5 4.5-2.015 4.5-4.5-2.015-4.5-4.5-4.5m2.5 5.125h-1.875v1.875c0 .345-.28.625-.625.625s-.625-.28-.625-.625v-1.875H12.5c-.345 0-.625-.28-.625-.625s.28-.625.625-.625h1.875v-1.875c0-.344.28-.625.625-.625s.625.28.625.625v1.875H17.5c.345 0 .625.28.625.625s-.28.625-.625.625"
       />
       <path
-        d="M18,4c0-2.06152-4.14697-3-8-3S2,1.93848,2,4v9.8252c0,.0271.01263.05029.01544.07666.16083,1.62158,2.84814,2.57202,5.37567,2.92236.03516.00488.06982.00684.104.00684.36865,0,.68994-.27148.7417-.64746.05713-.41016-.22949-.78809-.63965-.8457-2.81396-.38965-4.0542-1.28418-4.09717-1.58789v-3.34448c1.34125.74292,3.37274,1.18506,5.24658,1.30444.01611.00195.03223.00195.04834.00195.39257,0,.72266-.30469.74805-.70215.02637-.41309-.28711-.76953-.70068-.7959-3.00732-.19238-5.02588-1.09863-5.32715-1.67773-.00385-.00732-.01105-.01147-.01514-.0188v-2.6709c1.55219.78394,4.08337,1.15356,6.5,1.15356s4.94781-.36963,6.5-1.15356v1.90356c0,.41406.33594.75.75.75s.75-.33594.75-.75v-3.75ZM10,5.5c-4.27094,0-6.40741-1.08984-6.5-1.49341v-.00146c.09259-.41528,2.22906-1.50513,6.5-1.50513,4.25342,0,6.39014,1.08105,6.49902,1.5-.10889.41895-2.24561,1.5-6.49902,1.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18 4c0-2.062-4.147-3-8-3s-8 .938-8 3v9.825c0 .027.013.05.015.077.161 1.621 2.849 2.572 5.376 2.922q.053.007.104.007c.369 0 .69-.271.742-.647.057-.41-.23-.788-.64-.846-2.814-.39-4.054-1.284-4.097-1.588v-3.344c1.341.742 3.373 1.185 5.247 1.304q.024.003.048.002c.392 0 .723-.305.748-.702.026-.413-.287-.77-.7-.796-3.008-.193-5.027-1.099-5.328-1.678q-.007-.009-.015-.019v-2.67C5.052 6.63 7.583 7 10 7s4.948-.37 6.5-1.154V7.75c0 .414.336.75.75.75s.75-.336.75-.75zm-8 1.5c-4.27 0-6.407-1.09-6.5-1.493v-.002C3.593 3.59 5.73 2.5 10 2.5c4.253 0 6.39 1.081 6.499 1.5-.109.419-2.246 1.5-6.499 1.5"
       />
     </svg>
   );

package/src/icon/s2wf-icons/DataIcon.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/Data.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Data.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 DataIconSvg(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 DataIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M18,4.75c0-2.13379-4.02441-3.25-8-3.25S2,2.61621,2,4.75c0,.06714.01538.13037.02325.19556-.00629.03906-.02325.07422-.02325.11499v9.93945c0,2.06152,4.14697,3,8,3s8-.93848,8-3V5.06055c0-.04077-.01697-.07593-.02325-.11499.00787-.06519.02325-.12842.02325-.19556ZM16.50024,9.99451c-.0918.41516-2.22833,1.50549-6.50024,1.50549-4.27295,0-6.40967-1.09082-6.5-1.5v-3.27551c1.52985.84216,4.02393,1.27551,6.5,1.27551s4.97015-.43335,6.50006-1.27563l.00018,3.27014ZM10,3c4.28857,0,6.5,1.22656,6.5,1.75s-2.21143,1.75-6.5,1.75-6.5-1.22656-6.5-1.75,2.21143-1.75,6.5-1.75ZM10,16.5c-4.27295,0-6.40967-1.09082-6.5-1.5v-3.15356c1.55219.78394,4.08337,1.15356,6.5,1.15356,2.41681,0,4.94818-.36963,6.50031-1.15369l.00018,3.14783c-.09082.41504-2.22754,1.50586-6.50049,1.50586Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18 4.75c0-2.134-4.024-3.25-8-3.25S2 2.616 2 4.75c0 .067.015.13.023.196C2.017 4.985 2 5.02 2 5.06V15c0 2.062 4.147 3 8 3s8-.938 8-3V5.06c0-.04-.017-.075-.023-.114.008-.066.023-.129.023-.196m-1.5 5.245c-.092.415-2.228 1.505-6.5 1.505S3.59 10.41 3.5 10V6.724C5.03 7.567 7.524 8 10 8s4.97-.433 6.5-1.276zM10 3c4.289 0 6.5 1.227 6.5 1.75S14.289 6.5 10 6.5 3.5 5.273 3.5 4.75 5.711 3 10 3m0 13.5c-4.273 0-6.41-1.09-6.5-1.5v-3.154C5.052 12.63 7.583 13 10 13s4.948-.37 6.5-1.154v3.148c-.09.415-2.227 1.506-6.5 1.506"
       />
     </svg>
   );

package/src/icon/s2wf-icons/DataRefreshIcon.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/DataRefresh.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/DataRefresh.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 DataRefreshIconSvg(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,15 @@ function DataRefreshIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M18.5918,15.18555c-.39746-.12988-.81738.08691-.94629.47949-.44629,1.36719-1.71094,2.28516-3.14551,2.28516-1.07446,0-2.03967-.52039-2.64844-1.34204l.16016.05786c.32324.11816.68359-.05078.7998-.37598.11719-.32422-.05078-.68262-.37598-.7998l-1.81836-.65625c-.1582-.05664-.33398-.04785-.48535.02637-.15137.07324-.26758.20508-.32031.36621l-.62891,1.90723c-.10742.32715.07031.68066.39844.78906.06445.02148.13086.03125.19531.03125.2627,0,.50684-.16602.59375-.42969l.09094-.27576c.8656,1.34436,2.36633,2.20154,4.03894,2.20154,2.08594,0,3.92285-1.33398,4.57129-3.31836.12891-.39453-.08594-.81738-.47949-.94629Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18.592 15.186c-.398-.13-.818.086-.946.479-.447 1.367-1.711 2.285-3.146 2.285-1.074 0-2.04-.52-2.648-1.342l.16.058c.323.118.683-.05.8-.376.117-.324-.051-.683-.376-.8l-1.819-.656c-.158-.057-.334-.048-.485.026-.152.074-.268.205-.32.367l-.63 1.907c-.107.327.07.68.399.789q.097.031.195.031c.263 0 .507-.166.594-.43l.091-.275c.866 1.344 2.366 2.201 4.039 2.201 2.086 0 3.923-1.334 4.571-3.318.13-.395-.086-.818-.48-.946M19.318 11.054c-.326-.11-.68.071-.789.398l-.064.197c-.882-1.281-2.357-2.1-3.965-2.1-2.104 0-3.945 1.35-4.583 3.356-.125.396.093.818.487.943.4.13.818-.094.943-.488.438-1.381 1.706-2.31 3.153-2.31 1.07 0 2.05.528 2.663 1.36l-.274-.1c-.32-.115-.683.052-.8.377s.05.682.376.8l1.818.656q.104.037.212.037.143 0 .274-.064c.152-.073.267-.206.32-.366l.628-1.907c.107-.328-.07-.68-.399-.79"
       />
       <path
-        d="M19.31836,11.05371c-.32617-.10938-.68066.07129-.78906.39844l-.0647.19653c-.88135-1.28101-2.35645-2.09888-3.9646-2.09888-2.10352,0-3.94531,1.34863-4.58301,3.35547-.125.39551.09277.81738.4873.94238.39941.12988.81738-.09375.94238-.4873.43848-1.38184,1.70605-2.31055,3.15332-2.31055,1.06909,0,2.05078.52832,2.66284,1.35974l-.27417-.099c-.32031-.11523-.68262.05176-.7998.37598s.05078.68262.37598.7998l1.81836.65625c.06836.02441.14062.03711.21191.03711.09375,0,.1875-.02148.27344-.06348.15234-.07324.26758-.20605.32031-.36621l.62793-1.90723c.10742-.32812-.07031-.68066-.39844-.78906Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M8.17969,10.92676c-3.16992-.26465-4.6123-1.12012-4.67969-1.42676v-3.27551c1.52979.84216,4.02393,1.27551,6.5,1.27551s4.97021-.43335,6.5-1.27551v1.49915c0,.41406.33594.75.75.75s.75-.33594.75-.75v-3.16309c0-.04077-.01697-.07593-.02319-.11499.00781-.06519.02319-.12842.02319-.19556,0-2.13379-4.02441-3.25-8-3.25S2,2.11621,2,4.25c0,.06714.01538.13037.02319.19556-.00623.03906-.02319.07422-.02319.11499v9.93945c0,1.77637,2.92773,2.49121,4.67285,2.75879.03906.00586.07715.00879.11523.00879.36426,0,.68359-.26562.74023-.63574.0625-.41016-.21777-.79297-.62695-.85547-2.46484-.37891-3.35645-1.07227-3.40137-1.27637v-3.14429c1.48389.73853,3.65857.9906,4.55469,1.06519.02148.00195.04199.00293.06348.00293.38574,0,.71387-.2959.74609-.6875.03516-.41309-.27148-.77539-.68457-.80957ZM10,2.5c4.28809,0,6.5,1.22656,6.5,1.75s-2.21191,1.75-6.5,1.75-6.5-1.22656-6.5-1.75,2.21191-1.75,6.5-1.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M8.18 10.927C5.01 10.662 3.567 9.807 3.5 9.5V6.224C5.03 7.067 7.524 7.5 10 7.5s4.97-.433 6.5-1.276v1.5c0 .414.336.75.75.75s.75-.336.75-.75V4.56c0-.041-.017-.076-.023-.115.008-.066.023-.129.023-.196C18 2.116 13.976 1 10 1S2 2.116 2 4.25c0 .067.015.13.023.196C2.017 4.485 2 4.52 2 4.56V14.5c0 1.776 2.928 2.491 4.673 2.759q.058.009.115.009c.364 0 .684-.266.74-.636.063-.41-.217-.793-.627-.856-2.464-.379-3.356-1.072-3.401-1.276v-3.144c1.484.738 3.659.99 4.555 1.065l.063.003c.386 0 .714-.296.746-.688.035-.413-.271-.775-.684-.81M10 2.5c4.288 0 6.5 1.227 6.5 1.75S14.288 6 10 6 3.5 4.773 3.5 4.25 5.712 2.5 10 2.5"
       />
     </svg>
   );

package/src/icon/s2wf-icons/DataSettingsIcon.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/DataSettings.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/DataSettings.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 DataSettingsIconSvg(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,15 @@ function DataSettingsIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.El
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M18.73145,12.88867l-.69092-.06055c-.08691-.18359-.1875-.36035-.30127-.52832l.29785-.625c.30225-.63379.06396-1.40625-.54199-1.75977l-.48047-.28027c-.60742-.35449-1.39795-.18066-1.79883.39453l-.39697.56543c-.1001-.00781-.20166-.0127-.3042-.01367-.10986-.01074-.20459.00391-.30566.01172l-.39111-.57031c-.40381-.58691-1.17529-.76367-1.7959-.40918l-.48193.27539c-.61035.34863-.85498,1.11914-.55811,1.75391l.29199.62793c-.11523.16699-.21729.34277-.30566.52637l-.68994.05469c-.70068.05371-1.25098.64648-1.25391,1.34863l-.00244.55664c-.00342.70215.5415,1.2998,1.24072,1.36133l.69043.06055c.08643.18359.1875.36035.30127.52832l-.29785.62402c-.30273.63379-.06445,1.40723.54248,1.76074l.48047.28027c.60645.35156,1.39551.17969,1.79883-.39453l.396-.56641c.10059.00879.20215.01367.30518.01465.09668-.00781.2041-.00391.30518-.01172l.3916.57031c.26074.37891.68994.58691,1.12598.58691.229,0,.45947-.05762.66943-.17773l.48193-.27539c.60938-.34766.85449-1.11816.55859-1.75488l-.29248-.62891c.11572-.16602.21777-.3418.30566-.52441l.69141-.05469c.69971-.05566,1.24951-.64844,1.25244-1.34961l.00244-.55664c.00342-.70117-.5415-1.29883-1.24023-1.36035ZM18.71924,14.80078c0,.05566-.04492.10352-.10059.1084l-1.07031.08398c-.24561.01953-.45654.18066-.53955.41211-.11084.31055-.27539.59277-.48926.84082-.16064.18652-.19727.44922-.09326.67188l.45264.97266c.02441.05176.00537.11328-.04541.14258l-.48242.27539c-.0498.02832-.11279.01367-.14453-.0332l-.60791-.88379c-.11816-.1709-.31152-.27051-.51514-.27051-.03662,0-.07373.00293-.11084.00977-.15479.02832-.31348.04492-.47607.04492-.18555-.0127-.33691-.01855-.49854-.0498-.24219-.04297-.48779.05469-.62891.25586l-.61475.87793c-.03271.04688-.09619.05957-.14551.03223l-.48047-.28027c-.04932-.02832-.06836-.09082-.04395-.1416l.46191-.96777c.10596-.22266.07178-.48535-.08691-.67383-.21191-.25-.37451-.53418-.48242-.84473-.08105-.23242-.29053-.39648-.53564-.41797l-1.06982-.09375c-.05615-.00488-.1001-.05273-.09961-.10938l.00244-.55762c0-.05566.04395-.10254.10107-.10742l1.07031-.08496c.24512-.01953.45605-.18066.53906-.41211.11133-.31055.27588-.59375.48926-.84082.16064-.18555.19727-.44922.09326-.67188l-.45264-.97363c-.02441-.05176-.00488-.11133.04541-.14062l.48193-.27539c.0498-.02734.11279-.01367.14551.03223l.60742.88477c.13916.20117.38135.30273.62598.26074.15479-.02832.31396-.04492.47656-.04492.16113.00977.33789.01855.50098.04883.24365.04395.48535-.05469.62549-.25586l.61572-.87793c.03271-.04688.09521-.06152.14502-.03125l.48047.28027c.0498.02832.06836.08984.04346.1416l-.46143.96875c-.10547.22168-.07129.48438.08691.67188.21191.25098.37451.53516.48242.8457.08105.23145.29053.39453.53516.41699l1.07031.09473c.05713.00488.1001.05078.09961.1084l-.00244.55762Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m18.731 12.889-.69-.06q-.13-.276-.302-.53l.298-.624c.302-.634.064-1.406-.542-1.76l-.48-.28c-.608-.355-1.398-.18-1.8.394l-.396.566q-.15-.012-.304-.014c-.11-.01-.205.004-.306.012l-.391-.57c-.404-.587-1.175-.764-1.796-.41l-.482.276c-.61.348-.855 1.119-.558 1.754l.292.628q-.173.25-.306.526l-.69.055c-.7.053-1.25.646-1.254 1.348l-.002.557c-.003.702.541 1.3 1.24 1.361l.691.06q.131.277.301.529l-.297.624c-.303.634-.065 1.407.542 1.76l.48.281c.607.352 1.396.18 1.8-.394l.395-.567q.15.014.306.015c.096-.008.204-.004.305-.012l.391.57c.261.38.69.587 1.126.587.23 0 .46-.057.67-.177l.482-.276c.609-.348.854-1.118.558-1.755l-.292-.629q.173-.25.305-.524l.692-.055c.7-.055 1.25-.648 1.252-1.35l.003-.556c.003-.701-.542-1.299-1.24-1.36M18.72 14.8c0 .055-.045.103-.1.108l-1.07.084c-.246.02-.457.18-.54.412-.111.31-.276.593-.49.841-.16.187-.197.45-.093.672l.453.973c.024.051.005.113-.046.142l-.482.276c-.05.028-.113.013-.144-.034l-.608-.883c-.119-.171-.312-.27-.516-.27q-.054 0-.11.009-.233.043-.476.045c-.186-.013-.337-.019-.499-.05-.242-.043-.488.055-.629.256l-.615.878c-.032.047-.096.06-.145.032l-.48-.28c-.05-.029-.069-.091-.045-.142l.462-.968c.106-.222.072-.485-.087-.673-.211-.25-.374-.535-.482-.845-.081-.233-.29-.397-.536-.418l-1.07-.094c-.056-.005-.1-.053-.099-.11l.002-.557c0-.056.044-.102.101-.107l1.07-.085c.246-.02.457-.181.54-.412q.168-.469.49-.841c.16-.186.196-.45.092-.672l-.452-.974c-.025-.051-.005-.111.045-.14l.482-.276c.05-.027.113-.013.146.032l.607.885c.14.201.381.303.626.261q.232-.043.477-.045c.16.01.337.019.5.049.244.044.486-.055.626-.256l.616-.878c.032-.047.095-.061.145-.031l.48.28c.05.028.069.09.044.142l-.462.968c-.105.222-.071.485.087.672.212.251.375.536.483.846.08.232.29.395.535.417l1.07.095c.057.005.1.05.1.108z"
       />
       <path
-        d="M14.50183,13.39221c-.61359-.00269-1.11316.49255-1.11591,1.10608-.00269.61353.49249,1.11316,1.10602,1.11584.61359.00281,1.11316-.49255,1.11591-1.10608.00269-.61353-.49249-1.11304-1.10602-1.11584Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M7.82617,16.39746c-3.10352-.31445-4.2749-1.14844-4.3291-1.39453v-3.14673c1.24506.62183,2.96045.89648,3.92432,1.0061.02881.00293.05713.00488.08545.00488.37646,0,.70068-.28223.74414-.66504.04688-.41211-.24902-.7832-.66064-.83008-2.93408-.33301-4.04199-1.13574-4.09326-1.36914v-3.27551c1.52985.84216,4.02393,1.27551,6.5,1.27551s4.97015-.43335,6.5-1.27551v.61926c0,.41406.33594.75.75.75s.75-.33594.75-.75v-2.28223c0-.04102-.01697-.07629-.02332-.11548.00787-.06531.02332-.12866.02332-.19604,0-2.13379-4.02441-3.25-8-3.25S1.99707,2.61914,1.99707,4.75293c0,.06738.01544.13074.02332.19604-.00635.03918-.02332.07446-.02332.11548v9.93848c0,2.14551,4.3457,2.75195,5.67773,2.88672.02588.00293.05127.00391.07666.00391.38037,0,.70605-.28809.74512-.6748.04199-.41211-.2583-.7793-.67041-.82129ZM9.99707,3.00293c4.28857,0,6.5,1.22656,6.5,1.75s-2.21143,1.75-6.5,1.75-6.5-1.22656-6.5-1.75,2.21143-1.75,6.5-1.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M14.502 13.392c-.614-.002-1.113.493-1.116 1.106s.492 1.113 1.106 1.116 1.113-.492 1.116-1.106c.003-.613-.493-1.113-1.106-1.116M7.826 16.397c-3.103-.314-4.275-1.148-4.329-1.394v-3.147c1.245.622 2.96.897 3.924 1.006q.045.005.086.005c.376 0 .7-.282.744-.665.047-.412-.249-.783-.66-.83-2.935-.333-4.043-1.136-4.094-1.37V6.728c1.53.843 4.024 1.276 6.5 1.276s4.97-.433 6.5-1.276v.62c0 .414.336.75.75.75s.75-.336.75-.75V5.064c0-.04-.017-.076-.023-.115.008-.065.023-.129.023-.196 0-2.134-4.024-3.25-8-3.25s-8 1.116-8 3.25c0 .067.016.13.023.196-.006.04-.023.074-.023.115v9.939c0 2.145 4.346 2.752 5.678 2.887q.039.004.076.004c.38 0 .707-.289.746-.675.042-.412-.259-.78-.67-.822M9.997 3.003c4.289 0 6.5 1.226 6.5 1.75s-2.211 1.75-6.5 1.75-6.5-1.227-6.5-1.75 2.212-1.75 6.5-1.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/DataUploadIcon.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/DataUpload.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/DataUpload.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 DataUploadIconSvg(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 DataUploadIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elem
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M18,4.25c0-2.13379-4.02441-3.25-8-3.25S2,2.11621,2,4.25c0,.06714.01538.13037.02325.19556-.00629.03906-.02325.07422-.02325.11499v9.93945c0,1.79492,2.98096,2.50684,4.75781,2.77246.0376.00488.0752.00781.11182.00781.36523,0,.68555-.26758.74072-.63965.06104-.40918-.22119-.79102-.63086-.85254-2.52148-.37598-3.43311-1.08008-3.47949-1.28809v-3.15491c.2533.1283.53253.25378.87354.37073.08105.02832.16309.04102.24365.04102.31152,0,.60254-.19531.70947-.50684.13428-.3916-.07422-.81836-.46582-.95215-1.06494-.36621-1.34473-.72656-1.36084-.79785v-3.27551c1.52985.84216,4.02393,1.27551,6.5,1.27551s4.97015-.43335,6.50006-1.27563l.00018,3.27026c-.01843.08081-.3139.45508-1.43433.82764-.39307.13086-.60596.55566-.47559.94824.10449.31445.39746.51367.71191.51367.07812,0,.15771-.01172.23633-.03809.37933-.12598.68652-.26221.96173-.40186l.00018,3.1499c-.04736.21777-.9751.93164-3.54541,1.30371-.41016.05957-.69434.43945-.63477.84961.0542.37402.37451.64258.74121.64258.03564,0,.07227-.00293.1084-.00781,1.8042-.26172,4.83008-.9707,4.83008-2.78223V4.56055c0-.04077-.01697-.07593-.02325-.11499.00787-.06519.02325-.12842.02325-.19556ZM10,6c-4.28857,0-6.5-1.22656-6.5-1.75s2.21143-1.75,6.5-1.75,6.5,1.22656,6.5,1.75-2.21143,1.75-6.5,1.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18 4.25C18 2.116 13.976 1 10 1S2 2.116 2 4.25c0 .067.015.13.023.196C2.017 4.485 2 4.52 2 4.56V14.5c0 1.795 2.981 2.507 4.758 2.772q.056.008.112.008c.365 0 .685-.267.74-.64.061-.409-.22-.79-.63-.852-2.522-.376-3.434-1.08-3.48-1.288v-3.155c.253.128.533.254.874.37q.122.043.243.042c.312 0 .603-.195.71-.507.134-.392-.075-.818-.466-.952C3.796 9.932 3.516 9.57 3.5 9.5V6.224C5.03 7.067 7.524 7.5 10 7.5s4.97-.433 6.5-1.276v3.27c-.018.081-.314.456-1.434.828-.393.131-.606.556-.476.948.105.315.398.514.712.514q.118 0 .237-.038c.379-.126.686-.262.961-.402v3.15c-.047.218-.975.932-3.545 1.304-.41.06-.694.44-.635.85.054.373.375.642.742.642q.053 0 .108-.008c1.804-.262 4.83-.97 4.83-2.782V4.56c0-.04-.017-.075-.023-.114.008-.066.023-.129.023-.196M10 6C5.711 6 3.5 4.773 3.5 4.25S5.711 2.5 10 2.5s6.5 1.227 6.5 1.75S14.289 6 10 6"
       />
       <path
-        d="M12.4751,13.48242c.19189,0,.38379-.07324.53027-.21973.29297-.29297.29297-.76758,0-1.06055l-2.4751-2.47461c-.29297-.29297-.76758-.29297-1.06055,0l-2.4751,2.47461c-.29297.29297-.29297.76758,0,1.06055s.76758.29297,1.06055,0l1.19482-1.19458v6.67407c0,.41406.33594.75.75.75s.75-.33594.75-.75v-6.67407l1.19482,1.19458c.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.475 13.482c.192 0 .384-.073.53-.22.293-.292.293-.767 0-1.06L10.53 9.728c-.293-.293-.767-.293-1.06 0l-2.475 2.474c-.293.293-.293.768 0 1.06s.767.294 1.06 0l1.195-1.194v6.674c0 .414.336.75.75.75s.75-.336.75-.75v-6.674l1.195 1.195c.146.146.338.22.53.22"
       />
     </svg>
   );

package/src/icon/s2wf-icons/DeleteIcon.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/Delete.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Delete.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 DeleteIconSvg(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,15 @@ function DeleteIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m8.24902,15.02148c-.40039,0-.7334-.31738-.74805-.7207l-.25-6.5c-.0166-.41406.30664-.7627.71973-.77832.01074-.00098.02051-.00098.03027-.00098.40039,0,.7334.31738.74805.7207l.25,6.5c.0166.41406-.30664.7627-.71973.77832-.01074.00098-.02051.00098-.03027.00098Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M8.249 15.021c-.4 0-.733-.317-.748-.72l-.25-6.5c-.017-.414.307-.763.72-.779H8c.4 0 .733.317.748.72l.25 6.5c.017.414-.307.763-.72.778zM11.751 15.021h-.03c-.413-.016-.737-.365-.72-.779l.25-6.5c.015-.403.348-.72.748-.72h.03c.413.016.737.365.72.779l-.25 6.5c-.015.403-.348.72-.748.72"
       />
       <path
-        d="m11.75098,15.02148c-.00977,0-.01953,0-.03027-.00098-.41309-.01562-.73633-.36426-.71973-.77832l.25-6.5c.01465-.40332.34766-.7207.74805-.7207.00977,0,.01953,0,.03027.00098.41309.01562.73633.36426.71973.77832l-.25,6.5c-.01465.40332-.34766.7207-.74805.7207Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m17,4h-3.5v-.75c0-1.24023-1.00977-2.25-2.25-2.25h-2.5c-1.24023,0-2.25,1.00977-2.25,2.25v.75h-3.5c-.41406,0-.75.33594-.75.75s.33594.75.75.75h.52002l.42236,10.3418c.04785,1.20996,1.03613,2.1582,2.24805,2.1582h7.61914c1.21191,0,2.2002-.94824,2.24805-2.1582l.42236-10.3418h.52002c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Zm-9-.75c0-.41309.33691-.75.75-.75h2.5c.41309,0,.75.33691.75.75v.75h-4v-.75Zm6.55957,12.53125c-.0166.40332-.3457.71875-.75.71875h-7.61914c-.4043,0-.7334-.31543-.75-.71875l-.41968-10.28125h9.9585l-.41968,10.28125Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M17 4h-3.5v-.75C13.5 2.01 12.49 1 11.25 1h-2.5C7.51 1 6.5 2.01 6.5 3.25V4H3c-.414 0-.75.336-.75.75s.336.75.75.75h.52l.422 10.342C3.99 17.052 4.98 18 6.19 18h7.62c1.211 0 2.2-.948 2.248-2.158L16.48 5.5H17c.414 0 .75-.336.75-.75S17.414 4 17 4m-9-.75c0-.413.337-.75.75-.75h2.5c.413 0 .75.337.75.75V4H8zm6.56 12.531c-.017.404-.346.719-.75.719H6.19c-.404 0-.733-.315-.75-.719L5.02 5.5h9.96z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/DeviceAllIcon.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/DeviceAll.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/DeviceAll.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 DeviceAllIconSvg(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 DeviceAllIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Eleme
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m3.25586,11.96191h-1.09668c-1.19043,0-2.15918-.91309-2.15918-2.03516V2.03516C0,.91309.96875,0,2.15918,0h11.68164c1.19043,0,2.15918.91309,2.15918,2.03516l-.00049.89453c0,.41406-.33594.75-.75.75h-.00049c-.41406,0-.74951-.33594-.74951-.75l.00049-.89453c0-.29492-.2959-.53516-.65918-.53516H2.15918c-.36328,0-.65918.24023-.65918.53516v7.8916c0,.29492.2959.53516.65918.53516h1.09668c.41406,0,.75.33594.75.75s-.33594.75-.75.75Zm9.32471,2.28809c0-.41406-.33594-.75-.75-.75h-4.08057c-.41357,0-.75-.33691-.75-.75v-3.25h9.75c.41406,0,.75-.33594.75-.75v-1.5c0-1.24023-1.00928-2.25-2.25-2.25h-7.5c-1.24072,0-2.25,1.00977-2.25,2.25v5.5c0,1.24023,1.00928,2.25,2.25,2.25h4.08057c.41406,0,.75-.33594.75-.75Zm-5.58057-7c0-.41309.33643-.75.75-.75h7.5c.41357,0,.75.33691.75.75v.75H7v-.75Zm13,11v-5.5c0-.96484-.78516-1.75-1.75-1.75h-2.5c-.96484,0-1.75.78516-1.75,1.75v5.5c0,.96484.78516,1.75,1.75,1.75h2.5c.96484,0,1.75-.78516,1.75-1.75Zm-1.75-5.75c.1377,0,.25.1123.25.25v5.5c0,.1377-.1123.25-.25.25h-2.5c-.1377,0-.25-.1123-.25-.25v-5.5c0-.1377.1123-.25.25-.25h2.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M3.256 11.962H2.159C.97 11.962 0 11.049 0 9.927V2.035C0 .913.969 0 2.16 0h11.68C15.032 0 16 .913 16 2.035v.895c0 .414-.336.75-.75.75h-.001c-.414 0-.75-.336-.75-.75l.001-.895c0-.295-.296-.535-.66-.535H2.16c-.364 0-.66.24-.66.535v7.892c0 .295.296.535.66.535h1.096c.414 0 .75.336.75.75s-.336.75-.75.75m9.325 2.288c0-.414-.336-.75-.75-.75H7.75c-.414 0-.75-.337-.75-.75V9.5h9.75c.414 0 .75-.336.75-.75v-1.5C17.5 6.01 16.49 5 15.25 5h-7.5C6.51 5 5.5 6.01 5.5 7.25v5.5C5.5 13.99 6.51 15 7.75 15h4.08c.415 0 .75-.336.75-.75M7 7.25c0-.413.336-.75.75-.75h7.5c.414 0 .75.337.75.75V8H7zm13 11v-5.5c0-.965-.785-1.75-1.75-1.75h-2.5c-.965 0-1.75.785-1.75 1.75v5.5c0 .965.785 1.75 1.75 1.75h2.5c.965 0 1.75-.785 1.75-1.75m-1.75-5.75c.138 0 .25.112.25.25v5.5c0 .138-.112.25-.25.25h-2.5c-.138 0-.25-.112-.25-.25v-5.5c0-.138.112-.25.25-.25z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/DeviceDesktopIcon.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/DeviceDesktop.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/DeviceDesktop.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 DeviceDesktopIconSvg(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 DeviceDesktopIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.E
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m14,18.5H6c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h8c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m16.75,16H3.25c-1.24023,0-2.25-1.00977-2.25-2.25V5.25c0-1.24023,1.00977-2.25,2.25-2.25h13.5c1.24023,0,2.25,1.00977,2.25,2.25v8.5c0,1.24023-1.00977,2.25-2.25,2.25ZM3.25,4.5c-.41309,0-.75.33691-.75.75v8.5c0,.41309.33691.75.75.75h13.5c.41309,0,.75-.33691.75-.75V5.25c0-.41309-.33691-.75-.75-.75H3.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M14 18.5H6c-.414 0-.75-.336-.75-.75S5.586 17 6 17h8c.414 0 .75.336.75.75s-.336.75-.75.75M16.75 16H3.25C2.01 16 1 14.99 1 13.75v-8.5C1 4.01 2.01 3 3.25 3h13.5C17.99 3 19 4.01 19 5.25v8.5c0 1.24-1.01 2.25-2.25 2.25M3.25 4.5c-.413 0-.75.337-.75.75v8.5c0 .413.337.75.75.75h13.5c.413 0 .75-.337.75-.75v-8.5c0-.413-.337-.75-.75-.75z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/DeviceDesktopMobileIcon.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/DeviceDesktopMobile.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/DeviceDesktopMobile.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 DeviceDesktopMobileIconSvg(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 DeviceDesktopMobileIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>):
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
-      <g>
-        <path
-          d="m16.46973,18h-4.93945c-.84375,0-1.53027-.76465-1.53027-1.7041V7.7041c0-.93945.68652-1.7041,1.53027-1.7041h4.93945c.84375,0,1.53027.76465,1.53027,1.7041v8.5918c0,.93945-.68652,1.7041-1.53027,1.7041Zm-.04297-10.50977l-4.89648.00977c.02344.00293-.03027.07812-.03027.2041v8.5918c0,.12598.05371.20117.07324.21387l4.89648-.00977c-.02344-.00293.03027-.07812.03027-.2041V7.7041c0-.12598-.05371-.20117-.07324-.21387Z"
-          fill="var(--iconPrimary, #222)"
-        />
-        <ellipse cx="14" cy="15.18182" rx=".61905" ry=".63636" fill="var(--iconPrimary, #222)" />
+      <g fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))">
+        <path d="M16.47 18h-4.94c-.843 0-1.53-.765-1.53-1.704V7.704C10 6.764 10.687 6 11.53 6h4.94c.843 0 1.53.765 1.53 1.704v8.592c0 .94-.687 1.704-1.53 1.704m-.043-10.51-4.897.01c.024.003-.03.078-.03.204v8.592c0 .126.054.201.073.214l4.897-.01c-.024-.003.03-.078.03-.204V7.704c0-.126-.054-.201-.073-.214" />
+        <ellipse cx="14" cy="15.182" rx="0.619" ry="0.636" />
       </g>
       <path
-        d="m7.75,13h-3.68164c-1.14062,0-2.06836-.90137-2.06836-2.00977v-6.98047c0-1.1084.92773-2.00977,2.06836-2.00977h11.68164c1.24023,0,2.25,1.00977,2.25,2.25,0,.41406-.33594.75-.75.75s-.75-.33594-.75-.75c0-.41309-.33691-.75-.75-.75H4.06836c-.31348,0-.56836.22852-.56836.50977v6.98047c0,.28125.25488.50977.56836.50977h3.68164c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m7.75,15.5h-1.5c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h1.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M7.75 13H4.068C2.928 13 2 12.099 2 10.99V4.01C2 2.9 2.928 2 4.068 2H15.75C16.99 2 18 3.01 18 4.25c0 .414-.336.75-.75.75s-.75-.336-.75-.75c0-.413-.337-.75-.75-.75H4.068c-.313 0-.568.229-.568.51v6.98c0 .281.255.51.568.51H7.75c.414 0 .75.336.75.75s-.336.75-.75.75M7.75 15.5h-1.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h1.5c.414 0 .75.336.75.75s-.336.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/DeviceLaptopIcon.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/DeviceLaptop.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/DeviceLaptop.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 DeviceLaptopIconSvg(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 DeviceLaptopIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.El
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m19,17.5H1c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h18c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m15.75,15H4.25c-1.24023,0-2.25-1.00977-2.25-2.25v-7.5c0-1.24023,1.00977-2.25,2.25-2.25h11.5c1.24023,0,2.25,1.00977,2.25,2.25v7.5c0,1.24023-1.00977,2.25-2.25,2.25ZM4.25,4.5c-.41309,0-.75.33691-.75.75v7.5c0,.41309.33691.75.75.75h11.5c.41309,0,.75-.33691.75-.75v-7.5c0-.41309-.33691-.75-.75-.75H4.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M19 17.5H1c-.414 0-.75-.336-.75-.75S.586 16 1 16h18c.414 0 .75.336.75.75s-.336.75-.75.75M15.75 15H4.25C3.01 15 2 13.99 2 12.75v-7.5C2 4.01 3.01 3 4.25 3h11.5C16.99 3 18 4.01 18 5.25v7.5c0 1.24-1.01 2.25-2.25 2.25M4.25 4.5c-.413 0-.75.337-.75.75v7.5c0 .413.337.75.75.75h11.5c.413 0 .75-.337.75-.75v-7.5c0-.413-.337-.75-.75-.75z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/DeviceMobileIcon.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/DeviceMobile.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/DeviceMobile.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 DeviceMobileIconSvg(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,18 +18,28 @@ function DeviceMobileIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.El
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
-      <circle cx="5" cy="8.00001" r=".625" fill="var(--iconPrimary, #222)" />
+      <circle
+        cx="5"
+        cy="8"
+        r="0.625"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
       <path
-        d="m8,14.00001h-3.75c-1.24023,0-2.25-1.00977-2.25-2.25v-7.5c0-1.24023,1.00977-2.25,2.25-2.25h11.5c1.24023,0,2.25,1.00977,2.25,2.25,0,.41406-.33594.75-.75.75s-.75-.33594-.75-.75c0-.41309-.33691-.75-.75-.75H4.25c-.41309,0-.75.33691-.75.75v7.5c0,.41309.33691.75.75.75h3.75c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M8 14H4.25C3.01 14 2 12.99 2 11.75v-7.5C2 3.01 3.01 2 4.25 2h11.5C16.99 2 18 3.01 18 4.25c0 .414-.336.75-.75.75s-.75-.336-.75-.75c0-.413-.337-.75-.75-.75H4.25c-.413 0-.75.337-.75.75v7.5c0 .413.337.75.75.75H8c.414 0 .75.336.75.75S8.414 14 8 14"
       />
       <path
-        d="m16.25,18.00001h-4.5c-.96484,0-1.75-.78516-1.75-1.75V7.75001c0-.96484.78516-1.75,1.75-1.75h4.5c.96484,0,1.75.78516,1.75,1.75v8.5c0,.96484-.78516,1.75-1.75,1.75Zm-4.5-10.5c-.1377,0-.25.1123-.25.25v8.5c0,.1377.1123.25.25.25h4.5c.1377,0,.25-.1123.25-.25V7.75001c0-.1377-.1123-.25-.25-.25h-4.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.25 18h-4.5c-.965 0-1.75-.785-1.75-1.75v-8.5c0-.965.785-1.75 1.75-1.75h4.5c.965 0 1.75.785 1.75 1.75v8.5c0 .965-.785 1.75-1.75 1.75m-4.5-10.5c-.138 0-.25.112-.25.25v8.5c0 .138.112.25.25.25h4.5c.138 0 .25-.112.25-.25v-8.5c0-.138-.112-.25-.25-.25z"
+      />
+      <circle
+        cx="14"
+        cy="15"
+        r="0.625"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
       />
-      <circle cx="14" cy="15.00001" r=".625" fill="var(--iconPrimary, #222)" />
     </svg>
   );
 }

package/src/icon/s2wf-icons/DeviceMultiscreenIcon.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/DeviceMultiscreen.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/DeviceMultiscreen.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 DeviceMultiscreenIconSvg(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,15 @@ function DeviceMultiscreenIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): J
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M13.99979,18.50009h-5c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M14 18.5H9c-.414 0-.75-.336-.75-.75S8.586 17 9 17h5c.414 0 .75.336.75.75s-.336.75-.75.75M16.75 16H6.25C5.01 16 4 14.99 4 13.75v-5.5C4 7.01 5.01 6 6.25 6h10.5C17.99 6 19 7.01 19 8.25v5.5c0 1.24-1.01 2.25-2.25 2.25M6.25 7.5c-.414 0-.75.337-.75.75v5.5c0 .413.336.75.75.75h10.5c.413 0 .75-.337.75-.75v-5.5c0-.413-.337-.75-.75-.75z"
       />
       <path
-        d="M16.74979,16.00009H6.24979c-1.24072,0-2.25-1.00977-2.25-2.25v-5.5c0-1.24023,1.00928-2.25,2.25-2.25h10.5c1.24072,0,2.25,1.00977,2.25,2.25v5.5c0,1.24023-1.00928,2.25-2.25,2.25ZM6.24979,7.50009c-.41357,0-.75.33691-.75.75v5.5c0,.41309.33643.75.75.75h10.5c.41357,0,.75-.33691.75-.75v-5.5c0-.41309-.33643-.75-.75-.75H6.24979Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M1.74979,10.50009c-.41406,0-.75-.33594-.75-.75V3.25009c0-1.24023,1.00928-2.25,2.25-2.25h10.5c1.24072,0,2.25,1.00977,2.25,2.25v.49219c0,.41406-.33594.75-.75.75s-.75-.33594-.75-.75v-.49219c0-.41309-.33643-.75-.75-.75H3.24979c-.41357,0-.75.33691-.75.75v6.5c0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M1.75 10.5c-.414 0-.75-.336-.75-.75v-6.5C1 2.01 2.01 1 3.25 1h10.5C14.99 1 16 2.01 16 3.25v.492c0 .414-.336.75-.75.75s-.75-.336-.75-.75V3.25c0-.413-.337-.75-.75-.75H3.25c-.414 0-.75.337-.75.75v6.5c0 .414-.336.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/DevicePhoneIcon.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/DevicePhone.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/DevicePhone.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 DevicePhoneIconSvg(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 DevicePhoneIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
-      <circle cx="10" cy="15" r="1" fill="var(--iconPrimary, #222)" />
+      <circle
+        cx="10"
+        cy="15"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
       <path
-        d="m13.75,19h-7.5c-1.24023,0-2.25-1.00977-2.25-2.25V3.25c0-1.24023,1.00977-2.25,2.25-2.25h7.5c1.24023,0,2.25,1.00977,2.25,2.25v13.5c0,1.24023-1.00977,2.25-2.25,2.25ZM6.25,2.5c-.41309,0-.75.33691-.75.75v13.5c0,.41309.33691.75.75.75h7.5c.41309,0,.75-.33691.75-.75V3.25c0-.41309-.33691-.75-.75-.75h-7.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.75 19h-7.5C5.01 19 4 17.99 4 16.75V3.25C4 2.01 5.01 1 6.25 1h7.5C14.99 1 16 2.01 16 3.25v13.5c0 1.24-1.01 2.25-2.25 2.25M6.25 2.5c-.413 0-.75.337-.75.75v13.5c0 .413.337.75.75.75h7.5c.413 0 .75-.337.75-.75V3.25c0-.413-.337-.75-.75-.75z"
       />
     </svg>
   );