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

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

@@ -1,33 +1,28 @@
 /*
- * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Auto-generated from the pinned @react-spectrum/s2 icon inventory.
  * Do not edit by hand.
  */
+// Generator input: @react-spectrum/s2@1.7.0/icons/AlignBottom.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/AlignBottom.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 AlignBottomIconSvg(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"
-      width="20.00001"
-      height="20.00001"
-      viewBox="0 0 20.00001 20.00001"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m14.75001,15h-1.5c-1.24072,0-2.25-1.00977-2.25-2.25v-3.5c0-1.24023,1.00928-2.25,2.25-2.25h1.5c1.24072,0,2.25,1.00977,2.25,2.25v3.5c0,1.24023-1.00928,2.25-2.25,2.25Zm-1.5-6.5c-.41357,0-.75.33691-.75.75v3.5c0,.41309.33643.75.75.75h1.5c.41357,0,.75-.33691.75-.75v-3.5c0-.41309-.33643-.75-.75-.75h-1.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m6.75001,15h-1.5c-1.24072,0-2.25-1.00977-2.25-2.25v-7.5c0-1.24023,1.00928-2.25,2.25-2.25h1.5c1.24072,0,2.25,1.00977,2.25,2.25v7.5c0,1.24023-1.00928,2.25-2.25,2.25Zm-1.5-10.5c-.41357,0-.75.33691-.75.75v7.5c0,.41309.33643.75.75.75h1.5c.41357,0,.75-.33691.75-.75v-7.5c0-.41309-.33643-.75-.75-.75h-1.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m18.25001,18H1.75001c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h16.5c.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="M14.75 15h-1.5C12.01 15 11 13.99 11 12.75v-3.5C11 8.01 12.01 7 13.25 7h1.5C15.99 7 17 8.01 17 9.25v3.5c0 1.24-1.01 2.25-2.25 2.25m-1.5-6.5c-.414 0-.75.337-.75.75v3.5c0 .413.336.75.75.75h1.5c.414 0 .75-.337.75-.75v-3.5c0-.413-.336-.75-.75-.75zM6.75 15h-1.5C4.01 15 3 13.99 3 12.75v-7.5C3 4.01 4.01 3 5.25 3h1.5C7.99 3 9 4.01 9 5.25v7.5C9 13.99 7.99 15 6.75 15M5.25 4.5c-.414 0-.75.337-.75.75v7.5c0 .413.336.75.75.75h1.5c.414 0 .75-.337.75-.75v-7.5c0-.413-.336-.75-.75-.75zM18.25 18H1.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h16.5c.414 0 .75.336.75.75s-.336.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/AlignCenterIcon.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/AlignCenter.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/AlignCenter.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 AlignCenterIconSvg(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 AlignCenterIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m13.75,11h-3v-2h1c1.24072,0,2.25-1.00977,2.25-2.25v-1.5c0-1.24023-1.00928-2.25-2.25-2.25h-1v-1.25c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v1.25h-1c-1.24072,0-2.25,1.00977-2.25,2.25v1.5c0,1.24023,1.00928,2.25,2.25,2.25h1v2h-3c-1.24072,0-2.25,1.00977-2.25,2.25v1.5c0,1.24023,1.00928,2.25,2.25,2.25h3v1.25c0,.41406.33594.75.75.75s.75-.33594.75-.75v-1.25h3c1.24072,0,2.25-1.00977,2.25-2.25v-1.5c0-1.24023-1.00928-2.25-2.25-2.25Zm-6.25-4.25v-1.5c0-.41309.33643-.75.75-.75h3.5c.41357,0,.75.33691.75.75v1.5c0,.41309-.33643.75-.75.75h-3.5c-.41357,0-.75-.33691-.75-.75Zm7,8c0,.41309-.33643.75-.75.75h-7.5c-.41357,0-.75-.33691-.75-.75v-1.5c0-.41309.33643-.75.75-.75h7.5c.41357,0,.75.33691.75.75v1.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.75 11h-3V9h1C12.99 9 14 7.99 14 6.75v-1.5C14 4.01 12.99 3 11.75 3h-1V1.75c0-.414-.336-.75-.75-.75s-.75.336-.75.75V3h-1C7.01 3 6 4.01 6 5.25v1.5C6 7.99 7.01 9 8.25 9h1v2h-3C5.01 11 4 12.01 4 13.25v1.5C4 15.99 5.01 17 6.25 17h3v1.25c0 .414.336.75.75.75s.75-.336.75-.75V17h3c1.24 0 2.25-1.01 2.25-2.25v-1.5c0-1.24-1.01-2.25-2.25-2.25M7.5 6.75v-1.5c0-.413.336-.75.75-.75h3.5c.414 0 .75.337.75.75v1.5c0 .413-.336.75-.75.75h-3.5c-.414 0-.75-.337-.75-.75m7 8c0 .413-.336.75-.75.75h-7.5c-.414 0-.75-.337-.75-.75v-1.5c0-.413.336-.75.75-.75h7.5c.414 0 .75.337.75.75z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/AlignLeftIcon.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/AlignLeft.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/AlignLeft.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 AlignLeftIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,19 +18,11 @@ function AlignLeftIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Eleme
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m10.75,9h-3.5c-1.24072,0-2.25-1.00977-2.25-2.25v-1.5c0-1.24023,1.00928-2.25,2.25-2.25h3.5c1.24072,0,2.25,1.00977,2.25,2.25v1.5c0,1.24023-1.00928,2.25-2.25,2.25Zm-3.5-4.5c-.41357,0-.75.33691-.75.75v1.5c0,.41309.33643.75.75.75h3.5c.41357,0,.75-.33691.75-.75v-1.5c0-.41309-.33643-.75-.75-.75h-3.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m14.75,17h-7.5c-1.24072,0-2.25-1.00977-2.25-2.25v-1.5c0-1.24023,1.00928-2.25,2.25-2.25h7.5c1.24072,0,2.25,1.00977,2.25,2.25v1.5c0,1.24023-1.00928,2.25-2.25,2.25Zm-7.5-4.5c-.41357,0-.75.33691-.75.75v1.5c0,.41309.33643.75.75.75h7.5c.41357,0,.75-.33691.75-.75v-1.5c0-.41309-.33643-.75-.75-.75h-7.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m2.75,19c-.41406,0-.75-.33594-.75-.75V1.75c0-.41406.33594-.75.75-.75s.75.33594.75.75v16.5c0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10.75 9h-3.5C6.01 9 5 7.99 5 6.75v-1.5C5 4.01 6.01 3 7.25 3h3.5C11.99 3 13 4.01 13 5.25v1.5C13 7.99 11.99 9 10.75 9m-3.5-4.5c-.414 0-.75.337-.75.75v1.5c0 .413.336.75.75.75h3.5c.414 0 .75-.337.75-.75v-1.5c0-.413-.336-.75-.75-.75zM14.75 17h-7.5C6.01 17 5 15.99 5 14.75v-1.5C5 12.01 6.01 11 7.25 11h7.5c1.24 0 2.25 1.01 2.25 2.25v1.5c0 1.24-1.01 2.25-2.25 2.25m-7.5-4.5c-.414 0-.75.337-.75.75v1.5c0 .413.336.75.75.75h7.5c.414 0 .75-.337.75-.75v-1.5c0-.413-.336-.75-.75-.75zM2.75 19c-.414 0-.75-.336-.75-.75V1.75c0-.414.336-.75.75-.75s.75.336.75.75v16.5c0 .414-.336.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/AlignMiddleIcon.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/AlignMiddle.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/AlignMiddle.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 AlignMiddleIconSvg(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 AlignMiddleIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m18.25,9.25h-1.25v-1c0-1.24023-1.00928-2.25-2.25-2.25h-1.5c-1.24072,0-2.25,1.00977-2.25,2.25v1h-2v-3c0-1.24023-1.00928-2.25-2.25-2.25h-1.5c-1.24072,0-2.25,1.00977-2.25,2.25v3h-1.25c-.41406,0-.75.33594-.75.75s.33594.75.75.75h1.25v3c0,1.24023,1.00928,2.25,2.25,2.25h1.5c1.24072,0,2.25-1.00977,2.25-2.25v-3h2v1c0,1.24023,1.00928,2.25,2.25,2.25h1.5c1.24072,0,2.25-1.00977,2.25-2.25v-1h1.25c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Zm-10.75,4.5c0,.41309-.33643.75-.75.75h-1.5c-.41357,0-.75-.33691-.75-.75v-7.5c0-.41309.33643-.75.75-.75h1.5c.41357,0,.75.33691.75.75v7.5Zm8-2c0,.41309-.33643.75-.75.75h-1.5c-.41357,0-.75-.33691-.75-.75v-3.5c0-.41309.33643-.75.75-.75h1.5c.41357,0,.75.33691.75.75v3.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18.25 9.25H17v-1C17 7.01 15.99 6 14.75 6h-1.5C12.01 6 11 7.01 11 8.25v1H9v-3C9 5.01 7.99 4 6.75 4h-1.5C4.01 4 3 5.01 3 6.25v3H1.75c-.414 0-.75.336-.75.75s.336.75.75.75H3v3C3 14.99 4.01 16 5.25 16h1.5C7.99 16 9 14.99 9 13.75v-3h2v1c0 1.24 1.01 2.25 2.25 2.25h1.5c1.24 0 2.25-1.01 2.25-2.25v-1h1.25c.414 0 .75-.336.75-.75s-.336-.75-.75-.75M7.5 13.75c0 .413-.336.75-.75.75h-1.5c-.414 0-.75-.337-.75-.75v-7.5c0-.413.336-.75.75-.75h1.5c.414 0 .75.337.75.75zm8-2c0 .413-.336.75-.75.75h-1.5c-.414 0-.75-.337-.75-.75v-3.5c0-.413.336-.75.75-.75h1.5c.414 0 .75.337.75.75z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/AlignRightIcon.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/AlignRight.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/AlignRight.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 AlignRightIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,19 +18,11 @@ function AlignRightIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elem
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m12.75,9h-3.5c-1.24072,0-2.25-1.00977-2.25-2.25v-1.5c0-1.24023,1.00928-2.25,2.25-2.25h3.5c1.24072,0,2.25,1.00977,2.25,2.25v1.5c0,1.24023-1.00928,2.25-2.25,2.25Zm-3.5-4.5c-.41357,0-.75.33691-.75.75v1.5c0,.41309.33643.75.75.75h3.5c.41357,0,.75-.33691.75-.75v-1.5c0-.41309-.33643-.75-.75-.75h-3.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m12.75,17h-7.5c-1.24072,0-2.25-1.00977-2.25-2.25v-1.5c0-1.24023,1.00928-2.25,2.25-2.25h7.5c1.24072,0,2.25,1.00977,2.25,2.25v1.5c0,1.24023-1.00928,2.25-2.25,2.25Zm-7.5-4.5c-.41357,0-.75.33691-.75.75v1.5c0,.41309.33643.75.75.75h7.5c.41357,0,.75-.33691.75-.75v-1.5c0-.41309-.33643-.75-.75-.75h-7.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m17.25,19c-.41406,0-.75-.33594-.75-.75V1.75c0-.41406.33594-.75.75-.75s.75.33594.75.75v16.5c0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M12.75 9h-3.5C8.01 9 7 7.99 7 6.75v-1.5C7 4.01 8.01 3 9.25 3h3.5C13.99 3 15 4.01 15 5.25v1.5C15 7.99 13.99 9 12.75 9m-3.5-4.5c-.414 0-.75.337-.75.75v1.5c0 .413.336.75.75.75h3.5c.414 0 .75-.337.75-.75v-1.5c0-.413-.336-.75-.75-.75zM12.75 17h-7.5C4.01 17 3 15.99 3 14.75v-1.5C3 12.01 4.01 11 5.25 11h7.5c1.24 0 2.25 1.01 2.25 2.25v1.5c0 1.24-1.01 2.25-2.25 2.25m-7.5-4.5c-.414 0-.75.337-.75.75v1.5c0 .413.336.75.75.75h7.5c.414 0 .75-.337.75-.75v-1.5c0-.413-.336-.75-.75-.75zM17.25 19c-.414 0-.75-.336-.75-.75V1.75c0-.414.336-.75.75-.75s.75.336.75.75v16.5c0 .414-.336.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/AlignTopIcon.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/AlignTop.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/AlignTop.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 AlignTopIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,19 +18,11 @@ function AlignTopIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elemen
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m14.75,13h-1.5c-1.24072,0-2.25-1.00977-2.25-2.25v-3.5c0-1.24023,1.00928-2.25,2.25-2.25h1.5c1.24072,0,2.25,1.00977,2.25,2.25v3.5c0,1.24023-1.00928,2.25-2.25,2.25Zm-1.5-6.5c-.41357,0-.75.33691-.75.75v3.5c0,.41309.33643.75.75.75h1.5c.41357,0,.75-.33691.75-.75v-3.5c0-.41309-.33643-.75-.75-.75h-1.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m6.75,17h-1.5c-1.24072,0-2.25-1.00977-2.25-2.25v-7.5c0-1.24023,1.00928-2.25,2.25-2.25h1.5c1.24072,0,2.25,1.00977,2.25,2.25v7.5c0,1.24023-1.00928,2.25-2.25,2.25Zm-1.5-10.5c-.41357,0-.75.33691-.75.75v7.5c0,.41309.33643.75.75.75h1.5c.41357,0,.75-.33691.75-.75v-7.5c0-.41309-.33643-.75-.75-.75h-1.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m18.25,3.5H1.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h16.5c.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="M14.75 13h-1.5C12.01 13 11 11.99 11 10.75v-3.5C11 6.01 12.01 5 13.25 5h1.5C15.99 5 17 6.01 17 7.25v3.5c0 1.24-1.01 2.25-2.25 2.25m-1.5-6.5c-.414 0-.75.337-.75.75v3.5c0 .413.336.75.75.75h1.5c.414 0 .75-.337.75-.75v-3.5c0-.413-.336-.75-.75-.75zM6.75 17h-1.5C4.01 17 3 15.99 3 14.75v-7.5C3 6.01 4.01 5 5.25 5h1.5C7.99 5 9 6.01 9 7.25v7.5C9 15.99 7.99 17 6.75 17M5.25 6.5c-.414 0-.75.337-.75.75v7.5c0 .413.336.75.75.75h1.5c.414 0 .75-.337.75-.75v-7.5c0-.413-.336-.75-.75-.75zM18.25 3.5H1.75c-.414 0-.75-.336-.75-.75S1.336 2 1.75 2h16.5c.414 0 .75.336.75.75s-.336.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/AnimationIcon.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/Animation.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Animation.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 AnimationIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,22 +18,11 @@ function AnimationIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Eleme
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m1,13.5c0-3.03223,2.46729-5.5,5.5-5.5s5.5,2.46777,5.5,5.5-2.46729,5.5-5.5,5.5S1,16.53223,1,13.5Zm1.5,0c0,2.20605,1.79443,4,4,4s4-1.79395,4-4c0-2.20605-1.79443-4-4-4s-4,1.79395-4,4Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="m14.09717,12.7207c.08203,0,.16504-.01367.24658-.04199,1.58887-.55273,2.65625-2.0498,2.65625-3.72461,0-2.18066-1.77393-3.9541-3.9541-3.9541-1.17969,0-2.29004.52637-3.04736,1.44434-.11523.14062-.17139.30957-.17139.47754,0,.21582.09326.43066.27295.5791.31982.26367.79248.21777,1.05566-.10156.47119-.57129,1.16016-.89941,1.89014-.89941,1.35303,0,2.4541,1.10059,2.4541,2.4541,0,1.03711-.66309,1.96484-1.64941,2.30859-.30957.10742-.50342.39746-.50342.70801-.00049.08105.01318.16504.0415.24707.10791.30957.39844.50293.7085.50293Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="m17.88525,5.83203c.24121,0,.47803-.11621.62305-.33105.32031-.47754.48975-1.0332.48975-1.60937,0-1.5918-1.29541-2.8877-2.88721-2.8877-1.04736,0-2.01416.57617-2.52344,1.50488-.19922.3623-.06641.81836.29687,1.01758.36377.2002.81934.06738,1.01855-.29687.24561-.44727.7085-.72559,1.20801-.72559.76514,0,1.38721.62207,1.38721,1.3877,0,.27637-.08105.54395-.23486.77148-.23096.34375-.13965.81055.2041,1.04102.12842.08691.27393.12793.41797.12793Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M1 13.5C1 10.468 3.467 8 6.5 8s5.5 2.468 5.5 5.5S9.533 19 6.5 19 1 16.532 1 13.5m1.5 0c0 2.206 1.794 4 4 4s4-1.794 4-4-1.794-4-4-4-4 1.794-4 4M14.097 12.72q.124 0 .247-.041C15.933 12.126 17 10.629 17 8.954 17 6.774 15.226 5 13.046 5c-1.18 0-2.29.526-3.047 1.444-.116.141-.172.31-.172.478 0 .216.093.43.273.579.32.264.793.218 1.056-.102.47-.57 1.16-.899 1.89-.899 1.353 0 2.454 1.1 2.454 2.454 0 1.037-.663 1.965-1.65 2.309-.309.107-.503.397-.503.708q0 .122.042.247c.108.31.398.503.708.503M17.885 5.832c.241 0 .478-.116.623-.331.32-.478.49-1.033.49-1.61 0-1.591-1.295-2.887-2.887-2.887-1.048 0-2.014.576-2.524 1.505-.199.362-.066.818.297 1.017.364.2.82.068 1.019-.297.245-.447.708-.725 1.208-.725.765 0 1.387.622 1.387 1.388 0 .276-.081.544-.235.771-.23.344-.14.81.204 1.041.129.087.274.128.418.128"
       />
     </svg>
   );

