@proyecto-viviana/ui 0.5.0 → 0.6.0

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

@@ -0,0 +1,38 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FileTextIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m16.34082,5.2959l-3.62109-3.62207c-.41895-.41895-.99902-.65918-1.59082-.65918h-5.87891c-1.24023,0-2.25,1.00977-2.25,2.25v12.4834c0,1.24023,1.00977,2.25,2.25,2.25h9.5c1.24023,0,2.25-1.00977,2.25-2.25V6.88672c0-.60059-.23438-1.16602-.65918-1.59082Zm-1.06055,1.06055c.04614.04614.07397.10352.10596.1582h-3.13623c-.41309,0-.75-.33691-.75-.75v-3.13623c.05542.03223.11353.0603.15918.10596l3.62109,3.62207Zm-.53027,10.1416H5.25c-.41309,0-.75-.33691-.75-.75V3.26465c0-.41309.33691-.75.75-.75h4.75v3.25c0,1.24023,1.00977,2.25,2.25,2.25h3.25v7.7334c0,.41309-.33691.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m13,11.49805h-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="m13,14.49805h-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)"
+      />
+    </svg>
+  );
+}
+
+export type FileTextIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FileTextIcon = createIcon(FileTextIconSvg);
+export default FileTextIcon;

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

@@ -0,0 +1,34 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FileUserIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m16.34131,5.28027l-3.62207-3.62109c-.4248-.4248-.98975-.65918-1.59033-.65918h-5.87891c-1.24072,0-2.25,1.00977-2.25,2.25v12.5c0,1.24023,1.00928,2.25,2.25,2.25h3.38574c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-3.38574c-.41357,0-.75-.33691-.75-.75V3.25c0-.41309.33643-.75.75-.75h4.75v3.25c0,1.24023,1.00928,2.25,2.25,2.25h3.25v.34863c0,.41406.33594.75.75.75s.75-.33594.75-.75v-1.47754c0-.5918-.23975-1.17188-.65869-1.59082Zm-4.84131.46973v-3.13599c.05518.03223.11316.06018.15869.10571l3.62158,3.62109c.04565.04565.07385.10376.10602.15918h-3.13629c-.41357,0-.75-.33691-.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m15,10.5c-2.48529,0-4.5,2.01471-4.5,4.5s2.01471,4.5,4.5,4.5,4.5-2.01471,4.5-4.5-2.01471-4.5-4.5-4.5Zm-2.45227,6.61127c.59326-.69269,1.47296-1.10144,2.41327-1.07727.96741-.03723,1.87494.38092,2.47632,1.09534-.59576.68134-1.46112,1.12067-2.43732,1.12067-.98462,0-1.85626-.44714-2.45227-1.13873Zm2.26428-5.23871c.87878-.05194,1.6333.61841,1.68524,1.49719.00183.03137.00275.06281.00275.09424.02411.85315-.64691,1.56488-1.5,1.591-.87878.05188-1.6333-.61841-1.68524-1.49725-.05188-.87878.61841-1.6333,1.49725-1.68518Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FileUserIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FileUserIcon = createIcon(FileUserIconSvg);
+export default FileUserIcon;

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

@@ -0,0 +1,34 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FilesIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m3.75,14c-.41406,0-.75-.33594-.75-.75V3.25c0-1.24023,1.00928-2.25,2.25-2.25h6c.41406,0,.75.33594.75.75s-.33594.75-.75.75h-6c-.41357,0-.75.33691-.75.75v10c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m17.36279,8.21289l-2.68701-3.22363c-.52393-.62891-1.29395-.98926-2.1123-.98926h-4.31348c-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.25v-5.77637c0-.6416-.22607-1.2666-.63721-1.76074Zm-1.71399.28711h-1.3988c-.41357,0-.75-.33691-.75-.75v-1.82239c.00726.00818.01642.01404.02344.02258l2.12537,2.5498Zm.1012,8h-7.5c-.41357,0-.75-.33691-.75-.75V6.25c0-.41309.33643-.75.75-.75h3.75v2.25c0,1.24023,1.00928,2.25,2.25,2.25h2.25v5.75c0,.41309-.33643.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FilesIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FilesIcon = createIcon(FilesIconSvg);
+export default FilesIcon;

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

