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

package/src/icon/s2wf-icons/GroupNoIcon.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/GroupNo.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/GroupNo.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 GroupNoIconSvg(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,15 @@ function GroupNoIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m8.5,15h-2c-.82715,0-1.5-.67285-1.5-1.5s.67285-1.5,1.5-1.5h2c.82715,0,1.5.67285,1.5,1.5s-.67285,1.5-1.5,1.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M8.5 15h-2c-.827 0-1.5-.673-1.5-1.5S5.673 12 6.5 12h2c.827 0 1.5.673 1.5 1.5S9.327 15 8.5 15M17.25 14.397c-.414 0-.75-.335-.75-.75V4.25c0-.413-.336-.75-.75-.75H6.32c-.414 0-.75-.336-.75-.75S5.906 2 6.32 2h9.43C16.99 2 18 3.01 18 4.25v9.397c0 .415-.336.75-.75.75"
       />
       <path
-        d="m17.25,14.39746c-.41406,0-.75-.33594-.75-.75V4.25c0-.41309-.33643-.75-.75-.75H6.31982c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h9.43018c1.24072,0,2.25,1.00977,2.25,2.25v9.39746c0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m13.25,18H4.25c-1.24072,0-2.25-1.00977-2.25-2.25V6.75c0-.41406.33594-.75.75-.75s.75.33594.75.75v9c0,.41309.33643.75.75.75h9c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m13.25,10h-.33447c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.33447c.1377,0,.25-.1123.25-.25v-1.5c0-.1377-.1123-.25-.25-.25h-3.8335c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h3.8335c.96484,0,1.75.78516,1.75,1.75v1.5c0,.96484-.78516,1.75-1.75,1.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m18.25,19.01953c-.19189,0-.38379-.07324-.53027-.21973L1.21973,2.2998c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l16.5,16.5c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33838.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.25 18h-9C3.01 18 2 16.99 2 15.75v-9c0-.414.336-.75.75-.75s.75.336.75.75v9c0 .413.336.75.75.75h9c.414 0 .75.336.75.75s-.336.75-.75.75M13.25 10h-.334c-.415 0-.75-.336-.75-.75s.335-.75.75-.75h.334c.138 0 .25-.112.25-.25v-1.5c0-.138-.112-.25-.25-.25H9.417c-.415 0-.75-.336-.75-.75s.335-.75.75-.75h3.833c.965 0 1.75.785 1.75 1.75v1.5c0 .965-.785 1.75-1.75 1.75M18.25 19.02c-.192 0-.384-.074-.53-.22L1.22 2.3c-.293-.293-.293-.768 0-1.06s.767-.294 1.06 0l16.5 16.5c.293.292.293.767 0 1.06-.146.146-.338.22-.53.22"
       />
     </svg>
   );