package/src/icon/s2wf-icons/AnimationNoIcon.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/AnimationNo.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/AnimationNo.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 AnimationNoIconSvg(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 AnimationNoIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Ele
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m6.5,19c-3.03223,0-5.5-2.46777-5.5-5.5,0-2.3916,1.52734-4.49414,3.80078-5.23242.39941-.12598.81738.08887.94531.48242.12695.39355-.08887.81738-.48242.94531-1.65332.53613-2.76367,2.06543-2.76367,3.80469,0,2.20605,1.79395,4,4,4,1.74707,0,3.27832-1.11719,3.81152-2.7793.12598-.39453.5459-.60938.94238-.48535.39453.12598.6123.54785.48535.94238-.73242,2.28613-2.83789,3.82227-5.23926,3.82227Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="m15.2168,12.05078c-.20312,0-.40527-.08203-.55273-.24316-.28027-.30566-.25977-.7793.0459-1.05957.50977-.4668.79004-1.10449.79004-1.79395,0-1.35352-1.10059-2.4541-2.4541-2.4541-.68652,0-1.32422.28125-1.7959.79102-.2832.30371-.75684.32031-1.06055.04102-.30371-.28223-.32227-.75684-.04102-1.06055.74902-.80762,1.80469-1.27148,2.89746-1.27148,2.18066,0,3.9541,1.77344,3.9541,3.9541,0,1.09863-.46484,2.15527-1.27637,2.89941-.14355.13184-.3252.19727-.50684.19727Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="m17.88477,5.83203c-.14355,0-.28906-.04102-.41797-.12793-.34375-.23047-.43457-.69727-.20312-1.04102.15332-.22754.23438-.49512.23438-.77148,0-.76562-.62207-1.3877-1.38672-1.3877-.49902,0-.96289.27832-1.20898.72656-.2002.3623-.65723.49609-1.01855.2959-.36328-.19922-.49512-.65527-.2959-1.01855.50977-.92773,1.47656-1.50391,2.52344-1.50391,1.5918,0,2.88672,1.2959,2.88672,2.8877,0,.57617-.16895,1.13184-.49023,1.60938-.14453.21484-.38184.33105-.62305.33105Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="m18.25,19c-.19238,0-.38379-.07324-.53027-.21973L1.21973,2.28027c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l16.5,16.5c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33789.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M6.5 19C3.468 19 1 16.532 1 13.5c0-2.392 1.527-4.494 3.8-5.232.4-.126.818.088.946.482.127.394-.089.817-.482.945C3.61 10.231 2.5 11.761 2.5 13.5c0 2.206 1.794 4 4 4 1.747 0 3.278-1.117 3.812-2.78.126-.394.545-.609.942-.485.394.126.612.548.485.943C11.007 17.464 8.901 19 6.5 19M15.217 12.05c-.203 0-.405-.081-.553-.242-.28-.306-.26-.78.046-1.06.51-.467.79-1.104.79-1.794 0-1.353-1.1-2.454-2.454-2.454-.687 0-1.324.281-1.796.791-.283.304-.757.32-1.06.041-.304-.282-.323-.757-.042-1.06C10.898 5.463 11.953 5 13.046 5 15.226 5 17 6.773 17 8.954c0 1.099-.465 2.155-1.276 2.9-.144.131-.326.197-.507.197M17.885 5.832c-.144 0-.29-.041-.418-.128-.344-.23-.435-.697-.203-1.04.153-.228.234-.496.234-.772 0-.766-.622-1.388-1.387-1.388-.499 0-.963.278-1.209.726-.2.363-.657.497-1.018.296-.363-.199-.495-.655-.296-1.018.51-.928 1.476-1.504 2.523-1.504 1.592 0 2.887 1.296 2.887 2.888 0 .576-.169 1.131-.49 1.609-.145.215-.382.331-.623.331M18.25 19c-.192 0-.384-.073-.53-.22L1.22 2.28c-.293-.293-.293-.767 0-1.06s.767-.293 1.06 0l16.5 16.5c.293.293.293.767 0 1.06-.146.147-.338.22-.53.22"
       />
     </svg>
   );