@@ -0,0 +1,62 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FilmstripIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m15.25,7h-.5c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m11.9165,7h-.5c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m8.5835,7h-.5c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m5.25,7h-.5c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m15.25,14.5h-.5c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m11.9165,14.5h-.5c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m8.5835,14.5h-.5c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m5.25,14.5h-.5c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m16.75,17H3.25c-1.24072,0-2.25-1.00977-2.25-2.25V5.25c0-1.24023,1.00928-2.25,2.25-2.25h13.5c1.24072,0,2.25,1.00977,2.25,2.25v9.5c0,1.24023-1.00928,2.25-2.25,2.25ZM3.25,4.5c-.41357,0-.75.33691-.75.75v9.5c0,.41309.33643.75.75.75h13.5c.41357,0,.75-.33691.75-.75V5.25c0-.41309-.33643-.75-.75-.75H3.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FilmstripIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FilmstripIcon = createIcon(FilmstripIconSvg);
+export default FilmstripIcon;

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

@@ -0,0 +1,30 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FilterIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m8.99902,18.72852c-.35938,0-.7168-.09814-1.03711-.29297-.60254-.36572-.96191-1.00488-.96191-1.70947v-6.23584c0-.18604-.06836-.36377-.19238-.50146L2.62793,5.34521c-.53809-.59033-.67383-1.4165-.34863-2.15234.32422-.73584,1.02539-1.19287,1.83008-1.19287h11.78125c.80469,0,1.50586.45703,1.83008,1.19287.3252.73584.18945,1.56201-.35254,2.15576l-4.17578,4.64014c-.12402.1377-.19238.31543-.19238.50146v5.04541c0,.84375-.46484,1.60889-1.21289,1.99707l-1.86523.96826c-.29199.15186-.6084.22754-.92285.22754ZM4.10938,3.5c-.29492,0-.41797.2085-.45801.29834s-.11035.32178.08789.53955l4.18359,4.64697c.37207.41357.57715.94824.57715,1.50537v6.23584c0,.25391.16797.3833.24023.42725.07227.04443.26562.13232.49023.0166l1.86523-.96875c.25-.12939.4043-.38428.4043-.66553v-5.04541c0-.55713.20508-1.0918.57715-1.50537l4.17969-4.64355c.20215-.22119.13184-.45312.0918-.54297s-.16309-.29834-.45801-.29834H4.10938Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FilterIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FilterIcon = createIcon(FilterIconSvg);
+export default FilterIcon;

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

@@ -0,0 +1,30 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FiltersIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m15.99023,6.80566c-.10388-3.21826-2.74719-5.80566-5.99023-5.80566s-5.88635,2.5874-5.99023,5.80566c-1.7959,1.03809-3.00977,2.9751-3.00977,5.19434,0,3.30859,2.69141,6,6,6,1.09351,0,2.11621-.29883,3-.81177.88379.51294,1.90649.81177,3,.81177,3.30859,0,6-2.69141,6-6,0-2.21924-1.21387-4.15625-3.00977-5.19434Zm-3.18921,3.68823c-.26392-1.01489-.78345-1.92627-1.49097-2.65845.52258-.21289,1.09155-.33545,1.68994-.33545.50049,0,.97375.10132,1.42383.25269-.18799,1.10693-.78247,2.06592-1.6228,2.74121Zm-2.80103,4.83569c-.71924-.64868-1.23218-1.51562-1.41675-2.50562.4552.11084.92798.17603,1.41675.17603s.96155-.06519,1.41675-.17603c-.18457.98999-.69751,1.85693-1.41675,2.50562Zm-4.42383-7.5769c.45007-.15137.92334-.25269,1.42383-.25269.59839,0,1.16736.12256,1.68994.33545-.70752.73218-1.22705,1.64355-1.49097,2.65845-.84033-.67529-1.43481-1.63428-1.6228-2.74121Zm4.42383,3.74731c-.50049,0-.97375-.10132-1.42383-.25269.1731-1.01855.68774-1.91309,1.42383-2.5769.73608.66382,1.25073,1.55835,1.42383,2.5769-.45007.15137-.92334.25269-1.42383.25269Zm0-9c2.19922,0,4.02759,1.58789,4.41675,3.67603-.4552-.11084-.92798-.17603-1.41675-.17603-1.09351,0-2.11621.29883-3,.81177-.88379-.51294-1.90649-.81177-3-.81177-.48877,0-.96155.06519-1.41675.17603.38916-2.08813,2.21753-3.67603,4.41675-3.67603ZM2.5,12c0-1.41748.67175-2.66846,1.69897-3.4939.40869,1.57227,1.43652,2.8938,2.81079,3.68823.0498,1.53979.67871,2.93384,1.68018,3.97021-.52258.21289-1.09155.33545-1.68994.33545-2.48145,0-4.5-2.01855-4.5-4.5Zm10.5,4.5c-.59839,0-1.16736-.12256-1.68994-.33545,1.00146-1.03638,1.63037-2.43042,1.68018-3.97021,1.37427-.79443,2.4021-2.11597,2.81079-3.68823,1.02722.82544,1.69897,2.07642,1.69897,3.4939,0,2.48145-2.01855,4.5-4.5,4.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FiltersIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FiltersIcon = createIcon(FiltersIconSvg);
+export default FiltersIcon;

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

