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

package/src/icon/s2wf-icons/BetaAppIcon.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/BetaApp.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/BetaApp.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 BetaAppIconSvg(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 BetaAppIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m13,2.5h-6c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h6c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m16.77295,14.48047c-.01465-.03125-.03125-.0625-.0498-.09082l-4.23389-6.60938v-2.28711h.5c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-1.25c-.41406,0-.75.33594-.75.75v3.25684c0,.14355.04102.28418.11865.4043l1.17157,1.82886-5.6861,1.7439,2.2782-3.57373c.07666-.12109.11768-.26074.11768-.40332v-3.25684c0-.41406-.33594-.75-.75-.75h-1.25c-.41406,0-.75.33594-.75.75s.33594.75.75.75h.5v2.28809l-4.21338,6.60938c-.01855.0293-.03467.05859-.04883.08984-.35107.76172-.28955,1.63867.16357,2.34668.47021.73438,1.28027,1.17285,2.16699,1.17285h8.88477c.88672,0,1.69678-.43848,2.16699-1.17285.45312-.70801.51465-1.58496.16357-2.34668Zm-1.42676,1.53809c-.19336.30176-.53125.48145-.90381.48145H5.55762c-.37256,0-.71045-.17969-.90381-.48145-.1709-.26758-.19971-.58203-.08203-.87012l.77887-1.22168,7.76855-2.38281,2.30902,3.60449c.11768.28906.08887.60352-.08203.87012Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13 2.5H7c-.414 0-.75-.336-.75-.75S6.586 1 7 1h6c.414 0 .75.336.75.75s-.336.75-.75.75M16.773 14.48q-.022-.046-.05-.09L12.49 7.78V5.493h.5c.414 0 .75-.336.75-.75s-.336-.75-.75-.75h-1.25c-.414 0-.75.336-.75.75V8c0 .144.041.284.119.404l1.171 1.83-5.686 1.743 2.279-3.574c.076-.12.117-.26.117-.403V4.743c0-.414-.336-.75-.75-.75H6.99c-.414 0-.75.336-.75.75s.336.75.75.75h.5v2.288l-4.213 6.61q-.028.043-.049.09c-.351.761-.29 1.638.164 2.346C3.86 17.562 4.67 18 5.558 18h8.884c.887 0 1.697-.438 2.167-1.173.453-.708.515-1.585.164-2.347m-1.427 1.539c-.193.301-.531.481-.904.481H5.558c-.373 0-.71-.18-.904-.481-.171-.268-.2-.582-.082-.87l.779-1.222 7.768-2.383 2.31 3.604c.117.29.088.604-.083.87"
       />
     </svg>
   );

