@proyecto-viviana/ui 0.4.1 → 0.6.0

package/src/icon/s2wf-icons/AddCircleIcon.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 AddCircleIconSvg(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="M10,18.7793c-4.8252,0-8.75-3.9248-8.75-8.75S5.1748,1.2793,10,1.2793s8.75,3.9248,8.75,8.75-3.9248,8.75-8.75,8.75ZM10,2.7793c-3.99805,0-7.25,3.25195-7.25,7.25s3.25195,7.25,7.25,7.25,7.25-3.25195,7.25-7.25-3.25195-7.25-7.25-7.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M13.25,9.25h-2.5v-2.5c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v2.5h-2.5c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2.5v2.5c0,.41406.33594.75.75.75s.75-.33594.75-.75v-2.5h2.5c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type AddCircleIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AddCircleIcon = createIcon(AddCircleIconSvg);
+export default AddCircleIcon;

package/src/icon/s2wf-icons/AddContentIcon.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 AddContentIconSvg(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.35156,17.25c0,.41406-.33594.75-.75.75H2.25c-1.24072,0-2.25-1.00928-2.25-2.25v-5.5c0-1.24072,1.00928-2.25,2.25-2.25h10.11621c.41406,0,.75.33594.75.75s-.33594.75-.75.75H2.25c-.41357,0-.75.33643-.75.75v3.8374l2.15674-2.15674c.7666-.7666,2.01465-.7666,2.78125,0l2.42334,2.54639c.23828.25.22803.64551-.02197.8833-.24951.23779-.64648.22852-.8833-.02197l-2.4126-2.53516c-.26904-.26807-.72314-.26758-1.00293.01123l-3.02289,3.02289c.04523.37061.34973.66266.73236.66266h6.35156c.41406,0,.75.33594.75.75Zm-3.92969-10.45459c.39746-.1167.62549-.5332.50879-.93066-.02588-.08789-.00439-.2085.10205-.27881l4.99951-3.31641c.16602-.11035.36572-.15039.56348-.10986.19678.04004.36572.1543.47656.32129l4.29248,6.48291c.14453.21777.38281.33594.62598.33594.14258,0,.28613-.04053.41357-.12451.34521-.229.43994-.69434.21143-1.03955L13.32324,1.65283c-.33252-.50146-.83984-.84375-1.4292-.96338-.58887-.11865-1.18994-.00244-1.69092.33008l-4.99951,3.31641c-.64307.42676-.9292,1.21094-.7124,1.95068.11621.39746.53418.625.93066.50879Zm3.86365,3.89563c-.57532,0-1.04169.46637-1.04169,1.04169,0,.57526.46637,1.04163,1.04169,1.04163.57526,0,1.04163-.46637,1.04163-1.04163,0-.57532-.46637-1.04169-1.04163-1.04169Z"
+        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.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 AddContentIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AddContentIcon = createIcon(AddContentIconSvg);
+export default AddContentIcon;

package/src/icon/s2wf-icons/AddIcon.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 AddIconSvg(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.25,9.25h-5.5V3.75c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v5.5H3.75c-.41406,0-.75.33594-.75.75s.33594.75.75.75h5.5v5.5c0,.41406.33594.75.75.75s.75-.33594.75-.75v-5.5h5.5c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type AddIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AddIcon = createIcon(AddIconSvg);
+export default AddIcon;

package/src/icon/s2wf-icons/AlertDiamondIcon.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 AlertDiamondIconSvg(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
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 18.795c-.601 0-1.166-.234-1.591-.66l-6.545-6.544c-.876-.877-.876-2.305 0-3.182l6.545-6.545c.849-.85 2.333-.85 3.182 0l6.545 6.545c.876.877.876 2.305 0 3.182l-6.545 6.545c-.425.425-.99.659-1.591.659m0-16.09c-.2 0-.389.078-.53.22L2.925 9.47c-.292.292-.292.768 0 1.06l6.545 6.545c.283.283.778.283 1.06 0l6.545-6.545c.292-.292.292-.768 0-1.06L10.53 2.925c-.141-.142-.33-.22-.53-.22"
+      />
+      <path
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 14.998c-.231.008-.456-.073-.627-.228-.33-.365-.33-.92 0-1.285.17-.158.395-.242.626-.234.237-.01.466.08.633.247.162.168.25.394.242.627.012.235-.07.465-.228.639-.174.164-.408.25-.647.234M10 11.625c-.414 0-.75-.336-.75-.75v-5c0-.414.336-.75.75-.75s.75.336.75.75v5c0 .414-.336.75-.75.75"
+      />
+    </svg>
+  );
+}
+
+export type AlertDiamondIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AlertDiamondIcon = createIcon(AlertDiamondIconSvg);
+export default AlertDiamondIcon;

package/src/icon/s2wf-icons/AlertTriangleIcon.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 AlertTriangleIconSvg(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
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M10 15.123c-.231.008-.456-.073-.627-.228-.33-.365-.33-.92 0-1.285.17-.158.395-.242.626-.234.237-.01.466.08.633.247.162.168.25.394.242.627.012.235-.07.465-.228.639-.174.164-.408.25-.647.234M10 11.75c-.414 0-.75-.336-.75-.75V7c0-.414.336-.75.75-.75s.75.336.75.75v4c0 .414-.336.75-.75.75"
+      />
+      <path
+        fill="var(--iconPrimary, light-dark(rgb(41, 41, 41), rgb(219, 219, 219)))"
+        d="M16.733 18H3.267c-.8 0-1.523-.41-1.933-1.098s-.427-1.518-.046-2.222L8.02 2.232c.394-.727 1.152-1.18 1.979-1.18s1.585.453 1.979 1.18l6.733 12.448c.381.704.364 1.535-.046 2.222S17.534 18 16.733 18M10 2.553c-.134 0-.468.038-.66.392L2.607 15.393c-.183.338-.05.631.016.74.065.111.259.367.644.367h13.466c.385 0 .579-.256.644-.366s.2-.403.016-.741L10.66 2.945c-.192-.354-.526-.392-.66-.392"
+      />
+    </svg>
+  );
+}
+
+export type AlertTriangleIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AlertTriangleIcon = createIcon(AlertTriangleIconSvg);
+export default AlertTriangleIcon;

package/src/icon/s2wf-icons/AlignBottomIcon.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 AlignBottomIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20.00001"
+      height="20.00001"
+      viewBox="0 0 20.00001 20.00001"
+      {...rest}
+      class={className}
+    >
+      <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)"
+      />
+    </svg>
+  );
+}
+
+export type AlignBottomIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AlignBottomIcon = createIcon(AlignBottomIconSvg);
+export default AlignBottomIcon;