@@ -0,0 +1,30 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FindAndReplaceIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m9.81836,2.61914c-.21777.35156-.67969.46094-1.03223.24316-.1416-.08789-.29102-.16504-.44434-.23535-.33887-.15137-.7041-.25586-1.08301-.30859-1.53174-.21399-3.0083.49231-3.83398,1.74731l.54395-.1604c.39551-.11523.81445.11035.93164.50781s-.11035.81445-.50781.93164l-2.32422.68555c-.07031.02051-.1416.03027-.21191.03027-.32422,0-.62305-.21094-.71973-.53809L.45117,3.19824c-.11719-.39746.11035-.81445.50781-.93164.39453-.11523.81445.11035.93164.50781l.17969.61023C3.1875,1.56274,5.28857.53943,7.46387.83203c.52148.07227,1.02344.2168,1.49512.42773.21582.09766.41992.20605.61621.32715.35254.21777.46094.67969.24316,1.03223Zm1.9043,5.93164c-.13965-.14258-.3291-.22363-.52832-.22559l-2.78613-.03027h-.00781c-.41016,0-.74512.33008-.75.74219-.00488.41406.32812.75293.74219.75781l.9082.01001c-.98999,1.26978-2.66138,1.82214-4.22852,1.34448-1.10742-.33984-2.00293-1.14551-2.45605-2.21191-.16309-.38184-.60547-.55469-.98438-.39648-.38086.16309-.55859.60352-.39648.98438.62793,1.47461,1.86621,2.58887,3.39746,3.05762.52734.16211,1.06348.23926,1.59277.23926,1.61182,0,3.15601-.72534,4.19189-2l-.01123,1.03027c-.00488.41406.32812.75293.74219.75781h.00781c.41016,0,.74512-.33008.75-.74219l.03027-2.78516c.00195-.19824-.0752-.39062-.21387-.53223Zm7.33789,9.4707l-4.30518-4.3053c.45947-.59424.82471-1.27466,1.03174-2.04431.83691-3.11816-1.01855-6.33789-4.13672-7.17676-1.51074-.40527-3.08984-.19922-4.44434.58203-1.35547.78125-2.3252,2.04395-2.72949,3.54785l-.0332.12598c-.10059.40137.15625.76172.55859.8623.40332.10059.82129-.19141.92188-.59277.30176-1.12402,1.02344-2.0625,2.03125-2.64355,1.00977-.58105,2.18359-.73438,3.30664-.43262,2.31934.62305,3.69922,3.01855,3.07617,5.33887-.30176,1.12305-1.02344,2.0625-2.03223,2.64355-1.00684.58008-2.18164.73633-3.30762.43164-.25488-.06836-.50684-.16113-.74805-.27637-.37793-.1748-.82129-.0166-1,.35547-.17773.37402-.01855.82227.35547,1,.32422.15332.66211.27832,1.00488.37012.50684.13574,1.0166.20117,1.51953.20117,1.30933,0,2.56201-.44653,3.573-1.22388l4.29712,4.29712c.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973c.29297-.29297.29297-.76758,0-1.06055Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FindAndReplaceIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FindAndReplaceIcon = createIcon(FindAndReplaceIconSvg);
+export default FindAndReplaceIcon;

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

