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

package/src/icon/s2wf-icons/MoreIcon.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/More.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/More.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 MoreIconSvg(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,42 @@ function MoreIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
-      <circle cx="10" cy="10.02114" r="1.5" fill="var(--iconPrimary, #222)" />
+      <circle
+        cx="10"
+        cy="10.021"
+        r="1.5"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
       <path
-        d="m10,8.5c-.82843,0-1.5.67157-1.5,1.5s.67157,1.5,1.5,1.5,1.5-.67157,1.5-1.5-.67157-1.5-1.5-1.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 8.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5"
+      />
+      <circle
+        cx="4"
+        cy="10.021"
+        r="1.5"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="4"
+        cy="10"
+        r="1.5"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="16"
+        cy="10.021"
+        r="1.5"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="16"
+        cy="10"
+        r="1.5"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
       />
-      <circle cx="4" cy="10.02114" r="1.5" fill="var(--iconPrimary, #222)" />
-      <circle cx="4" cy="10" r="1.5" fill="var(--iconPrimary, #222)" />
-      <circle cx="16" cy="10.02114" r="1.5" fill="var(--iconPrimary, #222)" />
-      <circle cx="16" cy="10" r="1.5" fill="var(--iconPrimary, #222)" />
     </svg>
   );
 }

package/src/icon/s2wf-icons/MoveIcon.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/Move.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Move.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 MoveIconSvg(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 MoveIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m18.7832,9.46973l-2.25-2.25c-.29297-.29297-.76758-.29297-1.06055,0s-.29297.76758,0,1.06055l.96973.96973h-5.69238V3.55762l.96973.96973c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055l-2.25-2.25c-.29297-.29297-.76758-.29297-1.06055,0l-2.25,2.25c-.29297.29297-.29297.76758,0,1.06055s.76758.29297,1.06055,0l.96973-.96973v5.69238H3.55762l.96973-.96973c.29297-.29297.29297-.76758,0-1.06055s-.76758-.29297-1.06055,0l-2.25,2.25c-.29297.29297-.29297.76758,0,1.06055l2.25,2.25c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055l-.96973-.96973h5.69238v5.69238l-.96973-.96973c-.29297-.29297-.76758-.29297-1.06055,0s-.29297.76758,0,1.06055l2.25,2.25c.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973l2.25-2.25c.29297-.29297.29297-.76758,0-1.06055s-.76758-.29297-1.06055,0l-.96973.96973v-5.69238h5.69238l-.96973.96973c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33838.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="m18.783 9.47-2.25-2.25c-.293-.293-.767-.293-1.06 0s-.293.767 0 1.06l.97.97H10.75V3.558l.97.97c.146.146.338.22.53.22s.384-.074.53-.22c.293-.294.293-.768 0-1.061l-2.25-2.25c-.293-.293-.767-.293-1.06 0l-2.25 2.25c-.293.293-.293.767 0 1.06s.767.293 1.06 0l.97-.97V9.25H3.558l.97-.97c.292-.293.292-.767 0-1.06s-.768-.293-1.061 0l-2.25 2.25c-.293.293-.293.767 0 1.06l2.25 2.25c.146.147.338.22.53.22s.384-.073.53-.22c.293-.293.293-.767 0-1.06l-.97-.97H9.25v5.692l-.97-.97c-.293-.292-.767-.292-1.06 0s-.293.768 0 1.061l2.25 2.25c.146.147.338.22.53.22s.384-.073.53-.22l2.25-2.25c.293-.293.293-.767 0-1.06s-.767-.293-1.06 0l-.97.97V10.75h5.692l-.97.97c-.292.293-.292.767 0 1.06.147.147.339.22.53.22s.385-.073.531-.22l2.25-2.25c.293-.293.293-.767 0-1.06"
       />
     </svg>
   );