package/src/icon/s2wf-icons/BinocularsIcon.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/Binoculars.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Binoculars.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 BinocularsIconSvg(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 BinocularsIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elem
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m18.61914,12.90405l-1.91406-8.58765c-.25977-1.27539-1.39258-2.20117-2.69531-2.20117-1.5166,0-2.75,1.2334-2.75,2.75v.51074c-.37671-.19421-.79761-.31445-1.25-.31445s-.87329.12024-1.25.31445v-.51074c0-1.5166-1.2334-2.75-2.75-2.75-1.30273,0-2.43652.92578-2.69238,2.18652l-1.91699,8.60254c-.08252.30859-.14062.62671-.14062.96094,0,2.06738,1.68262,3.75,3.75,3.75,2.06665,0,3.74878-1.68164,3.74976-3.74805h.00024v-2.00195c0-.68945.56055-1.25,1.25-1.25s1.25.56055,1.25,1.25v2.00195h.00024c-.00049,1.00122.38989,1.94189,1.09741,2.64941.70801.70898,1.64941,1.09863,2.65137,1.09863,2.06738,0,3.75-1.68164,3.75098-3.75,0-.33423-.05811-.65259-.14062-.96118ZM14.00977,3.61523c.5918,0,1.10742.4209,1.22852,1.01465l1.30652,5.82227c-.46985-.21216-.98694-.33691-1.53503-.33691-.84741,0-1.62134.29321-2.25.76904v-6.01904c0-.68945.56055-1.25,1.25-1.25Zm-9.22559,1c.11719-.5791.63281-1,1.22559-1,.68945,0,1.25.56055,1.25,1.25v6.01929c-.62866-.47583-1.40259-.76929-2.25-.76929-.54834,0-1.06592.125-1.53589.3374l1.3103-5.8374Zm.22559,11.5c-1.24023,0-2.25-1.00977-2.25-2.25s1.00977-2.25,2.25-2.25,2.25,1.00977,2.25,2.25-1.00977,2.25-2.25,2.25Zm5-7c-.45239,0-.87329.12012-1.25.31445v-1.61816c0-.68945.56055-1.25,1.25-1.25s1.25.56055,1.25,1.25v1.61816c-.37671-.19434-.79761-.31445-1.25-.31445Zm4.99902,7c-.60059,0-1.16602-.23438-1.59082-.65918s-.6582-.98926-.6582-1.59082c0-1.24023,1.00977-2.25,2.25-2.25s2.25,1.00977,2.25,2.25c-.00098,1.24023-1.01074,2.25-2.25098,2.25Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="m18.62 12.904-1.915-8.588c-.26-1.275-1.392-2.2-2.695-2.2-1.517 0-2.75 1.233-2.75 2.75v.51c-.377-.194-.798-.314-1.25-.314s-.874.12-1.25.314v-.51c0-1.517-1.234-2.75-2.75-2.75-1.303 0-2.437.925-2.693 2.186L1.4 12.904c-.082.309-.14.627-.14.961 0 2.068 1.682 3.75 3.75 3.75 2.066 0 3.749-1.681 3.75-3.748v-2.002c0-.69.56-1.25 1.25-1.25s1.25.56 1.25 1.25v2.002c0 1.001.39 1.942 1.097 2.65.708.709 1.65 1.098 2.652 1.098 2.067 0 3.75-1.681 3.75-3.75 0-.334-.057-.652-.14-.961m-4.61-9.289c.592 0 1.107.421 1.228 1.015l1.307 5.822c-.47-.212-.987-.337-1.535-.337-.848 0-1.622.293-2.25.77v-6.02c0-.69.56-1.25 1.25-1.25m-9.226 1c.117-.579.633-1 1.226-1 .69 0 1.25.56 1.25 1.25v6.02c-.629-.476-1.403-.77-2.25-.77-.549 0-1.066.125-1.536.338zm.226 11.5c-1.24 0-2.25-1.01-2.25-2.25s1.01-2.25 2.25-2.25 2.25 1.01 2.25 2.25-1.01 2.25-2.25 2.25m5-7c-.453 0-.874.12-1.25.315V7.812c0-.69.56-1.25 1.25-1.25s1.25.56 1.25 1.25V9.43c-.377-.195-.798-.315-1.25-.315m4.999 7c-.6 0-1.166-.234-1.591-.659s-.658-.99-.658-1.59c0-1.241 1.01-2.25 2.25-2.25s2.25 1.009 2.25 2.25c-.001 1.24-1.011 2.25-2.251 2.25"
       />
     </svg>
   );

package/src/icon/s2wf-icons/BlurIcon.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/Blur.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Blur.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 BlurIconSvg(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 BlurIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m10,18.75c-3.84766,0-6.75-2.70312-6.75-6.28809,0-2.73633,2.31934-5.78418,4.36523-8.47363.6543-.85938,1.27246-1.6709,1.76074-2.4043.27734-.41797.9707-.41797,1.24805,0,.48828.7334,1.10645,1.54492,1.76074,2.4043,2.0459,2.68945,4.36523,5.7373,4.36523,8.47363,0,3.58496-2.90234,6.28809-6.75,6.28809Zm0-15.44141c-.36914.50879-.77246,1.03906-1.19043,1.58789-1.90332,2.50098-4.05957,5.33496-4.05957,7.56543,0,2.77441,2.20801,4.78809,5.25,4.78809s5.25-2.01367,5.25-4.78809c0-2.23047-2.15625-5.06445-4.05957-7.56543-.41797-.54883-.82129-1.0791-1.19043-1.58789Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 18.75c-3.848 0-6.75-2.703-6.75-6.288 0-2.736 2.32-5.784 4.365-8.474.655-.86 1.273-1.67 1.761-2.404.277-.418.97-.418 1.248 0 .488.733 1.106 1.545 1.76 2.404 2.047 2.69 4.366 5.738 4.366 8.474 0 3.585-2.902 6.288-6.75 6.288m0-15.441c-.37.508-.772 1.039-1.19 1.587-1.904 2.501-4.06 5.335-4.06 7.566 0 2.774 2.208 4.788 5.25 4.788s5.25-2.014 5.25-4.788c0-2.23-2.156-5.065-4.06-7.566-.418-.548-.82-1.079-1.19-1.587"
       />
     </svg>
   );

