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

package/src/icon/s2wf-icons/TranslateIcon.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/Translate.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Translate.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 TranslateIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,17 +18,11 @@ function TranslateIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Eleme
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M12.25,2.5h-4.41602v-.75c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v.75H1.75c-.41406,0-.75.33594-.75.75s.33594.75.75.75h7.87756c-.45685,2.271-1.83588,3.87573-3.3559,4.93359-.47833-.86816-.84314-1.75977-1.06757-2.64453-.10156-.40137-.51025-.64844-.91162-.54199-.40137.10156-.64404.50977-.54248.91113.25867,1.01953.67657,2.04468,1.22845,3.03857-.79346.39551-1.56305.6604-2.19574.80225-.4043.08984-.65869.49121-.56836.89551.07812.34863.3877.58594.73145.58594.0542,0,.10938-.00586.16406-.01855.76636-.17139,1.70502-.49878,2.66888-.99585.82391,1.19067,1.83002,2.31128,2.98834,3.28394.14062.11816.31201.17578.48193.17578.21387,0,.42627-.09082.57471-.26758.2666-.31738.2251-.79004-.0918-1.05664-1.03131-.86621-1.927-1.85742-2.664-2.90601,1.87836-1.28979,3.60254-3.29297,4.08789-6.19556h1.09418c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="M18.94092,17.95801l-4.01904-9.5c-.11768-.27734-.38965-.45801-.69092-.45801s-.57324.18066-.69092.45801l-4.01953,9.5c-.16113.38086.01709.82129.39844.98242.38428.16504.82227-.0166.9834-.39844l1.28052-3.02637h4.09589l1.28033,3.02637c.12109.28613.39893.45801.69141.45801.09717,0,.19629-.01855.2915-.05957.38184-.16113.56006-.60156.39893-.98242ZM12.8175,14.01562l1.41345-3.34082,1.41327,3.34082h-2.82672Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M12.25 2.5H7.834v-.75c0-.414-.336-.75-.75-.75s-.75.336-.75.75v.75H1.75c-.414 0-.75.336-.75.75s.336.75.75.75h7.878C9.17 6.271 7.792 7.876 6.272 8.934c-.479-.869-.843-1.76-1.068-2.645-.101-.401-.51-.648-.912-.542-.4.102-.644.51-.542.911.259 1.02.677 2.045 1.228 3.039-.793.395-1.563.66-2.195.802-.405.09-.659.491-.569.896.078.348.388.585.732.585q.082 0 .164-.018c.766-.171 1.705-.499 2.669-.996.824 1.19 1.83 2.311 2.988 3.284.14.118.312.176.482.176.214 0 .426-.091.575-.268.266-.317.225-.79-.092-1.056-1.031-.867-1.927-1.858-2.664-2.906C8.946 8.906 10.67 6.903 11.156 4h1.094c.414 0 .75-.336.75-.75s-.336-.75-.75-.75M18.94 17.958l-4.018-9.5c-.118-.277-.39-.458-.691-.458s-.573.18-.691.458l-4.02 9.5c-.16.38.018.821.399.982.384.165.822-.016.983-.398l1.28-3.026h4.097l1.28 3.026c.121.286.399.458.691.458q.148 0 .292-.06c.382-.16.56-.601.399-.982m-6.123-3.942 1.414-3.341 1.413 3.34z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/TutorialsIcon.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/Tutorials.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Tutorials.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 TutorialsIconSvg(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,19 @@ function TutorialsIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Eleme
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M5.51562,14.18457c-.07129,0-.14355-.00977-.21582-.03223l-2.67773-.80566c-.95117-.27051-1.62207-1.16016-1.62207-2.15918V3.25098c0-.71191.32617-1.36719.89453-1.7959.56934-.42969,1.28613-.56348,1.97363-.36816l5.13184,1.4668,5.13184-1.46582c.68457-.19824,1.4043-.0625,1.97363.36719.56836.42871.89453,1.08398.89453,1.7959v2.85449c0,.41406-.33594.75-.75.75s-.75-.33594-.75-.75v-2.85449c0-.2373-.1084-.45605-.29785-.59863-.19043-.14355-.43262-.18945-.6582-.12207l-5.33789,1.52441c-.13477.03906-.27734.03906-.41211,0l-5.33789-1.52539c-.22559-.06543-.46777-.02051-.6582.12305-.18945.14258-.29785.36133-.29785.59863v7.93652c0,.33301.22363.62891.54395.71973l2.6875.80957c.39648.11914.62207.53711.50195.93359-.09766.3252-.39551.53418-.71777.53418Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M5.516 14.185q-.108 0-.216-.033l-2.678-.805C1.671 13.077 1 12.187 1 11.187V3.252c0-.712.326-1.367.895-1.796S3.18.892 3.868 1.087L9 2.554l5.132-1.466c.684-.198 1.404-.063 1.973.367.569.429.895 1.084.895 1.796v2.854c0 .415-.336.75-.75.75s-.75-.335-.75-.75V3.251c0-.237-.108-.456-.298-.599s-.432-.19-.658-.122L9.206 4.055c-.135.039-.277.039-.412 0L3.456 2.529c-.226-.065-.468-.02-.658.123s-.298.362-.298.599v7.937c0 .333.224.628.544.72l2.687.809c.397.119.623.537.502.933-.097.326-.395.535-.717.535"
       />
       <path