package/src/icon/s2wf-icons/AppIcon.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/App.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/App.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 AppIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,17 +18,15 @@ function AppIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M13.25,18h-6.5c-2.61914,0-4.75-2.13086-4.75-4.75v-6.5c0-2.61914,2.13086-4.75,4.75-4.75h6.5c2.61914,0,4.75,2.13086,4.75,4.75v6.5c0,2.61914-2.13086,4.75-4.75,4.75ZM6.75,3.5c-1.79199,0-3.25,1.45801-3.25,3.25v6.5c0,1.79199,1.45801,3.25,3.25,3.25h6.5c1.79199,0,3.25-1.45801,3.25-3.25v-6.5c0-1.79199-1.45801-3.25-3.25-3.25h-6.5Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.25 18h-6.5C4.13 18 2 15.87 2 13.25v-6.5C2 4.13 4.13 2 6.75 2h6.5C15.87 2 18 4.13 18 6.75v6.5c0 2.62-2.13 4.75-4.75 4.75M6.75 3.5C4.958 3.5 3.5 4.958 3.5 6.75v6.5c0 1.792 1.458 3.25 3.25 3.25h6.5c1.792 0 3.25-1.458 3.25-3.25v-6.5c0-1.792-1.458-3.25-3.25-3.25z"
       />
       <path
