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

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

@@ -1,32 +1,39 @@
 /*
- * 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/Images.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Images.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 ImagesIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
-      data-name="outline / production"
       xmlns="http://www.w3.org/2000/svg"
       width="20"
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M17.02246,5.99998H5.97754c-1.09082,0-1.97754.84814-1.97754,1.89014v7.21973c0,1.04199.88672,1.89014,1.97754,1.89014h11.04492c1.09082,0,1.97754-.84814,1.97754-1.89014v-7.21973c0-1.04199-.88672-1.89014-1.97754-1.89014ZM5.97754,7.49998h11.04492c.25879,0,.47754.17871.47754.39014v5.73413l-1.33301-1.34595c-.75684-.76318-2.07617-.7627-2.83105.00049l-1.02441,1.03516-.11035-.00049-2.68945-2.71533c-.75488-.76367-2.0752-.76172-2.83008,0l-1.18164,1.1936v-3.90161c0-.21143.21875-.39014.47754-.39014ZM5.97754,15.49998c-.25879,0-.47754-.17871-.47754-.39014v-1.1853l2.24707-2.27075c.18848-.18848.51074-.18994.69922,0l2.68945,2.71533c.59668.604,1.64258.60645,2.24219-.00049l1.02441-1.03467c.1875-.18848.51074-.18945.69824,0l2.11121,2.13159c-.05859.02148-.12219.03442-.18933.03442H5.97754Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M17.022 6H5.978C4.887 6 4 6.848 4 7.89v7.22C4 16.152 4.887 17 5.978 17h11.044C18.113 17 19 16.152 19 15.11V7.89C19 6.848 18.113 6 17.022 6M5.978 7.5h11.044c.26 0 .478.179.478.39v5.734l-1.333-1.346c-.757-.763-2.076-.762-2.831 0l-1.024 1.036h-.11l-2.69-2.716c-.755-.764-2.075-.762-2.83 0L5.5 11.792V7.89c0-.211.219-.39.478-.39m0 8c-.26 0-.478-.179-.478-.39v-1.185l2.247-2.271c.189-.189.51-.19.7 0l2.689 2.715c.596.604 1.642.607 2.242 0l1.024-1.035c.188-.189.511-.19.699 0l2.11 2.132q-.087.033-.189.034z"
       />
       <path
-        d="M1.75,13.99998c-.41406,0-.75-.33594-.75-.75V4.89012c0-1.04199.86621-1.89014,1.93164-1.89014h11.81836c.41406,0,.75.33594.75.75s-.33594.75-.75.75H2.93164c-.23828,0-.43164.1748-.43164.39014v8.35986c0,.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 14c-.414 0-.75-.336-.75-.75V4.89C1 3.848 1.866 3 2.932 3H14.75c.414 0 .75.336.75.75s-.336.75-.75.75H2.932c-.239 0-.432.175-.432.39v8.36c0 .414-.336.75-.75.75"
+      />
+      <circle
+        cx="14.29"
+        cy="9.75"
+        r="1.1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
       />
-      <circle cx="14.29" cy="9.74998" r="1.1" fill="var(--iconPrimary, #222)" />
     </svg>
   );
 }

package/src/icon/s2wf-icons/ImportIcon.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/Import.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Import.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 ImportIconSvg(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 ImportIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M8.3252,12.46973c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973l3-3c.29297-.29297.29297-.76758,0-1.06055l-3-3c-.29297-.29297-.76758-.29297-1.06055,0s-.29297.76758,0,1.06055l1.71973,1.71973H.89453c-.41406,0-.75.33594-.75.75s.33594.75.75.75h9.15039l-1.71973,1.71973Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M8.325 12.47c-.293.293-.293.767 0 1.06.147.147.338.22.53.22s.384-.073.53-.22l3-3c.294-.293.294-.767 0-1.06l-3-3c-.292-.293-.767-.293-1.06 0s-.293.767 0 1.06l1.72 1.72H.895c-.415 0-.75.336-.75.75s.335.75.75.75h9.15z"
       />
       <path
-        d="M14.75,2.02148H6.25c-1.24023,0-2.25,1.00977-2.25,2.25v1.96777c0,.41406.33594.75.75.75s.75-.33594.75-.75v-1.96777c0-.41309.33691-.75.75-.75h8.5c.41309,0,.75.33691.75.75v11.5c0,.41309-.33691.75-.75.75H6.45312c-.41309,0-.75-.33691-.75-.75v-2.04395c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v2.04395c0,1.24023,1.00977,2.25,2.25,2.25h8.29688c1.24023,0,2.25-1.00977,2.25-2.25V4.27148c0-1.24023-1.00977-2.25-2.25-2.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M14.75 2.021h-8.5C5.01 2.021 4 3.031 4 4.271V6.24c0 .414.336.75.75.75s.75-.336.75-.75V4.271c0-.413.337-.75.75-.75h8.5c.413 0 .75.337.75.75v11.5c0 .414-.337.75-.75.75H6.453c-.413 0-.75-.336-.75-.75v-2.043c0-.415-.336-.75-.75-.75s-.75.335-.75.75v2.043c0 1.24 1.01 2.25 2.25 2.25h8.297c1.24 0 2.25-1.01 2.25-2.25v-11.5c0-1.24-1.01-2.25-2.25-2.25"
       />
     </svg>
   );

package/src/icon/s2wf-icons/InfoCircleIcon.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/InfoCircle.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/InfoCircle.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 InfoCircleIconSvg(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 InfoCircleIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elem
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m10,18.75c-4.8252,0-8.75-3.9248-8.75-8.75S5.1748,1.25,10,1.25s8.75,3.9248,8.75,8.75-3.9248,8.75-8.75,8.75Zm0-16c-3.99805,0-7.25,3.25195-7.25,7.25s3.25195,7.25,7.25,7.25,7.25-3.25195,7.25-7.25-3.25195-7.25-7.25-7.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 18.75c-4.825 0-8.75-3.925-8.75-8.75S5.175 1.25 10 1.25s8.75 3.925 8.75 8.75-3.925 8.75-8.75 8.75m0-16c-3.998 0-7.25 3.252-7.25 7.25s3.252 7.25 7.25 7.25 7.25-3.252 7.25-7.25S13.998 2.75 10 2.75"
       />
       <path
-        d="m10.00064,5.26036c.23065-.00813.45538.07387.62661.22862.33033.36505.33033.92102,0,1.28607-.16935.15851-.39483.24308-.62664.23504-.23635.00948-.46589-.08035-.63302-.24775-.16207-.1679-.24916-.39432-.24137-.62755-.01238-.23497.06959-.46515.2277-.6394.17358-.16474.40786-.24988.64671-.23503Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m10,15.0625c-.41406,0-.75-.33594-.75-.75v-4.83496c0-.41406.33594-.75.75-.75s.75.33594.75.75v4.83496c0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 5.26c.231-.008.456.074.627.229.33.365.33.921 0 1.286-.17.159-.395.243-.626.235-.237.01-.466-.08-.633-.248-.162-.168-.25-.394-.242-.627-.012-.235.07-.465.228-.64.174-.164.408-.25.647-.235M10 15.063c-.414 0-.75-.336-.75-.75V9.478c0-.415.336-.75.75-.75s.75.335.75.75v4.835c0 .414-.336.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/InteractionIcon.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/Interaction.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Interaction.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 InteractionIconSvg(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 InteractionIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m5.19141,11.32617c-.09473,0-.19141-.01758-.28467-.05664-2.26562-.93066-3.65381-3.19824-3.45508-5.6416C1.70264,2.5459,4.40771.24121,7.49512.49512c3.08105.25098,5.38379,2.96191,5.13281,6.04297-.0332.41309-.3877.72461-.80859.68652-.4126-.0332-.72021-.39551-.68652-.80762.18408-2.25781-1.50293-4.24316-3.75977-4.42773-2.25-.1748-4.24219,1.50391-4.42627,3.75977-.14551,1.79004.87109,3.45117,2.53027,4.13379.3833.15723.56592.5957.40869.97852-.11914.29004-.39893.46484-.69434.46484Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M5.191 11.326q-.143.001-.284-.056C2.64 10.339 1.253 8.07 1.452 5.628 1.702 2.546 4.408.24 7.495.495c3.081.251 5.384 2.962 5.133 6.043-.033.413-.388.725-.809.687-.412-.034-.72-.396-.686-.808.184-2.258-1.503-4.243-3.76-4.428-2.25-.175-4.242 1.504-4.426 3.76-.146 1.79.87 3.451 2.53 4.134.383.157.566.596.409.978-.12.29-.4.465-.695.465"
       />
       <path
-        d="m13.58545,18.79102c-1.71143,0-3.36816-.67871-4.69873-1.22266l-.34912-.14258c-.57861-.23438-1.05322-.41602-1.44434-.56641-1.29932-.49707-1.89209-.72461-2.26953-1.42773-.48096-.89844-.10498-2.11523.80518-2.60352.69629-.37402,1.25732-.2666,3.21582.31348l-2.52734-4.70703c-.16455-.30566-.36914-.6875-.42725-1.14453-.09326-.73047.26465-1.4209.93359-1.80078.68115-.38672,1.50146-.33789,2.09131.12305.36572.28711.56982.66406.73389.96777l1.35596,2.51758c1.26709-.67871,3-1.11914,4.46484-.70312,1.11523.31738,1.95215,1.08496,2.4209,2.2207.55859,1.35449,2.2583,5.47461-1.71289,7.55566-.85449.44824-1.73047.62012-2.59229.62012Zm-7.07324-4.67285c-.07617,0-.13379.00977-.17383.03125-.18848.10156-.2876.39648-.19238.57324.10791.20117.44238.33789,1.48389.73633.39844.15234.88135.33789,1.4707.57617l.35449.14453c1.82373.74707,4.09277,1.67676,6.02637.66309s2.23975-2.70508,1.02246-5.65527c-.29541-.71582-.76807-1.15723-1.44482-1.34961-1.23291-.35547-2.89404.19922-3.89795.9248-.17529.12598-.39746.17285-.60693.12207-.21045-.04785-.39014-.18457-.49219-.375l-1.7334-3.21777c-.10742-.19922-.21924-.40527-.33936-.5-.13184-.10156-.31152-.0625-.4248.00195-.07861.04395-.20703.14355-.18604.30664.02295.18262.14355.40723.26025.625l3.38086,6.2959c.14355.2666.1123.59277-.0791.82812-.19092.23535-.50586.33301-.79492.24512l-1.0127-.30176c-1.45459-.43555-2.25586-.6748-2.62061-.6748Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.585 18.791c-1.711 0-3.368-.679-4.698-1.223l-.35-.142c-.578-.235-1.053-.416-1.444-.567-1.3-.497-1.892-.724-2.27-1.427-.48-.899-.104-2.116.806-2.604.696-.374 1.257-.266 3.216.314L6.317 8.435c-.164-.306-.369-.688-.427-1.145-.093-.73.265-1.42.934-1.8.68-.387 1.501-.339 2.091.122.366.287.57.664.734.968l1.356 2.518c1.267-.68 3-1.12 4.465-.703 1.115.317 1.952 1.084 2.42 2.22.56 1.355 2.259 5.475-1.712 7.556-.855.448-1.73.62-2.593.62m-7.073-4.673q-.114 0-.174.031c-.188.102-.287.397-.192.574.108.2.442.338 1.484.736.398.152.881.338 1.47.576l.355.145c1.824.747 4.093 1.676 6.026.663s2.24-2.705 1.023-5.655c-.296-.716-.768-1.158-1.445-1.35-1.233-.356-2.894.2-3.898.925-.175.126-.397.173-.607.122-.21-.048-.39-.185-.492-.375L8.329 7.292c-.108-.2-.22-.405-.34-.5-.132-.102-.311-.062-.425.002-.078.044-.207.144-.186.307.023.182.144.407.26.625l3.382 6.295c.143.267.112.593-.08.829-.19.235-.505.333-.794.245l-1.013-.302c-1.455-.436-2.256-.675-2.62-.675"
       />
     </svg>
   );

package/src/icon/s2wf-icons/InvertIcon.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/Invert.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Invert.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 InvertIconSvg(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 InvertIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m10,9.25h-3.27478l.92224-.98828c.2832-.30273.2666-.77734-.03613-1.06055-.30176-.28125-.77734-.26562-1.05957.03711l-2.09961,2.25c-.26953.28809-.26953.73535,0,1.02344l2.09961,2.25c.14746.1582.34766.23828.54785.23828.18359,0,.36719-.06641.51172-.20117.30273-.2832.31934-.75781.03613-1.06055l-.92224-.98828h3.27478v-1.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 9.25H6.725l.922-.988c.284-.303.267-.778-.036-1.06-.301-.282-.777-.266-1.06.036l-2.099 2.25c-.27.288-.27.736 0 1.024l2.1 2.25c.147.158.347.238.548.238.183 0 .367-.066.511-.201.303-.283.32-.758.036-1.06l-.922-.989H10z"
       />
       <path
-        d="m15.75,2H4.25c-1.24023,0-2.25,1.00977-2.25,2.25v11.5c0,1.24023,1.00977,2.25,2.25,2.25h11.5c1.24023,0,2.25-1.00977,2.25-2.25V4.25c0-1.24023-1.00977-2.25-2.25-2.25ZM3.5,15.75V4.25c0-.41309.33691-.75.75-.75h5.75v5.75h3.27478l-.92224-.98828c-.2832-.30273-.2666-.77734.03613-1.06055.30176-.28125.77637-.26562,1.05957.03711l2.09961,2.25c.26953.28809.26953.73535,0,1.02344l-2.09961,2.25c-.14746.1582-.34766.23828-.54785.23828-.18359,0-.36719-.06641-.51172-.20117-.30273-.2832-.31934-.75781-.03613-1.06055l.92224-.98828h-3.27478v5.75h-5.75c-.41309,0-.75-.33691-.75-.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M15.75 2H4.25C3.01 2 2 3.01 2 4.25v11.5C2 16.99 3.01 18 4.25 18h11.5c1.24 0 2.25-1.01 2.25-2.25V4.25C18 3.01 16.99 2 15.75 2M3.5 15.75V4.25c0-.413.337-.75.75-.75H10v5.75h3.275l-.922-.988c-.284-.303-.267-.778.036-1.06.301-.282.776-.266 1.06.036l2.099 2.25c.27.288.27.736 0 1.024l-2.1 2.25c-.147.158-.347.238-.548.238-.183 0-.367-.066-.511-.201-.303-.283-.32-.758-.036-1.06l.922-.989H10v5.75H4.25c-.413 0-.75-.337-.75-.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/InviteIcon.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/Invite.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Invite.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 InviteIconSvg(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 InviteIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m15,10.5c-2.48529,0-4.5,2.01465-4.5,4.5s2.01471,4.5,4.5,4.5,4.5-2.01465,4.5-4.5-2.01471-4.5-4.5-4.5Zm2.5,5.125h-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="M15 10.5c-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.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.625M10.058 11.422c-.653.012-1.304-.172-1.86-.525-.529-.338-.96-.811-1.25-1.366-.305-.582-.462-1.24-.452-1.9-.024-1.274.61-2.473 1.697-3.183 1.099-.698 2.509-.697 3.6-.005.527.342.96.81 1.254 1.359.307.565.465 1.206.457 1.85.01.64-.146 1.3-.452 1.888-.29.557-.723 1.031-1.25 1.371-.527.335-1.127.51-1.744.51M10.01 9.92h.01c.347-.005.68-.087.972-.273.305-.197.56-.475.73-.801.191-.368.289-.78.282-1.192.005-.41-.09-.798-.277-1.14-.176-.33-.434-.608-.744-.809-.597-.379-1.375-.378-1.977.003-.644.42-1.025 1.14-1.01 1.919-.006.436.09.846.281 1.208.17.325.421.6.729.797.295.188.639.288.992.288z"
       />
       <path
-        d="m10.05811,11.42188c-.65283.01172-1.3042-.17188-1.85938-.52441-.5293-.33887-.96143-.81152-1.25049-1.36621-.30566-.58203-.4624-1.24023-.45215-1.90039-.02441-1.27344.60986-2.47266,1.69727-3.18262,1.09863-.69824,2.5083-.69727,3.59912-.00488.52783.3418.95996.81055,1.25488,1.3584.30615.56543.46436,1.20605.45654,1.84961.01074.64062-.14551,1.30078-.45215,1.88867-.29053.55664-.72266,1.03125-1.25,1.37109-.52637.33496-1.12646.51074-1.74365.51074Zm-.04785-1.50098h.00928c.34766-.00488.68115-.08691.97266-.27246.30518-.19727.55908-.47559.72949-.80176.19141-.36719.28906-.7793.28223-1.19141.00488-.41113-.09082-.79785-.27686-1.14062-.17627-.3291-.43359-.60742-.74414-.80859-.59668-.37891-1.37451-.37793-1.97705.00293-.64404.4209-1.02441,1.14062-1.00977,1.91895-.00635.43652.09082.8457.28125,1.20801.16943.3252.4209.60059.72852.79688.29541.18848.63867.28809.9917.28809h.0127Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m10,1.27148C5.17529,1.27148,1.25,5.19629,1.25,10.02148c0,4.34082,3.23682,8.06543,7.5293,8.66504.03516.00488.06982.00684.10449.00684.36816,0,.68945-.27148.7417-.64648.05762-.41016-.22852-.78906-.63916-.84668-1.43335-.19995-2.71997-.82617-3.75073-1.73193.78394-.68213,1.91571-1.20288,3.23022-1.43701.40771-.07227.67969-.46191.60693-.86914-.07227-.40918-.45996-.67969-.86963-.60742-1.58936.28271-3.00714.92798-4.00055,1.80078-.91241-1.21875-1.45258-2.72412-1.45258-4.33398,0-3.99805,3.25244-7.25,7.25-7.25,3.60303,0,6.69043,2.68652,7.18164,6.24902.05664.41016.43799.69238.8457.64062.41016-.05664.69727-.43555.64062-.8457-.59375-4.30078-4.31982-7.54395-8.66797-7.54395Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 1.271c-4.825 0-8.75 3.925-8.75 8.75 0 4.341 3.237 8.066 7.53 8.666q.052.006.104.006c.368 0 .69-.271.741-.646.058-.41-.228-.79-.639-.847-1.433-.2-2.72-.826-3.75-1.732.784-.682 1.915-1.203 3.23-1.437.408-.072.68-.462.607-.869-.073-.41-.46-.68-.87-.607-1.59.282-3.007.928-4 1.8-.913-1.218-1.453-2.724-1.453-4.333 0-3.999 3.252-7.25 7.25-7.25 3.603 0 6.69 2.686 7.182 6.249.056.41.438.692.845.64.41-.056.698-.435.64-.846-.593-4.3-4.319-7.544-8.667-7.544"
       />
     </svg>
   );

package/src/icon/s2wf-icons/KeyIcon.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/Key.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Key.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 KeyIconSvg(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 KeyIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M2.07324,12.66797c1.10938-1.32324,3.2428-1.46875,5.01636-.44189L15.65625,1.43164c.25781-.32422.73047-.37695,1.05371-.12207.3252.25781.37891.72949.12207,1.05371l-.56079.70654,2.21118,1.85596c.1543.12891.25.31543.26562.5166.01562.2002-.05078.39941-.18262.55078l-2.10742,2.41504c-.14844.16992-.35645.25684-.56543.25684-.1709,0-.3418-.05762-.48242-.17578l-2.06458-1.73291-.62207.78394,2.04504,1.71558c.31738.26562.3584.73926.0918,1.05664-.14844.17676-.36035.26758-.57422.26758-.1709,0-.3418-.05762-.48242-.17578l-2.01294-1.68872-3.52551,4.44214c.70203.73657,1.15637,1.62744,1.2533,2.5415.0918.87305-.14746,1.69922-.6748,2.32812-.62598.74512-1.5791,1.11914-2.60938,1.11914-1.01172,0-2.09766-.36035-3.02051-1.08203-1.0332-.80762-1.69434-1.92773-1.81445-3.07129-.09082-.87207.14844-1.69824.67383-2.3252ZM15.81152,6.86719l1.12109-1.28418-1.59412-1.33789-1.06018,1.33582,1.5332,1.28625ZM2.8916,14.83691c.07617.73047.54297,1.49512,1.24609,2.0459,1.21484.94727,2.84375,1.03125,3.55664.18066.33691-.40234.36621-.87793.33203-1.20703-.07715-.73047-.54297-1.49414-1.24707-2.04492-.65137-.50977-1.42188-.76953-2.10645-.76953-.59082,0-1.11914.19434-1.4502.58887-.33594.40137-.36523.87793-.33105,1.20605Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M2.073 12.668c1.11-1.323 3.243-1.469 5.017-.442l8.566-10.794c.258-.325.73-.377 1.054-.122.325.257.379.73.122 1.053l-.56.707 2.21 1.856c.155.129.25.315.266.516.016.2-.05.4-.183.551l-2.107 2.415c-.148.17-.356.257-.565.257-.171 0-.342-.058-.483-.176l-2.064-1.733-.623.784 2.046 1.716c.317.265.358.74.091 1.057-.148.176-.36.267-.574.267-.17 0-.342-.058-.482-.176L11.79 8.716l-3.526 4.442c.702.736 1.157 1.627 1.254 2.541.091.873-.148 1.7-.675 2.328-.626.745-1.58 1.12-2.61 1.12-1.011 0-2.097-.36-3.02-1.083-1.033-.807-1.694-1.927-1.815-3.07-.09-.873.149-1.7.674-2.326m13.739-5.8 1.12-1.285-1.594-1.338-1.06 1.336zm-12.92 7.969c.076.73.543 1.495 1.246 2.046 1.215.947 2.843 1.031 3.556.18.337-.402.367-.877.332-1.207-.077-.73-.543-1.494-1.247-2.044-.651-.51-1.422-.77-2.106-.77-.591 0-1.12.194-1.45.589-.336.401-.366.878-.331 1.206"
       />
     </svg>
   );

package/src/icon/s2wf-icons/KeyboardIcon.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/Keyboard.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Keyboard.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 KeyboardIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,22 +18,52 @@ function KeyboardIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elemen
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m16.75,15H3.25c-1.24072,0-2.25-1.00977-2.25-2.25v-6.5c0-1.24023,1.00928-2.25,2.25-2.25h13.5c1.24072,0,2.25,1.00977,2.25,2.25v6.5c0,1.24023-1.00928,2.25-2.25,2.25ZM3.25,5.5c-.41357,0-.75.33691-.75.75v6.5c0,.41309.33643.75.75.75h13.5c.41357,0,.75-.33691.75-.75v-6.5c0-.41309-.33643-.75-.75-.75H3.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.75 15H3.25C2.01 15 1 13.99 1 12.75v-6.5C1 5.01 2.01 4 3.25 4h13.5C17.99 4 19 5.01 19 6.25v6.5c0 1.24-1.01 2.25-2.25 2.25M3.25 5.5c-.414 0-.75.337-.75.75v6.5c0 .413.336.75.75.75h13.5c.414 0 .75-.337.75-.75v-6.5c0-.413-.336-.75-.75-.75z"
       />
       <path
-        d="m12.25,12h-4.5c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h4.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <circle cx="5" cy="8" r="1" fill="var(--iconPrimary, #222)" />
-      <circle cx="8.33333" cy="8" r="1" fill="var(--iconPrimary, #222)" />
-      <circle cx="11.66667" cy="8" r="1" fill="var(--iconPrimary, #222)" />
-      <circle cx="15" cy="8" r="1" fill="var(--iconPrimary, #222)" />
-      <circle cx="5" cy="11" r="1" fill="var(--iconPrimary, #222)" />
-      <circle cx="15" cy="11" r="1" fill="var(--iconPrimary, #222)" />
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M12.25 12h-4.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h4.5c.414 0 .75.336.75.75s-.336.75-.75.75"
+      />
+      <circle
+        cx="5"
+        cy="8"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="8.333"
+        cy="8"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="11.667"
+        cy="8"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="15"
+        cy="8"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="5"
+        cy="11"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="15"
+        cy="11"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
     </svg>
   );
 }

package/src/icon/s2wf-icons/LassoSelectIcon.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/LassoSelect.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/LassoSelect.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 LassoSelectIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,27 +18,11 @@ function LassoSelectIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m12.99854,11.65039c-.61084.2998-1.25684.52246-1.91797.66309-1.21332.25476-2.45441.26172-3.66699.06653.03772-.18567.05811-.37756.05811-.57434,0-1.58887-1.29248-2.88086-2.88135-2.88086-.73425,0-1.39801.28442-1.90735.73828-.03058-.08862-.06946-.17407-.09216-.26562-.54053-2.19727,1.39795-4.73242,4.6084-6.02832.38428-.15527.56982-.5918.41455-.97656-.15479-.38379-.59229-.57031-.97607-.41406C2.66553,3.58203.40234,6.78027,1.13428,9.75684c.12878.51782.34961,1.00012.64154,1.44409-.04193.19531-.06635.39697-.06635.60474,0,1.58887,1.29248,2.88086,2.88086,2.88086.14825,0,.29059-.02197.43286-.0437.17236.28589.3678.54053.5437.7644.26318.33594.51221.65234.52148.9082.02051.2832-.07031.55762-.25586.77246s-.44385.34473-.72754.36523c-.08838.00586-.17432.00293-.2583-.0127-.40918-.06445-.7959.20215-.86719.61035s.20215.79688.61035.86816c.14355.02441.28955.03711.43604.03711.0625,0,.12549-.00195.18799-.00684.68311-.0498,1.30566-.3623,1.75342-.88086.44775-.51758.66699-1.17871.61865-1.83398-.0249-.71582-.45752-1.2666-.83936-1.75293-.13-.16577-.24164-.31519-.33917-.4585.09601-.07886.19025-.15833.27533-.24878,1.54742.31934,3.14771.33472,4.70789.00708.78369-.16699,1.54639-.43066,2.26807-.7832.37158-.18262.52588-.63184.34326-1.00391-.18115-.37109-.63037-.52344-1.00342-.34375Zm-9.78906.15527c0-.76172.61963-1.38086,1.38086-1.38086.76172,0,1.38135.61914,1.38135,1.38086,0,.078-.01056.15332-.02307.22778-.10181-.03259-.20703-.05029-.30798-.08618-.19824-.06836-.41797-.05371-.60352.04492-.18604.09961-.32178.27246-.37402.47656-.06543.25549-.08282.49097-.0802.71704-.75769-.00415-1.37341-.62097-1.37341-1.38013Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m16.53467,9.41406c-.26855.33008-.61963.58887-1.01416.74902-.38428.15625-.56885.59375-.41309.97754.11816.29102.39893.46777.69531.46777.09375,0,.18896-.01758.28125-.05469.62842-.25488,1.18604-.66699,1.61377-1.19238.26172-.32129.21338-.79395-.10791-1.05566-.32129-.26074-.79346-.21191-1.05518.1084Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m18.47754,4.69922c-.23438-.3418-.70117-.42578-1.04297-.19336-.34131.23438-.42773.70117-.19336,1.04297.22705.33008.30957.74414.22705,1.13477-.08545.40527.17383.80371.5791.88867.05225.01172.104.0166.15576.0166.34668,0,.6582-.24219.73291-.59473.16699-.79199,0-1.62793-.4585-2.29492Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m15.93799,3.45508c.24658,0,.48828-.12109.63135-.34473.22412-.34863.12305-.8125-.2251-1.03613-.56055-.36035-1.17578-.60742-1.82812-.73438-.40088-.08105-.7998.1875-.87939.59277-.0791.40723.18652.80078.59326.87988.46484.08984.90332.2666,1.30273.52344.12549.08105.26611.11914.40527.11914Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m9.68506,2.69336c.03564,0,.07178-.00195.10791-.00781.5083-.07324,1.02686-.12109,1.54053-.14258.41357-.0166.73535-.36621.71826-.78027-.01758-.41406-.35645-.77441-.78076-.71777-.56396.02344-1.1333.07617-1.69189.15625-.40967.05859-.69434.43945-.63525.84863.05371.37402.37451.64355.74121.64355Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M12.999 11.65c-.611.3-1.257.523-1.918.663-1.214.255-2.455.262-3.667.067q.057-.28.058-.574c0-1.59-1.293-2.881-2.882-2.881-.734 0-1.398.284-1.907.738-.03-.089-.07-.174-.092-.266C2.05 7.2 3.989 4.665 7.199 3.37c.385-.155.57-.592.415-.976s-.593-.57-.976-.414C2.666 3.582.402 6.78 1.134 9.757c.13.518.35 1 .642 1.444q-.065.293-.067.605c0 1.589 1.293 2.88 2.881 2.88.149 0 .29-.021.433-.043.173.286.368.54.544.764.263.336.512.653.521.908.02.284-.07.558-.255.773s-.444.345-.728.365q-.132.01-.258-.013c-.41-.064-.796.203-.868.61s.203.798.61.869q.216.037.437.037.093 0 .188-.007c.683-.05 1.306-.362 1.753-.88.448-.518.667-1.18.619-1.835-.025-.715-.458-1.266-.84-1.753q-.193-.245-.339-.458c.096-.079.19-.158.276-.249 1.547.32 3.147.335 4.708.007.783-.167 1.546-.43 2.268-.783.371-.183.526-.632.343-1.004-.181-.371-.63-.523-1.003-.344m-9.79.156c0-.762.62-1.381 1.381-1.381.762 0 1.382.619 1.382 1.38q-.002.118-.023.228c-.102-.032-.207-.05-.308-.086-.199-.068-.418-.053-.604.045-.186.1-.322.273-.374.477-.065.255-.083.49-.08.717-.758-.004-1.374-.621-1.374-1.38M16.535 9.414c-.269.33-.62.589-1.014.75-.385.155-.57.593-.414.977.119.29.4.467.696.467q.141 0 .281-.054c.628-.255 1.186-.667 1.614-1.193.261-.321.213-.794-.108-1.055s-.794-.212-1.055.108M18.478 4.7c-.235-.343-.702-.427-1.043-.194-.342.234-.428.701-.194 1.043.227.33.31.744.227 1.135-.085.405.174.803.58.888q.078.018.155.017c.347 0 .658-.242.733-.595.167-.792 0-1.628-.458-2.295M15.938 3.455c.247 0 .488-.121.631-.345.224-.348.123-.812-.225-1.036-.56-.36-1.176-.607-1.828-.734-.4-.081-.8.187-.88.593-.078.407.187.8.594.88.465.09.903.266 1.303.523.125.081.266.12.405.12M9.685 2.693q.054 0 .108-.007c.508-.074 1.027-.122 1.54-.143.414-.017.736-.366.719-.78s-.357-.775-.781-.718c-.564.023-1.133.076-1.692.156-.41.059-.694.44-.635.849.054.374.374.643.741.643"
       />
     </svg>
   );

package/src/icon/s2wf-icons/LayersIcon.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/Layers.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Layers.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 LayersIconSvg(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 LayersIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m10,13.5c-.43018,0-.85986-.12305-1.23535-.36914l-6.03564-3.96582c-.63525-.41699-1.01465-1.11914-1.01465-1.87891-.00049-.76074.37891-1.46387,1.01416-1.88184l6.03613-3.96582c.75-.49219,1.71973-.49219,2.4707,0l6.03564,3.96582c.63574.41797,1.01514,1.12109,1.01465,1.88184,0,.75977-.37939,1.46191-1.01465,1.87891l-6.03564,3.96582c-.375.24609-.80518.36914-1.23535.36914Zm-.41211-1.62305c.25.16406.57422.16406.82422,0l6.03564-3.96582c.21484-.14062.33789-.36914.33789-.62598s-.12305-.48535-.33838-.62695l-6.03516-3.96582c-.25-.16406-.57422-.16406-.82422,0l-6.03564,3.96582c-.21484.1416-.33789.37012-.33789.62695s.12305.48535.33789.62598l6.03564,3.96582Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 13.5c-.43 0-.86-.123-1.235-.37L2.729 9.166c-.635-.417-1.015-1.12-1.015-1.879 0-.76.38-1.464 1.015-1.882l6.036-3.966c.75-.492 1.72-.492 2.47 0l6.036 3.966c.636.418 1.015 1.121 1.015 1.882s-.38 1.462-1.015 1.879l-6.036 3.966c-.375.246-.805.369-1.235.369m-.412-1.623c.25.164.574.164.824 0l6.036-3.966c.215-.14.338-.369.338-.626s-.123-.485-.339-.627l-6.035-3.966c-.25-.164-.574-.164-.824 0L3.552 6.658c-.215.142-.338.37-.338.627s.123.486.338.626z"
       />
       <path
-        d="m10,19c-.43018,0-.85986-.12305-1.23535-.36914l-6.03564-3.96582c-.57715-.37891-.94238-.99023-1.00098-1.6748-.05957-.69434.19678-1.36426.70312-1.83887.30225-.28223.77734-.2666,1.06006.03516.2832.30273.26758.77734-.03467,1.06055-.16895.15723-.25391.38184-.23389.61426.01123.13184.06885.37891.32959.5498l6.03564,3.96582c.25.16406.57422.16406.82422,0l6.03564-3.96582c.26074-.1709.31885-.41797.33008-.5498.02002-.23242-.06543-.45605-.23438-.61426-.30225-.2832-.31787-.75781-.03467-1.06055.2832-.30176.7583-.31738,1.06006-.03516.50684.47461.76318,1.14453.70361,1.83887-.05908.68555-.42432,1.2959-1.00146,1.6748l-6.03564,3.96582c-.375.24609-.80518.36914-1.23535.36914Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 19c-.43 0-.86-.123-1.235-.37l-6.036-3.965c-.577-.379-.942-.99-1.001-1.675-.06-.694.197-1.364.703-1.839.302-.282.777-.266 1.06.036s.268.777-.034 1.06c-.17.157-.254.382-.234.614.01.132.068.38.33.55l6.035 3.966c.25.164.574.164.824 0l6.036-3.966c.26-.17.319-.418.33-.55.02-.232-.066-.456-.235-.614-.302-.283-.317-.758-.034-1.06s.758-.318 1.06-.036c.507.475.763 1.145.703 1.84-.059.685-.424 1.295-1.001 1.674l-6.036 3.966C10.86 18.877 10.43 19 10 19"
       />
     </svg>
   );

package/src/icon/s2wf-icons/LayoutIcon.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/Layout.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Layout.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 LayoutIconSvg(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 LayoutIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m15.75,2H4.25c-1.24023,0-2.25,1.00977-2.25,2.25v11.5c0,1.24023,1.00977,2.25,2.25,2.25h11.5c1.24023,0,2.25-1.00977,2.25-2.25V4.25c0-1.24023-1.00977-2.25-2.25-2.25ZM3.5,4.25c0-.41309.33691-.75.75-.75h11.5c.41309,0,.75.33691.75.75v3.75H3.5v-3.75Zm0,11.5v-6.25h4.5v7h-3.75c-.41309,0-.75-.33691-.75-.75Zm12.25.75h-6.25v-7h7v6.25c0,.41309-.33691.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M15.75 2H4.25C3.01 2 2 3.01 2 4.25v11.5C2 16.99 3.01 18 4.25 18h11.5c1.24 0 2.25-1.01 2.25-2.25V4.25C18 3.01 16.99 2 15.75 2M3.5 4.25c0-.413.337-.75.75-.75h11.5c.413 0 .75.337.75.75V8h-13zm0 11.5V9.5H8v7H4.25c-.413 0-.75-.337-.75-.75m12.25.75H9.5v-7h7v6.25c0 .413-.337.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/LeaveIcon.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/Leave.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Leave.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 LeaveIconSvg(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 LeaveIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M19.07715,9.53341l-2.25-2.25c-.29297-.29297-.76758-.29297-1.06055,0s-.29297.76758,0,1.06055l.96973.96973h-5.98633c-.41406,0-.75.33594-.75.75s.33594.75.75.75h5.98633l-.96973.96973c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973l2.25-2.25c.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="m19.077 9.533-2.25-2.25c-.293-.293-.767-.293-1.06 0s-.293.768 0 1.061l.97.97H10.75c-.414 0-.75.336-.75.75s.336.75.75.75h5.986l-.97.97c-.292.292-.292.767 0 1.06.147.146.338.22.53.22s.385-.074.531-.22l2.25-2.25c.293-.293.293-.768 0-1.06"
       />
       <path
-        d="M11.75,17h-7.5c-1.24023,0-2.25-1.00977-2.25-2.25V5.25c0-1.24023,1.00977-2.25,2.25-2.25h7.5c1.24023,0,2.25,1.00977,2.25,2.25v1.75c0,.41406-.33594.75-.75.75s-.75-.33594-.75-.75v-1.75c0-.41309-.33691-.75-.75-.75h-7.5c-.41309,0-.75.33691-.75.75v9.5c0,.41309.33691.75.75.75h7.5c.41309,0,.75-.33691.75-.75v-1.75c0-.41406.33594-.75.75-.75s.75.33594.75.75v1.75c0,1.24023-1.00977,2.25-2.25,2.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M11.75 17h-7.5C3.01 17 2 15.99 2 14.75v-9.5C2 4.01 3.01 3 4.25 3h7.5C12.99 3 14 4.01 14 5.25V7c0 .414-.336.75-.75.75s-.75-.336-.75-.75V5.25c0-.413-.337-.75-.75-.75h-7.5c-.413 0-.75.337-.75.75v9.5c0 .413.337.75.75.75h7.5c.413 0 .75-.337.75-.75V13c0-.414.336-.75.75-.75s.75.336.75.75v1.75c0 1.24-1.01 2.25-2.25 2.25"
       />
     </svg>
   );