-        d="M6.71777,6.74316c-.06836,0-.1377-.00879-.20605-.0293l-2.01172-.5752c-.39844-.11328-.62891-.52832-.51465-.92676.11328-.39844.52832-.63379.92676-.51465l2.01172.5752c.39844.11328.62891.52832.51465.92676-.09375.3291-.39355.54395-.7207.54395Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M6.718 6.743q-.104 0-.206-.03L4.5 6.14c-.398-.114-.629-.529-.515-.927.114-.399.529-.634.927-.515l2.012.575c.398.114.629.529.514.927-.093.33-.393.544-.72.544M6.718 10.056q-.104 0-.206-.03L4.5 9.451c-.398-.113-.629-.528-.515-.927.114-.398.529-.635.927-.514l2.012.575c.398.113.629.528.514.927-.093.329-.393.544-.72.544M11.282 6.743c-.327 0-.627-.215-.72-.544-.115-.398.116-.813.514-.927l2.012-.575c.397-.117.813.117.927.515s-.117.813-.515.927l-2.012.575q-.102.03-.206.03M13.5 19C10.468 19 8 16.532 8 13.5S10.468 8 13.5 8s5.5 2.468 5.5 5.5-2.468 5.5-5.5 5.5m0-9.5c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4"
       />
       <path
-        d="M6.71777,10.05566c-.06836,0-.1377-.00879-.20605-.0293l-2.01172-.5752c-.39844-.11328-.62891-.52832-.51465-.92676.11328-.39844.52832-.63574.92676-.51465l2.01172.5752c.39844.11328.62891.52832.51465.92676-.09375.3291-.39355.54395-.7207.54395Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M11.28223,6.74316c-.32715,0-.62695-.21484-.7207-.54395-.11426-.39844.11621-.81348.51465-.92676l2.01172-.5752c.39746-.11719.81348.11719.92676.51465.11426.39844-.11621.81348-.51465.92676l-2.01172.5752c-.06836.02051-.1377.0293-.20605.0293Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M13.5,19c-3.03223,0-5.5-2.46777-5.5-5.5s2.46777-5.5,5.5-5.5,5.5,2.46777,5.5,5.5-2.46777,5.5-5.5,5.5ZM13.5,9.5c-2.20605,0-4,1.79395-4,4s1.79395,4,4,4,4-1.79395,4-4-1.79395-4-4-4Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M12,14.95334v-2.90669c0-.42868.414-.69002.73316-.46282l2.35068,1.45334c.30029.21377.30029.71188,0,.92565l-2.35068,1.45334c-.31916.2272-.73316-.03415-.73316-.46282Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M12 14.953v-2.906c0-.429.414-.69.733-.463l2.35 1.453c.301.214.301.712 0 .926l-2.35 1.453c-.319.227-.733-.034-.733-.463"
       />
     </svg>
   );

package/src/icon/s2wf-icons/UnLinkIcon.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/UnLink.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/UnLink.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 UnLinkIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,31 +18,11 @@ function UnLinkIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m13.5,17.77148c-.32031,0-.61621-.20605-.71582-.52734l-.82129-2.64258c-.12305-.39551.09766-.81641.49316-.93848.40039-.125.81641.09863.93848.49316l.82129,2.64258c.12305.39551-.09766.81641-.49316.93848-.07422.02344-.14941.03418-.22266.03418Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m17,14.27148c-.07422,0-.14941-.01074-.22363-.03418l-2.65723-.8291c-.39551-.12305-.61523-.54395-.49219-.93945.12207-.39551.54395-.62012.93945-.49219l2.65723.8291c.39551.12305.61523.54395.49219.93945-.09961.32031-.39648.52637-.71582.52637Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m7.31641,6.40527c-.32031,0-.61621-.20605-.7168-.52832l-.81641-2.63379c-.12207-.39551.09863-.81543.49512-.93848.39453-.12207.81445.09863.93848.49512l.81641,2.63379c.12207.39551-.09863.81543-.49512.93848-.07324.02246-.14844.0332-.22168.0332Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m5.63965,8.09082c-.07324,0-.14844-.01074-.22266-.03418l-2.63965-.81934c-.39551-.12207-.61621-.54297-.49316-.93848.12305-.39453.54004-.61523.93848-.49316l2.63965.81934c.39551.12207.61621.54297.49316.93848-.09961.32129-.39551.52734-.71582.52734Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m5.31348,18.76953c-1.04102,0-2.08105-.39648-2.87305-1.18848-1.58496-1.58398-1.58496-4.16309,0-5.74707l1.92676-1.92676c.29297-.29297.76758-.29297,1.06055,0s.29297.76758,0,1.06055l-1.92676,1.92676c-1,1-1,2.62598,0,3.62598,1.00098,1.00098,2.62695.99707,3.62598,0l1.95215-1.95312c.29199-.29199.7666-.29395,1.06055,0,.29297.29199.29297.76758,0,1.06055l-1.95215,1.95312c-.79199.79199-1.83301,1.1875-2.87402,1.18848Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m15.10059,10.35645c-.19238,0-.38379-.07324-.53027-.21973-.29297-.29297-.29297-.76758,0-1.06055l1.92773-1.92773c1-1,1-2.62695.00098-3.62598-.96875-.96875-2.65723-.96875-3.62598,0l-1.95215,1.95215c-.29297.29297-.76758.29297-1.06055,0s-.29297-.76758,0-1.06055l1.95215-1.95215c.76758-.76758,1.78809-1.19141,2.87402-1.19141,1.08496,0,2.10547.42383,2.87305,1.19141,1.58398,1.58398,1.58398,4.16211,0,5.74609l-1.92871,1.92871c-.14648.14648-.33789.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.5 17.771c-.32 0-.616-.206-.716-.527l-.821-2.642c-.123-.396.098-.817.493-.939.4-.125.816.099.939.493l.82 2.643c.124.395-.097.816-.492.938q-.113.035-.223.034M17 14.271q-.112.001-.224-.034l-2.657-.829c-.395-.123-.615-.544-.492-.94.122-.395.544-.62.94-.491l2.657.829c.395.123.615.544.492.94-.1.32-.397.525-.716.525M7.316 6.405c-.32 0-.616-.206-.716-.528l-.817-2.634c-.122-.395.099-.815.495-.938.395-.122.815.098.939.495l.816 2.634c.122.395-.098.815-.495.938q-.11.034-.222.033M5.64 8.09q-.111 0-.223-.033l-2.64-.82c-.395-.122-.616-.543-.493-.938s.54-.615.939-.493l2.64.819c.395.122.616.543.492.938-.1.322-.395.528-.715.528M5.313 18.77c-1.04 0-2.08-.397-2.873-1.189-1.585-1.584-1.585-4.163 0-5.747l1.927-1.927c.293-.293.768-.293 1.06 0s.294.768 0 1.06l-1.926 1.928c-1 1-1 2.626 0 3.626s2.627.997 3.626 0l1.952-1.954c.292-.292.767-.294 1.06 0 .294.292.294.768 0 1.06l-1.951 1.954c-.792.792-1.834 1.188-2.875 1.189M15.1 10.356c-.192 0-.383-.073-.53-.22-.293-.292-.293-.767 0-1.06l1.928-1.928c1-1 1-2.627.001-3.626-.969-.968-2.657-.968-3.626 0l-1.952 1.953c-.293.293-.768.293-1.06 0s-.294-.768 0-1.06l1.951-1.953c.768-.768 1.789-1.192 2.875-1.192 1.084 0 2.105.424 2.873 1.192 1.584 1.584 1.584 4.162 0 5.746l-1.93 1.929c-.146.146-.337.22-.53.22"
       />
     </svg>
   );