package/src/icon/s2wf-icons/MovieCameraIcon.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/MovieCamera.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/MovieCamera.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 MovieCameraIconSvg(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 MovieCameraIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m11.75,16H3.25c-1.24072,0-2.25-1.00928-2.25-2.25v-7.5c0-1.24072,1.00928-2.25,2.25-2.25h8.5c1.24072,0,2.25,1.00928,2.25,2.25v1.04639l2.36816-1.68408c.03125-.02246.06445-.04199.09912-.05957.54639-.27344,1.18311-.24463,1.70264.07666.52002.32129.83008.87793.83008,1.48877v5.76367c0,.61084-.31006,1.16748-.83008,1.48877-.51953.3208-1.15625.3501-1.70264.07666-.03467-.01758-.06787-.03711-.09912-.05957l-2.36816-1.68408v1.04639c0,1.24072-1.00928,2.25-2.25,2.25ZM3.25,5.5c-.41357,0-.75.33643-.75.75v7.5c0,.41357.33643.75.75.75h8.5c.41357,0,.75-.33643.75-.75v-2.5c0-.28076.15674-.5376.40625-.6665.24951-.12793.5498-.10742.77832.05518l3.49072,2.48242c.0918.03125.16699-.00146.20605-.02637.04443-.02734.11865-.09131.11865-.21289v-5.76367c0-.12158-.07422-.18555-.11865-.21289-.03955-.02441-.11621-.05713-.20605-.02637l-3.49072,2.48242c-.22852.1626-.52881.18311-.77832.05518-.24951-.12891-.40625-.38574-.40625-.6665v-2.5c0-.41357-.33643-.75-.75-.75H3.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M11.75 16h-8.5C2.01 16 1 14.99 1 13.75v-7.5C1 5.01 2.01 4 3.25 4h8.5C12.99 4 14 5.01 14 6.25v1.046l2.368-1.684q.047-.033.1-.06c.546-.273 1.182-.244 1.702.077.52.322.83.878.83 1.49v5.763c0 .61-.31 1.167-.83 1.489-.52.32-1.156.35-1.703.076q-.052-.025-.099-.06L14 12.705v1.046c0 1.24-1.01 2.25-2.25 2.25M3.25 5.5c-.414 0-.75.336-.75.75v7.5c0 .414.336.75.75.75h8.5c.414 0 .75-.336.75-.75v-2.5c0-.28.157-.538.406-.666s.55-.108.779.055l3.49 2.482c.092.031.167-.001.206-.026.045-.028.119-.092.119-.213V7.118c0-.121-.074-.185-.119-.213-.04-.024-.116-.057-.206-.026l-3.49 2.482c-.229.163-.53.183-.779.056-.25-.13-.406-.386-.406-.667v-2.5c0-.414-.336-.75-.75-.75z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/MusicNoteIcon.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/MusicNote.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/MusicNote.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 MusicNoteIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,12 +18,11 @@ function MusicNoteIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Eleme
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M17.17627,1.58887c-.52344-.42773-1.20459-.59668-1.86719-.46582l-7.00049,1.40039c-1.04785.20996-1.80859,1.1377-1.80859,2.20605v8.99646c-.85083-.32532-1.94965-.29114-3.02637.18811-1.82373.81348-2.77344,2.52441-2.1626,3.89551.30908.69238.98584,1.18164,1.85693,1.3418.2124.03906.43213.05762.65625.05762.6001,0,1.23145-.1377,1.83008-.4043.82275-.36719,1.50439-.94141,1.91992-1.61816.28088-.45801.42566-.94116.42578-1.40723V7.15039l8.5-1.69995v6.27539c-.85065-.3252-1.9491-.29102-3.02637.18823-1.82373.81348-2.77344,2.52441-2.1626,3.89551.30908.69238.98584,1.18164,1.85693,1.3418.2124.03906.43213.05762.65625.05762.6001,0,1.23145-.1377,1.83008-.4043.82275-.36719,1.50439-.94141,1.91992-1.61816.28088-.45801.42566-.94116.42578-1.40723V3.33008c0-.67676-.30029-1.31152-.82373-1.74121ZM5.04346,17.43457c-.54199.24023-1.12793.32812-1.60498.24121-.22119-.04102-.61426-.15625-.75732-.47754-.22656-.50781.29443-1.41992,1.40332-1.91406.43408-.19336.85547-.27734,1.2207-.27734.56934,0,1.00391.20312,1.1416.5127.03571.07983.05139.16284.05322.24548.00488.24939-.11609.49329-.20459.63733-.25439.41406-.71045.79102-1.25195,1.03223ZM16.5,13.7666c.00488.2478-.11609.4917-.20459.63574-.25439.41406-.71045.79102-1.25195,1.03223-.5415.24023-1.12646.3291-1.60498.24121-.22119-.04102-.61426-.15625-.75732-.47754-.22656-.50781.29443-1.41992,1.40332-1.91406.43408-.19336.85547-.27734,1.2207-.27734.56934,0,1.00391.20312,1.1416.5127.03571.07983.05139.16284.05322.24707ZM16.5,3.9209l-8.5,1.69995v-.89136c0-.35547.25391-.66504.60303-.73535l7-1.40039c.22021-.04395.44775.01074.62207.15527.1748.14355.2749.35547.2749.58105v.59082Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M17.176 1.589c-.523-.428-1.204-.597-1.867-.466l-7 1.4C7.26 2.733 6.5 3.661 6.5 4.73v8.997c-.85-.325-1.95-.291-3.026.188C1.65 14.728.7 16.438 1.31 17.81c.31.692.986 1.181 1.857 1.341q.319.059.656.058c.6 0 1.232-.138 1.83-.404.823-.367 1.505-.942 1.92-1.618.281-.458.426-.942.426-1.408V7.15l8.5-1.7v6.276c-.85-.325-1.95-.291-3.026.188-1.824.814-2.774 2.524-2.163 3.896.31.692.986 1.181 1.857 1.341q.319.059.656.058c.6 0 1.232-.138 1.83-.404.823-.367 1.505-.942 1.92-1.618.281-.458.426-.942.426-1.408V3.33c0-.677-.3-1.311-.824-1.741M5.043 17.435c-.542.24-1.127.328-1.605.24-.22-.04-.614-.155-.757-.477-.226-.508.295-1.42 1.403-1.914.435-.193.856-.277 1.221-.277.57 0 1.004.203 1.142.513q.051.12.053.245c.005.25-.116.493-.205.637-.254.414-.71.791-1.252 1.033M16.5 13.767c.005.247-.116.491-.205.635-.254.414-.71.791-1.252 1.033-.541.24-1.126.329-1.605.24-.22-.04-.614-.155-.757-.477-.226-.508.295-1.42 1.403-1.914.435-.193.856-.277 1.221-.277.57 0 1.004.203 1.142.513q.051.12.053.247m0-9.846L8 5.62v-.892c0-.355.254-.665.603-.735l7-1.4c.22-.044.448.01.622.155.175.144.275.355.275.581z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/NamingOrderIcon.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/NamingOrder.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/NamingOrder.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 NamingOrderIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,15 +18,11 @@ function NamingOrderIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M10.54639,11.00391L6.68945,2.00391c-.23633-.55078-1.14258-.55078-1.37891,0L1.45361,11.00391c-.16309.38086.01318.82227.39404.98535.37891.16113.82129-.0127.98486-.39355l1.1123-2.5957h4.11035l1.1123,2.5957c.12207.28418.39893.4541.68994.4541.09863,0,.19873-.01953.29492-.06055.38086-.16309.55713-.60449.39404-.98535ZM4.58765,7.5l1.41235-3.2959,1.41235,3.2959h-2.82471Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="M17.25,18h-5.5c-.2749,0-.52734-.15039-.65869-.3916s-.12012-.53516.02881-.76562l4.75146-7.34277h-4.12158c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h5.5c.2749,0,.52734.15039.65869.3916s.12012.53516-.02881.76562l-4.75146,7.34277h4.12158c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m10.546 11.004-3.857-9c-.236-.55-1.142-.55-1.378 0l-3.857 9c-.163.38.013.822.394.985.379.161.82-.012.985-.393L3.945 9h4.11l1.112 2.596c.123.284.4.454.69.454q.15 0 .295-.06c.381-.164.557-.605.394-.986M4.588 7.5 6 4.204 7.412 7.5zM17.25 18h-5.5c-.275 0-.527-.15-.659-.392s-.12-.535.03-.765L15.87 9.5H11.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.275 0 .527.15.659.392s.12.535-.03.765L13.13 16.5h4.121c.414 0 .75.336.75.75s-.336.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/NewIcon.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/New.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/New.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 NewIconSvg(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 NewIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m18,4.25v11.5c0,1.24072-1.00928,2.25-2.25,2.25H4.25c-1.24072,0-2.25-1.00928-2.25-2.25V4.25c0-1.24072,1.00928-2.25,2.25-2.25h11.5c1.24072,0,2.25,1.00928,2.25,2.25Zm-1.5,0c0-.41357-.33643-.75-.75-.75H4.25c-.41357,0-.75.33643-.75.75v11.5c0,.41357.33643.75.75.75h11.5c.41357,0,.75-.33643.75-.75V4.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18 4.25v11.5c0 1.24-1.01 2.25-2.25 2.25H4.25C3.01 18 2 16.99 2 15.75V4.25C2 3.01 3.01 2 4.25 2h11.5C16.99 2 18 3.01 18 4.25m-1.5 0c0-.414-.336-.75-.75-.75H4.25c-.414 0-.75.336-.75.75v11.5c0 .414.336.75.75.75h11.5c.414 0 .75-.336.75-.75z"
       />
       <path
-        d="m13.76318,10c0,.42139-.3418.76318-.76318.76318h-2.23682v2.23682c0,.42139-.3418.76318-.76318.76318s-.76318-.3418-.76318-.76318v-2.23682h-2.23682c-.42139,0-.76318-.3418-.76318-.76318s.3418-.76318.76318-.76318h2.23682v-2.23682c0-.42139.3418-.76318.76318-.76318s.76318.3418.76318.76318v2.23682h2.23682c.42139,0,.76318.3418.76318.76318Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.763 10c0 .421-.342.763-.763.763h-2.237V13c0 .421-.342.763-.763.763s-.763-.342-.763-.763v-2.237H7c-.421 0-.763-.342-.763-.763s.342-.763.763-.763h2.237V7c0-.421.342-.763.763-.763s.763.342.763.763v2.237H13c.421 0 .763.342.763.763"
       />
     </svg>
   );