package/src/icon/s2wf-icons/HandIcon.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/Hand.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Hand.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 HandIconSvg(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 HandIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m16.40039,5.12598c-.35693-.06079-.70532-.0188-1.02734.0896v-.87085c0-1.17188-.95312-2.125-2.125-2.125-.39099,0-.703.10889-.95361.28784-.37598-.59937-1.03796-1.00171-1.79639-1.00171-.96582,0-1.77368.65137-2.03125,1.53516-.22559-.08179-.46533-.13379-.71875-.13379-1.17188,0-2.125.95312-2.125,2.125v3.69629c-.32324-.41357-.77576-.69434-1.2959-.78613-.56152-.10156-1.125.02637-1.58789.35156-.46582.3252-.77539.8125-.87402,1.37109-.09863.55957.02637,1.12305.35156,1.58887l2.75,3.91602c1.8418,2.38086,3.5625,3.32324,6.0918,3.32324.05469,0,.10938,0,.16504-.00098,3.22461-.02832,5.51855-2.40527,6.13379-6.34668l.78027-4.56738c.19629-1.15527-.58301-2.25488-1.7373-2.45215Zm-.52344,6.77832c-.50098,3.21191-2.20215,5.06641-4.67188,5.08789-2.125.02344-3.46191-.68359-5.03027-2.71191l-2.72949-3.88672c-.0957-.13672-.13281-.30273-.10352-.46777.0293-.16406.12012-.30762.25684-.40332.28223-.19727.67285-.12988.87207.15527l1.28906,1.83008c.23926.33887.70703.42285,1.04492.18164.1875-.13184.28687-.33447.30603-.54614.0072-.00464.01233-.02075.01233-.06714v-6.04395c0-.34473.28027-.625.625-.625s.625.28027.625.625v3.75781c0,.41406.33594.75.75.75s.75-.33594.75-.75V3.63086c0-.34473.28027-.625.625-.625s.625.28027.625.625v5.03027c0,.41406.33594.75.75.75s.75-.33594.75-.75v-4.31641c0-.34473.28027-.625.625-.625s.625.28027.625.625v2.77246c0,.03027-.00086.19197-.00086.19197l-.28332,1.65861c-.06934.4082.20508.7959.61328.86523.40137.0752.79492-.2041.86523-.61328l.35938-2.10449c.05762-.33887.36914-.56836.72168-.51074.33887.05762.56836.38184.51074.72168l-.78223,4.57812Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.4 5.126c-.357-.06-.705-.019-1.027.09v-.871c0-1.172-.953-2.125-2.125-2.125-.39 0-.703.109-.954.288-.376-.6-1.038-1.002-1.796-1.002-.966 0-1.774.651-2.031 1.535-.226-.082-.466-.134-.719-.134-1.172 0-2.125.953-2.125 2.125V8.73c-.323-.414-.776-.695-1.296-.787-.561-.101-1.125.027-1.588.352-.466.325-.775.812-.874 1.371-.098.56.027 1.123.352 1.589l2.75 3.916c1.842 2.38 3.562 3.323 6.092 3.323h.165c3.224-.03 5.518-2.406 6.133-6.347l.78-4.568c.197-1.155-.582-2.255-1.737-2.452m-.523 6.778c-.501 3.212-2.202 5.067-4.672 5.088-2.125.024-3.462-.683-5.03-2.712l-2.73-3.886c-.095-.137-.132-.303-.103-.468.03-.164.12-.308.257-.404.282-.197.672-.13.872.156l1.289 1.83c.239.339.707.423 1.045.181.187-.131.287-.334.306-.546.007-.004.012-.02.012-.067V5.032c0-.344.28-.625.625-.625s.625.28.625.625V8.79c0 .414.336.75.75.75s.75-.336.75-.75V3.63c0-.344.28-.624.625-.624s.625.28.625.625v5.03c0 .414.336.75.75.75s.75-.336.75-.75V4.345c0-.345.28-.625.625-.625s.625.28.625.625v2.964l-.284 1.659c-.07.408.205.796.613.865.402.075.795-.204.865-.613l.36-2.105c.057-.339.369-.568.721-.51.34.057.569.381.511.721z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/HeartFilledIcon.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/HeartFilled.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/HeartFilled.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 HeartFilledIconSvg(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 HeartFilledIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M10,18c-.48877,0-.97754-.16016-1.38574-.48047h0c-1.58594-1.24414-5.20264-4.51172-6.37451-6.42871-.93262-1.52539-1.25293-3.41309-.85693-5.04883.33984-1.4043,1.16211-2.53711,2.37842-3.27832,1.37402-.83887,3.02295-.99707,4.30176-.41309.66016.30176,1.36328.82715,1.92871,1.4209.57812-.62988,1.27295-1.13965,1.96729-1.42969,1.31152-.55176,2.95264-.3877,4.28027.42188,1.21582.74121,2.03809,1.87402,2.37793,3.27832.396,1.63574.07568,3.52344-.85693,5.04883-1.16943,1.91309-4.78711,5.18262-6.37451,6.42871-.40771.32031-.89697.48047-1.38574.48047Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 18c-.489 0-.978-.16-1.386-.48-1.586-1.245-5.202-4.512-6.374-6.43-.933-1.525-1.253-3.412-.857-5.048.34-1.404 1.162-2.537 2.378-3.278 1.374-.84 3.023-.997 4.302-.413.66.301 1.363.827 1.929 1.42.578-.63 1.273-1.14 1.967-1.43 1.312-.551 2.953-.387 4.28.423 1.216.74 2.038 1.874 2.378 3.278.396 1.636.076 3.523-.857 5.049-1.17 1.913-4.787 5.182-6.374 6.429-.408.32-.897.48-1.386.48"
       />
     </svg>
   );

package/src/icon/s2wf-icons/HeartIcon.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/Heart.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Heart.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 HeartIconSvg(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 HeartIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m10,18c-.48877,0-.97754-.16016-1.38574-.48047h0c-1.58594-1.24414-5.20264-4.51172-6.37451-6.42871-.93262-1.52539-1.25293-3.41309-.85693-5.04883.33984-1.4043,1.16211-2.53711,2.37842-3.27832,1.37402-.83887,3.02295-.99707,4.30176-.41309.66016.30176,1.36328.82715,1.92871,1.4209.57812-.62988,1.27295-1.13965,1.96729-1.42969,1.31152-.55176,2.95264-.3877,4.28027.42188,1.21582.74121,2.03809,1.87402,2.37793,3.27832.396,1.63574.07568,3.52344-.85693,5.04883-1.16943,1.91309-4.78711,5.18262-6.37451,6.42871-.40771.32031-.89697.48047-1.38574.48047ZM6.38721,3.49902c-.60645,0-1.25537.18555-1.84521.5459-.86914.5293-1.45703,1.3418-1.70117,2.34961-.30469,1.25781-.05078,2.7207.67822,3.91309.95312,1.55859,4.14941,4.56348,6.021,6.03223h.00049c.27051.21289.64844.21289.91895,0,1.87354-1.4707,5.07031-4.47656,6.021-6.03223.72949-1.19238.9834-2.65527.67871-3.91309-.24414-1.00781-.83203-1.82031-1.70068-2.34961-.92578-.56445-2.04492-.68652-2.91992-.32031-.68213.28613-1.43311.9375-1.91406,1.66016-.27832.41797-.9707.41797-1.24902,0-.43506-.65332-1.24902-1.35547-1.93555-1.66895-.31836-.14551-.67725-.2168-1.05273-.2168Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 18c-.489 0-.978-.16-1.386-.48-1.586-1.245-5.202-4.512-6.374-6.43-.933-1.525-1.253-3.412-.857-5.048.34-1.404 1.162-2.537 2.378-3.278 1.374-.84 3.023-.997 4.302-.413.66.301 1.363.827 1.929 1.42.578-.63 1.273-1.14 1.967-1.43 1.312-.551 2.953-.387 4.28.423 1.216.74 2.038 1.874 2.378 3.278.396 1.636.076 3.523-.857 5.049-1.17 1.913-4.787 5.182-6.374 6.429-.408.32-.897.48-1.386.48M6.387 3.499c-.606 0-1.255.186-1.845.546-.87.53-1.457 1.342-1.701 2.35-.305 1.257-.051 2.72.678 3.913.953 1.558 4.15 4.563 6.021 6.032.271.213.649.213.92 0 1.873-1.47 5.07-4.477 6.02-6.032.73-1.193.984-2.656.68-3.913-.245-1.008-.833-1.82-1.701-2.35-.926-.565-2.045-.687-2.92-.32-.683.286-1.434.937-1.914 1.66-.279.418-.971.418-1.25 0-.435-.654-1.249-1.356-1.935-1.67-.318-.145-.677-.216-1.053-.216"
       />
     </svg>
   );

package/src/icon/s2wf-icons/HelpCircleIcon.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/HelpCircle.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/HelpCircle.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 HelpCircleIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,19 +18,19 @@ function HelpCircleIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elem
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m9.9881,15.52679c-.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)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M9.988 15.527c-.23.008-.455-.074-.627-.229-.33-.365-.33-.92 0-1.286.17-.158.395-.243.627-.235.236-.01.466.08.633.248.162.168.25.394.242.627.012.235-.07.466-.228.64-.174.165-.408.25-.647.235"
       />
       <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="m9.99219,12.70605c-.41406,0-.75-.33594-.75-.75,0-1.02246.07031-1.71387,1.03906-2.68262.78516-.78613.91797-1.10156.91797-1.65137,0-.20996-.06641-1.25781-1.37402-1.25781-1.36523,0-1.51074,1.15625-1.52637,1.3877-.02637.41309-.39258.7207-.79688.69922-.41406-.02734-.72656-.38379-.69922-.79688.06348-.96484.77637-2.79004,3.02246-2.79004,1.88672,0,2.87402,1.3877,2.87402,2.75781,0,1.14355-.45703,1.81055-1.35742,2.71191-.57617.57617-.59961.81152-.59961,1.62207,0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M9.992 12.706c-.414 0-.75-.336-.75-.75 0-1.022.07-1.714 1.04-2.683.784-.786.917-1.101.917-1.65 0-.21-.066-1.259-1.374-1.259-1.365 0-1.51 1.156-1.526 1.388-.027.413-.393.72-.797.7-.414-.028-.727-.385-.7-.798.064-.965.777-2.79 3.023-2.79 1.887 0 2.874 1.388 2.874 2.758 0 1.144-.457 1.81-1.357 2.712-.576.576-.6.811-.6 1.622 0 .414-.336.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/HistoryIcon.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/History.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/History.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 HistoryIconSvg(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 HistoryIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M13.21973,12.65674c-.12891,0-.25977-.0332-.37891-.10352l-3.2207-1.89502c-.22949-.13477-.37012-.38086-.37012-.64648v-5c0-.41406.33594-.75.75-.75s.75.33594.75.75v4.57129l2.85059,1.67725c.35742.20996.47656.66992.2666,1.02686-.13965.2373-.39062.36963-.64746.36963Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.22 12.657c-.13 0-.26-.033-.38-.104l-3.22-1.895c-.23-.135-.37-.38-.37-.646v-5c0-.414.336-.75.75-.75s.75.336.75.75v4.571l2.85 1.677c.358.21.477.67.267 1.027-.14.237-.39.37-.647.37"
       />
       <path