@@ -0,0 +1,30 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FlagIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m17.68945,2.67773c-.19482-.14062-.44629-.18066-.67432-.10449l-.5874.19434c-1.0957.30566-2.25.28516-3.33643-.06641l-2.72754-.87988c-1.20947-.38965-2.50342-.45898-3.74072-.19531l-2.12305.44922v-.3252c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v16.5c0,.41406.33594.75.75.75s.75-.33594.75-.75v-4.61719l2.43311-.51562c.9834-.20605,2.01025-.1543,2.96973.15625l2.72803.88086c.72559.2334,1.47461.35156,2.22852.35156.66895,0,1.34229-.09277,2.00586-.28027l.61963-.2041c.30713-.10059.51514-.3877.51514-.71191V3.28516c0-.24023-.11523-.4668-.31055-.60742Zm-1.18945,10.08984l-.07275.02441c-1.09375.30859-2.24805.28516-3.33594-.06543l-2.72754-.88086c-1.20801-.38965-2.50098-.45605-3.74072-.19531l-2.12305.44971V3.60767l2.43359-.51489c.98193-.20801,2.00977-.15332,2.96924.15625l2.72754.87988c1.24951.4043,2.57178.46191,3.86963.16602v8.47266Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FlagIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FlagIcon = createIcon(FlagIconSvg);
+export default FlagIcon;

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

@@ -0,0 +1,71 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FlipHorizontalIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        id="b"
+        data-name="Path 1029747"
+        d="M10.75,2.5c0,.41421-.33579.75-.75.75s-.75-.33579-.75-.75.33579-.75.75-.75.75.33579.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        id="c"
+        data-name="Path 1029749"
+        d="M10.75,5.5c0,.41421-.33579.75-.75.75s-.75-.33579-.75-.75.33579-.75.75-.75.75.33579.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        id="d"
+        data-name="Path 1029751"
+        d="M10.75,8.5c0,.41421-.33579.75-.75.75s-.75-.33579-.75-.75.33579-.75.75-.75.75.33579.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        id="e"
+        data-name="Path 1029753"
+        d="M10.75,11.5c0,.41421-.33579.75-.75.75s-.75-.33579-.75-.75.33579-.75.75-.75.75.33579.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        id="f"
+        data-name="Path 1029755"
+        d="M10.75,14.5c0,.41421-.33579.75-.75.75s-.75-.33579-.75-.75.33579-.75.75-.75.75.33579.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        id="g"
+        data-name="Path 1029756"
+        d="M10.75,17.5c0,.41421-.33579.75-.75.75s-.75-.33579-.75-.75.33579-.75.75-.75.75.33579.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M3.26563,16.09863c-.24414,0-.49219-.04004-.7373-.12207-.92871-.31445-1.52832-1.15137-1.52832-2.13184v-7.68945c0-.98047.59961-1.81738,1.52832-2.13184.93066-.3125,1.91406-.01367,2.50879.76562l2.94043,3.84375c.61523.80566.61523,1.92871,0,2.7334l-2.94043,3.8457c-.43848.57324-1.08789.88672-1.77148.88672ZM3.26758,5.40234c-.11621,0-.20996.02637-.25781.04199-.12012.04102-.50977.21191-.50977.71094v7.68945c0,.49902.38965.66992.50977.71094.11914.03809.53125.1416.83594-.25488l2.94043-3.8457c.20508-.26758.20508-.64258,0-.91113l-2.94043-3.84375c-.18262-.23926-.4043-.29785-.57812-.29785Z"
+        fill="var(--iconPrimary, #222)"
+        opacity=".5"
+      />
+      <path
+        d="M16.73438,16.09863c-.68359,0-1.33301-.31348-1.77148-.8877l-2.94043-3.84375c-.61523-.80566-.61523-1.92871,0-2.7334l2.94043-3.8457c.59473-.77832,1.57715-1.07715,2.50879-.76465.92871.31445,1.52832,1.15137,1.52832,2.13184v7.68945c0,.98047-.59961,1.81738-1.52832,2.13184-.24512.08203-.49316.12207-.7373.12207ZM16.73243,5.40234c-.17383,0-.39551.05859-.57812.29688l-2.94043,3.8457c-.20508.26758-.20508.64258,0,.91113l2.94043,3.84375c.30469.39941.7168.29492.83594.25586.12012-.04102.50977-.21191.50977-.71094v-7.68945c0-.49902-.38965-.66992-.50977-.71094-.04785-.01562-.1416-.04199-.25781-.04199Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FlipHorizontalIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FlipHorizontalIcon = createIcon(FlipHorizontalIconSvg);
+export default FlipHorizontalIcon;

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