package/src/icon/s2wf-icons/NudgeIcon.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/Nudge.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Nudge.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 NudgeIconSvg(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 NudgeIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m11.78418,13h-3.56836c-.6709,0-1.21582-.54492-1.21582-1.21582v-3.56836c0-.6709.54492-1.21582,1.21582-1.21582h3.56836c.6709,0,1.21582.54492,1.21582,1.21582v3.56836c0,.6709-.54492,1.21582-1.21582,1.21582Zm-3.28418-1.5h3v-3h-3v3Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m4,13c-.19238,0-.38379-.07324-.53027-.21973l-2.25-2.25c-.29297-.29297-.29297-.76758,0-1.06055l2.25-2.25c.29297-.29297.76758-.29297,1.06055,0s.29297.76758,0,1.06055l-1.71973,1.71973,1.71973,1.71973c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33789.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m12.25,4.75c-.19238,0-.38379-.07324-.53027-.21973l-1.71973-1.71973-1.71973,1.71973c-.29297.29297-.76758.29297-1.06055,0s-.29297-.76758,0-1.06055l2.25-2.25c.29297-.29297.76758-.29297,1.06055,0l2.25,2.25c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33789.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m16,13c-.19238,0-.38379-.07324-.53027-.21973-.29297-.29297-.29297-.76758,0-1.06055l1.71973-1.71973-1.71973-1.71973c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l2.25,2.25c.29297.29297.29297.76758,0,1.06055l-2.25,2.25c-.14648.14648-.33789.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m10,19c-.19238,0-.38379-.07324-.53027-.21973l-2.25-2.25c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l1.71973,1.71973,1.71973-1.71973c.29297-.29297.76758-.29297,1.06055,0s.29297.76758,0,1.06055l-2.25,2.25c-.14648.14648-.33789.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M11.784 13H8.216C7.545 13 7 12.455 7 11.784V8.216C7 7.545 7.545 7 8.216 7h3.568C12.455 7 13 7.545 13 8.216v3.568c0 .671-.545 1.216-1.216 1.216M8.5 11.5h3v-3h-3zM4 13c-.192 0-.384-.073-.53-.22l-2.25-2.25c-.293-.293-.293-.767 0-1.06l2.25-2.25c.293-.293.767-.293 1.06 0s.293.767 0 1.06L2.81 10l1.72 1.72c.293.293.293.767 0 1.06-.146.147-.338.22-.53.22M12.25 4.75c-.192 0-.384-.073-.53-.22L10 2.81 8.28 4.53c-.293.293-.767.293-1.06 0s-.293-.767 0-1.06l2.25-2.25c.293-.293.767-.293 1.06 0l2.25 2.25c.293.293.293.767 0 1.06-.146.147-.338.22-.53.22M16 13c-.192 0-.384-.073-.53-.22-.293-.293-.293-.767 0-1.06L17.19 10l-1.72-1.72c-.293-.293-.293-.767 0-1.06s.767-.293 1.06 0l2.25 2.25c.293.293.293.767 0 1.06l-2.25 2.25c-.146.147-.338.22-.53.22M10 19c-.192 0-.384-.073-.53-.22l-2.25-2.25c-.293-.293-.293-.767 0-1.06s.767-.293 1.06 0L10 17.19l1.72-1.72c.293-.293.767-.293 1.06 0s.293.767 0 1.06l-2.25 2.25c-.146.147-.338.22-.53.22"
       />
     </svg>
   );