-        d="M10,1.25c-2.78918,0-5.39026,1.36719-7.02332,3.56567l-.24426-1.48462c-.06738-.40918-.46289-.68359-.8623-.61816-.4082.06738-.68555.45361-.61816.8623l.55371,3.36279c.06055.36719.37891.62793.73926.62793.04004,0,.08105-.00293.12207-.00977l3.36621-.55127c.40918-.06689.68555-.45264.61914-.86133-.06738-.4082-.44727-.68359-.86133-.61914l-1.68457.27588c1.34741-1.87939,3.54175-3.05029,5.89355-3.05029,3.99805,0,7.25,3.25244,7.25,7.25s-3.25195,7.25-7.25,7.25c-2.98047,0-5.62305-1.78662-6.73145-4.55225-.1543-.38477-.59082-.57178-.97559-.41699-.38477.1543-.57129.59082-.41699.97559,1.33887,3.3374,4.52734,5.49365,8.12402,5.49365,4.8252,0,8.75-3.92529,8.75-8.75S14.8252,1.25,10,1.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 1.25c-2.79 0-5.39 1.367-7.023 3.566L2.732 3.33c-.067-.41-.462-.684-.862-.618-.408.067-.685.453-.618.862l.554 3.363c.06.367.379.628.739.628q.06 0 .122-.01l3.366-.551c.41-.067.686-.453.62-.861-.068-.409-.448-.684-.862-.62L4.106 5.8C5.454 3.92 7.648 2.75 10 2.75c3.998 0 7.25 3.252 7.25 7.25s-3.252 7.25-7.25 7.25c-2.98 0-5.623-1.787-6.731-4.552-.155-.385-.591-.572-.976-.417s-.571.59-.417.975C3.215 16.594 6.403 18.75 10 18.75c4.825 0 8.75-3.925 8.75-8.75S14.825 1.25 10 1.25"
       />
     </svg>
   );