package/src/icon/s2wf-icons/UndoIcon.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/Undo.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Undo.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 UndoIconSvg(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 UndoIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m12.25732,5H3.80811l1.71973-1.71973c.29297-.29297.29297-.76758,0-1.06055s-.76758-.29297-1.06055,0l-2.99756,2.99756c-.29297.29248-.29297.76709-.00049,1.06006l2.99756,3.00244c.14648.14697.33838.22021.53076.22021.19189,0,.3833-.07324.52979-.21924.29346-.29248.29346-.76758.00098-1.06055l-1.71747-1.72021h8.44647c2.48145,0,4.50049,2.01855,4.50049,4.5s-2.01904,4.5-4.50049,4.5h-3.73779c-.41406,0-.75.33594-.75.75s.33594.75.75.75h3.73779c3.30859,0,6.00049-2.69141,6.00049-6s-2.69189-6-6.00049-6Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M12.257 5H3.808l1.72-1.72c.293-.293.293-.767 0-1.06s-.768-.293-1.06 0L1.47 5.217c-.293.293-.293.767 0 1.06L4.466 9.28c.146.147.338.22.53.22s.384-.073.53-.22c.294-.292.294-.767.001-1.06L3.811 6.5h8.446c2.482 0 4.5 2.019 4.5 4.5s-2.018 4.5-4.5 4.5H8.52c-.415 0-.75.336-.75.75s.335.75.75.75h3.737c3.309 0 6-2.691 6-6s-2.691-6-6-6"
       />
     </svg>
   );

package/src/icon/s2wf-icons/UnlinkHorizIcon.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/UnlinkHoriz.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/UnlinkHoriz.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 UnlinkHorizIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,31 +18,11 @@ function UnlinkHorizIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m6.99466,18.24676c-.2265-.2265-.29002-.58143-.13327-.87905l1.28785-2.44932c.19266-.36667.64634-.50823,1.01232-.31488.37151.19473.50754.64703.31488,1.01232l-1.28785,2.44932c-.19266.36667-.64634.50823-1.01232.31488-.06905-.03591-.12982-.08148-.18161-.13327Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m11.94441,18.24676c-.05248-.05248-.09806-.11325-.13396-.1823l-1.29268-2.46521c-.19266-.36667-.05041-.81966.31626-1.01232.36598-.19335.82312-.05386,1.01232.31626l1.29268,2.46521c.19266.36667.05041.81966-.31626,1.01232-.29693.15606-.65255.09184-.87836-.13396Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m10.65933,5.22033c-.2265-.2265-.29002-.58143-.13327-.88043l1.28508-2.43966c.19335-.36598.64634-.50685,1.0137-.3135.36529.19266.50616.64565.3135,1.0137l-1.28508,2.43966c-.19335.36598-.64634.50685-1.0137.3135-.06767-.03591-.12844-.08148-.18023-.13327Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m8.28182,5.22654c-.05179-.05179-.09737-.11256-.13327-.18161l-1.28716-2.44587c-.19335-.36598-.05179-.81966.31488-1.01232.36598-.19197.8169-.05317,1.01232.31488l1.28716,2.44587c.19335.36598.05179.81966-.31488,1.01232-.29762.15675-.65255.09322-.87905-.13327Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m7,13.5h-3c-2.06738,0-3.75-1.68262-3.75-3.75s1.68262-3.75,3.75-3.75h3c.41406,0,.75.33594.75.75s-.33594.75-.75.75h-3c-1.24023,0-2.25,1.00977-2.25,2.25s1.00977,2.25,2.25,2.25h3c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m16,13.5h-3c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h3c1.24023,0,2.25-1.00977,2.25-2.25s-1.00977-2.25-2.25-2.25h-3c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h3c2.06738,0,3.75,1.68262,3.75,3.75s-1.68262,3.75-3.75,3.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M6.995 18.247c-.227-.227-.29-.582-.134-.88l1.288-2.449c.193-.366.647-.508 1.013-.314.371.194.507.647.314 1.012l-1.287 2.45c-.193.366-.647.507-1.013.314q-.104-.055-.181-.133M11.944 18.247q-.079-.079-.134-.183L10.518 15.6c-.193-.366-.05-.82.316-1.012s.823-.054 1.012.316l1.293 2.465c.193.367.05.82-.316 1.013-.297.156-.653.092-.879-.134M10.66 5.22c-.227-.226-.29-.581-.134-.88l1.285-2.44c.193-.366.646-.507 1.014-.313.365.192.506.645.313 1.013l-1.285 2.44c-.193.366-.646.507-1.013.314q-.103-.055-.18-.134M8.282 5.227q-.08-.078-.133-.182L6.86 2.599c-.193-.366-.051-.82.315-1.012s.817-.053 1.013.315l1.287 2.445c.193.366.052.82-.315 1.013-.298.157-.653.093-.88-.133M7 13.5H4C1.933 13.5.25 11.817.25 9.75S1.933 6 4 6h3c.414 0 .75.336.75.75s-.336.75-.75.75H4c-1.24 0-2.25 1.01-2.25 2.25S2.76 12 4 12h3c.414 0 .75.336.75.75s-.336.75-.75.75M16 13.5h-3c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h3c1.24 0 2.25-1.01 2.25-2.25S17.24 7.5 16 7.5h-3c-.414 0-.75-.336-.75-.75S12.586 6 13 6h3c2.067 0 3.75 1.683 3.75 3.75S18.067 13.5 16 13.5"
       />
     </svg>
   );