package/src/icon/s2wf-icons/BookmarkIcon.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/Bookmark.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Bookmark.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 BookmarkIconSvg(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 BookmarkIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elemen
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M5.25098,18.99974c-.16016,0-.32227-.03125-.47754-.0957-.46973-.19336-.77344-.64746-.77344-1.15527V4.24974c0-1.24023,1.00977-2.25,2.25-2.25h7.5c1.24023,0,2.25,1.00977,2.25,2.25v13.49902c0,.50781-.30371.96191-.77344,1.15527-.4707.19531-1.00488.08691-1.36328-.27441l-3.86328-3.88672-3.86328,3.88672c-.24023.24219-.55957.37012-.88574.37012ZM6.25,3.49974c-.41309,0-.75.33691-.75.75v12.89258l3.43555-3.45605c.57031-.57227,1.55957-.57129,2.12793-.00098l3.43652,3.45703V4.24974c0-.41309-.33691-.75-.75-.75h-7.5Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M5.251 19q-.242 0-.478-.096c-.47-.193-.773-.647-.773-1.155v-13.5C4 3.01 5.01 2 6.25 2h7.5C14.99 2 16 3.01 16 4.25v13.5c0 .508-.304.962-.773 1.155-.471.195-1.005.087-1.364-.274L10 14.743 6.137 18.63c-.24.242-.56.37-.886.37M6.25 3.5c-.413 0-.75.337-.75.75v12.892l3.436-3.456c.57-.572 1.56-.571 2.127 0l3.437 3.456V4.25c0-.413-.337-.75-.75-.75z"
       />
     </svg>
   );

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

@@ -1,27 +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/BookmarkSingleFilled.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/BookmarkSingleFilled.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 BookmarkSingleFilledIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
-      id="d"
-      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="M13.75,2h-7.5c-1.24023,0-2.25,1.00977-2.25,2.25v13.49902c0,.50781.30371.96191.77344,1.15527.15527.06445.31738.0957.47754.0957.32617,0,.64551-.12793.88574-.37012l3.86328-3.88672,3.86328,3.88672c.35742.36035.8916.46973,1.36328.27441.46973-.19336.77344-.64746.77344-1.15527V4.25c0-1.24023-1.00977-2.25-2.25-2.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M13.75 2h-7.5C5.01 2 4 3.01 4 4.25v13.499c0 .508.304.962.773 1.155.156.065.318.096.478.096.326 0 .645-.128.886-.37L10 14.743l3.863 3.887c.358.36.892.47 1.364.274.47-.193.773-.647.773-1.155V4.25C16 3.01 14.99 2 13.75 2"
       />
     </svg>
   );

package/src/icon/s2wf-icons/BrandIcon.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/Brand.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Brand.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 BrandIconSvg(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,15 @@ function BrandIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="M10.00684,19c-.08398,0-.16797-.00195-.25293-.00391-4.42188-.25098-7.81836-3.90234-7.75293-8.31152V3.25c0-1.24023,1.00977-2.25,2.25-2.25h11.49902c1.24023,0,2.25,1.00977,2.25,2.25l-.00293,7.99023c-.06641,2.13965-.95898,4.12305-2.51562,5.58691-1.49609,1.40625-3.43164,2.17285-5.47461,2.17285ZM4.25098,2.5c-.41309,0-.75.33691-.75.75v7.44531c-.05371,3.61426,2.72168,6.59766,6.31934,6.80176,1.70703.05176,3.36816-.57324,4.63281-1.7627s1.99121-2.80078,2.04395-4.53711l.00293-.19727V3.25c0-.41309-.33691-.75-.75-.75H4.25098Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10.007 19q-.126 0-.253-.004c-4.422-.25-7.818-3.902-7.753-8.311V3.25c0-1.24 1.01-2.25 2.25-2.25H15.75C16.99 1 18 2.01 18 3.25l-.003 7.99c-.066 2.14-.959 4.123-2.516 5.587C13.985 18.233 12.05 19 10.007 19M4.25 2.5c-.413 0-.75.337-.75.75v7.445c-.054 3.615 2.722 6.598 6.32 6.802 1.706.052 3.367-.573 4.632-1.763s1.991-2.8 2.044-4.537L16.5 11V3.25c0-.413-.337-.75-.75-.75z"
       />
       <path
-        d="M14.25,12h-5.5c-.26465,0-.50977-.13965-.64453-.36719-.13574-.22754-.14062-.50977-.01367-.74219l2.75098-5.03906c.13184-.24121.38379-.39062.6582-.39062h0c.27441,0,.52734.15039.6582.39062l2.74902,5.03906c.12695.23242.12207.51465-.01367.74219-.13477.22754-.37988.36719-.64453.36719ZM10.01367,10.5h2.97266l-1.48535-2.72363-1.4873,2.72363Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
-      />
-      <path
-        d="M5.74902,12c-.12109,0-.24414-.0293-.3584-.0918-.36328-.19824-.49707-.6543-.29883-1.01758l1.98145-3.62891c.19727-.36328.65332-.49805,1.01758-.29883.36328.19824.49707.6543.29883,1.01758l-1.98145,3.62891c-.13574.24902-.39355.39062-.65918.39062Z"
-        fill="var(--iconPrimary, #222)"
-        stroke-width="0"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M14.25 12h-5.5c-.265 0-.51-.14-.645-.367-.135-.228-.14-.51-.013-.742l2.75-5.04c.133-.24.385-.39.659-.39s.527.15.658.39l2.75 5.04c.126.232.121.514-.014.742s-.38.367-.645.367m-4.236-1.5h2.972l-1.485-2.724zM5.749 12c-.121 0-.244-.03-.358-.092-.364-.198-.497-.654-.3-1.017l1.982-3.63c.198-.363.654-.497 1.018-.298.363.198.497.654.299 1.017l-1.982 3.63c-.136.248-.393.39-.659.39"
       />
     </svg>
   );

