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

package/src/icon/s2wf-icons/PinOffIcon.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/PinOff.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/PinOff.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 PinOffIconSvg(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 PinOffIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M17.38086,6.56641l-3.94629-3.94629c-.3623-.36328-.8457-.5625-1.35938-.5625h-.00098c-.51465,0-.99902.20117-1.36035.56348-.4248.42383-.62109.99902-.55664,1.56445l-3.16504,3.16504-2.31152-.19824c-.74805-.08594-1.4375.30957-1.75977.98535-.32227.67773-.1875,1.45898.34375,1.99023l2.77344,2.77344-3.81836,3.81836c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973l3.81836-3.81836,2.77441,2.77441c.33887.33984.78027.5166,1.23145.5166.25488,0,.5127-.05664.75781-.17285.67676-.32227,1.06348-1.0127.98633-1.74609l-.2002-2.32617,3.16602-3.16602c.56738.06738,1.14062-.12988,1.56445-.55371.36328-.36328.56348-.8457.56445-1.35938.00098-.51562-.19922-.99902-.5625-1.3623ZM16.31836,8.22754c-.12695.12598-.28809.15918-.4375.0957-.28125-.12402-.60938-.05957-.82715.1582l-3.71289,3.71289c-.15625.15625-.23633.37402-.2168.59473l.23145,2.6875c.01562.14453-.06738.21484-.13867.24902-.07227.03516-.18066.05273-.2832-.0498l-6.6084-6.6084c-.10352-.10352-.08496-.21191-.0498-.28418.03125-.06543.09277-.13965.22363-.13965.0127,0,.02539.00098.03906.00195l2.67285.22949c.22168.02051.4375-.05957.59473-.2168l3.71191-3.71191c.2168-.2168.28027-.54492.1582-.82715-.06543-.15332-.03125-.30762.09863-.4375.08008-.08008.18652-.12402.30078-.12402.11328,0,.21973.04395.29883.12305l3.94629,3.94629c.16504.16504.16406.43457-.00195.60059Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M17.38 6.566 13.436 2.62c-.363-.363-.846-.562-1.36-.562s-1 .2-1.361.563c-.425.424-.621 1-.557 1.565L6.992 7.35l-2.311-.199c-.748-.086-1.438.31-1.76.986-.322.677-.188 1.459.344 1.99L6.038 12.9 2.22 16.72c-.293.293-.293.767 0 1.06.146.147.338.22.53.22s.384-.073.53-.22L7.1 13.962l2.774 2.774c.339.34.78.517 1.231.517.255 0 .513-.057.758-.173.677-.322 1.064-1.013.987-1.746l-.2-2.326 3.165-3.166c.568.067 1.141-.13 1.565-.554.363-.363.563-.846.564-1.36s-.199-.998-.562-1.362m-1.062 1.662c-.127.126-.288.159-.437.095-.281-.124-.61-.06-.827.158l-3.713 3.713c-.156.157-.237.374-.217.595l.231 2.688c.016.144-.067.214-.138.249s-.18.052-.283-.05L4.325 9.067c-.103-.103-.085-.212-.05-.284.032-.065.093-.14.224-.14l.04.003 2.672.229c.222.02.437-.06.595-.217l3.712-3.712c.216-.217.28-.545.158-.827-.066-.153-.031-.307.098-.437.08-.08.187-.124.301-.124s.22.044.299.123l3.946 3.946c.165.165.164.435-.002.6"
       />
     </svg>
   );

package/src/icon/s2wf-icons/PinOnIcon.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/PinOn.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/PinOn.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 PinOnIconSvg(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 PinOnIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M15.78711,11.4043l-1.78711-1.50293v-4.47754c.44531-.35352.71484-.89941.71484-1.49805,0-1.06152-.86328-1.92578-1.92383-1.92578h-5.58105c-1.06055,0-1.92285.86426-1.92285,1.92578,0,.59863.26855,1.14453.71289,1.49707v4.47852l-1.77539,1.49414c-.58203.47266-.79688,1.23438-.54688,1.94043.25.70703.89746,1.16406,1.64941,1.16406h3.92285v2.75c0,.41406.33594.75.75.75s.75-.33594.75-.75v-2.75h3.92383c.75195,0,1.39941-.45703,1.64941-1.16406.25-.70605.03516-1.46777-.53613-1.93164ZM14.90918,12.83496c-.02637.0752-.08887.16504-.23535.16504H5.32715c-.14648,0-.20898-.08984-.23535-.16504s-.03516-.18262.08887-.2832l2.05273-1.72852c.16895-.1416.2666-.35156.2666-.57324v-5.25c0-.30664-.1875-.58301-.47266-.69629-.1543-.0625-.24023-.19629-.24023-.37793,0-.23438.18945-.42578.42285-.42578h5.58105c.2334,0,.42383.19141.42383.42578,0,.18066-.08594.31543-.24219.37793-.28516.11328-.47266.38965-.47266.69629v5.25c0,.22168.09766.43164.2666.57422l2.06445,1.7373c.11328.09082.10449.19824.07812.27344Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M15.787 11.404 14 9.901V5.424c.445-.354.715-.9.715-1.498C14.715 2.864 13.852 2 12.79 2H7.21c-1.06 0-1.923.864-1.923 1.926 0 .598.269 1.144.713 1.497V9.9l-1.775 1.495c-.582.472-.797 1.234-.547 1.94.25.707.897 1.164 1.65 1.164H9.25v2.75c0 .414.336.75.75.75s.75-.336.75-.75V14.5h3.924c.752 0 1.4-.457 1.65-1.164s.034-1.468-.537-1.932m-.878 1.431c-.026.075-.089.165-.235.165H5.327c-.146 0-.209-.09-.235-.165s-.035-.183.089-.283l2.052-1.729c.17-.141.267-.351.267-.573V5c0-.307-.187-.583-.473-.696-.154-.063-.24-.197-.24-.378 0-.235.19-.426.423-.426h5.581c.233 0 .424.191.424.426 0 .18-.086.315-.242.378-.286.113-.473.39-.473.696v5.25c0 .222.098.432.267.574l2.064 1.738c.113.09.105.198.078.273"
       />
     </svg>
   );

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