package/src/icon/s2wf-icons/UnlinkVerticalIcon.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/UnlinkVertical.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/UnlinkVertical.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 UnlinkVerticalIconSvg(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,11 @@ function UnlinkVerticalIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m18.25,19.02776c-.19238,0-.38379-.07324-.53027-.21973L1.21973,2.30803c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l16.5,16.5c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33789.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m12.99996,9.88903c-.41406,0-.75-.33594-.75-.75v-4.32907c0-1.25878-1.02343-2.28221-2.28221-2.28221-.86425,0-1.64452.47851-2.03612,1.24902-.18848.37011-.64062.51562-1.00878.3291-.36914-.18848-.5166-.63964-.3291-1.00878.64941-1.27636,1.94237-2.06932,3.374-2.06932,2.08592,0,3.7822,1.69628,3.7822,3.7822v4.32907c0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m10.03809,19.02776c-2.08887,0-3.78809-1.7002-3.78809-3.78906v-4.34961c0-.41406.33594-.75.75-.75s.75.33594.75.75v4.34961c0,1.26172,1.02637,2.28906,2.28809,2.28906.86133,0,1.6416-.47656,2.03613-1.24316.18848-.36816.6416-.51562,1.00977-.32422.36914.18945.51367.6416.32422,1.00977-.65332,1.26953-1.94434,2.05762-3.37012,2.05762Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18.25 19.028c-.192 0-.384-.073-.53-.22l-16.5-16.5c-.293-.293-.293-.768 0-1.06s.767-.293 1.06 0l16.5 16.5c.293.292.293.767 0 1.06-.146.147-.338.22-.53.22M13 9.889c-.414 0-.75-.336-.75-.75V4.81c0-1.259-1.023-2.282-2.282-2.282-.865 0-1.645.478-2.036 1.249-.189.37-.641.515-1.01.329-.368-.189-.516-.64-.328-1.009.65-1.276 1.942-2.07 3.374-2.07 2.086 0 3.782 1.697 3.782 3.783v4.329c0 .414-.336.75-.75.75M10.038 19.028c-2.089 0-3.788-1.7-3.788-3.79V10.89c0-.414.336-.75.75-.75s.75.336.75.75v4.35c0 1.261 1.026 2.289 2.288 2.289.861 0 1.642-.477 2.036-1.243.189-.369.642-.516 1.01-.325.37.19.514.642.324 1.01-.653 1.27-1.944 2.058-3.37 2.058"
       />
     </svg>
   );

package/src/icon/s2wf-icons/UploadIcon.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/Upload.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Upload.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 UploadIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,17 +18,15 @@ function UploadIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m13.52734,10.49121l-3.00244-2.99805c-.29297-.29297-.76709-.29297-1.06006,0l-2.99756,2.99805c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973l1.72217-1.72217v8.18018c0,.41406.33594.75.75.75s.75-.33594.75-.75v-8.17285l1.71777,1.71484c.29297.29297.76758.29297,1.06055,0,.29248-.29297.29248-.76855-.00098-1.06055Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m13.527 10.491-3.002-2.998c-.293-.293-.767-.293-1.06 0l-2.998 2.998c-.293.293-.293.768 0 1.06.147.147.339.22.53.22s.384-.073.53-.22L9.25 9.83v8.18c0 .414.336.75.75.75s.75-.336.75-.75V9.837l1.718 1.715c.293.293.767.293 1.06 0s.293-.769 0-1.06"
       />
       <path