package/src/icon/s2wf-icons/BriefcaseIcon.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/Briefcase.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Briefcase.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 BriefcaseIconSvg(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,23 @@ function BriefcaseIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Eleme
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m14.97266,5.05371h-1.5v-1.73926c0-.41895-.39551-.81445-.81445-.81445h-5.4707c-.39844,0-.6875.31543-.6875.75v1.74023h-1.5v-1.74023c0-1.26172.96094-2.25,2.1875-2.25h5.4707c1.2334,0,2.31445,1.08105,2.31445,2.31445v1.73926Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M14.973 5.054h-1.5v-1.74c0-.419-.396-.814-.815-.814h-5.47c-.399 0-.688.315-.688.75v1.74H5V3.25C5 1.988 5.96 1 7.188 1h5.47c1.234 0 2.315 1.081 2.315 2.314z"
       />
       <path
-        d="m16.75,17H3.25c-1.24023,0-2.25-1.00977-2.25-2.25V6.25c0-1.24023,1.00977-2.25,2.25-2.25h13.5c1.24023,0,2.25,1.00977,2.25,2.25v8.5c0,1.24023-1.00977,2.25-2.25,2.25ZM3.25,5.5c-.41309,0-.75.33691-.75.75v8.5c0,.41309.33691.75.75.75h13.5c.41309,0,.75-.33691.75-.75V6.25c0-.41309-.33691-.75-.75-.75H3.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.75 17H3.25C2.01 17 1 15.99 1 14.75v-8.5C1 5.01 2.01 4 3.25 4h13.5C17.99 4 19 5.01 19 6.25v8.5c0 1.24-1.01 2.25-2.25 2.25M3.25 5.5c-.413 0-.75.337-.75.75v8.5c0 .413.337.75.75.75h13.5c.413 0 .75-.337.75-.75v-8.5c0-.413-.337-.75-.75-.75z"
       />
-      <rect x="2" y="9.25" width="16" height="1.5" fill="var(--iconPrimary, #222)" />
       <path
-        d="m5.75,12.25c-.41406,0-.75-.33594-.75-.75v-2.5c0-.41406.33594-.75.75-.75s.75.33594.75.75v2.5c0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M2 9.25h16v1.5H2z"
       />
       <path
-        d="m14.25,12.25c-.41406,0-.75-.33594-.75-.75v-2.5c0-.41406.33594-.75.75-.75s.75.33594.75.75v2.5c0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M5.75 12.25c-.414 0-.75-.336-.75-.75V9c0-.414.336-.75.75-.75s.75.336.75.75v2.5c0 .414-.336.75-.75.75M14.25 12.25c-.414 0-.75-.336-.75-.75V9c0-.414.336-.75.75-.75s.75.336.75.75v2.5c0 .414-.336.75-.75.75"
       />
     </svg>
   );