@@ -0,0 +1,71 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FlipVerticalIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        id="b"
+        data-name="Path 1029747"
+        d="M17.5,10.75c-.41421,0-.75-.33579-.75-.75s.33579-.75.75-.75.75.33579.75.75-.33579.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        id="c"
+        data-name="Path 1029749"
+        d="M14.5,10.75c-.41421,0-.75-.33579-.75-.75s.33579-.75.75-.75.75.33579.75.75-.33579.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        id="d"
+        data-name="Path 1029751"
+        d="M11.5,10.75c-.41421,0-.75-.33579-.75-.75s.33579-.75.75-.75.75.33579.75.75-.33579.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        id="e"
+        data-name="Path 1029753"
+        d="M8.5,10.75c-.41421,0-.75-.33579-.75-.75s.33579-.75.75-.75.75.33579.75.75-.33579.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        id="f"
+        data-name="Path 1029755"
+        d="M5.5,10.75c-.41421,0-.75-.33579-.75-.75s.33579-.75.75-.75.75.33579.75.75-.33579.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        id="g"
+        data-name="Path 1029756"
+        d="M2.5,10.75c-.41421,0-.75-.33579-.75-.75s.33579-.75.75-.75.75.33579.75.75-.33579.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M10,8.43848c-.48242,0-.96387-.15332-1.36621-.46094l-3.8457-2.94043c-.77832-.59473-1.07812-1.58008-.76465-2.50879.31445-.92871,1.15137-1.52832,2.13184-1.52832h7.68945c.98047,0,1.81738.59961,2.13184,1.52832.31348.92871.01367,1.91406-.76562,2.50879l-3.84375,2.94043c-.40332.30762-.88477.46094-1.36719.46094ZM6.15528,2.5c-.49902,0-.66992.38965-.71094.50977-.04004.11914-.1416.5332.25488.83594l3.8457,2.94043c.26758.20508.6416.20508.91113,0l3.84375-2.94043c.39746-.30273.2959-.7168.25586-.83594-.04102-.12012-.21191-.50977-.71094-.50977h-7.68945Z"
+        fill="var(--iconPrimary, #222)"
+        opacity=".5"
+      />
+      <path
+        d="M13.84473,19h-7.68945c-.98047,0-1.81738-.59961-2.13184-1.52832-.31348-.92871-.01367-1.91406.76562-2.50879l3.84375-2.94043c.80664-.61523,1.92871-.61523,2.7334,0l3.8457,2.94043c.77832.59473,1.07812,1.58008.76465,2.50879-.31445.92871-1.15137,1.52832-2.13184,1.52832ZM10,13.06055c-.16113,0-.32129.05078-.45605.15332l-3.84375,2.94043c-.39746.30273-.2959.7168-.25586.83594.04102.12012.21191.50977.71094.50977h7.68945c.49902,0,.66992-.38965.71094-.50977.04004-.11914.1416-.5332-.25488-.83594l-3.8457-2.94043c-.13379-.10254-.29395-.15332-.45508-.15332Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FlipVerticalIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FlipVerticalIcon = createIcon(FlipVerticalIconSvg);
+export default FlipVerticalIcon;

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