-        d="m15.75,17h-2.79883c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h2.79883c.41357,0,.75-.33691.75-.75V4.25c0-.41309-.33643-.75-.75-.75H4.25c-.41357,0-.75.33691-.75.75v10.5c0,.41309.33643.75.75.75h2.72559c.41406,0,.75.33594.75.75s-.33594.75-.75.75h-2.72559c-1.24072,0-2.25-1.00977-2.25-2.25V4.25c0-1.24023,1.00928-2.25,2.25-2.25h11.5c1.24072,0,2.25,1.00977,2.25,2.25v10.5c0,1.24023-1.00928,2.25-2.25,2.25Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M15.75 17h-2.799c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h2.799c.414 0 .75-.337.75-.75V4.25c0-.413-.336-.75-.75-.75H4.25c-.414 0-.75.337-.75.75v10.5c0 .413.336.75.75.75h2.726c.414 0 .75.336.75.75s-.336.75-.75.75H4.25C3.01 17 2 15.99 2 14.75V4.25C2 3.01 3.01 2 4.25 2h11.5C16.99 2 18 3.01 18 4.25v10.5c0 1.24-1.01 2.25-2.25 2.25"
       />
     </svg>
   );

package/src/icon/s2wf-icons/UploadToCloudIcon.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/UploadToCloud.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/UploadToCloud.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 UploadToCloudIconSvg(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 UploadToCloudIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.E
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m19.73877,11.66797c0,1.15771-.45068,2.24561-1.26904,3.06348s-1.90625,1.26855-3.06348,1.26855h-.65723c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.65723c.75635,0,1.46777-.29443,2.00293-.82959.53516-.53467.82959-1.24561.82959-2.00244,0-.72754-.27686-1.41748-.7793-1.94189-.50146-.52393-1.17676-.8335-1.90234-.87207-.25439-.01367-.48486-.15576-.61133-.37695-.12646-.22168-.13184-.49219-.01367-.71826.12549-.24121.22217-.48975.28711-.73877.06836-.25977.10303-.52588.10303-.7915,0-.89355-.34766-1.7334-.979-2.36523-1.20801-1.20703-3.29639-1.27393-4.56787-.14062-.60059.53662-.98975,1.27246-1.09424,2.07275-.03076.23584-.17188.44336-.37988.55859-.20752.11572-.45752.12549-.6748.02686-.16846-.07666-.3418-.13574-.5166-.17529-.86035-.1958-1.7417.06934-2.34863.66211-.47461.46289-.73584,1.07666-.73584,1.72803,0,.16748.01807.33496.05322.49854.03467.1582.08643.31543.15283.46582.09961.22412.08301.48291-.04395.69287-.12744.20996-.34912.34424-.59375.35986-.49609.03174-.95654.24707-1.29785.60596-.34131.36035-.52979.83252-.52979,1.32959,0,.52148.20312,1.01172.57178,1.38037.36865.36816.8584.57129,1.37988.57129h2.09961c.41406,0,.75.33594.75.75s-.33594.75-.75.75h-2.09961c-.92188,0-1.78857-.35889-2.44043-1.01074-.65234-.65186-1.01123-1.51904-1.01123-2.44092,0-.88281.33447-1.72119.94141-2.36182.38721-.40771.86084-.71045,1.38232-.88965-.04297-.23145-.06445-.46631-.06445-.70117,0-1.05908.42188-2.0542,1.18848-2.80176.95605-.93408,2.3335-1.3501,3.67627-1.0625.26416-.81494.74072-1.55127,1.38672-2.12793.88184-.78613,2.01855-1.21924,3.20166-1.21924,1.29346,0,2.51025.50391,3.42529,1.41846.91455.91504,1.41846,2.13184,1.41846,3.42578,0,.39453-.05127.78906-.15234,1.17236-.01074.04199-.02246.08398-.03467.12549.72119.21191,1.37793.60889,1.90771,1.16211.771.80518,1.1958,1.86328,1.1958,2.97949Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M19.739 11.668c0 1.158-.45 2.246-1.27 3.063S16.564 16 15.407 16h-.657c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.657c.757 0 1.468-.294 2.003-.83.535-.534.83-1.245.83-2.002 0-.728-.277-1.418-.78-1.942-.501-.524-1.176-.833-1.902-.872-.254-.014-.485-.156-.611-.377-.127-.222-.132-.492-.014-.718.126-.241.222-.49.287-.739q.103-.392.103-.791c0-.894-.347-1.734-.979-2.366-1.208-1.207-3.296-1.274-4.568-.14-.6.536-.99 1.272-1.094 2.072-.03.236-.172.444-.38.559-.207.116-.457.126-.675.027q-.253-.116-.516-.175c-.86-.196-1.742.069-2.349.662-.474.463-.736 1.076-.736 1.728q0 .252.054.498c.034.158.086.316.152.466.1.224.083.483-.043.693-.128.21-.35.344-.594.36-.496.032-.957.247-1.298.606-.341.36-.53.832-.53 1.33 0 .52.203 1.011.572 1.38.369.368.858.571 1.38.571h2.1c.413 0 .75.336.75.75s-.337.75-.75.75h-2.1c-.922 0-1.789-.359-2.44-1.01-.653-.653-1.012-1.52-1.012-2.442 0-.882.335-1.72.942-2.361.387-.408.86-.71 1.382-.89q-.065-.348-.065-.701c0-1.06.422-2.054 1.189-2.802.956-.934 2.333-1.35 3.676-1.063.264-.814.74-1.55 1.387-2.127.882-.787 2.018-1.22 3.202-1.22 1.293 0 2.51.504 3.425 1.419.914.915 1.418 2.132 1.418 3.426 0 .394-.051.789-.152 1.172q-.016.063-.035.125c.721.212 1.378.61 1.908 1.162.771.806 1.196 1.864 1.196 2.98"
       />
       <path
-        d="m13.85352,10.82373l-3.00293-2.99756c-.29297-.29199-.76709-.29248-1.06006.00049l-2.99707,2.99756c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973l1.72217-1.72253v8.18347c0,.41406.33594.75.75.75s.75-.33594.75-.75v-8.17517l1.71777,1.71472c.29248.29199.76709.29199,1.06055-.00098.29248-.29297.29248-.76807-.00098-1.06055Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.854 10.824 10.85 7.826c-.293-.292-.768-.292-1.06 0l-2.998 2.998c-.293.293-.293.768 0 1.06.147.147.339.22.53.22s.385-.073.531-.22l1.722-1.722v8.184c0 .414.336.75.75.75s.75-.336.75-.75V10.17l1.718 1.714c.292.292.767.292 1.06 0 .293-.294.293-.769 0-1.061"
       />
     </svg>
   );