package/src/icon/s2wf-icons/BrightnessContrastIcon.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/BrightnessContrast.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/BrightnessContrast.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 BrightnessContrastIconSvg(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,43 +18,11 @@ function BrightnessContrastIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>):
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m10,3.0127c-.41406,0-.75-.33594-.75-.75v-1.0127c0-.41406.33594-.75.75-.75s.75.33594.75.75v1.0127c0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m10,19.5c-.41406,0-.75-.33594-.75-.75v-1c0-.41406.33594-.75.75-.75s.75.33594.75.75v1c0,.41406-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m18.75,10.75h-.99902c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.99902c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m2.24512,10.75h-.99512c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.99512c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m4.51953,5.26953c-.19238,0-.38379-.07324-.53027-.21973l-.70703-.70703c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l.70703.70703c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33789.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m16.1875,16.9375c-.19238,0-.38379-.07324-.53027-.21973l-.70508-.70508c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l.70508.70508c.29297.29297.29297.76758,0,1.06055-.14648.14648-.33789.21973-.53027.21973Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m15.47656,5.26855c-.19238,0-.38574-.07422-.53223-.22168-.29199-.29395-.29004-.76855.00391-1.06055l.71094-.70605c.29395-.29199.76855-.29004,1.06055.00391s.29004.76855-.00391,1.06055l-.71094.70605c-.14648.14551-.33691.21777-.52832.21777Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m3.8125,16.9375c-.19238,0-.38477-.07324-.53125-.2207-.29199-.29297-.29199-.76758.00195-1.06055l.70703-.70508c.29297-.29199.76758-.29199,1.06055.00195.29199.29297.29199.76758-.00195,1.06055l-.70703.70508c-.14648.14551-.33789.21875-.5293.21875Z"
-        fill="var(--iconPrimary, #222)"
-      />
-      <path
-        d="m10,4c-3.30811,0-6,2.69189-6,6s2.69189,6,6,6,6-2.69189,6-6-2.69189-6-6-6Zm-4.5,6c0-2.4812,2.0188-4.5,4.5-4.5v9c-2.4812,0-4.5-2.0188-4.5-4.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 3.013c-.414 0-.75-.336-.75-.75V1.25c0-.414.336-.75.75-.75s.75.336.75.75v1.013c0 .414-.336.75-.75.75M10 19.5c-.414 0-.75-.336-.75-.75v-1c0-.414.336-.75.75-.75s.75.336.75.75v1c0 .414-.336.75-.75.75M18.75 10.75h-.999c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.999c.414 0 .75.336.75.75s-.336.75-.75.75M2.245 10.75H1.25c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.995c.414 0 .75.336.75.75s-.336.75-.75.75M4.52 5.27c-.193 0-.384-.074-.53-.22l-.708-.707c-.293-.293-.293-.768 0-1.06s.768-.294 1.06 0l.708.706c.293.293.293.768 0 1.06-.147.147-.338.22-.53.22M16.188 16.938c-.193 0-.384-.074-.53-.22l-.706-.705c-.293-.293-.293-.768 0-1.06s.768-.294 1.06 0l.706.704c.293.293.293.768 0 1.06-.147.147-.338.22-.53.22M15.477 5.269c-.193 0-.386-.075-.533-.222-.292-.294-.29-.769.004-1.06l.711-.707c.294-.292.769-.29 1.06.004s.29.769-.003 1.06l-.711.707c-.147.145-.337.218-.528.218M3.813 16.938c-.193 0-.385-.074-.532-.221-.292-.293-.292-.768.002-1.06l.707-.706c.293-.292.768-.292 1.06.002.293.293.293.768-.001 1.06l-.707.706c-.147.145-.338.218-.53.218M10 4c-3.308 0-6 2.692-6 6s2.692 6 6 6 6-2.692 6-6-2.692-6-6-6m-4.5 6c0-2.481 2.019-4.5 4.5-4.5v9c-2.481 0-4.5-2.019-4.5-4.5"
       />
     </svg>
   );