-        d="M13.44043,12.72461l-2.75-6.5c-.23438-.55469-1.14648-.55469-1.38086,0l-2.75,6.5c-.16211.38086.0166.82129.39844.98242.37891.16602.82129-.0166.98242-.39844l.76538-1.80859h2.58838l.76538,1.80859c.12109.28613.39844.45801.69043.45801.09766,0,.19727-.01855.29199-.05957.38184-.16113.56055-.60156.39844-.98242ZM9.34033,10l.65967-1.55859.65967,1.55859h-1.31934Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m13.44 12.725-2.75-6.5c-.234-.555-1.146-.555-1.38 0l-2.75 6.5c-.163.38.016.82.398.982.379.166.821-.017.982-.398l.766-1.809h2.588l.766 1.809c.12.286.398.458.69.458q.148 0 .292-.06c.382-.161.56-.602.398-.982M9.34 10 10 8.441 10.66 10z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/AppsAllIcon.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/AppsAll.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/AppsAll.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 AppsAllIconSvg(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,88 +18,88 @@ function AppsAllIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <rect
-        x="2.25"
-        y="2.25"
         width="3.5"
         height="3.5"
+        x="2.25"
+        y="2.25"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
         rx="1"
         ry="1"
-        fill="var(--iconPrimary, #222)"
       />
       <rect