package/src/icon/s2wf-icons/OpenInIcon.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/OpenIn.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/OpenIn.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 OpenInIconSvg(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 OpenInIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m18,15.75V4.25c0-1.24072-1.00928-2.25-2.25-2.25H4.25c-1.24072,0-2.25,1.00928-2.25,2.25v3.71777c0,.41406.33594.75.75.75s.75-.33594.75-.75v-3.71777c0-.41357.33643-.75.75-.75h11.5c.41357,0,.75.33643.75.75v11.5c0,.41357-.33643.75-.75.75h-3.81104c-.41406,0-.75.33594-.75.75s.33594.75.75.75h3.81104c1.24072,0,2.25-1.00928,2.25-2.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18 15.75V4.25C18 3.01 16.99 2 15.75 2H4.25C3.01 2 2 3.01 2 4.25v3.718c0 .414.336.75.75.75s.75-.336.75-.75V4.25c0-.414.336-.75.75-.75h11.5c.414 0 .75.336.75.75v11.5c0 .414-.336.75-.75.75h-3.811c-.414 0-.75.336-.75.75s.336.75.75.75h3.811c1.24 0 2.25-1.01 2.25-2.25"
       />
       <path
-        d="m11,9.75v4.24268c0,.41406-.33594.75-.75.75s-.75-.33594-.75-.75v-2.43213l-6.46973,6.46973c-.14648.14648-.33838.21973-.53027.21973s-.38379-.07324-.53027-.21973c-.29297-.29297-.29297-.76758,0-1.06055l6.46973-6.46973h-2.43213c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h4.24268c.41406,0,.75.33594.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M11 9.75v4.243c0 .414-.336.75-.75.75s-.75-.336-.75-.75V11.56l-6.47 6.47c-.146.146-.338.219-.53.219s-.384-.073-.53-.22c-.293-.293-.293-.767 0-1.06l6.47-6.47H6.006c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h4.243c.414 0 .75.336.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/OrderBottomIcon.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/OrderBottom.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/OrderBottom.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 OrderBottomIconSvg(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,28 @@ function OrderBottomIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m5.49414,15.56445l-2,1.75c-.2832.24805-.70508.24805-.98828,0l-2-1.75c-.31152-.27246-.34277-.74707-.07031-1.05859.27441-.31152.74707-.34082,1.05859-.07031l.75586.66162V2.75c0-.41406.33594-.75.75-.75s.75.33594.75.75v12.34717l.75586-.66162c.14258-.12402.31836-.18555.49414-.18555.20801,0,.41602.08691.56445.25586.27246.31152.24121.78613-.07031,1.05859Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m5.494 15.564-2 1.75c-.283.249-.705.249-.988 0l-2-1.75c-.312-.272-.343-.747-.07-1.058.274-.312.747-.341 1.058-.07l.756.661V2.75c0-.414.336-.75.75-.75s.75.336.75.75v12.347l.756-.661c.142-.124.318-.186.494-.186.208 0 .416.087.564.256.273.311.242.786-.07 1.058"
       />
       <path
-        d="m13.09473,11.79297c-.05859-.04102-.12988-.04004-.18848-.00098l-3.80371,2.62598c-.09277.06445-.10254.16992-.10254.21289s.00977.14844.10254.21289l3.80371,2.62598c.06055.04102.12695.04102.1875,0l3.80371-2.62598c.09277-.06445.10254-.16992.10254-.21289s-.00977-.14844-.10254-.21289l-3.80273-2.625Z"
-        fill="var(--iconPrimary, #222)"
-        opacity=".2"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.095 11.793c-.059-.041-.13-.04-.189-.001l-3.803 2.626c-.093.064-.103.17-.103.213s.01.148.103.213l3.803 2.626c.06.04.127.04.188 0l3.803-2.626c.093-.065.103-.17.103-.213s-.01-.149-.103-.213z"
+        opacity="0.2"
       />
       <path
-        d="m17.74902,13.18359l-3.80371-2.62598c-.28711-.19727-.61621-.29688-.94531-.29688s-.65723.09863-.94434.2959l-.00098.00098-3.80371,2.62598c-.4707.32422-.75098.86523-.75098,1.44727s.28027,1.12305.75098,1.44727l3.80371,2.62598c.57422.39648,1.31641.39648,1.89062,0l3.80371-2.62598c.4707-.32422.75098-.86523.75098-1.44727s-.28027-1.12305-.75098-1.44727Zm-.85156,1.66016l-3.80371,2.62598c-.06055.04102-.12695.04102-.1875,0l-3.80371-2.62598c-.09277-.06445-.10254-.16992-.10254-.21289s.00977-.14844.10254-.21289l3.80371-2.62598c.05859-.03906.12988-.04004.18848.00098l3.80273,2.625c.09277.06445.10254.16992.10254.21289s-.00977.14844-.10254.21289Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m17.749 13.184-3.804-2.626c-.287-.198-.616-.297-.945-.297s-.657.098-.944.296h-.001L8.25 13.185c-.47.324-.751.865-.751 1.447s.28 1.123.751 1.447l3.804 2.626c.574.397 1.316.397 1.89 0l3.804-2.626c.47-.324.751-.865.751-1.447s-.28-1.123-.751-1.447m-.852 1.66-3.803 2.626c-.06.04-.127.04-.188 0l-3.803-2.626C9.01 14.779 9 14.674 9 14.63s.01-.149.103-.213l3.803-2.626c.059-.04.13-.04.189.001l3.802 2.625c.093.064.103.17.103.213s-.01.148-.103.213"
       />
       <path
-        d="m13,5.64844c-.32812,0-.65625.09766-.94336.29395l-3.80371,2.60156c-.42676.29199-.69727.75879-.74219,1.28027-.0459.53125.14355,1.04492.51855,1.41016.29883.29004.77344.28125,1.06055-.01367.28906-.29688.2832-.77246-.01367-1.06055-.05176-.05078-.07812-.12793-.07129-.20703.00391-.05078.02441-.12207.09473-.1709l3.80469-2.60156c.05859-.04102.13281-.04102.19141,0l3.80371,2.60156c.07129.04883.0918.12012.0957.1709.00684.0791-.01953.15625-.07129.20703-.29688.28809-.30273.76367-.01367,1.06055.28809.29492.7627.30371,1.06055.01367.375-.36523.56445-.87891.51855-1.41016-.04492-.52148-.31543-.98828-.74316-1.28027l-3.80273-2.60156c-.28711-.19629-.61523-.29395-.94336-.29395Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13 5.648c-.328 0-.656.098-.943.294L8.253 8.544c-.427.292-.697.759-.742 1.28-.046.531.143 1.045.518 1.41.3.29.774.282 1.06-.013.29-.297.284-.773-.013-1.06-.052-.052-.078-.129-.071-.208.004-.05.024-.122.095-.17l3.804-2.602c.059-.041.133-.041.192 0l3.803 2.601c.072.05.092.12.096.171.007.08-.02.156-.071.207-.297.288-.303.764-.014 1.06.288.296.763.304 1.06.014.376-.365.565-.879.52-1.41-.046-.521-.316-.988-.744-1.28l-3.803-2.602c-.287-.196-.615-.294-.943-.294"
       />
       <path
-        d="m13,.99902c-.32812,0-.65625.09766-.94141.29199l-3.80566,2.60254c-.42676.29199-.69727.75781-.74219,1.2793-.04688.53125.14258,1.0459.51855,1.41211.29688.28809.77148.2832,1.06055-.01367.28906-.2959.2832-.77148-.01367-1.06055-.05176-.05078-.07812-.12793-.07129-.20801.00391-.05078.02441-.12305.09473-.1709l3.80469-2.60156c.05859-.04102.13086-.04199.19336.00098l3.80176,2.60059c.07129.04785.0918.12012.0957.1709.00684.08008-.01953.15723-.07129.20801-.29688.28906-.30273.76465-.01367,1.06055.29004.29688.76465.30176,1.06055.01367.37598-.36621.56543-.88086.51855-1.41211-.04492-.52148-.31543-.9873-.74316-1.2793l-3.80273-2.60156c-.28711-.19531-.61523-.29297-.94336-.29297Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13 .999c-.328 0-.656.098-.941.292L8.253 3.894c-.427.292-.697.757-.742 1.279-.047.531.142 1.046.518 1.412.297.288.772.283 1.06-.014.29-.296.284-.771-.013-1.06-.052-.051-.078-.128-.071-.208.004-.051.024-.123.095-.171l3.804-2.602c.059-.04.131-.042.194.001l3.801 2.6c.072.049.092.121.096.172.007.08-.02.157-.071.208-.297.289-.303.764-.014 1.06.29.297.765.302 1.06.014.377-.366.566-.88.52-1.412-.046-.522-.316-.987-.744-1.28l-3.803-2.601c-.287-.195-.615-.293-.943-.293"
       />
     </svg>
   );