@@ -1,27 +1,28 @@
 /*
- * 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/Play.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Play.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 PlayIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
-      id="d"
-      data-name="ICONS"
       xmlns="http://www.w3.org/2000/svg"
       width="20"
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M4.74902,18.00391c-.39795,0-.79541-.10742-1.15332-.32129-.68604-.41016-1.0957-1.13281-1.0957-1.93164V4.24902c0-.79883.40967-1.52148,1.0957-1.93164.68555-.40918,1.51514-.42969,2.21924-.0498l10.70117,5.75098c.73047.39258,1.18408,1.15234,1.18408,1.98145s-.45361,1.58887-1.18408,1.98145l-10.70117,5.75098c-.33643.18164-.70166.27148-1.06592.27148ZM4.75244,3.49609c-.17822,0-.31836.06836-.38721.10938-.10986.06543-.36523.25977-.36523.64355v11.50195c0,.38379.25537.57812.36523.64355s.40137.19824.73975.01758l10.70068-5.75098c.35596-.19238.39453-.52637.39453-.66113s-.03857-.46875-.39453-.66113L5.10498,3.58789c-.12646-.06738-.24609-.0918-.35254-.0918Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M4.749 18.004c-.398 0-.795-.108-1.153-.321C2.91 17.273 2.5 16.55 2.5 15.75V4.249c0-.799.41-1.521 1.096-1.932.685-.409 1.515-.43 2.219-.05L16.516 8.02C17.246 8.41 17.7 9.17 17.7 10s-.453 1.589-1.184 1.981L5.815 17.732c-.336.182-.702.272-1.066.272m.003-14.508c-.178 0-.318.068-.387.11-.11.065-.365.26-.365.643v11.502c0 .384.255.578.365.644s.402.198.74.017l10.7-5.75c.357-.193.395-.527.395-.662s-.038-.469-.394-.661L5.105 3.588c-.126-.067-.246-.092-.353-.092"
       />
     </svg>
   );

package/src/icon/s2wf-icons/PluginGearIcon.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/PluginGear.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/PluginGear.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 PluginGearIconSvg(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,21 @@ function PluginGearIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elem
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <circle
-        cx="13.95138"
-        cy="14.53859"
-        r="1.24979"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        cx="13.951"
+        cy="14.539"
+        r="1.25"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
       />
       <path
-        d="m12.15918,19.66113c-.23047,0-.46387-.05762-.67578-.17871l-.49316-.28125c-.61719-.35156-.86426-1.13184-.56445-1.77539l.30078-.64648c-.12109-.17383-.22852-.35645-.32031-.54785l-.71191-.05566c-.70703-.05469-1.26367-.6543-1.26758-1.36426l-.00293-.56738c-.00391-.72168.53516-1.31348,1.25391-1.37695l.70996-.0625c.04492-.0957.09277-.18945.14551-.28223.05176-.09082.10938-.18164.16992-.26953l-.30762-.64355c-.30664-.63965-.06641-1.42188.54785-1.78027l.49023-.28711c.61133-.35547,1.41113-.18066,1.81836.39844l.41113.58496c.21191-.01855.42383-.01953.63379-.00293l.4043-.58887c.40137-.58398,1.19727-.76855,1.81543-.41602l.49316.28125c.61719.35156.86426,1.13184.56445,1.77539l-.30078.64648c.12109.17383.22852.35645.32031.54785l.71191.05566c.70703.05469,1.26367.6543,1.26758,1.36426l.00293.56738c.00391.72168-.53516,1.31348-1.25391,1.37695l-.70996.0625c-.04492.0957-.09277.18945-.14551.28223,0,0,0,.00098-.00098.00098-.05176.09082-.1084.18066-.16895.26855l.30762.64355c.30664.63965.06641,1.42188-.54785,1.78027l-.49023.28711c-.61035.35742-1.41113.18262-1.81836-.39844l-.41113-.58496c-.21191.01855-.42383.01953-.63379.00293l-.4043.58887c-.26367.38379-.69824.59473-1.13965.59473Zm-.0332-9.05566c-.02148,0-.04297.00488-.06152.0166l-.49121.28711c-.05566.03223-.07715.10254-.0498.16016l.47266.98926c.10547.22266.07129.48633-.08789.67383-.10645.12598-.2041.26172-.29004.41016-.08398.14746-.15039.30176-.20508.45898-.08203.23047-.29102.39258-.53418.41406l-1.09082.09668c-.06543.00586-.11426.06055-.11426.12598l.00293.56738c0,.06543.0498.11914.11523.12402l1.0918.08594c.24512.01953.45605.18066.53906.41211.11328.31543.2832.60449.50391.86133.16113.18555.19727.44922.09375.67188l-.46191.99316c-.02734.05859-.00488.12988.05078.16113l.49316.28125c.05762.03223.12891.01367.16504-.03711l.62012-.90332c.13965-.20312.38574-.30273.62695-.26172.33105.06055.66797.05859.99707-.00391.24219-.04688.48926.05371.62988.25391l.62891.89648c.03711.05371.11035.06934.16504.03711l.49121-.28711c.05566-.03223.07715-.10254.0498-.16016l-.47266-.98926c-.10547-.22266-.07129-.48633.08789-.67383.10645-.12598.2041-.26172.29004-.41016.08398-.14844.15039-.30273.20508-.45898.08203-.23047.29102-.39258.53418-.41406l1.09082-.09668c.06543-.00586.11426-.06055.11426-.12598l-.00293-.56738c0-.06543-.0498-.11914-.11523-.12402l-1.0918-.08594c-.24512-.01953-.45605-.18066-.53906-.41211-.11328-.31543-.2832-.60449-.50391-.86133-.16113-.18555-.19727-.44922-.09375-.67188l.46191-.99316c.02734-.05859.00488-.12988-.05078-.16113l-.49316-.28125c-.05957-.03223-.13086-.01465-.16504.03711l-.62012.90332c-.13965.20312-.38477.30859-.62695.26172-.33105-.05957-.66797-.05957-.99707.00391-.23828.04883-.48828-.05371-.62988-.25391l-.62891-.89648c-.02441-.03516-.06348-.05371-.10352-.05371Zm4.79785,5.5625h.00977-.00977Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M12.16 19.661c-.231 0-.465-.057-.677-.179l-.493-.28c-.617-.352-.864-1.133-.564-1.776l.3-.647q-.181-.26-.32-.548l-.712-.055c-.707-.055-1.263-.655-1.267-1.364l-.003-.568c-.004-.722.535-1.313 1.254-1.377l.71-.062q.067-.144.145-.283.079-.136.17-.27l-.307-.643c-.307-.64-.067-1.421.547-1.78l.49-.287c.612-.355 1.412-.18 1.819.398l.411.585q.318-.028.634-.003l.404-.588c.402-.584 1.197-.769 1.816-.416l.493.28c.617.352.864 1.133.564 1.776l-.3.647q.181.26.32.548l.712.055c.707.055 1.263.655 1.267 1.364l.003.568c.004.722-.535 1.313-1.254 1.377l-.71.062q-.067.144-.145.283h-.001q-.078.137-.17.27l.308.643c.307.64.067 1.422-.547 1.78l-.49.287c-.611.357-1.412.183-1.819-.398l-.411-.585q-.318.028-.634.003l-.404.588c-.264.384-.698.595-1.14.595m-.034-9.056q-.033 0-.062.017l-.49.287c-.056.032-.078.103-.05.16l.472.99c.106.222.071.486-.088.673q-.16.189-.29.41-.124.223-.205.46c-.082.23-.29.392-.534.414l-1.09.096c-.066.006-.115.06-.115.126l.003.568c0 .065.05.119.115.124l1.092.086c.245.02.456.18.539.412q.171.474.504.861c.16.186.197.45.094.672l-.462.993c-.028.059-.005.13.05.161l.494.281c.057.033.128.014.165-.037l.62-.903c.14-.203.385-.303.627-.262.33.06.668.059.997-.004.242-.046.489.054.63.254l.629.897c.037.054.11.07.165.037l.49-.287c.056-.032.078-.103.05-.16l-.472-.99c-.106-.222-.071-.486.088-.673q.16-.189.29-.41.124-.224.205-.46c.082-.23.29-.392.534-.414l1.09-.096c.066-.006.115-.06.115-.126l-.003-.568c0-.065-.05-.119-.115-.124l-1.092-.086c-.245-.02-.456-.18-.539-.412q-.171-.474-.504-.861c-.16-.186-.197-.45-.093-.672l.461-.993c.028-.059.005-.13-.05-.161l-.494-.281c-.06-.033-.13-.015-.165.037l-.62.903c-.14.203-.384.309-.627.262-.33-.06-.668-.06-.997.004-.238.048-.488-.054-.63-.254l-.628-.897c-.025-.035-.064-.054-.104-.054m4.798 5.563h.01z"
       />
       <path
-        d="m16.87598,4h-.87598v-.75098c0-.96484-.78516-1.75-1.75-1.75h-1.5c-.96484,0-1.75.78516-1.75,1.75v.75098h-2v-.75098c0-.96484-.78516-1.75-1.75-1.75h-1.5c-.96484,0-1.75.78516-1.75,1.75v.75098h-.87598c-1.1709,0-2.12402.95312-2.12402,2.12402v8.75195c0,1.1709.95312,2.12402,2.12402,2.12402h3.87598c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-3.87598c-.34375,0-.62402-.28027-.62402-.62402V6.12402c0-.34375.28027-.62402.62402-.62402h13.75195c.34375,0,.62402.28027.62402.62402v1.75195c0,.41406.33594.75.75.75s.75-.33594.75-.75v-1.75195c0-1.1709-.95312-2.12402-2.12402-2.12402Zm-4.37598-.75098c0-.1377.1123-.25.25-.25h1.5c.1377,0,.25.1123.25.25v.75098h-2v-.75098Zm-7,0c0-.1377.1123-.25.25-.25h1.5c.1377,0,.25.1123.25.25v.75098h-2v-.75098Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.876 4H16v-.751c0-.965-.785-1.75-1.75-1.75h-1.5c-.965 0-1.75.785-1.75 1.75V4H9v-.751c0-.965-.785-1.75-1.75-1.75h-1.5c-.965 0-1.75.785-1.75 1.75V4h-.876C1.954 4 1 4.953 1 6.124v8.752C1 16.046 1.953 17 3.124 17H7c.414 0 .75-.336.75-.75s-.336-.75-.75-.75H3.124c-.344 0-.624-.28-.624-.624V6.124c0-.344.28-.624.624-.624h13.752c.344 0 .624.28.624.624v1.752c0 .414.336.75.75.75s.75-.336.75-.75V6.124C19 4.954 18.047 4 16.876 4M12.5 3.249c0-.138.112-.25.25-.25h1.5c.138 0 .25.112.25.25V4h-2zm-7 0c0-.138.112-.25.25-.25h1.5c.138 0 .25.112.25.25V4h-2z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/PluginIcon.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/Plugin.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Plugin.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 PluginIconSvg(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 PluginIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m16.75,4h-.75v-.75098c0-.96484-.78516-1.75-1.75-1.75h-1.5c-.96484,0-1.75.78516-1.75,1.75v.75098h-2v-.75098c0-.96484-.78516-1.75-1.75-1.75h-1.5c-.96484,0-1.75.78516-1.75,1.75v.75098h-.75c-1.24072,0-2.25,1.00977-2.25,2.25v8.5c0,1.24023,1.00928,2.25,2.25,2.25h13.5c1.24072,0,2.25-1.00977,2.25-2.25V6.25c0-1.24023-1.00928-2.25-2.25-2.25Zm-4.25-.75098c0-.1377.1123-.25.25-.25h1.5c.1377,0,.25.1123.25.25v.75098h-2v-.75098Zm-7,0c0-.1377.1123-.25.25-.25h1.5c.1377,0,.25.1123.25.25v.75098h-2v-.75098Zm12,11.50098c0,.41309-.33643.75-.75.75H3.25c-.41357,0-.75-.33691-.75-.75V6.25c0-.41309.33643-.75.75-.75h13.5c.41357,0,.75.33691.75.75v8.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.75 4H16v-.751c0-.965-.785-1.75-1.75-1.75h-1.5c-.965 0-1.75.785-1.75 1.75V4H9v-.751c0-.965-.785-1.75-1.75-1.75h-1.5c-.965 0-1.75.785-1.75 1.75V4h-.75C2.01 4 1 5.01 1 6.25v8.5C1 15.99 2.01 17 3.25 17h13.5c1.24 0 2.25-1.01 2.25-2.25v-8.5C19 5.01 17.99 4 16.75 4m-4.25-.751c0-.138.112-.25.25-.25h1.5c.138 0 .25.112.25.25V4h-2zm-7 0c0-.138.112-.25.25-.25h1.5c.138 0 .25.112.25.25V4h-2zm12 11.501c0 .413-.336.75-.75.75H3.25c-.414 0-.75-.337-.75-.75v-8.5c0-.413.336-.75.75-.75h13.5c.414 0 .75.337.75.75z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/Polygon3Icon.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/Polygon3.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Polygon3.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 Polygon3IconSvg(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 Polygon3IconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elemen
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m16.94873,18H3.05127c-.81348,0-1.54199-.4209-1.94873-1.125-.40674-.70508-.40625-1.5459.00049-2.25L8.05176,2.58984c.40674-.7041,1.13477-1.125,1.94824-1.125s1.54199.4209,1.94824,1.125l6.94873,12.03516c.40674.7041.40723,1.54492.00049,2.25-.40674.7041-1.13525,1.125-1.94873,1.125ZM10,2.96484c-.13037,0-.4541.03613-.64941.375L2.40186,15.375c-.19531.33887-.06543.6377,0,.75.06494.1123.2583.375.64941.375h13.89746c.39111,0,.58447-.2627.64941-.375.06543-.1123.19531-.41113,0-.75L10.64941,3.33984c-.19531-.33887-.51904-.375-.64941-.375Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.949 18H3.05c-.813 0-1.542-.42-1.948-1.125-.407-.705-.407-1.546 0-2.25L8.052 2.59C8.459 1.886 9.187 1.465 10 1.465s1.542.42 1.948 1.125l6.949 12.035c.407.704.407 1.545 0 2.25-.406.704-1.135 1.125-1.948 1.125M10 2.965c-.13 0-.454.036-.65.375L2.403 15.375c-.195.339-.066.638 0 .75.065.112.258.375.65.375h13.897c.39 0 .584-.263.65-.375.065-.112.194-.411 0-.75L10.648 3.34C10.454 3 10.13 2.965 10 2.965"
       />
     </svg>
   );

package/src/icon/s2wf-icons/Polygon4Icon.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/Polygon4.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Polygon4.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 Polygon4IconSvg(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 Polygon4IconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elemen
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M15.75,18H4.25c-1.24072,0-2.25-1.00928-2.25-2.25V4.25c0-1.24072,1.00928-2.25,2.25-2.25h11.5c1.24072,0,2.25,1.00928,2.25,2.25v11.5c0,1.24072-1.00928,2.25-2.25,2.25ZM4.25,3.5c-.41357,0-.75.33643-.75.75v11.5c0,.41357.33643.75.75.75h11.5c.41357,0,.75-.33643.75-.75V4.25c0-.41357-.33643-.75-.75-.75H4.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 2h11.5C16.99 2 18 3.01 18 4.25v11.5c0 1.24-1.01 2.25-2.25 2.25M4.25 3.5c-.414 0-.75.336-.75.75v11.5c0 .414.336.75.75.75h11.5c.414 0 .75-.336.75-.75V4.25c0-.414-.336-.75-.75-.75z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/Polygon5Icon.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/Polygon5.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Polygon5.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 Polygon5IconSvg(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 Polygon5IconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elemen
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m13.99365,18h-7.9873c-.97803,0-1.83838-.625-2.14014-1.55518l-2.46826-7.59619c-.30225-.92969.02588-1.94092.81787-2.51562L8.67725,1.6377c.79102-.57422,1.854-.57422,2.64502,0h.00049l6.46191,4.69531c.7915.57471,1.11963,1.58594.81738,2.51562l-2.46826,7.59668c-.30176.92969-1.16211,1.55469-2.14014,1.55469Zm-3.99365-15.29199c-.15479,0-.30908.04785-.44141.14355L3.09717,7.54688c-.26416.19141-.37354.52832-.27246.83789l2.46826,7.59668c.10059.31055.38721.51855.71338.51855h7.9873c.32617,0,.61279-.20801.71338-.51807l2.46826-7.59717c.10107-.30957-.0083-.64648-.27197-.83789l-6.4624-4.69531c-.13184-.0957-.28613-.14355-.44092-.14355Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.994 18H6.006c-.978 0-1.838-.625-2.14-1.555L1.398 8.849c-.302-.93.026-1.941.818-2.516l6.461-4.695c.791-.575 1.854-.575 2.645 0l6.463 4.695c.791.575 1.12 1.586.817 2.516l-2.468 7.596c-.302.93-1.162 1.555-2.14 1.555M10 2.708c-.155 0-.31.048-.441.144L3.097 7.547c-.264.191-.373.528-.272.838l2.468 7.596c.1.311.387.519.713.519h7.988c.326 0 .612-.208.713-.518l2.468-7.597c.101-.31-.008-.647-.272-.838l-6.462-4.695c-.132-.096-.286-.144-.441-.144"
       />
     </svg>
   );

package/src/icon/s2wf-icons/Polygon6Icon.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/Polygon6.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Polygon6.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 Polygon6IconSvg(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 Polygon6IconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elemen
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m13.31982,18h-6.63965c-.80127,0-1.54834-.43164-1.94824-1.125l-3.31982-5.75c-.40088-.69336-.40088-1.55664,0-2.25l3.31982-5.75c.3999-.69336,1.14697-1.125,1.94824-1.125h6.63965c.80127,0,1.54834.43164,1.94824,1.125l3.31982,5.75c.40088.69336.40088,1.55664,0,2.25l-3.31982,5.75c-.3999.69336-1.14697,1.125-1.94824,1.125ZM6.68018,3.5c-.26709,0-.51562.14355-.64893.375l-3.32031,5.75c-.13379.23145-.13379.51855,0,.75l3.31982,5.75c.13379.23145.38232.375.64941.375h6.63965c.26709,0,.51562-.14355.64893-.375l3.32031-5.75c.13379-.23145.13379-.51855,0-.75l-3.31982-5.75c-.13379-.23145-.38232-.375-.64941-.375h-6.63965Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.32 18H6.68c-.801 0-1.548-.432-1.948-1.125l-3.32-5.75c-.4-.693-.4-1.557 0-2.25l3.32-5.75C5.132 2.432 5.879 2 6.68 2h6.64c.801 0 1.548.432 1.948 1.125l3.32 5.75c.4.693.4 1.557 0 2.25l-3.32 5.75c-.4.693-1.147 1.125-1.948 1.125M6.68 3.5c-.267 0-.515.144-.649.375l-3.32 5.75c-.134.231-.134.519 0 .75l3.32 5.75c.134.231.382.375.65.375h6.639c.267 0 .515-.144.649-.375l3.32-5.75c.134-.231.134-.519 0-.75l-3.32-5.75c-.134-.231-.382-.375-.65-.375z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/PremiumIconIcon.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/PremiumIcon.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/PremiumIcon.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 PremiumIconIconSvg(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 PremiumIconIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M3.37791,15.20416L1.36038,5.87794c-.2076-.95967.98828-1.60554,1.72487-.93156l3.33146,3.04828,2.64717-5.42114c.3734-.76469,1.49885-.76469,1.87225,0l2.64717,5.42114,3.33146-3.04828c.73659-.67398,1.93247-.02811,1.72487.93156l-2.01753,9.32622c-.10031.46368-.52321.79584-1.01326.79584H4.39117c-.49004,0-.91295-.33216-1.01326-.79584Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M3.378 15.204 1.36 5.878c-.207-.96.989-1.606 1.725-.932l3.332 3.049 2.647-5.421c.373-.765 1.499-.765 1.872 0l2.647 5.42 3.332-3.048c.736-.674 1.932-.028 1.725.932l-2.018 9.326c-.1.464-.523.796-1.013.796H4.39c-.49 0-.913-.332-1.013-.796"
       />
     </svg>
   );

package/src/icon/s2wf-icons/PreviewIcon.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/Preview.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Preview.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 PreviewIconSvg(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 PreviewIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m19.28027,18.22168l-1.97339-1.97339c.43652-.64087.69312-1.41382.69312-2.24634,0-2.20605-1.79395-4-4-4s-4,1.79395-4,4,1.79395,4,4,4c.83252,0,1.60547-.25659,2.24634-.69312l1.97339,1.97339c.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055Zm-7.78027-4.21973c0-1.37891,1.12109-2.5,2.5-2.5s2.5,1.12109,2.5,2.5-1.12109,2.5-2.5,2.5-2.5-1.12109-2.5-2.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m19.28 18.222-1.973-1.974c.436-.64.693-1.414.693-2.246 0-2.206-1.794-4-4-4s-4 1.794-4 4 1.794 4 4 4c.833 0 1.605-.257 2.246-.693l1.974 1.973c.146.147.338.22.53.22s.384-.073.53-.22c.293-.293.293-.767 0-1.06m-7.78-4.22c0-1.379 1.121-2.5 2.5-2.5s2.5 1.121 2.5 2.5-1.121 2.5-2.5 2.5-2.5-1.121-2.5-2.5"
       />
       <path
-        d="m16.34082,5.28027l-3.62109-3.62012c-.41797-.41992-.99805-.66016-1.59082-.66016h-5.87891c-1.24023,0-2.25,1.00977-2.25,2.25v12.5c0,1.24023,1.00977,2.25,2.25,2.25h3.75c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-3.75c-.41309,0-.75-.33691-.75-.75V3.25c0-.41309.33691-.75.75-.75h4.75v3.25c0,1.24023,1.00977,2.25,2.25,2.25h3.25v.5c0,.41406.33594.75.75.75s.75-.33594.75-.75v-1.62891c0-.5918-.24023-1.17188-.65918-1.59082Zm-4.84082.46973v-3.13574c.05493.03198.11279.06006.1582.10547l3.62207,3.62109c.04565.04565.07373.10376.10596.15918h-3.13623c-.41309,0-.75-.33691-.75-.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m16.34 5.28-3.62-3.62c-.418-.42-.998-.66-1.591-.66H5.25C4.01 1 3 2.01 3 3.25v12.5C3 16.99 4.01 18 5.25 18H9c.414 0 .75-.336.75-.75s-.336-.75-.75-.75H5.25c-.413 0-.75-.337-.75-.75V3.25c0-.413.337-.75.75-.75H10v3.25C10 6.99 11.01 8 12.25 8h3.25v.5c0 .414.336.75.75.75s.75-.336.75-.75V6.871c0-.592-.24-1.172-.66-1.59m-4.84.47V2.614c.055.032.113.06.158.106l3.622 3.62c.046.046.074.105.106.16H12.25c-.413 0-.75-.337-.75-.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/PrintIcon.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/Print.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Print.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 PrintIconSvg(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 PrintIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m16.75,5h-.75v-.75c0-1.24023-1.00977-2.25-2.25-2.25h-7.5c-1.24023,0-2.25,1.00977-2.25,2.25v.75h-.75c-1.24023,0-2.25,1.00977-2.25,2.25v5.5c0,1.24023,1.00977,2.25,2.25,2.25h.75v.75c0,1.24023,1.00977,2.25,2.25,2.25h7.5c1.24023,0,2.25-1.00977,2.25-2.25v-.75h.75c1.24023,0,2.25-1.00977,2.25-2.25v-5.5c0-1.24023-1.00977-2.25-2.25-2.25Zm-11.25-.75c0-.41309.33691-.75.75-.75h7.5c.41309,0,.75.33691.75.75v.75H5.5v-.75Zm9,11.5c0,.41309-.33691.75-.75.75h-7.5c-.41309,0-.75-.33691-.75-.75v-3.5c0-.41309.33691-.75.75-.75h7.5c.41309,0,.75.33691.75.75v3.5Zm3-3c0,.41309-.33691.75-.75.75h-.75v-1.25c0-1.24023-1.00977-2.25-2.25-2.25h-7.5c-1.24023,0-2.25,1.00977-2.25,2.25v1.25h-.75c-.41309,0-.75-.33691-.75-.75v-5.5c0-.41309.33691-.75.75-.75h13.5c.41309,0,.75.33691.75.75v5.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.75 5H16v-.75C16 3.01 14.99 2 13.75 2h-7.5C5.01 2 4 3.01 4 4.25V5h-.75C2.01 5 1 6.01 1 7.25v5.5C1 13.99 2.01 15 3.25 15H4v.75C4 16.99 5.01 18 6.25 18h7.5c1.24 0 2.25-1.01 2.25-2.25V15h.75c1.24 0 2.25-1.01 2.25-2.25v-5.5C19 6.01 17.99 5 16.75 5M5.5 4.25c0-.413.337-.75.75-.75h7.5c.413 0 .75.337.75.75V5h-9zm9 11.5c0 .413-.337.75-.75.75h-7.5c-.413 0-.75-.337-.75-.75v-3.5c0-.413.337-.75.75-.75h7.5c.413 0 .75.337.75.75zm3-3c0 .413-.337.75-.75.75H16v-1.25c0-1.24-1.01-2.25-2.25-2.25h-7.5C5.01 10 4 11.01 4 12.25v1.25h-.75c-.413 0-.75-.337-.75-.75v-5.5c0-.413.337-.75.75-.75h13.5c.413 0 .75.337.75.75z"
       />
       <path
-        d="m12.5,15h-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="M12.5 15h-5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5c.414 0 .75.336.75.75s-.336.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/ProjectAddIntoIcon.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/ProjectAddInto.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/ProjectAddInto.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 ProjectAddIntoIconSvg(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 ProjectAddIntoIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M15.75,11H4.99475l5.71863-6.63428c.78174-.90723.729-2.23926-.11865-2.96973l-.32227-.27734c-.42139-.36377-.9707-.52295-1.54102-.45068-.54248.06885-1.04443.34277-1.41309.771L1.43945,8.25977c-.78223.90723-.729,2.23877.11768,2.96875l.32275.27832c.18323.15802.39087.27588.61328.35468-.30396.38367-.49316.86206-.49316,1.38849v3c0,1.5166,1.2334,2.75,2.75,2.75h10.5c1.5166,0,2.75-1.2334,2.75-2.75v-3c0-1.24072-1.00928-2.25-2.25-2.25ZM2.5752,9.23926l5.87891-6.8208c.12695-.14697.29297-.24072.46729-.2627.02002-.00244.04492-.00488.07275-.00488.08643,0,.20166.02002.29932.104l.32227.27734c.2168.18701.19971.57812-.03809.854l-5.87939,6.8208c-.12695.14697-.29297.24072-.46729.2627-.08057.01172-.24268.01221-.37158-.09863l-.32275-.27832c-.2168-.18701-.19873-.57764.03857-.85352ZM16.5,16.25c0,.68945-.56055,1.25-1.25,1.25H4.75c-.68945,0-1.25-.56055-1.25-1.25v-3c0-.41357.33643-.75.75-.75h11.5c.41357,0,.75.33643.75.75v3Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M15.75 11H4.995l5.718-6.634c.782-.908.73-2.24-.118-2.97l-.323-.277c-.42-.364-.97-.523-1.54-.451-.543.069-1.045.343-1.414.771L1.44 8.259c-.782.908-.729 2.24.118 2.97l.323.278c.183.158.39.276.613.355-.304.383-.493.862-.493 1.388v3C2 17.767 3.233 19 4.75 19h10.5c1.517 0 2.75-1.233 2.75-2.75v-3c0-1.24-1.01-2.25-2.25-2.25M2.575 9.24l5.88-6.822c.126-.147.292-.24.466-.262q.03-.005.073-.005c.087 0 .202.02.3.104l.322.277c.217.187.2.578-.038.854l-5.88 6.821c-.127.147-.293.24-.467.263-.08.011-.243.012-.372-.099l-.322-.278c-.217-.187-.2-.578.038-.854M16.5 16.25c0 .69-.56 1.25-1.25 1.25H4.75c-.69 0-1.25-.56-1.25-1.25v-3c0-.414.336-.75.75-.75h11.5c.414 0 .75.336.75.75z"
       />
       <path
-        d="M11.5,15.5h-3c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h3c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M18.28027,2.71973c-.29297-.29297-.76758-.29297-1.06055,0l-3.71973,3.71973v-1.18945c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v3c0,.41406.33594.75.75.75h3c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-1.18945l3.71973-3.71973c.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="M11.5 15.5h-3c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h3c.414 0 .75.336.75.75s-.336.75-.75.75M18.28 2.72c-.293-.293-.767-.293-1.06 0L13.5 6.44V5.25c0-.414-.336-.75-.75-.75s-.75.336-.75.75v3c0 .414.336.75.75.75h3c.414 0 .75-.336.75-.75s-.336-.75-.75-.75h-1.19l3.72-3.72c.293-.293.293-.767 0-1.06"
       />
     </svg>
   );

package/src/icon/s2wf-icons/ProjectCreateIcon.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/ProjectCreate.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/ProjectCreate.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 ProjectCreateIconSvg(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,25 @@ function ProjectCreateIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.E
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
-      <circle cx="16" cy="8" r=".75" fill="var(--iconPrimary, #222)" stroke-width="0" />
-      <path
-        d="M11.5,9.875c-.7583,0-1.375-.6167-1.375-1.375s.6167-1.375,1.375-1.375,1.375.6167,1.375,1.375-.6167,1.375-1.375,1.375ZM11.5,8.125c-.20654,0-.375.16846-.375.375s.16846.375.375.375.375-.16846.375-.375-.16846-.375-.375-.375Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M10.59473,1.396l-.32227-.27734c-.42139-.36377-.9707-.52295-1.54102-.45068-.54248.06885-1.04443.34277-1.41309.771L1.43945,8.25977c-.78223.90723-.729,2.23877.11768,2.96875l.32275.27832c.18323.15802.39087.27588.61328.35468-.30396.38367-.49316.86206-.49316,1.38849v3c0,1.5166,1.23389,2.75,2.75,2.75h4.7251c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-4.7251c-.68945,0-1.25-.56055-1.25-1.25v-3c0-.41357.33643-.75.75-.75h5.12988c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-4.38513l5.71863-6.63428c.78174-.90723.729-2.23926-.11865-2.96973ZM9.57764,3.38623l-5.87939,6.8208c-.12695.14697-.29297.24072-.46729.2627-.08057.01074-.24268.01221-.37158-.09863l-.32275-.27832c-.2168-.18701-.19873-.57764.03857-.85352l5.87891-6.8208c.12695-.14697.29297-.24072.46729-.2627.02002-.00244.04492-.00488.07275-.00488.08643,0,.20166.02002.29932.104l.32227.27734c.2168.18701.19971.57812-.03809.854Z"
-        fill="var(--iconPrimary, #222)"
+      <circle
+        cx="16"
+        cy="8"
+        r="0.75"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
       />
       <path
-        d="M8.52539,15.5c-.41406,0-.7627-.33594-.7627-.75s.32324-.75.7373-.75h.02539c.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="M11.5 9.875c-.758 0-1.375-.617-1.375-1.375s.617-1.375 1.375-1.375 1.375.617 1.375 1.375-.617 1.375-1.375 1.375m0-1.75c-.207 0-.375.168-.375.375s.168.375.375.375.375-.168.375-.375-.168-.375-.375-.375"
       />
       <path
-        d="M14.62744,5.94678c-.104,0-.20752-.02588-.30029-.07715-.14551-.07959-.25342-.21387-.2998-.37256l-.75635-2.59229c-.09668-.33154.09375-.67871.4248-.77539l2.5918-.75635c.3335-.09717.67871.09375.77539.4248l.75635,2.5918c.09668.33154-.09375.67871-.4248.77539l-2.5918.75684c-.05762.0166-.1167.0249-.17529.0249ZM14.646,3.1543l.40625,1.39209,1.39209-.40625-.40625-1.39209-1.39209.40625Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m10.595 1.396-.323-.277c-.42-.364-.97-.523-1.54-.451-.543.069-1.045.343-1.414.771L1.44 8.259c-.782.908-.729 2.24.118 2.97l.323.278c.183.158.39.276.613.355-.304.383-.493.862-.493 1.388v3C2 17.767 3.234 19 4.75 19h4.725c.414 0 .75-.336.75-.75s-.336-.75-.75-.75H4.75c-.69 0-1.25-.56-1.25-1.25v-3c0-.414.336-.75.75-.75h5.13c.414 0 .75-.336.75-.75S9.794 11 9.38 11H4.995l5.718-6.634c.782-.908.73-2.24-.118-2.97m-1.017 1.99-5.88 6.821c-.127.147-.293.24-.467.263-.08.01-.243.012-.372-.099l-.322-.278c-.217-.187-.2-.578.038-.854l5.88-6.82c.126-.148.292-.241.466-.263q.03-.005.073-.005c.087 0 .202.02.3.104l.322.277c.217.187.2.578-.038.854"
       />
       <path
-        d="M15,10.52112c-2.48529,0-4.5,2.01471-4.5,4.5s2.01471,4.5,4.5,4.5,4.5-2.01471,4.5-4.5-2.01471-4.5-4.5-4.5ZM17.5,15.646h-1.875v1.875c0,.34521-.27979.625-.625.625s-.625-.27979-.625-.625v-1.875h-1.875c-.34521,0-.625-.27979-.625-.625s.27979-.625.625-.625h1.875v-1.875c0-.34521.27979-.625.625-.625s.625.27979.625.625v1.875h1.875c.34521,0,.625.27979.625.625s-.27979.625-.625.625Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M8.525 15.5c-.414 0-.762-.336-.762-.75S8.086 14 8.5 14h.025c.414 0 .75.336.75.75s-.336.75-.75.75M14.627 5.947c-.104 0-.207-.026-.3-.077-.145-.08-.253-.214-.3-.373l-.756-2.592c-.097-.332.094-.679.425-.776l2.592-.756c.333-.097.678.094.775.425l.756 2.592c.097.331-.093.678-.424.775l-2.592.757q-.087.024-.176.025m.019-2.793.406 1.392 1.392-.406-.406-1.392zM15 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-.345.28-.625.625-.625s.625.28.625.625v1.875H17.5c.345 0 .625.28.625.625s-.28.625-.625.625"
       />
     </svg>
   );