-        x="8.25"
-        y="2.25"
         width="3.5"
         height="3.5"
+        x="8.25"
+        y="2.25"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
         rx="1"
         ry="1"
-        fill="var(--iconPrimary, #222)"
       />
       <rect
-        x="14.25"
-        y="2.25"
         width="3.5"
         height="3.5"
+        x="14.25"
+        y="2.25"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
         rx="1"
         ry="1"
-        fill="var(--iconPrimary, #222)"
       />
       <rect
-        x="2.25"
-        y="8.25"
         width="3.5"
         height="3.5"
+        x="2.25"
+        y="8.25"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
         rx="1"
         ry="1"
-        fill="var(--iconPrimary, #222)"
       />
       <rect
-        x="8.25"
-        y="8.25"
         width="3.5"
         height="3.5"
+        x="8.25"
+        y="8.25"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
         rx="1"
         ry="1"
-        fill="var(--iconPrimary, #222)"
       />
       <rect
-        x="14.25"
-        y="8.25"
         width="3.5"
         height="3.5"
+        x="14.25"
+        y="8.25"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
         rx="1"
         ry="1"
-        fill="var(--iconPrimary, #222)"
       />
       <rect
-        x="2.25"
-        y="14.25"
         width="3.5"
         height="3.5"
+        x="2.25"
+        y="14.25"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
         rx="1"
         ry="1"