package/src/icon/s2wf-icons/OrderIcon.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/Order.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Order.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 OrderIconSvg(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 OrderIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m13,12.50195c-.34766,0-.69629-.10547-1-.31543l-4.2041-2.90137c-.49805-.34375-.7959-.91699-.7959-1.53516s.29785-1.19141.7959-1.53516l4.2041-2.90137c.60742-.41992,1.39355-.41992,2.00098,0l4.20312,2.90137c.49805.34375.7959.91699.7959,1.53516s-.29785,1.19141-.7959,1.53516l-4.2041,2.90137c-.30371.20996-.65137.31543-1,.31543Zm0-8.00195c-.05078,0-.10156.01562-.14746.04785l-4.20508,2.90137c-.13281.0918-.14746.24121-.14746.30078s.01465.20898.14746.30078l4.20508,2.90137c.0918.06445.20312.06445.29492,0l4.20508-2.90137c.13281-.0918.14746-.24121.14746-.30078s-.01465-.20898-.14746-.30078l-4.2041-2.90137c-.04688-.03223-.09766-.04785-.14844-.04785Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13 12.502c-.348 0-.696-.106-1-.315L7.796 9.285C7.298 8.941 7 8.368 7 7.75s.298-1.191.796-1.535L12 3.313c.607-.42 1.394-.42 2.001 0l4.203 2.902c.498.344.796.917.796 1.535s-.298 1.191-.796 1.535L14 12.187c-.304.21-.651.315-1 .315M13 4.5c-.05 0-.102.016-.147.048L8.647 7.449c-.132.092-.147.241-.147.301s.015.209.147.3l4.206 2.902c.091.065.203.065.294 0l4.206-2.901c.132-.092.147-.241.147-.301s-.015-.209-.147-.3l-4.205-2.902Q13.078 4.5 13 4.5"
       />
       <path
-        d="m13,17.00098c-.34766,0-.69434-.10352-.99707-.31055l-4.20508-2.875c-.45312-.31055-.73926-.80566-.78711-1.3584-.04883-.5625.15234-1.10742.5498-1.49414.29883-.28906.77344-.28125,1.06055.01367.28906.29688.2832.77148-.01367,1.06055-.07324.07129-.11133.18066-.10254.29102.00586.06055.03027.17383.14062.24902l4.2041,2.875c.0918.06445.20801.06445.30176,0l4.20312-2.875c.11035-.0752.13477-.18848.14062-.24902.00879-.11035-.0293-.21973-.10254-.29102-.29688-.28906-.30273-.76367-.01367-1.06055.28906-.29492.76367-.30273,1.06055-.01367.39746.38672.59863.93164.5498,1.49414-.04785.55273-.33398,1.04785-.78711,1.3584l-4.2041,2.875c-.30371.20703-.65039.31055-.99805.31055Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m4.50586,12.43555l-.75586.66162v-6.19434l.75586.66162c.14258.12402.31836.18555.49414.18555.20801,0,.41602-.08691.56445-.25586.27246-.31152.24121-.78613-.07031-1.05859l-2-1.75c-.2832-.24805-.70508-.24805-.98828,0l-2,1.75c-.31152.27246-.34277.74707-.07031,1.05859.27344.31152.74805.34082,1.05859.07031l.75586-.66162v6.19434l-.75586-.66162c-.31055-.27148-.78516-.24121-1.05859.07031-.27246.31152-.24121.78613.07031,1.05859l2,1.75c.03711.03271.08154.04932.12305.07324.03223.0188.06006.04248.09521.05664.08887.03516.18213.05566.27588.05566s.18701-.02051.27588-.05566c.03516-.01416.06299-.03784.09521-.05664.0415-.02393.08594-.04053.12305-.07324l2-1.75c.31152-.27246.34277-.74707.07031-1.05859-.27441-.31152-.74707-.3418-1.05859-.07031Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13 17.001c-.348 0-.694-.104-.997-.31l-4.205-2.876c-.453-.31-.74-.805-.787-1.358-.05-.562.152-1.107.55-1.494.298-.29.773-.281 1.06.014.29.296.283.771-.014 1.06-.073.071-.11.18-.102.291.006.06.03.174.14.25l4.205 2.874c.091.065.208.065.301 0l4.203-2.875c.11-.075.135-.188.141-.249.009-.11-.03-.22-.102-.29-.297-.29-.303-.765-.014-1.061s.764-.303 1.06-.014c.398.387.6.932.55 1.494-.048.553-.334 1.048-.787 1.358l-4.204 2.875c-.304.207-.65.311-.998.311M4.506 12.436l-.756.661V6.903l.756.661c.142.124.318.186.494.186.208 0 .416-.087.564-.256.273-.311.242-.786-.07-1.058l-2-1.75c-.283-.249-.705-.249-.988 0l-2 1.75c-.312.272-.343.747-.07 1.058s.748.341 1.058.07l.756-.661v6.194l-.756-.661c-.31-.272-.785-.242-1.058.07-.273.311-.242.786.07 1.058l2 1.75c.037.033.081.05.123.074.032.018.06.042.095.056q.134.054.276.056c.142.002.187-.02.276-.056.035-.014.063-.038.095-.056.042-.024.086-.04.123-.074l2-1.75c.312-.272.343-.747.07-1.058-.274-.312-.747-.342-1.058-.07"
       />
     </svg>
   );