package/src/icon/s2wf-icons/BrushIcon.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/Brush.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Brush.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 BrushIconSvg(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 BrushIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m18.07422,1.60052c-.52832-.44141-1.19238-.6543-1.88281-.58789-.68555.06152-1.30664.38672-1.74512.91211-.03638.04297-5.02991,6.01904-6.6936,8.01196-.34375.01636-.69238.06714-1.04175.16382-1.97266.54688-2.68652,2.23242-3.31543,3.71875-.50098,1.18359-.97461,2.30176-2.00293,2.8584-.28613.1543-.43945.47656-.37988.79688.05957.31934.31836.56445.6416.60645.93555.12012,1.97656.20801,3.02344.20801,2.16016,0,4.35156-.37207,5.7207-1.59375.9248-.8252,1.38477-1.9375,1.36523-3.30664-.00085-.0625-.01978-.12158-.02417-.18359l1.20679-1.44336c2.10254-2.5166,5.38086-6.44238,5.45508-6.5293.91113-1.09082.76465-2.7207-.32715-3.63184Zm-8.67383,13.97461c-1.05273.94043-3.10938,1.34473-5.86523,1.17969.55371-.72461.91016-1.56934,1.24121-2.35059.56934-1.34375,1.06055-2.50488,2.33496-2.8584.875-.24121,1.73145-.11328,2.35352.35254.5.375.79102.92578.79883,1.51172.0127.92676-.26953,1.63574-.86328,2.16504Zm7.85254-11.30859c-.04297.05078-3.34473,4.00293-5.45801,6.5332l-.63416.75952c-.21741-.31958-.47217-.61816-.79651-.86108-.27283-.2041-.57422-.36011-.89014-.48413,2.01074-2.40723,6.05859-7.25122,6.12158-7.32544.18359-.2207.44336-.35645.72949-.38281.29297-.02246.56641.0625.78809.24707.45605.38086.51758,1.06152.13965,1.51367Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18.074 1.6c-.528-.44-1.192-.654-1.883-.587-.685.061-1.306.386-1.745.912-.036.043-5.03 6.019-6.693 8.012-.344.016-.693.067-1.042.164-1.973.546-2.687 2.232-3.315 3.718-.501 1.184-.975 2.302-2.003 2.859-.287.154-.44.476-.38.797.06.319.318.564.641.606.936.12 1.977.208 3.024.208 2.16 0 4.351-.372 5.72-1.594.925-.825 1.385-1.937 1.366-3.306-.001-.063-.02-.122-.024-.184l1.206-1.443c2.103-2.517 5.381-6.443 5.455-6.53.912-1.09.765-2.72-.327-3.631M9.4 15.576c-1.052.94-3.109 1.345-5.865 1.18.554-.725.91-1.57 1.241-2.35.57-1.345 1.06-2.506 2.335-2.86.875-.24 1.732-.112 2.354.353.5.375.79.926.799 1.512.012.927-.27 1.636-.864 2.165m7.853-11.308c-.043.05-3.345 4.002-5.458 6.533l-.634.76c-.218-.32-.472-.619-.797-.862-.273-.204-.574-.36-.89-.484 2.01-2.407 6.059-7.251 6.122-7.325.183-.221.443-.357.73-.383.292-.023.566.062.787.247.456.38.518 1.061.14 1.514"
       />
     </svg>
   );