-        fill="var(--iconPrimary, #222)"
       />
       <rect
-        x="8.25"
-        y="14.25"
         width="3.5"
         height="3.5"
+        x="8.25"
+        y="14.25"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
         rx="1"
         ry="1"
-        fill="var(--iconPrimary, #222)"
       />
       <rect
-        x="14.25"
-        y="14.25"
         width="3.5"
         height="3.5"
+        x="14.25"
+        y="14.25"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
         rx="1"
         ry="1"
-        fill="var(--iconPrimary, #222)"
       />
     </svg>
   );

package/src/icon/s2wf-icons/AppsIcon.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/Apps.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Apps.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 AppsIconSvg(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,23 +18,11 @@ function AppsIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m5.75,18.00293h-1.5c-1.24023,0-2.25-1.00977-2.25-2.25v-1.5c0-1.24023,1.00977-2.25,2.25-2.25h1.5c1.24023,0,2.25,1.00977,2.25,2.25v1.5c0,1.24023-1.00977,2.25-2.25,2.25Zm-1.5-4.5c-.41309,0-.75.33691-.75.75v1.5c0,.41309.33691.75.75.75h1.5c.41309,0,.75-.33691.75-.75v-1.5c0-.41309-.33691-.75-.75-.75h-1.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m5.75,11.00293h-1.5c-1.24023,0-2.25-1.00977-2.25-2.25v-1.5c0-1.24023,1.00977-2.25,2.25-2.25h1.5c1.24023,0,2.25,1.00977,2.25,2.25v1.5c0,1.24023-1.00977,2.25-2.25,2.25Zm-1.5-4.5c-.41309,0-.75.33691-.75.75v1.5c0,.41309.33691.75.75.75h1.5c.41309,0,.75-.33691.75-.75v-1.5c0-.41309-.33691-.75-.75-.75h-1.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m12.75,18.00293h-1.5c-1.24023,0-2.25-1.00977-2.25-2.25v-1.5c0-1.24023,1.00977-2.25,2.25-2.25h1.5c1.24023,0,2.25,1.00977,2.25,2.25v1.5c0,1.24023-1.00977,2.25-2.25,2.25Zm-1.5-4.5c-.41309,0-.75.33691-.75.75v1.5c0,.41309.33691.75.75.75h1.5c.41309,0,.75-.33691.75-.75v-1.5c0-.41309-.33691-.75-.75-.75h-1.5Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m15.25098,11.00293h-3.5c-1.5166,0-2.75-1.2334-2.75-2.75v-3.5c0-1.5166,1.2334-2.75,2.75-2.75h3.5c1.5166,0,2.75,1.2334,2.75,2.75v3.5c0,1.5166-1.2334,2.75-2.75,2.75Zm-3.5-7.5c-.68945,0-1.25.56055-1.25,1.25v3.5c0,.68945.56055,1.25,1.25,1.25h3.5c.68945,0,1.25-.56055,1.25-1.25v-3.5c0-.68945-.56055-1.25-1.25-1.25h-3.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M5.75 18.003h-1.5c-1.24 0-2.25-1.01-2.25-2.25v-1.5c0-1.24 1.01-2.25 2.25-2.25h1.5c1.24 0 2.25 1.01 2.25 2.25v1.5c0 1.24-1.01 2.25-2.25 2.25m-1.5-4.5c-.413 0-.75.337-.75.75v1.5c0 .413.337.75.75.75h1.5c.413 0 .75-.337.75-.75v-1.5c0-.413-.337-.75-.75-.75zM5.75 11.003h-1.5c-1.24 0-2.25-1.01-2.25-2.25v-1.5c0-1.24 1.01-2.25 2.25-2.25h1.5c1.24 0 2.25 1.01 2.25 2.25v1.5c0 1.24-1.01 2.25-2.25 2.25m-1.5-4.5c-.413 0-.75.337-.75.75v1.5c0 .413.337.75.75.75h1.5c.413 0 .75-.337.75-.75v-1.5c0-.413-.337-.75-.75-.75zM12.75 18.003h-1.5c-1.24 0-2.25-1.01-2.25-2.25v-1.5c0-1.24 1.01-2.25 2.25-2.25h1.5c1.24 0 2.25 1.01 2.25 2.25v1.5c0 1.24-1.01 2.25-2.25 2.25m-1.5-4.5c-.413 0-.75.337-.75.75v1.5c0 .413.337.75.75.75h1.5c.413 0 .75-.337.75-.75v-1.5c0-.413-.337-.75-.75-.75zM15.251 11.003h-3.5c-1.517 0-2.75-1.233-2.75-2.75v-3.5c0-1.517 1.233-2.75 2.75-2.75h3.5c1.517 0 2.75 1.233 2.75 2.75v3.5c0 1.517-1.233 2.75-2.75 2.75m-3.5-7.5c-.69 0-1.25.56-1.25 1.25v3.5c0 .69.56 1.25 1.25 1.25h3.5c.69 0 1.25-.56 1.25-1.25v-3.5c0-.69-.56-1.25-1.25-1.25z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/ArchiveIcon.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/Archive.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Archive.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 ArchiveIconSvg(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 ArchiveIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M16.75,3H3.25c-1.24072,0-2.25,1.00977-2.25,2.25v1c0,.77808.39764,1.46484,1,1.86902v6.63098c0,1.24023,1.00928,2.25,2.25,2.25h11.5c1.24072,0,2.25-1.00977,2.25-2.25v-6.63098c.60236-.40417,1-1.09094,1-1.86902v-1c0-1.24023-1.00928-2.25-2.25-2.25ZM2.5,5.25c0-.41309.33643-.75.75-.75h13.5c.41357,0,.75.33691.75.75v1c0,.41309-.33643.75-.75.75H3.25c-.41357,0-.75-.33691-.75-.75v-1ZM15.75,15.5H4.25c-.41357,0-.75-.33691-.75-.75v-6.25h13v6.25c0,.41309-.33643.75-.75.75Z"
-        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.25v1c0 .778.398 1.465 1 1.869v6.631C2 15.99 3.01 17 4.25 17h11.5c1.24 0 2.25-1.01 2.25-2.25V8.119c.602-.404 1-1.09 1-1.869v-1C19 4.01 17.99 3 16.75 3M2.5 5.25c0-.413.336-.75.75-.75h13.5c.414 0 .75.337.75.75v1c0 .413-.336.75-.75.75H3.25c-.414 0-.75-.337-.75-.75zM15.75 15.5H4.25c-.414 0-.75-.337-.75-.75V8.5h13v6.25c0 .413-.336.75-.75.75"
       />
       <path
-        d="M12.25,10.5h-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)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M12.25 10.5h-4.5c-.414 0-.75.336-.75.75s.336.75.75.75h4.5c.414 0 .75-.336.75-.75s-.336-.75-.75-.75"
       />
     </svg>
   );