package/src/icon/s2wf-icons/OrderOneDownIcon.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/OrderOneDown.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/OrderOneDown.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 OrderOneDownIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,24 +18,20 @@ function OrderOneDownIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.El
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m13.14844,15.45215l4.2041-2.90137c.13281-.0918.14746-.24121.14746-.30078s-.01465-.20898-.14746-.30078l-4.20508-2.90137c-.0918-.06445-.20312-.06445-.29492,0l-4.20508,2.90137c-.13281.0918-.14746.24121-.14746.30078s.01465.20898.14746.30078l4.20508,2.90137c.0459.03223.09668.04785.14746.04785s.10156-.01562.14844-.04785Z"
-        fill="var(--iconPrimary, #222)"
-        opacity=".2"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m13.148 15.452 4.205-2.901c.132-.092.147-.241.147-.301s-.015-.209-.147-.3l-4.206-2.902c-.091-.065-.203-.065-.294 0l-4.206 2.901c-.132.092-.147.241-.147.301s.015.209.147.3l4.206 2.902q.069.048.147.048c.078 0 .102-.016.148-.048"
+        opacity="0.2"
       />
       <path
-        d="m5.49414,13.56445l-2,1.75c-.2832.24805-.70508.24805-.98828,0l-2-1.75c-.31152-.27246-.34277-.74707-.07031-1.05859.27441-.31152.74707-.34082,1.05859-.07031l.75586.66162v-7.84717c0-.41406.33594-.75.75-.75s.75.33594.75.75v7.84717l.75586-.66162c.14258-.12402.31836-.18555.49414-.18555.20801,0,.41602.08691.56445.25586.27246.31152.24121.78613-.07031,1.05859Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m5.494 13.564-2 1.75c-.283.249-.705.249-.988 0l-2-1.75c-.312-.272-.343-.747-.07-1.058.274-.312.747-.341 1.058-.07l.756.661V5.25c0-.414.336-.75.75-.75s.75.336.75.75v7.847l.756-.661c.142-.124.318-.186.494-.186.208 0 .416.087.564.256.273.311.242.786-.07 1.058M14 7.813l4.204 2.902c.498.344.796.917.796 1.535s-.298 1.191-.796 1.535l-4.203 2.902c-.607.42-1.394.42-2.001 0l-4.204-2.902C7.298 13.441 7 12.868 7 12.25s.298-1.191.796-1.535L12 7.813c.304-.21.652-.315 1-.315.349 0 .696.106 1 .315m-.852 7.64 4.205-2.902c.132-.092.147-.241.147-.301s-.015-.209-.147-.3l-4.206-2.902c-.091-.065-.203-.065-.294 0l-4.206 2.901c-.132.092-.147.241-.147.301s.015.209.147.3l4.206 2.902q.069.048.147.048c.078 0 .102-.016.148-.048"
       />
       <path