package/src/icon/s2wf-icons/BugIcon.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/Bug.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Bug.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 BugIconSvg(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 BugIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m18.25,10h-1.5c0-1.32739-.27832-2.57739-.76318-3.68042.64404-.39648,1.24609-.85278,1.78467-1.37427.29785-.28809.30566-.7627.01758-1.06055-.28711-.29785-.76172-.30566-1.06055-.01758-.44336.42896-.9353.80933-1.46289,1.14038-1.23828-1.83057-3.13696-3.00757-5.26562-3.00757s-4.02734,1.177-5.26562,3.00757c-.52759-.33105-1.01953-.71143-1.46289-1.14038-.29785-.28809-.77246-.28027-1.06055.01758s-.28027.77246.01758,1.06055c.53857.52148,1.14062.97778,1.78467,1.37427-.48486,1.10303-.76318,2.35303-.76318,3.68042h-1.5c-.41406,0-.75.33594-.75.75s.33594.75.75.75h1.62305c.17603,1.09363.5376,2.10962,1.04883,2.99744-.95459.64294-1.75098,1.44287-2.31152,2.36194-.2168.35352-.10449.81445.24902,1.03027.12207.0752.25684.11035.38965.11035.25293,0,.5-.12793.64062-.35938.45532-.74487,1.11035-1.39563,1.90039-1.9209,1.21753,1.4082,2.87866,2.28027,4.70996,2.28027s3.49243-.87207,4.70996-2.28027c.79004.52527,1.44507,1.17603,1.90039,1.9209.14062.23145.3877.35938.64062.35938.13281,0,.26758-.03516.38965-.11035.35352-.21582.46582-.67676.24902-1.03027-.56055-.91907-1.35693-1.71899-2.31152-2.36194.51489-.89417.87744-1.91882,1.05176-3.02161.04077.00684.07764.02417.12012.02417h1.5c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75ZM10,3.5c1.56152,0,2.96216.85339,3.9248,2.19775-1.21704.5166-2.55493.80225-3.9248.80225s-2.70776-.28564-3.9248-.80225c.96265-1.34436,2.36328-2.19775,3.9248-2.19775Zm-3.85034,10.90356c-.00635-.01379-.00562-.02881-.01294-.04224-.03687-.06738-.08984-.11829-.14233-.16919-.77466-1.13293-1.24438-2.59509-1.24438-4.19214,0-1.07788.21631-2.09314.59302-2.98901,1.21802.5376,2.54248.86523,3.90698.95361v8.46118c-1.21875-.21741-2.30151-.95239-3.10034-2.02222Zm4.60034,2.02222V7.9646c1.3645-.08838,2.68896-.41602,3.90698-.95361.37671.89587.59302,1.91113.59302,2.98901,0,1.59839-.47046,3.0614-1.24634,4.19458-.05151.05054-.104.10034-.14038.16675-.00732.01343-.00659.02844-.01294.04224-.79883,1.06982-1.88159,1.80481-3.10034,2.02222Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M18.25 10h-1.5c0-1.327-.278-2.577-.763-3.68.644-.397 1.246-.853 1.784-1.375.298-.288.306-.762.018-1.06-.287-.298-.762-.306-1.06-.018-.444.43-.936.81-1.463 1.14C14.027 3.178 12.129 2 10 2S5.973 3.177 4.734 5.008c-.527-.331-1.02-.712-1.463-1.14-.297-.289-.772-.281-1.06.017s-.28.772.018 1.06c.538.522 1.14.978 1.784 1.375C3.528 7.423 3.25 8.673 3.25 10h-1.5c-.414 0-.75.336-.75.75s.336.75.75.75h1.623c.176 1.094.538 2.11 1.049 2.997-.955.643-1.751 1.443-2.312 2.362-.216.354-.104.815.25 1.03.121.076.256.111.389.111.253 0 .5-.128.64-.36.456-.744 1.111-1.395 1.901-1.92C6.508 17.128 8.17 18 10 18s3.492-.872 4.71-2.28c.79.525 1.445 1.176 1.9 1.92.141.232.388.36.641.36.133 0 .268-.035.39-.11.353-.216.465-.677.249-1.03-.56-.92-1.357-1.72-2.312-2.363.515-.894.878-1.918 1.052-3.021.04.007.078.024.12.024h1.5c.414 0 .75-.336.75-.75s-.336-.75-.75-.75M10 3.5c1.562 0 2.962.853 3.925 2.198-1.217.516-2.555.802-3.925.802s-2.708-.286-3.925-.802C7.038 4.353 8.438 3.5 10 3.5M6.15 14.404c-.007-.014-.006-.03-.013-.043-.037-.067-.09-.118-.143-.169C5.22 13.06 4.75 11.597 4.75 10c0-1.078.216-2.093.593-2.989 1.218.538 2.543.865 3.907.954v8.46c-1.219-.217-2.302-.952-3.1-2.021m4.6 2.022V7.965c1.365-.089 2.689-.416 3.907-.954.377.896.593 1.911.593 2.989 0 1.598-.47 3.061-1.246 4.195-.052.05-.104.1-.14.166-.008.014-.007.029-.014.043-.798 1.07-1.881 1.804-3.1 2.022"
       />
     </svg>
   );

package/src/icon/s2wf-icons/BuildingIcon.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/Building.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Building.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 BuildingIconSvg(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,35 @@ function BuildingIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Elemen
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
-      <circle cx="12" cy="5" r="1" fill="var(--iconPrimary, #222)" />
-      <circle cx="8" cy="8.00019" r="1" fill="var(--iconPrimary, #222)" />
-      <circle cx="8" cy="5" r="1" fill="var(--iconPrimary, #222)" />
-      <circle cx="12" cy="8.00019" r="1" fill="var(--iconPrimary, #222)" />
+      <circle
+        cx="12"
+        cy="5"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="8"
+        cy="8"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="8"
+        cy="5"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="12"
+        cy="8"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
       <path
-        d="M14.75,1H5.25c-1.24023,0-2.25,1.00977-2.25,2.25v12.5c0,1.24023,1.00977,2.25,2.25,2.25h9.5c1.24023,0,2.25-1.00977,2.25-2.25V3.25c0-1.24023-1.00977-2.25-2.25-2.25ZM11.49902,16.5h-2.49902v-3.25c0-.41309.33691-.75.75-.75h.99902c.41309,0,.75.33691.75.75v3.25ZM15.5,15.75c0,.41309-.33691.75-.75.75h-1.75098v-3.25c0-1.24023-1.00977-2.25-2.25-2.25h-.99902c-1.24023,0-2.25,1.00977-2.25,2.25v3.25h-2.25c-.41309,0-.75-.33691-.75-.75V3.25c0-.41309.33691-.75.75-.75h9.5c.41309,0,.75.33691.75.75v12.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M14.75 1h-9.5C4.01 1 3 2.01 3 3.25v12.5C3 16.99 4.01 18 5.25 18h9.5c1.24 0 2.25-1.01 2.25-2.25V3.25C17 2.01 15.99 1 14.75 1m-3.251 15.5H9v-3.25c0-.413.337-.75.75-.75h.999c.413 0 .75.337.75.75zm4.001-.75c0 .413-.337.75-.75.75h-1.751v-3.25c0-1.24-1.01-2.25-2.25-2.25H9.75c-1.24 0-2.25 1.01-2.25 2.25v3.25H5.25c-.413 0-.75-.337-.75-.75V3.25c0-.413.337-.75.75-.75h9.5c.413 0 .75.337.75.75z"
       />
     </svg>
   );