@@ -0,0 +1,34 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FolderAddIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m8.37305,15.49811H3.25c-.41357,0-.75-.33643-.75-.75V6.49811h14.25c.41357,0,.75.33643.75.75v1.82227c0,.41406.33594.75.75.75s.75-.33594.75-.75v-1.82227c0-1.24072-1.00928-2.25-2.25-2.25h-5.96387c-.21729,0-.42432-.09424-.56641-.2583l-1.70508-1.9668c-.42773-.49219-1.04736-.7749-1.69922-.7749h-3.56543c-1.24072,0-2.25,1.00928-2.25,2.25v10.5c0,1.24072,1.00928,2.25,2.25,2.25h5.12305c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75ZM3.25,3.49811h3.56543c.21729,0,.42432.09424.56641.2583l1.07648,1.2417H2.5v-.75c0-.41357.33643-.75.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m15,10.49805c-2.48529,0-4.5,2.01465-4.5,4.5s2.01471,4.5,4.5,4.5,4.5-2.01465,4.5-4.5-2.01471-4.5-4.5-4.5Zm2.5,5.125h-1.875v1.875c0,.34521-.27979.625-.625.625s-.625-.27979-.625-.625v-1.875h-1.875c-.34521,0-.625-.27979-.625-.625s.27979-.625.625-.625h1.875v-1.875c0-.34521.27979-.625.625-.625s.625.27979.625.625v1.875h1.875c.34521,0,.625.27979.625.625s-.27979.625-.625.625Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FolderAddIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FolderAddIcon = createIcon(FolderAddIconSvg);
+export default FolderAddIcon;

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

@@ -0,0 +1,34 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FolderBreadcrumbIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m16.75,5h-5.96387c-.21777,0-.42383-.09375-.56641-.25879l-1.7041-1.96387c-.42676-.49414-1.0459-.77734-1.7002-.77734h-3.56543c-1.24023,0-2.25,1.00977-2.25,2.25v10.5c0,1.24023,1.00977,2.25,2.25,2.25h13.5c1.24023,0,2.25-1.00977,2.25-2.25v-7.5c0-1.24023-1.00977-2.25-2.25-2.25ZM3.25,3.5h3.56543c.21777,0,.42383.09375.56641.25879l1.07703,1.24121H2.5v-.75c0-.41309.33691-.75.75-.75Zm14.25,11.25c0,.41309-.33691.75-.75.75H3.25c-.41309,0-.75-.33691-.75-.75V6.5h14.25c.41309,0,.75.33691.75.75v7.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m10,13.65039c-.19238,0-.38379-.07324-.53027-.21973l-3-3c-.29297-.29297-.29297-.76758,0-1.06055s.76758-.29297,1.06055,0l2.46973,2.46973,2.46973-2.46973c.29297-.29297.76758-.29297,1.06055,0s.29297.76758,0,1.06055l-3,3c-.14648.14648-.33789.21973-.53027.21973Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FolderBreadcrumbIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FolderBreadcrumbIcon = createIcon(FolderBreadcrumbIconSvg);
+export default FolderBreadcrumbIcon;

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

@@ -0,0 +1,34 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FolderClockIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m16.75,5h-5.96387c-.21777,0-.42383-.09375-.56641-.25879l-1.7041-1.96387c-.42676-.49414-1.0459-.77734-1.7002-.77734h-3.56543c-1.24023,0-2.25,1.00977-2.25,2.25v11c0,.96484.78516,1.75,1.75,1.75h5.62305c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75H2.75c-.1377,0-.25-.1123-.25-.25V6.5h14.25c.41309,0,.75.33691.75.75v1.82227c0,.41406.33594.75.75.75s.75-.33594.75-.75v-1.82227c0-1.24023-1.00977-2.25-2.25-2.25Zm-14.25-.75c0-.41309.33691-.75.75-.75h3.56543c.21777,0,.42383.09375.56641.25879l1.07703,1.24121H2.5v-.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m15,10.5c-2.48535,0-4.5,2.01465-4.5,4.5s2.01465,4.5,4.5,4.5,4.5-2.01465,4.5-4.5-2.01465-4.5-4.5-4.5Zm1.66211,6.24316c-.12207.11719-.27832.17578-.43457.17578-.16309,0-.32715-.06348-.44922-.19043l-1.22754-1.27051c-.02173-.02246-.03064-.05078-.04834-.07544-.02917-.04028-.06104-.07837-.08008-.12524-.02063-.05103-.02539-.10474-.0321-.15869-.0033-.02563-.01526-.04858-.01526-.0752v-2c0-.34473.28027-.625.625-.625s.625.28027.625.625v1.74731l1.05176,1.08862c.24023.24902.2334.64453-.01465.88379Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FolderClockIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FolderClockIcon = createIcon(FolderClockIconSvg);
+export default FolderClockIcon;

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