-        d="m14,7.81348l4.2041,2.90137c.49805.34375.7959.91699.7959,1.53516s-.29785,1.19141-.7959,1.53516l-4.20312,2.90137c-.60742.41992-1.39355.41992-2.00098,0l-4.2041-2.90137c-.49805-.34375-.7959-.91699-.7959-1.53516s.29785-1.19141.7959-1.53516l4.2041-2.90137c.30371-.20996.65234-.31543,1-.31543.34863,0,.69629.10547,1,.31543Zm-.85156,7.63867l4.2041-2.90137c.13281-.0918.14746-.24121.14746-.30078s-.01465-.20898-.14746-.30078l-4.20508-2.90137c-.0918-.06445-.20312-.06445-.29492,0l-4.20508,2.90137c-.13281.0918-.14746.24121-.14746.30078s.01465.20898.14746.30078l4.20508,2.90137c.0459.03223.09668.04785.14746.04785s.10156-.01562.14844-.04785Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m17.91602,9.25c-.19531,0-.39062-.07617-.53711-.22656-.28906-.29688-.2832-.77148.01367-1.06055.07324-.07129.11133-.18066.10254-.29102-.00586-.06055-.03027-.17383-.14062-.24902l-4.2041-2.875c-.0918-.06445-.20801-.06445-.30176,0l-4.20312,2.875c-.11035.0752-.13477.18848-.14062.24902-.00879.11035.0293.21973.10254.29102.29688.28906.30273.76367.01367,1.06055-.28711.2959-.76172.30469-1.06055.01367-.39746-.38672-.59863-.93164-.5498-1.49414.04785-.55273.33398-1.04785.78711-1.3584l4.2041-2.875c.60742-.41406,1.38965-.41406,1.99512,0l4.20508,2.875c.45312.31055.73926.80566.78711,1.3584.04883.5625-.15234,1.10742-.5498,1.49414-.14648.14258-.33496.21289-.52344.21289Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M17.916 9.25c-.195 0-.39-.076-.537-.227-.29-.296-.283-.771.014-1.06.073-.071.11-.18.102-.291-.006-.06-.03-.174-.14-.25L13.15 4.549c-.091-.065-.208-.065-.301 0L8.646 7.423c-.11.075-.135.188-.141.249-.009.11.03.22.102.29.297.29.303.765.014 1.061-.287.296-.762.305-1.06.014-.398-.387-.6-.932-.55-1.494.048-.553.334-1.048.787-1.358l4.204-2.875c.607-.414 1.39-.414 1.995 0l4.205 2.875c.453.31.74.805.787 1.358.05.562-.152 1.107-.55 1.494-.146.143-.334.213-.523.213"
       />
     </svg>
   );