package/src/icon/s2wf-icons/BuildingsIcon.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/Buildings.mjs
+// Generator input: @react-spectrum/s2@1.7.0/icons/Buildings.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 BuildingsIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
-  const { class: className, ...rest } = props;
+  const [local, rest] = splitProps(props, ["class"]);
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
@@ -15,22 +18,52 @@ function BuildingsIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Eleme
       height="20"
       viewBox="0 0 20 20"
       {...rest}
-      class={className}
+      class={local.class}
     >
       <path
-        d="m16.75,17h-1.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h1.75c.41406,0,.75049-.33691.75049-.75v-6.5c0-.41309-.33643-.75-.75049-.75h-1.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h1.75c1.24072,0,2.25049,1.00977,2.25049,2.25v6.5c0,1.24023-1.00977,2.25-2.25049,2.25Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.75 17H15c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h1.75c.414 0 .75-.337.75-.75v-6.5c0-.413-.336-.75-.75-.75H15c-.414 0-.75-.336-.75-.75S14.586 6 15 6h1.75C17.99 6 19 7.01 19 8.25v6.5c0 1.24-1.01 2.25-2.25 2.25"
+      />
+      <circle
+        cx="9"
+        cy="7"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="5"
+        cy="10"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="5"
+        cy="7"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
       />
-      <circle cx="9" cy="7" r="1" fill="var(--iconPrimary, #222)" />
-      <circle cx="5" cy="10.00019" r="1" fill="var(--iconPrimary, #222)" />
-      <circle cx="5" cy="7" r="1" fill="var(--iconPrimary, #222)" />
       <path
-        d="m10.75,3H3.25c-1.24072,0-2.25,1.00977-2.25,2.25v9.5c0,1.24023,1.00928,2.25,2.25,2.25h7.5c1.24072,0,2.25-1.00977,2.25-2.25V5.25c0-1.24023-1.00928-2.25-2.25-2.25Zm-2.50146,12.5h-2.49854v-1c0-.41309.33643-.75.75-.75h.99854c.41357,0,.75.33691.75.75v1Zm3.25146-.75c0,.41309-.33643.75-.75.75h-1.00146v-1c0-1.24023-1.00928-2.25-2.25-2.25h-.99854c-1.24072,0-2.25,1.00977-2.25,2.25v1h-1c-.41357,0-.75-.33691-.75-.75V5.25c0-.41309.33643-.75.75-.75h7.5c.41357,0,.75.33691.75.75v9.5Z"
-        fill="var(--iconPrimary, #222)"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10.75 3h-7.5C2.01 3 1 4.01 1 5.25v9.5C1 15.99 2.01 17 3.25 17h7.5c1.24 0 2.25-1.01 2.25-2.25v-9.5C13 4.01 11.99 3 10.75 3M8.249 15.5H5.75v-1c0-.413.336-.75.75-.75h.999c.413 0 .75.337.75.75zm3.251-.75c0 .413-.336.75-.75.75H9.749v-1c0-1.24-1.01-2.25-2.25-2.25H6.5c-1.24 0-2.25 1.01-2.25 2.25v1h-1c-.414 0-.75-.337-.75-.75v-9.5c0-.413.336-.75.75-.75h7.5c.414 0 .75.337.75.75z"
+      />
+      <circle
+        cx="9"
+        cy="10"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="15"
+        cy="10"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+      />
+      <circle
+        cx="15"
+        cy="13"
+        r="1"
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
       />
-      <circle cx="9" cy="10.00019" r="1" fill="var(--iconPrimary, #222)" />
-      <circle cx="15" cy="10.00019" r="1" fill="var(--iconPrimary, #222)" />
-      <circle cx="15" cy="13" r="1" fill="var(--iconPrimary, #222)" />
     </svg>
   );
 }