@@ -0,0 +1,30 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FolderIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m16.75,5h-5.96387c-.21777,0-.42383-.09473-.56689-.25879l-1.70361-1.96484c-.42773-.49316-1.04736-.77637-1.7002-.77637h-3.56543c-1.24072,0-2.25,1.00977-2.25,2.25v10.5c0,1.24023,1.00928,2.25,2.25,2.25h13.5c1.24072,0,2.25-1.00977,2.25-2.25v-7.5c0-1.24023-1.00928-2.25-2.25-2.25ZM3.25,3.5h3.56543c.21777,0,.42383.09473.56689.25879l1.07617,1.24121H2.5v-.75c0-.41309.33643-.75.75-.75Zm14.25,11.25c0,.41309-.33643.75-.75.75H3.25c-.41357,0-.75-.33691-.75-.75V6.5h14.25c.41357,0,.75.33691.75.75v7.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FolderIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FolderIcon = createIcon(FolderIconSvg);
+export default FolderIcon;

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

@@ -0,0 +1,36 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FolderMoveToIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="M16.75,5h-5.96387c-.21777,0-.42383-.09375-.56641-.25879l-1.7041-1.96387c-.42676-.49414-1.0459-.77734-1.7002-.77734h-3.56543c-1.24023,0-2.25,1.00977-2.25,2.25v9.41699c0,.41406.33594.75.75.75s.75-.33594.75-.75v-7.16699h14.25c.41309,0,.75.33691.75.75v7.5c0,.41309-.33691.75-.75.75h-5.25c-.41406,0-.75.33594-.75.75s.33594.75.75.75h5.25c1.24023,0,2.25-1.00977,2.25-2.25v-7.5c0-1.24023-1.00977-2.25-2.25-2.25ZM2.5,4.25c0-.41309.33691-.75.75-.75h3.56543c.21777,0,.42383.09375.56641.25879l1.07703,1.24121H2.5v-.75Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="M9.25,10.02148h-3.5c-.41406,0-.75.33594-.75.75s.33594.75.75.75h1.66797l-4.69824,4.69824c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973l4.71973-4.71973v1.71094c0,.41406.33594.75.75.75s.75-.33594.75-.75v-3.5c0-.41406-.33594-.75-.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type FolderMoveToIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FolderMoveToIcon = createIcon(FolderMoveToIconSvg);
+export default FolderMoveToIcon;

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

@@ -0,0 +1,30 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function FolderOpenIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="M19.21143,8.89648c-.4292-.56934-1.08398-.89648-1.79736-.89648H6.65918c-.99756,0-1.88672.66992-2.1626,1.62891l-1.64954,5.73682c-.20404-.13428-.34705-.35413-.34705-.61572V4.25c0-.41309.33643-.75.75-.75h3.56494c.21826,0,.42529.09473.56689.25684l1.70117,1.96875c.42773.49219,1.04688.77441,1.69922.77441h6.18945c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-6.18945c-.21777,0-.42432-.09473-.56592-.25684l-1.70117-1.96875c-.42773-.49219-1.04736-.77441-1.7002-.77441h-3.56494c-1.24072,0-2.25,1.00977-2.25,2.25v10.5c0,1.24023,1.00928,2.25,2.25,2.25.0235,0,.04327-.01123.06622-.01343.01978.00171.03687.01343.05682.01343h12.74756c.99805,0,1.88721-.66992,2.16211-1.62891l1.29395-4.5c.19727-.68457.06396-1.4043-.36523-1.97461ZM18.13525,10.45703l-1.29395,4.5c-.0918.31934-.38818.54297-.7207.54297H4.36914l1.56885-5.45703c.09229-.31934.38867-.54297.72119-.54297h10.75488c.23779,0,.45605.10938.59912.29883.14307.19043.1875.42969.12207.6582Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type FolderOpenIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const FolderOpenIcon = createIcon(FolderOpenIconSvg);
+export default FolderOpenIcon;