package/src/icon/s2wf-icons/OrderOneUpIcon.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/OrderOneUp.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/OrderOneUp.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 OrderOneUpIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,24 +18,20 @@ function OrderOneUpIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elem
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m13,4.5c-.05078,0-.10156.01562-.14746.04785l-4.20508,2.90137c-.13281.0918-.14746.24121-.14746.30078s.01465.20898.14746.30078l4.20508,2.90137c.0918.06445.20312.06445.29492,0l4.20508-2.90137c.13281-.0918.14746-.24121.14746-.30078s-.01465-.20898-.14746-.30078l-4.2041-2.90137c-.04688-.03223-.09766-.04785-.14844-.04785Z"
-        fill="var(--iconPrimary, #222)"
-        opacity=".2"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13 4.5c-.05 0-.102.016-.147.048L8.647 7.449c-.132.092-.147.241-.147.301s.015.209.147.3l4.206 2.902c.091.065.203.065.294 0l4.206-2.901c.132-.092.147-.241.147-.301s-.015-.209-.147-.3l-4.205-2.902Q13.078 4.5 13 4.5"
+        opacity="0.2"
       />
       <path
-        d="m5.49414,6.43555l-2-1.75c-.2832-.24805-.70508-.24805-.98828,0l-2,1.75c-.31152.27246-.34277.74707-.07031,1.05859.27441.31152.74707.34082,1.05859.07031l.75586-.66162v7.84717c0,.41406.33594.75.75.75s.75-.33594.75-.75v-7.84717l.75586.66162c.14258.12402.31836.18555.49414.18555.20801,0,.41602-.08691.56445-.25586.27246-.31152.24121-.78613-.07031-1.05859Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m5.494 6.436-2-1.75c-.283-.248-.705-.248-.988 0l-2 1.75c-.312.272-.343.747-.07 1.058.274.312.747.341 1.058.07l.756-.661v7.847c0 .414.336.75.75.75s.75-.336.75-.75V6.903l.756.661c.142.124.318.186.494.186.208 0 .416-.087.564-.256.273-.311.242-.786-.07-1.058M13 12.502c-.348 0-.696-.106-1-.315L7.796 9.285C7.298 8.941 7 8.368 7 7.75s.298-1.191.796-1.535L12 3.313c.607-.42 1.394-.42 2.001 0l4.203 2.902c.498.344.796.917.796 1.535s-.298 1.191-.796 1.535L14 12.187c-.304.21-.651.315-1 .315M13 4.5c-.05 0-.102.016-.147.048L8.647 7.449c-.132.092-.147.241-.147.301s.015.209.147.3l4.206 2.902c.091.065.203.065.294 0l4.206-2.901c.132-.092.147-.241.147-.301s-.015-.209-.147-.3l-4.205-2.902Q13.078 4.5 13 4.5"
       />
       <path
-        d="m13,12.50195c-.34766,0-.69629-.10547-1-.31543l-4.2041-2.90137c-.49805-.34375-.7959-.91699-.7959-1.53516s.29785-1.19141.7959-1.53516l4.2041-2.90137c.60742-.41992,1.39355-.41992,2.00098,0l4.20312,2.90137c.49805.34375.7959.91699.7959,1.53516s-.29785,1.19141-.7959,1.53516l-4.2041,2.90137c-.30371.20996-.65137.31543-1,.31543Zm0-8.00195c-.05078,0-.10156.01562-.14746.04785l-4.20508,2.90137c-.13281.0918-.14746.24121-.14746.30078s.01465.20898.14746.30078l4.20508,2.90137c.0918.06445.20312.06445.29492,0l4.20508-2.90137c.13281-.0918.14746-.24121.14746-.30078s-.01465-.20898-.14746-.30078l-4.2041-2.90137c-.04688-.03223-.09766-.04785-.14844-.04785Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m13,17.00098c-.34766,0-.69434-.10352-.99707-.31055l-4.20508-2.875c-.45312-.31055-.73926-.80566-.78711-1.3584-.04883-.5625.15234-1.10742.5498-1.49414.29883-.28906.77344-.28125,1.06055.01367.28906.29688.2832.77148-.01367,1.06055-.07324.07129-.11133.18066-.10254.29102.00586.06055.03027.17383.14062.24902l4.2041,2.875c.0918.06445.20801.06445.30176,0l4.20312-2.875c.11035-.0752.13477-.18848.14062-.24902.00879-.11035-.0293-.21973-.10254-.29102-.29688-.28906-.30273-.76367-.01367-1.06055.28809-.29492.7627-.30273,1.06055-.01367.39746.38672.59863.93164.5498,1.49414-.04785.55273-.33398,1.04785-.78711,1.3584l-4.2041,2.875c-.30371.20703-.65039.31055-.99805.31055Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13 17.001c-.348 0-.694-.104-.997-.31l-4.205-2.876c-.453-.31-.74-.805-.787-1.358-.05-.562.152-1.107.55-1.494.298-.29.773-.281 1.06.014.29.296.283.771-.014 1.06-.073.071-.11.18-.102.291.006.06.03.174.14.25l4.205 2.874c.091.065.208.065.301 0l4.203-2.875c.11-.075.135-.188.141-.249.009-.11-.03-.22-.102-.29-.297-.29-.303-.765-.014-1.061.288-.295.763-.303 1.06-.014.398.387.6.932.55 1.494-.048.553-.334 1.048-.787 1.358l-4.204 2.875c-.304.207-.65.311-.998.311"
       />
     </svg>
   );