package/src/icon/s2wf-icons/HomeIcon.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/Home.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Home.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 HomeIconSvg(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 HomeIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m17.13086,5.73438L11.38086,1.26172c-.8125-.63086-1.94922-.63184-2.76172.00098L2.86914,5.73438h-.00098c-.54395.42285-.86816,1.08691-.86816,1.77637v8.23926c0,1.24023,1.00977,2.25,2.25,2.25h11.5c1.24023,0,2.25-1.00977,2.25-2.25V7.51074c0-.68945-.32422-1.35352-.86914-1.77637Zm-5.63086,10.76562h-3v-4.75c0-.41309.33691-.75.75-.75h1.5c.41309,0,.75.33691.75.75v4.75Zm5-.75c0,.41309-.33691.75-.75.75h-2.75v-4.75c0-1.24023-1.00977-2.25-2.25-2.25h-1.5c-1.24023,0-2.25,1.00977-2.25,2.25v4.75h-2.75c-.41309,0-.75-.33691-.75-.75V7.51074c0-.22949.1084-.45117.28906-.59277l5.75-4.4707c.27246-.21191.65137-.20898.92188-.00098l5.74902,4.47168c.18164.1416.29004.36328.29004.59277v8.23926Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m17.13 5.734-5.75-4.472c-.812-.631-1.948-.632-2.76 0L2.87 5.735h-.002C2.324 6.157 2 6.821 2 7.511v8.239C2 16.99 3.01 18 4.25 18h11.5c1.24 0 2.25-1.01 2.25-2.25V7.51c0-.689-.324-1.353-.87-1.776M11.5 16.5h-3v-4.75c0-.413.337-.75.75-.75h1.5c.413 0 .75.337.75.75zm5-.75c0 .413-.337.75-.75.75H13v-4.75c0-1.24-1.01-2.25-2.25-2.25h-1.5C8.01 9.5 7 10.51 7 11.75v4.75H4.25c-.413 0-.75-.337-.75-.75V7.51c0-.229.108-.45.29-.592l5.75-4.47c.272-.213.65-.21.92-.002l5.75 4.472c.182.142.29.363.29.593z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/Icon3DAssetIcon.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/3DAsset.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/3DAsset.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 Icon3DAssetIconSvg(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 Icon3DAssetIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m17.77148,5.08203l-2.78906-1.60938c-.52832-.30664-1.18945-.3125-1.72168-.01758l-3.26074,1.79785-3.2627-1.79785c-.53418-.29297-1.19336-.28809-1.71973.01758l-2.79004,1.60938c-.75684.43848-1.22754,1.25391-1.22754,2.12793v4.55566c0,.875.4707,1.69043,1.22852,2.12695l6.54297,3.77832c.37891.21875.80371.32812,1.22852.32812s.84961-.10938,1.22852-.32812l6.54297-3.77832c.75781-.43652,1.22852-1.25195,1.22852-2.12695v-4.55566c0-.87402-.4707-1.68945-1.22852-2.12793Zm-12.00391-.31055c.03809-.02246.08203-.0332.125-.0332.04102,0,.08301.01074.12012.03125l3.625,1.99707c.22656.12305.49805.12305.72461,0l3.62305-1.99805c0-.00098.00098-.00098.00098-.00098.07617-.04199.16797-.04102.24414.00293l2.56055,1.47791-6.79028,3.74573-6.79541-3.74414,2.56226-1.47852Zm-2.78906,7.82227c-.29492-.16992-.47852-.4873-.47852-.82812v-4.19055l6.75,3.71887v4.92139l-6.27148-3.62158Zm14.04297,0l-6.27148,3.62158v-4.92236l6.75-3.72339v4.19604c0,.34082-.18359.6582-.47852.82812Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m17.771 5.082-2.789-1.61c-.528-.306-1.189-.312-1.721-.017L10 5.253 6.737 3.455c-.534-.293-1.193-.288-1.72.018l-2.79 1.609C1.472 5.521 1 6.336 1 7.21v4.556c0 .875.47 1.69 1.229 2.127L8.77 17.67c.38.219.804.328 1.229.328s.85-.11 1.229-.328l6.542-3.778C18.53 13.456 19 12.64 19 11.766V7.21c0-.874-.47-1.69-1.229-2.128m-12.003-.31q.059-.034.125-.034c.04 0 .083.011.12.032l3.625 1.997c.226.123.498.123.724 0l3.623-1.998.001-.001c.076-.042.168-.041.244.002l2.561 1.478-6.79 3.746L3.205 6.25zm-2.79 7.822c-.294-.17-.478-.488-.478-.828v-4.19l6.75 3.718v4.921zm14.043 0-6.271 3.621v-4.922L17.5 7.57v4.196c0 .34-.184.658-.479.828"
       />
     </svg>
   );

package/src/icon/s2wf-icons/Icon3DIcon.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/3D.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/3D.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 Icon3DIconSvg(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 Icon3DIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m16.87598,4.84082h-.00098l-5.74902-3.31934c-.69629-.40234-1.55859-.40137-2.25098,0l-5.75098,3.31934c-.69336.40137-1.12402,1.14844-1.12402,1.94922v6.63965c0,.80176.43164,1.54785,1.125,1.94824l5.74902,3.32031c.34766.20117.7373.30078,1.12598.30078.38965,0,.77832-.09961,1.125-.30078l5.75-3.32031c.69336-.40039,1.125-1.14648,1.125-1.94824v-6.63965c0-.80078-.43066-1.54785-1.12402-1.94922Zm-7.25-2.02051c.11523-.06738.24414-.10059.37402-.10059.12891,0,.25879.0332.375.10059l5.28516,3.05151-5.65942,3.12231-5.66431-3.12085,5.28955-3.05298ZM3.875,14.0791c-.23145-.13379-.375-.38281-.375-.64941v-6.30371l5.75,3.16797v6.88892l-5.375-3.10376Zm12.25,0l-5.375,3.10327v-6.8894l5.75-3.17236v6.30908c0,.2666-.14355.51562-.375.64941Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.876 4.84h-.001l-5.749-3.319c-.696-.402-1.559-.4-2.251 0l-5.751 3.32C2.431 5.242 2 5.989 2 6.79v6.64c0 .801.432 1.548 1.125 1.948l5.749 3.32C9.222 18.9 9.611 19 10 19c.39 0 .778-.1 1.125-.3l5.75-3.321c.693-.4 1.125-1.147 1.125-1.948V6.79c0-.8-.43-1.548-1.124-1.95m-7.25-2.02c.115-.067.244-.1.374-.1.129 0 .259.033.375.1l5.285 3.052L10 8.994l-5.664-3.12zM3.875 14.08c-.231-.135-.375-.384-.375-.65V7.126l5.75 3.168v6.889zm12.25 0-5.375 3.102v-6.889l5.75-3.172v6.309c0 .266-.144.515-.375.65"
       />
     </svg>
   );

package/src/icon/s2wf-icons/Icon3DMaterialIcon.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/3DMaterial.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/3DMaterial.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 Icon3DMaterialIconSvg(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 Icon3DMaterialIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M10,18.75c-4.82471,0-8.75-3.9248-8.75-8.75S5.17529,1.25,10,1.25s8.75,3.9248,8.75,8.75-3.92529,8.75-8.75,8.75ZM10,2.75c-3.99756,0-7.25,3.25195-7.25,7.25s3.25244,7.25,7.25,7.25,7.25-3.25195,7.25-7.25-3.25244-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="M6.86084,10.40527c-.49854,0-.93896-.16504-1.25488-.48242-.43604-.43555-.58545-1.10645-.40967-1.8418.15234-.6377.53467-1.28711,1.07666-1.8291,1.21631-1.21484,2.82764-1.50781,3.6709-.66699v.00098c.84229.84277.54932,2.45508-.66699,3.6709-.54199.54199-1.19141.92383-1.82812,1.07617-.20215.04883-.39941.07227-.58789.07227ZM8.69287,6.35449c-.39062,0-.98389.22949-1.53613.78223-.37549.375-.64697.8252-.74512,1.23535-.07129.29785-.04199.54688.07812.66699.11963.12109.36963.15234.66797.07812.40967-.09766.85986-.36914,1.23535-.74512.78418-.7832.91895-1.65039.66699-1.90234-.07471-.0752-.20312-.11523-.36719-.11523Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M6.86 10.405c-.498 0-.938-.165-1.254-.482-.436-.436-.585-1.107-.41-1.842.153-.638.535-1.287 1.077-1.829 1.216-1.215 2.828-1.508 3.67-.667.843.844.55 2.456-.666 3.672-.542.542-1.192.924-1.828 1.076q-.305.073-.588.072m1.833-4.05c-.39 0-.984.229-1.536.782-.376.375-.647.825-.745 1.235-.072.298-.042.547.078.667.12.121.37.152.668.078.41-.097.86-.369 1.235-.745.784-.783.919-1.65.667-1.902-.075-.075-.203-.116-.367-.116"
       />
     </svg>
   );

package/src/icon/s2wf-icons/ImageAddIcon.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/ImageAdd.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/ImageAdd.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 ImageAddIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
-      id="f"
-      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="M14.5,7.52114c0,.82843-.67157,1.5-1.5,1.5s-1.5-.67157-1.5-1.5.67157-1.5,1.5-1.5,1.5.67157,1.5,1.5h0Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M14.5 7.521c0 .829-.672 1.5-1.5 1.5s-1.5-.671-1.5-1.5.672-1.5 1.5-1.5 1.5.672 1.5 1.5M15 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.625"
       />
       <path
-        d="M15,10.5c-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.625h-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="M16.75,3H3.25c-1.24023,0-2.25,1.00977-2.25,2.25v9.5c0,1.24023,1.00977,2.25,2.25,2.25h5.08984c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75H3.25c-.41309,0-.75-.33691-.75-.75v-1.16895l2.96973-2.96875c.29297-.29297.76758-.29297,1.06055,0l1.91504,1.91504c.29297.29297.76758.29297,1.06055,0s.29297-.76758,0-1.06055l-1.91504-1.91504c-.87695-.87695-2.30469-.87695-3.18164,0l-1.90918,1.90869v-6.21045c0-.41309.33691-.75.75-.75h13.5c.41309,0,.75.33691.75.75v3.84668c0,.41406.33594.75.75.75s.75-.33594.75-.75v-3.84668c0-1.24023-1.00977-2.25-2.25-2.25h0Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.75 3H3.25C2.01 3 1 4.01 1 5.25v9.5C1 15.99 2.01 17 3.25 17h5.09c.414 0 .75-.336.75-.75s-.336-.75-.75-.75H3.25c-.413 0-.75-.337-.75-.75v-1.169l2.97-2.969c.293-.293.767-.293 1.06 0l1.915 1.915c.293.293.768.293 1.06 0s.294-.767 0-1.06L7.592 9.552c-.877-.877-2.305-.877-3.182 0L2.5 11.46V5.25c0-.413.337-.75.75-.75h13.5c.413 0 .75.337.75.75v3.847c0 .414.336.75.75.75s.75-.336.75-.75V5.25C19 4.01 17.99 3 16.75 3"
       />
     </svg>
   );