package/src/icon/s2wf-icons/AlignCenterIcon.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 AlignCenterIconSvg(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="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)"
+      />
+    </svg>
+  );
+}
+
+export type AlignCenterIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AlignCenterIcon = createIcon(AlignCenterIconSvg);
+export default AlignCenterIcon;

package/src/icon/s2wf-icons/AlignLeftIcon.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 AlignLeftIconSvg(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="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)"
+      />
+    </svg>
+  );
+}
+
+export type AlignLeftIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AlignLeftIcon = createIcon(AlignLeftIconSvg);
+export default AlignLeftIcon;

package/src/icon/s2wf-icons/AlignMiddleIcon.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 AlignMiddleIconSvg(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="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)"
+      />
+    </svg>
+  );
+}
+
+export type AlignMiddleIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AlignMiddleIcon = createIcon(AlignMiddleIconSvg);
+export default AlignMiddleIcon;

package/src/icon/s2wf-icons/AlignRightIcon.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 AlignRightIconSvg(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="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)"
+      />
+    </svg>
+  );
+}
+
+export type AlignRightIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AlignRightIcon = createIcon(AlignRightIconSvg);
+export default AlignRightIcon;

package/src/icon/s2wf-icons/AlignTopIcon.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 AlignTopIconSvg(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="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)"
+      />
+    </svg>
+  );
+}
+
+export type AlignTopIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AlignTopIcon = createIcon(AlignTopIconSvg);
+export default AlignTopIcon;

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

@@ -0,0 +1,41 @@
+/*
+ * 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 AnimationIconSvg(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="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"
+      />
+    </svg>
+  );
+}
+
+export type AnimationIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AnimationIcon = createIcon(AnimationIconSvg);
+export default AnimationIcon;

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

@@ -0,0 +1,46 @@
+/*
+ * 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 AnimationNoIconSvg(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="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"
+      />
+    </svg>
+  );
+}
+
+export type AnimationNoIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AnimationNoIcon = createIcon(AnimationNoIconSvg);
+export default AnimationNoIcon;

package/src/icon/s2wf-icons/AppIcon.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 AppIconSvg(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="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"
+      />
+      <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"
+      />
+    </svg>
+  );
+}
+
+export type AppIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AppIcon = createIcon(AppIconSvg);
+export default AppIcon;

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

@@ -0,0 +1,107 @@
+/*
+ * 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 AppsAllIconSvg(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}
+    >
+      <rect
+        x="2.25"
+        y="2.25"
+        width="3.5"
+        height="3.5"
+        rx="1"
+        ry="1"
+        fill="var(--iconPrimary, #222)"
+      />
+      <rect
+        x="8.25"
+        y="2.25"
+        width="3.5"
+        height="3.5"
+        rx="1"
+        ry="1"
+        fill="var(--iconPrimary, #222)"
+      />
+      <rect
+        x="14.25"
+        y="2.25"
+        width="3.5"
+        height="3.5"
+        rx="1"
+        ry="1"
+        fill="var(--iconPrimary, #222)"
+      />
+      <rect
+        x="2.25"
+        y="8.25"
+        width="3.5"
+        height="3.5"
+        rx="1"
+        ry="1"
+        fill="var(--iconPrimary, #222)"
+      />
+      <rect
+        x="8.25"
+        y="8.25"
+        width="3.5"
+        height="3.5"
+        rx="1"
+        ry="1"
+        fill="var(--iconPrimary, #222)"
+      />
+      <rect
+        x="14.25"
+        y="8.25"
+        width="3.5"
+        height="3.5"
+        rx="1"
+        ry="1"
+        fill="var(--iconPrimary, #222)"
+      />
+      <rect
+        x="2.25"
+        y="14.25"
+        width="3.5"
+        height="3.5"
+        rx="1"
+        ry="1"
+        fill="var(--iconPrimary, #222)"
+      />
+      <rect
+        x="8.25"
+        y="14.25"
+        width="3.5"
+        height="3.5"
+        rx="1"
+        ry="1"
+        fill="var(--iconPrimary, #222)"
+      />
+      <rect
+        x="14.25"
+        y="14.25"
+        width="3.5"
+        height="3.5"
+        rx="1"
+        ry="1"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type AppsAllIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AppsAllIcon = createIcon(AppsAllIconSvg);
+export default AppsAllIcon;

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

@@ -0,0 +1,42 @@
+/*
+ * 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 AppsIconSvg(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="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)"
+      />
+    </svg>
+  );
+}
+
+export type AppsIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const AppsIcon = createIcon(AppsIconSvg);
+export default AppsIcon;