package/src/icon/s2wf-icons/UserAddIcon.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/UserAdd.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/UserAdd.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 UserAddIconSvg(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,11 @@ function UserAddIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m15,10.50195c-2.48535,0-4.5,2.01465-4.5,4.5s2.01465,4.5,4.5,4.5,4.5-2.01465,4.5-4.5-2.01465-4.5-4.5-4.5Zm2.5,5.12305h-1.875v1.875c0,.34473-.28027.625-.625.625s-.625-.28027-.625-.625v-1.875h-1.875c-.34473,0-.625-.28027-.625-.625s.28027-.625.625-.625h1.875v-1.875c0-.34473.28027-.625.625-.625s.625.28027.625.625v1.875h1.875c.34473,0,.625.28027.625.625s-.28027.625-.625.625Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m2.27539,18.75195c-.05273,0-.10645-.00586-.16113-.01758-.4043-.08789-.66113-.4873-.57227-.89258.59473-2.72949,3.3125-5.02441,6.60742-5.5791.42285-.07715.7959.20703.86426.61426.06934.40918-.20605.7959-.61426.86426-2.70703.45605-4.9248,2.27344-5.39258,4.4209-.07617.35059-.38672.58984-.73145.58984Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m10,10.85156c-2.48535,0-4.50684-2.15332-4.50684-4.7998S7.51465,1.25195,10,1.25195s4.50684,2.15332,4.50684,4.7998-2.02148,4.7998-4.50684,4.7998Zm0-8.09961c-1.6582,0-3.00684,1.48047-3.00684,3.2998s1.34863,3.2998,3.00684,3.2998,3.00684-1.48047,3.00684-3.2998-1.34863-3.2998-3.00684-3.2998Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M15 10.502c-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.123h-1.875V17.5c0 .345-.28.625-.625.625s-.625-.28-.625-.625v-1.875H12.5c-.345 0-.625-.28-.625-.625s.28-.625.625-.625h1.875V12.5c0-.345.28-.625.625-.625s.625.28.625.625v1.875H17.5c.345 0 .625.28.625.625s-.28.625-.625.625M2.275 18.752q-.079 0-.16-.018c-.405-.088-.662-.487-.573-.892.595-2.73 3.312-5.025 6.607-5.58.423-.076.796.208.865.615.069.41-.206.796-.615.864-2.707.456-4.924 2.274-5.392 4.421-.076.35-.387.59-.732.59M10 10.852c-2.485 0-4.507-2.154-4.507-4.8s2.022-4.8 4.507-4.8 4.507 2.153 4.507 4.8-2.022 4.8-4.507 4.8m0-8.1c-1.658 0-3.007 1.48-3.007 3.3s1.349 3.3 3.007 3.3 3.007-1.48 3.007-3.3-1.349-3.3-3.007-3.3"
       />
     </svg>
   );

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