package/src/icon/s2wf-icons/ImageBackgroundRemoveIcon.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/ImageBackgroundRemove.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/ImageBackgroundRemove.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 ImageBackgroundRemoveIconSvg(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,20 @@ function ImageBackgroundRemoveIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
-      <rect x="2" y="4" width="4" height="4" fill="var(--iconPrimary, #222)" opacity=".35" />
-      <polygon
-        points="10 12 9.30741 12 6 9 6 8 10 8 10 12"
-        fill="var(--iconPrimary, #222)"
-        opacity=".35"
-      />
-      <rect x="10" y="4" width="4" height="4" fill="var(--iconPrimary, #222)" opacity=".35" />
-      <rect x="14" y="8" width="4" height="4" fill="var(--iconPrimary, #222)" opacity=".35" />
-      <polygon
-        points="14 12.28454 10 13.45999 10 12 14 12 14 12.28454"
-        fill="var(--iconPrimary, #222)"
-        opacity=".35"
+      <path
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M2 4h4v4H2zM10 12h-.693L6 9V8h4zM10 4h4v4h-4zM14 8h4v4h-4zM14 12.285l-4 1.175V12h4z"
+        opacity="0.35"
       />
       <path
-        d="m14.5,7.52114c0,.82843-.67157,1.5-1.5,1.5-.82843,0-1.5-.67157-1.5-1.5,0-.82843.67157-1.5,1.5-1.5s1.5.67157,1.5,1.5h0"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M14.5 7.521c0 .829-.672 1.5-1.5 1.5s-1.5-.671-1.5-1.5c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5"
       />
       <path
-        d="m16.75,3H3.25c-1.24072,0-2.25,1.00977-2.25,2.25v9.5c0,1.24023,1.00928,2.25,2.25,2.25h13.5c1.24072,0,2.25-1.00977,2.25-2.25V5.25c0-1.24023-1.00928-2.25-2.25-2.25Zm-13.5,1.5h13.5c.41357,0,.75.33691.75.75v8.21069l-1.90869-1.90894c-.84961-.84961-2.3335-.84961-3.18213,0l-1.23193,1.23145c-.09717.09766-.25684.09668-.354.00098l-3.23193-3.23242c-.84961-.84961-2.3335-.84961-3.18213,0l-1.90918,1.90918v-6.21094c0-.41309.33643-.75.75-.75Zm0,11c-.41357,0-.75-.33691-.75-.75v-1.16797l2.97021-2.96973c.28223-.2832.77686-.2832,1.06006,0l3.23291,3.2334c.68164.67969,1.7915.68262,2.47412-.00098l1.23291-1.23242c.28223-.2832.77686-.2832,1.06006,0l2.70074,2.70068c-.1311.11206-.29553.18701-.48102.18701H3.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.75 3H3.25C2.01 3 1 4.01 1 5.25v9.5C1 15.99 2.01 17 3.25 17h13.5c1.24 0 2.25-1.01 2.25-2.25v-9.5C19 4.01 17.99 3 16.75 3M3.25 4.5h13.5c.414 0 .75.337.75.75v8.21l-1.909-1.908c-.85-.85-2.333-.85-3.182 0l-1.232 1.231c-.097.098-.257.097-.354.001L7.591 9.552c-.85-.85-2.333-.85-3.182 0L2.5 11.46V5.25c0-.413.336-.75.75-.75m0 11c-.414 0-.75-.337-.75-.75v-1.168l2.97-2.97c.282-.283.777-.283 1.06 0l3.233 3.234c.682.68 1.792.682 2.474-.001l1.233-1.233c.282-.283.777-.283 1.06 0l2.701 2.701c-.131.112-.296.187-.481.187z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/ImageIcon.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/Image.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Image.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 ImageIconSvg(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 ImageIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m14.5,7.52114c0,.82843-.67157,1.5-1.5,1.5-.82843,0-1.5-.67157-1.5-1.5,0-.82843.67157-1.5,1.5-1.5s1.5.67157,1.5,1.5h0"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M14.5 7.521c0 .829-.672 1.5-1.5 1.5s-1.5-.671-1.5-1.5c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5"
       />
       <path
-        d="m16.75,3H3.25c-1.24023,0-2.25,1.00977-2.25,2.25v9.5c0,1.24023,1.00977,2.25,2.25,2.25h13.5c1.24023,0,2.25-1.00977,2.25-2.25V5.25c0-1.24023-1.00977-2.25-2.25-2.25Zm-13.5,1.5h13.5c.41309,0,.75.33691.75.75v8.21094l-1.90918-1.90918c-.87695-.87695-2.30469-.87695-3.18164,0l-1.23145,1.23145c-.09961.09766-.25684.09668-.35449.00098l-3.23242-3.23242c-.84961-.84961-2.33203-.84961-3.18164,0l-1.90918,1.90918v-6.21094c0-.41309.33691-.75.75-.75Zm0,11c-.41309,0-.75-.33691-.75-.75v-1.16797l2.96973-2.96973c.29297-.29297.76758-.29297,1.06055,0l3.2334,3.2334c.68164.67969,1.79199.68066,2.47363-.00098l1.23242-1.23242c.29297-.29297.76758-.29297,1.06055,0l2.70068,2.70068c-.1311.11206-.29565.18701-.48096.18701H3.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.75 3H3.25C2.01 3 1 4.01 1 5.25v9.5C1 15.99 2.01 17 3.25 17h13.5c1.24 0 2.25-1.01 2.25-2.25v-9.5C19 4.01 17.99 3 16.75 3M3.25 4.5h13.5c.413 0 .75.337.75.75v8.21l-1.91-1.908c-.876-.877-2.304-.877-3.18 0l-1.232 1.231c-.1.098-.257.097-.355.001L7.591 9.552c-.85-.85-2.332-.85-3.182 0L2.5 11.46V5.25c0-.413.337-.75.75-.75m0 11c-.413 0-.75-.337-.75-.75v-1.168l2.97-2.97c.293-.293.767-.293 1.06 0l3.234 3.234c.681.68 1.792.68 2.473-.001l1.233-1.233c.293-.293.767-.293 1.06 0l2.701 2.701c-.131.112-.296.187-.481.187z"
       />
     </svg>
   );