@@ -1,35 +1,32 @@
 /*
- * 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/UserAvatarCursor.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/UserAvatarCursor.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 UserAvatarCursorIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
-      id="f"
-      data-name="strokes"
       xmlns="http://www.w3.org/2000/svg"
       width="20"
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M10,1.25C5.1748,1.25,1.25,5.1748,1.25,10s3.9248,8.75,8.75,8.75c.33594,0,.66602-.01953.99121-.05566.41211-.0459.70801-.41699.66211-.82812-.04492-.41113-.41504-.69922-.82812-.66211-.27051.03027-.5459.0459-.8252.0459-1.82861,0-3.49609-.68555-4.77283-1.80615,1.06995-1.18799,3.26868-1.90674,5.40076-1.73877.4082.03516.77441-.27344.80762-.68652.03418-.41211-.27344-.77441-.68652-.80762-2.53418-.2041-5.12524.65479-6.53784,2.13574-.91309-1.21289-1.46118-2.71509-1.46118-4.34668,0-3.99805,3.25195-7.25,7.25-7.25s7.25,3.25195,7.25,7.25c0,.37207-.02832.74609-.08496,1.1123-.06348.40918.21777.79199.62695.85547.41016.06836.79297-.21777.85547-.62695.06836-.44141.10254-.89258.10254-1.34082,0-4.8252-3.9248-8.75-8.75-8.75Z"
-        fill="var(--iconPrimary, #222222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 1.25c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75q.504-.001.991-.056c.412-.046.708-.417.662-.828-.045-.41-.415-.699-.828-.662q-.406.046-.825.046c-1.829 0-3.496-.686-4.773-1.806 1.07-1.188 3.269-1.907 5.4-1.739.41.035.775-.273.809-.686s-.274-.775-.687-.808c-2.534-.204-5.125.655-6.538 2.136C3.298 13.134 2.75 11.632 2.75 10c0-3.998 3.252-7.25 7.25-7.25s7.25 3.252 7.25 7.25c0 .372-.028.746-.085 1.112-.063.41.218.792.627.856.41.068.793-.218.855-.627.069-.442.103-.893.103-1.341 0-4.825-3.925-8.75-8.75-8.75"
       />
       <path
-        d="M10.05371,11c-.02051,0-.01758-.01562-.06152-.00098-.59082,0-1.16602-.16797-1.66504-.48535-.49023-.31348-.89062-.75098-1.1582-1.26562-.2832-.53906-.42773-1.14746-.41797-1.75781-.02344-1.17578.56348-2.28711,1.57129-2.94629,1.01855-.64844,2.32715-.64941,3.3418-.00488.49121.31836.89062.75293,1.16309,1.25977.28223.51953.42871,1.1123.42285,1.71094.00977.5918-.13574,1.20215-.41895,1.74609-.26855.51465-.66895.9541-1.1582,1.27051-.48828.31055-1.0459.47363-1.61914.47363ZM10.00977,9.49902h.00977c.30664-.00391.5918-.07422.84277-.23535.26758-.17285.48926-.41602.63867-.70215.16895-.32324.25488-.68555.24902-1.04785.00391-.36328-.08008-.70312-.24316-1.00195-.1543-.28906-.37988-.5332-.65332-.71094-.51953-.33008-1.19531-.33008-1.71875.00391-.56445.36914-.89746,1-.88379,1.68262-.00586.38672.08008.74609.24707,1.06543.14844.28418.36816.52441.63672.69629.25586.16309.55273.25.8584.25h.0166Z"
-        fill="var(--iconPrimary, #222222)"
-      />
-      <path
-        d="M14.25781,18.36133c-.16113,0-.32422-.03125-.47949-.09473-.47266-.19531-.77832-.65137-.77832-1.16211v-4.37012c0-.50977.30371-.96484.77441-1.16016.47363-.19531,1.01074-.08887,1.36914.27051l2.98633,2.97754c.36426.36426.4707.91113.27051,1.39453-.19727.47559-.65137.7832-1.1582.7832h-1.11426l-.97852.98828c-.24219.24414-.56348.37305-.8916.37305ZM14.5,13.32129v3.19141l.66504-.67188c.22363-.22656.52441-.34082.89258-.34082h.62793l-2.18555-2.17871Z"
-        fill="var(--iconPrimary, #222222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10.054 11c-.02 0-.018-.016-.062-.001-.59 0-1.166-.168-1.665-.485-.49-.314-.89-.751-1.158-1.266-.283-.539-.428-1.147-.418-1.758-.023-1.176.563-2.287 1.571-2.946 1.019-.648 2.327-.65 3.342-.005.491.318.89.753 1.163 1.26.282.52.429 1.112.423 1.71.01.593-.136 1.203-.419 1.747-.268.515-.669.954-1.158 1.27-.488.31-1.046.474-1.62.474m-.044-1.501h.01c.306-.004.591-.074.842-.235.268-.173.49-.416.639-.702.169-.324.255-.686.249-1.048.004-.364-.08-.703-.243-1.002-.154-.29-.38-.533-.653-.711-.52-.33-1.196-.33-1.72.004-.564.369-.897 1-.883 1.682-.006.387.08.746.247 1.066.148.284.368.524.637.696.256.163.552.25.858.25zM14.258 18.361c-.161 0-.324-.03-.48-.094-.472-.196-.778-.652-.778-1.163v-4.37c0-.51.304-.964.774-1.16.474-.195 1.011-.089 1.37.27l2.986 2.978c.364.365.47.911.27 1.395-.197.475-.651.783-1.158.783h-1.114l-.979.988c-.242.244-.563.373-.891.373m.242-5.04v3.192l.665-.672q.338-.34.893-.341h.628z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/UserAvatarIcon.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/UserAvatar.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/UserAvatar.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 UserAvatarIconSvg(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 UserAvatarIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elem
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m10,1.25C5.17529,1.25,1.25,5.17529,1.25,10s3.92529,8.75,8.75,8.75,8.75-3.92529,8.75-8.75S14.82471,1.25,10,1.25Zm0,1.5c3.99756,0,7.25,3.25244,7.25,7.25,0,1.63177-.54846,3.13422-1.46179,4.34717-1.48169-1.24371-3.58673-1.97217-5.78821-1.97217-2.26733,0-4.41754.74091-5.79742,1.95984-.90771-1.21082-1.45258-2.70856-1.45258-4.33484,0-3.99756,3.25244-7.25,7.25-7.25Zm-4.77966,12.68713c1.10168-.95905,2.90839-1.56213,4.77966-1.56213,1.7973,0,3.56195.59155,4.76843,1.57239-1.27618,1.11859-2.94214,1.80261-4.76843,1.80261-1.83173,0-3.50201-.68835-4.77966-1.81287Zm4.83777-4.03723c-.02148,0-.05713-.01025-.06299-.00049-.63721,0-1.25781-.18066-1.7959-.52295-.5293-.33887-.96143-.81055-1.25098-1.36621-.30566-.58301-.4624-1.24072-.45215-1.90039-.02441-1.27246.60986-2.47168,1.69727-3.18262,1.09814-.69775,2.50781-.69824,3.59912-.00537.52783.3418.95947.81055,1.25439,1.3584.30664.56543.46484,1.20605.45703,1.85059.01074.64014-.14551,1.30078-.45215,1.88818-.29053.55615-.72266,1.03027-1.24951,1.37109-.52637.33496-1.12646.50977-1.74414.50977Zm-.04834-1.50049h.00977c.34814.01562.68164-.08643.97266-.27197.30518-.19727.55908-.47607.72949-.80273.19141-.36621.28906-.77832.28223-1.19092.00488-.41064-.09082-.79785-.27686-1.14062-.17627-.32812-.43359-.60742-.74414-.80859-.59619-.37793-1.37402-.37891-1.97705.00391-.64404.4209-1.02441,1.14014-1.00977,1.91895-.00635.43555.09082.84424.28125,1.20801.16992.32471.42139.6001.72852.79639.29541.18799.6377.2876.98926.2876h.01465Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 1.25c-4.825 0-8.75 3.925-8.75 8.75s3.925 8.75 8.75 8.75 8.75-3.925 8.75-8.75S14.825 1.25 10 1.25m0 1.5c3.998 0 7.25 3.252 7.25 7.25 0 1.632-.548 3.134-1.462 4.347-1.481-1.244-3.587-1.972-5.788-1.972-2.267 0-4.418.74-5.797 1.96C3.295 13.124 2.75 11.626 2.75 10c0-3.998 3.252-7.25 7.25-7.25M5.22 15.437c1.102-.959 2.909-1.562 4.78-1.562 1.797 0 3.562.592 4.768 1.572-1.276 1.119-2.942 1.803-4.768 1.803-1.832 0-3.502-.688-4.78-1.813m4.838-4.037c-.021 0-.057-.01-.063 0-.637 0-1.258-.181-1.796-.524-.53-.338-.961-.81-1.25-1.366-.306-.583-.463-1.24-.453-1.9-.024-1.273.61-2.472 1.697-3.183 1.099-.698 2.508-.698 3.6-.005.527.342.959.81 1.254 1.358.307.566.465 1.206.457 1.85.01.641-.146 1.302-.452 1.889-.29.556-.723 1.03-1.25 1.371-.526.335-1.126.51-1.744.51m-.048-1.5h.01c.348.015.681-.087.972-.273.305-.197.56-.476.73-.802.191-.366.289-.779.282-1.191.005-.41-.09-.798-.277-1.14-.176-.329-.434-.608-.744-.81-.596-.377-1.374-.378-1.977.004-.644.421-1.025 1.14-1.01 1.92-.006.435.09.844.281 1.207.17.325.422.6.729.797.295.188.638.287.99.287z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/UserEditIcon.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/UserEdit.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/UserEdit.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 UserEditIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,22 +18,11 @@ function UserEditIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elemen
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m18.57102,10.04276c-.9659-.79146-2.4532-.68844-3.379.2393l-4.1826,4.1826c-.248.2476-.4326.5557-.5332.8906l-.95408,3.1597c-.08008.2647-.00781.5518.1875.7471.14258.1426.33398.2197.53028.2197.0723,0,.1455-.0102.2168-.0322l3.1582-.9536c.3359-.1011.6445-.2852.8906-.5327,0,0,4.125-4.1246,4.2529-4.253.4932-.4927.7569-1.1753.7217-1.872-.0342-.6968-.3662-1.3511-.9091-1.7955Zm-7.209,7.5664l.5508-1.8212c.017-.0574.0578-.1019.0903-.1517l1.3323,1.3322c-.0501.0328-.0948.0737-.1531.0914l-1.8203.5493Zm6.3349-4.9585c-.0927.0933-2.2512,2.2515-3.4558,3.4559l-1.3764-1.376,3.3879-3.388c.2217-.2216.5127-.3369.793-.3369.2099,0,.4131.065.5761.1983.2188.1787.3467.4306.3604.7085.0137.2783-.0869.54-.2852.7382Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="m8.99983,11.24967c-2.61914,0-4.75-2.24316-4.75-5S6.38069,1.24967,8.99983,1.24967s4.75,2.24316,4.75,5-2.13086,5-4.75,5Zm0-8.5c-1.79199,0-3.25,1.57031-3.25,3.5s1.45801,3.5,3.25,3.5,3.25-1.57031,3.25-3.5-1.45801-3.5-3.25-3.5Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="m1.75081,18.74967c-.02393,0-.04834-.00098-.07275-.00391-.4126-.03906-.71436-.40527-.6748-.81836.30664-3.18359,3.81934-5.67773,7.99658-5.67773.24805,0,.49316.00879.73438.02539.41309.02832.72461.38672.6958.7998s-.38135.71094-.80029.69629c-.20703-.01465-.41699-.02148-.62988-.02148-3.41309,0-6.27002,1.89844-6.50342,4.32227-.0376.3877-.36377.67773-.74561.67773Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18.571 10.043c-.966-.792-2.453-.689-3.379.24l-4.183 4.182c-.248.247-.432.555-.533.89l-.954 3.16c-.08.265-.008.552.188.747.142.143.334.22.53.22q.108 0 .217-.032l3.158-.954c.336-.101.644-.285.89-.533 0 0 4.126-4.124 4.253-4.253.494-.492.757-1.175.722-1.872-.034-.697-.366-1.35-.909-1.795m-7.209 7.566.55-1.821c.018-.057.059-.102.091-.152l1.332 1.332c-.05.033-.094.074-.153.092zm6.335-4.958-3.456 3.456-1.376-1.376 3.388-3.388c.221-.222.512-.337.793-.337.21 0 .413.065.576.198.219.179.346.43.36.708.014.279-.087.54-.285.739M9 11.25c-2.62 0-4.75-2.243-4.75-5s2.13-5 4.75-5 4.75 2.243 4.75 5-2.131 5-4.75 5m0-8.5c-1.792 0-3.25 1.57-3.25 3.5S7.208 9.75 9 9.75s3.25-1.57 3.25-3.5-1.458-3.5-3.25-3.5M1.75 18.75q-.035 0-.072-.004c-.413-.04-.714-.406-.675-.819C1.31 14.744 4.823 12.25 9 12.25q.372 0 .734.025c.413.028.725.387.696.8s-.381.71-.8.696q-.31-.022-.63-.021c-3.413 0-6.27 1.898-6.504 4.322-.037.388-.363.678-.745.678"
       />
     </svg>
   );