@proyecto-viviana/ui 0.5.0 → 0.6.0

package/src/icon/s2wf-icons/CornerRadiusIcon.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 CornerRadiusIconSvg(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.74994,18c-.41406,0-.75-.33594-.75-.75v-5.5C2.99994,6.92529,6.92523,3,11.74994,3h5.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75h-5.5c-3.99756,0-7.25,3.25244-7.25,7.25v5.5c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type CornerRadiusIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CornerRadiusIcon = createIcon(CornerRadiusIconSvg);
+export default CornerRadiusIcon;

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

@@ -0,0 +1,49 @@
+/*
+ * 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 CornerRadiusTopLeftIconSvg(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,14.25v-2.25c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v2.25c0,1.24072-1.00928,2.25-2.25,2.25h-2.25c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2.25c2.06787,0,3.75-1.68213,3.75-3.75Z"
+        fill="var(--iconPrimary, #222)"
+        opacity=".35"
+        stroke-width="0"
+      />
+      <path
+        d="m18.25,8v-2.25c0-2.06787-1.68213-3.75-3.75-3.75h-2.25c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2.25c1.24072,0,2.25,1.00928,2.25,2.25v2.25c0,.41406.33594.75.75.75s.75-.33594.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+        opacity=".35"
+        stroke-width="0"
+      />
+      <path
+        d="m3.75,8v-2.25c0-1.24072,1.00928-2.25,2.25-2.25h2.25c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-2.25c-2.06787,0-3.75,1.68213-3.75,3.75v2.25c0,.41406.33594.75.75.75s.75-.33594.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="m8.25,18h-2.25c-2.06787,0-3.75-1.68213-3.75-3.75v-2.25c0-.41406.33594-.75.75-.75s.75.33594.75.75v2.25c0,1.24072,1.00928,2.25,2.25,2.25h2.25c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+        opacity=".35"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type CornerRadiusTopLeftIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CornerRadiusTopLeftIcon = createIcon(CornerRadiusTopLeftIconSvg);
+export default CornerRadiusTopLeftIcon;

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

@@ -0,0 +1,49 @@
+/*
+ * 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 CornerRadiusTopRightIconSvg(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,14.25v-2.25c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v2.25c0,1.24072-1.00928,2.25-2.25,2.25h-2.25c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2.25c2.06787,0,3.75-1.68213,3.75-3.75Z"
+        fill="var(--iconPrimary, #222)"
+        opacity=".35"
+        stroke-width="0"
+      />
+      <path
+        d="m18.25,8v-2.25c0-2.06787-1.68213-3.75-3.75-3.75h-2.25c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2.25c1.24072,0,2.25,1.00928,2.25,2.25v2.25c0,.41406.33594.75.75.75s.75-.33594.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="m3.75,8v-2.25c0-1.24072,1.00928-2.25,2.25-2.25h2.25c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75h-2.25c-2.06787,0-3.75,1.68213-3.75,3.75v2.25c0,.41406.33594.75.75.75s.75-.33594.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+        opacity=".35"
+        stroke-width="0"
+      />
+      <path
+        d="m8.25,18h-2.25c-2.06787,0-3.75-1.68213-3.75-3.75v-2.25c0-.41406.33594-.75.75-.75s.75.33594.75.75v2.25c0,1.24072,1.00928,2.25,2.25,2.25h2.25c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+        opacity=".35"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type CornerRadiusTopRightIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CornerRadiusTopRightIcon = createIcon(CornerRadiusTopRightIconSvg);
+export default CornerRadiusTopRightIcon;

package/src/icon/s2wf-icons/CropIcon.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 CropIconSvg(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,13.19141c-.41406,0-.75-.33594-.75-.75v-6.19141c0-.41309-.33691-.75-.75-.75h-6.2373c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h6.2373c1.24023,0,2.25,1.00977,2.25,2.25v6.19141c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m18.60156,14.5H6.25c-.41309,0-.75-.33691-.75-.75V1.39844c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v2.60156H1.39844c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2.60156v8.25c0,1.24023,1.00977,2.25,2.25,2.25h8.25v2.62305c0,.41406.33594.75.75.75s.75-.33594.75-.75v-2.62305h2.60156c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type CropIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CropIcon = createIcon(CropIconSvg);
+export default CropIcon;

package/src/icon/s2wf-icons/CropRotateIcon.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 CropRotateIconSvg(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,11.19141c-.41406,0-.75-.33594-.75-.75v-2.19141c0-.41309-.33643-.75-.75-.75h-2.23682c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h2.23682c1.24072,0,2.25,1.00977,2.25,2.25v2.19141c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m15.60205,12.5h-7.35205c-.41357,0-.75-.33691-.75-.75v-7.35156c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v1.60156h-1.60205c-.41406,0-.75.33594-.75.75s.33594.75.75.75h1.60205v4.25c0,1.24023,1.00928,2.25,2.25,2.25h4.25v1.62305c0,.41406.33594.75.75.75s.75-.33594.75-.75v-1.62305h1.60205c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m14.66504,2.25h-.03241l.5578-.55762c.24414-.24414.24414-.64062,0-.88477s-.63965-.24414-.88379,0l-1.75,1.75c-.24414.24414-.24414.64062,0,.88477l1.75,1.75c.12207.12207.28174.18262.44189.18262s.31982-.06055.44189-.18262c.24414-.24414.24414-.64062,0-.88477l-.5578-.55762h.03241c1.42432,0,2.5835,1.15918,2.5835,2.58301,0,.41406.33594.75.75.75s.75-.33594.75-.75c0-2.25098-1.83203-4.08301-4.0835-4.08301Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m7.43945,16.55762l-1.75-1.75c-.24414-.24414-.63965-.24414-.88379,0s-.24414.64062,0,.88477l.5578.55762h-.03241c-1.42432,0-2.5835-1.15918-2.5835-2.58301,0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75c0,2.25098,1.83203,4.08301,4.0835,4.08301h.03241l-.5578.55762c-.24414.24414-.24414.64062,0,.88477.12207.12207.28174.18262.44189.18262s.31982-.06055.44189-.18262l1.75-1.75c.24414-.24414.24414-.64062,0-.88477Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type CropRotateIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CropRotateIcon = createIcon(CropRotateIconSvg);
+export default CropRotateIcon;

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

@@ -0,0 +1,31 @@
+/*
+ * 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 CursorClickIconSvg(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.47559,18.9668c-.18945,0-.37793-.03809-.55859-.11328-.55762-.23047-.91699-.77051-.91699-1.37305v-8.10156c0-.60059.3584-1.13965.91309-1.37207.55371-.23145,1.18848-.11035,1.61621.31055l5.52344,5.41895c.43359.4248.56543,1.06348.33496,1.625-.22949.56152-.76953.9248-1.37695.9248h-2.2793c-.21777,0-.42188.09668-.55957.26465l-1.58496,1.92871c-.32227.32422-.7168.4873-1.11133.4873ZM10.47852,9.3877l.02148,8.09766,1.5127-1.88672c.42285-.51562,1.0498-.8125,1.71875-.8125h2.2793l-5.53223-5.39844ZM10.5,4.69629V1.75c0-.41406-.33594-.75-.75-.75s-.75.33594-.75.75v2.94629c0,.41406.33594.75.75.75s.75-.33594.75-.75ZM17.5,8.75c0-.41406-.33594-.75-.75-.75h-2c-.41406,0-.75.33594-.75.75s.33594.75.75.75h2c.41406,0,.75-.33594.75-.75ZM6.58984,8.75c0-.41406-.33594-.75-.75-.75h-3.08984c-.41406,0-.75.33594-.75.75s.33594.75.75.75h3.08984c.41406,0,.75-.33594.75-.75ZM13.18848,6.37207l2.04199-2.04199c.29297-.29297.29297-.76758,0-1.06055s-.76758-.29297-1.06055,0l-2.04199,2.04199c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973ZM5.33008,14.23047l2.0791-2.0791c.29297-.29297.29297-.76758,0-1.06055s-.76758-.29297-1.06055,0l-2.0791,2.0791c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973ZM7.48535,6.48535c.29297-.29297.29297-.76758,0-1.06055l-2.15527-2.15527c-.29297-.29297-.76758-.29297-1.06055,0s-.29297.76758,0,1.06055l2.15527,2.15527c.14648.14648.33789.21973.53027.21973s.38379-.07324.53027-.21973Z"
+        fill="var(--iconPrimary, #292929)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type CursorClickIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CursorClickIcon = createIcon(CursorClickIconSvg);
+export default CursorClickIcon;

package/src/icon/s2wf-icons/CutIcon.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 CutIconSvg(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="m11.47656,7.60645c-.08008,0-.16113-.0127-.24121-.04004-.39258-.13281-.60254-.55957-.46875-.95117l1.7334-5.09668c.13379-.39258.55762-.60352.95117-.46875.39258.13281.60254.55957.46875.95117l-1.7334,5.09668c-.10645.3125-.39746.50879-.70996.50879Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m19.11914,6.71777c-.13379-.39258-.55859-.60352-.95117-.46875l-7.29004,2.47949c-.33203.1123-.69238.16895-1.13184.23242-.65173.09497-1.46338.40601-2.31006.86279-.03125-.76123-.32703-1.51416-.90674-2.09424-1.22656-1.22754-3.22168-1.22559-4.44824,0-1.22656,1.22656-1.22656,3.22168,0,4.44824.61328.61328,1.41895.91992,2.22461.91992.77783,0,1.55298-.29321,2.15796-.86621.01782-.01147.03784-.01611.05493-.0293,1.13525-.87207,2.22888-1.41504,2.98083-1.64429l-.27185.90698c-.08887.29883-.18652.53516-.30566.74512-.27344.48535-.60449.9834-.95508,1.44141-.01074.01416-.01282.03125-.02246.04565-1.17358,1.23047-1.16187,3.18213.04688,4.39087.61328.61328,1.41895.91992,2.22461.91992.80469,0,1.61035-.30664,2.22363-.91992,1.22656-1.22656,1.22656-3.22168,0-4.44824-.5835-.58301-1.34082-.87988-2.10596-.90869.12451-.25195.2373-.52173.33154-.83447l.50952-1.69995c.0625-.01831.12354-.0271.18579-.0481l7.29004-2.47949c.39258-.13281.60254-.55957.46875-.95117ZM3.1416,11.11719c-.6416-.6416-.6416-1.68555,0-2.32715.32129-.32031.74219-.48145,1.16406-.48145.4209,0,.8418.16016,1.16309.48145.64062.6416.64062,1.68555,0,2.32715-.64258.64355-1.68457.64062-2.32715,0Zm8.2373,5.91016c-.64258.6416-1.68457.64062-2.32715,0-.6416-.6416-.6416-1.68555,0-2.32715.64062-.63867,1.68652-.64062,2.32715,0,.6416.6416.6416,1.68555,0,2.32715Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type CutIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CutIcon = createIcon(CutIconSvg);
+export default CutIcon;

package/src/icon/s2wf-icons/DataAddIcon.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 DataAddIconSvg(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,10.521c-2.48529,0-4.5,2.01489-4.5,4.5,0,2.48535,2.01471,4.5,4.5,4.5s4.5-2.01465,4.5-4.5c0-2.48511-2.01471-4.5-4.5-4.5ZM17.5,15.64648h-1.875v1.875c0,.34473-.27979.625-.625.625s-.625-.28027-.625-.625v-1.875h-1.875c-.34521,0-.625-.28027-.625-.625s.27979-.625.625-.625h1.875v-1.875c0-.34473.27979-.625.625-.625s.625.28027.625.625v1.875h1.875c.34521,0,.625.28027.625.625s-.27979.625-.625.625Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M18,4c0-2.06152-4.14697-3-8-3S2,1.93848,2,4v9.8252c0,.0271.01263.05029.01544.07666.16083,1.62158,2.84814,2.57202,5.37567,2.92236.03516.00488.06982.00684.104.00684.36865,0,.68994-.27148.7417-.64746.05713-.41016-.22949-.78809-.63965-.8457-2.81396-.38965-4.0542-1.28418-4.09717-1.58789v-3.34448c1.34125.74292,3.37274,1.18506,5.24658,1.30444.01611.00195.03223.00195.04834.00195.39257,0,.72266-.30469.74805-.70215.02637-.41309-.28711-.76953-.70068-.7959-3.00732-.19238-5.02588-1.09863-5.32715-1.67773-.00385-.00732-.01105-.01147-.01514-.0188v-2.6709c1.55219.78394,4.08337,1.15356,6.5,1.15356s4.94781-.36963,6.5-1.15356v1.90356c0,.41406.33594.75.75.75s.75-.33594.75-.75v-3.75ZM10,5.5c-4.27094,0-6.40741-1.08984-6.5-1.49341v-.00146c.09259-.41528,2.22906-1.50513,6.5-1.50513,4.25342,0,6.39014,1.08105,6.49902,1.5-.10889.41895-2.24561,1.5-6.49902,1.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type DataAddIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const DataAddIcon = createIcon(DataAddIconSvg);
+export default DataAddIcon;

package/src/icon/s2wf-icons/DataIcon.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 DataIconSvg(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,4.75c0-2.13379-4.02441-3.25-8-3.25S2,2.61621,2,4.75c0,.06714.01538.13037.02325.19556-.00629.03906-.02325.07422-.02325.11499v9.93945c0,2.06152,4.14697,3,8,3s8-.93848,8-3V5.06055c0-.04077-.01697-.07593-.02325-.11499.00787-.06519.02325-.12842.02325-.19556ZM16.50024,9.99451c-.0918.41516-2.22833,1.50549-6.50024,1.50549-4.27295,0-6.40967-1.09082-6.5-1.5v-3.27551c1.52985.84216,4.02393,1.27551,6.5,1.27551s4.97015-.43335,6.50006-1.27563l.00018,3.27014ZM10,3c4.28857,0,6.5,1.22656,6.5,1.75s-2.21143,1.75-6.5,1.75-6.5-1.22656-6.5-1.75,2.21143-1.75,6.5-1.75ZM10,16.5c-4.27295,0-6.40967-1.09082-6.5-1.5v-3.15356c1.55219.78394,4.08337,1.15356,6.5,1.15356,2.41681,0,4.94818-.36963,6.50031-1.15369l.00018,3.14783c-.09082.41504-2.22754,1.50586-6.50049,1.50586Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type DataIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const DataIcon = createIcon(DataIconSvg);
+export default DataIcon;

package/src/icon/s2wf-icons/DataRefreshIcon.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 DataRefreshIconSvg(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.5918,15.18555c-.39746-.12988-.81738.08691-.94629.47949-.44629,1.36719-1.71094,2.28516-3.14551,2.28516-1.07446,0-2.03967-.52039-2.64844-1.34204l.16016.05786c.32324.11816.68359-.05078.7998-.37598.11719-.32422-.05078-.68262-.37598-.7998l-1.81836-.65625c-.1582-.05664-.33398-.04785-.48535.02637-.15137.07324-.26758.20508-.32031.36621l-.62891,1.90723c-.10742.32715.07031.68066.39844.78906.06445.02148.13086.03125.19531.03125.2627,0,.50684-.16602.59375-.42969l.09094-.27576c.8656,1.34436,2.36633,2.20154,4.03894,2.20154,2.08594,0,3.92285-1.33398,4.57129-3.31836.12891-.39453-.08594-.81738-.47949-.94629Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M19.31836,11.05371c-.32617-.10938-.68066.07129-.78906.39844l-.0647.19653c-.88135-1.28101-2.35645-2.09888-3.9646-2.09888-2.10352,0-3.94531,1.34863-4.58301,3.35547-.125.39551.09277.81738.4873.94238.39941.12988.81738-.09375.94238-.4873.43848-1.38184,1.70605-2.31055,3.15332-2.31055,1.06909,0,2.05078.52832,2.66284,1.35974l-.27417-.099c-.32031-.11523-.68262.05176-.7998.37598s.05078.68262.37598.7998l1.81836.65625c.06836.02441.14062.03711.21191.03711.09375,0,.1875-.02148.27344-.06348.15234-.07324.26758-.20605.32031-.36621l.62793-1.90723c.10742-.32812-.07031-.68066-.39844-.78906Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M8.17969,10.92676c-3.16992-.26465-4.6123-1.12012-4.67969-1.42676v-3.27551c1.52979.84216,4.02393,1.27551,6.5,1.27551s4.97021-.43335,6.5-1.27551v1.49915c0,.41406.33594.75.75.75s.75-.33594.75-.75v-3.16309c0-.04077-.01697-.07593-.02319-.11499.00781-.06519.02319-.12842.02319-.19556,0-2.13379-4.02441-3.25-8-3.25S2,2.11621,2,4.25c0,.06714.01538.13037.02319.19556-.00623.03906-.02319.07422-.02319.11499v9.93945c0,1.77637,2.92773,2.49121,4.67285,2.75879.03906.00586.07715.00879.11523.00879.36426,0,.68359-.26562.74023-.63574.0625-.41016-.21777-.79297-.62695-.85547-2.46484-.37891-3.35645-1.07227-3.40137-1.27637v-3.14429c1.48389.73853,3.65857.9906,4.55469,1.06519.02148.00195.04199.00293.06348.00293.38574,0,.71387-.2959.74609-.6875.03516-.41309-.27148-.77539-.68457-.80957ZM10,2.5c4.28809,0,6.5,1.22656,6.5,1.75s-2.21191,1.75-6.5,1.75-6.5-1.22656-6.5-1.75,2.21191-1.75,6.5-1.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type DataRefreshIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const DataRefreshIcon = createIcon(DataRefreshIconSvg);
+export default DataRefreshIcon;

package/src/icon/s2wf-icons/DataSettingsIcon.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 DataSettingsIconSvg(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.73145,12.88867l-.69092-.06055c-.08691-.18359-.1875-.36035-.30127-.52832l.29785-.625c.30225-.63379.06396-1.40625-.54199-1.75977l-.48047-.28027c-.60742-.35449-1.39795-.18066-1.79883.39453l-.39697.56543c-.1001-.00781-.20166-.0127-.3042-.01367-.10986-.01074-.20459.00391-.30566.01172l-.39111-.57031c-.40381-.58691-1.17529-.76367-1.7959-.40918l-.48193.27539c-.61035.34863-.85498,1.11914-.55811,1.75391l.29199.62793c-.11523.16699-.21729.34277-.30566.52637l-.68994.05469c-.70068.05371-1.25098.64648-1.25391,1.34863l-.00244.55664c-.00342.70215.5415,1.2998,1.24072,1.36133l.69043.06055c.08643.18359.1875.36035.30127.52832l-.29785.62402c-.30273.63379-.06445,1.40723.54248,1.76074l.48047.28027c.60645.35156,1.39551.17969,1.79883-.39453l.396-.56641c.10059.00879.20215.01367.30518.01465.09668-.00781.2041-.00391.30518-.01172l.3916.57031c.26074.37891.68994.58691,1.12598.58691.229,0,.45947-.05762.66943-.17773l.48193-.27539c.60938-.34766.85449-1.11816.55859-1.75488l-.29248-.62891c.11572-.16602.21777-.3418.30566-.52441l.69141-.05469c.69971-.05566,1.24951-.64844,1.25244-1.34961l.00244-.55664c.00342-.70117-.5415-1.29883-1.24023-1.36035ZM18.71924,14.80078c0,.05566-.04492.10352-.10059.1084l-1.07031.08398c-.24561.01953-.45654.18066-.53955.41211-.11084.31055-.27539.59277-.48926.84082-.16064.18652-.19727.44922-.09326.67188l.45264.97266c.02441.05176.00537.11328-.04541.14258l-.48242.27539c-.0498.02832-.11279.01367-.14453-.0332l-.60791-.88379c-.11816-.1709-.31152-.27051-.51514-.27051-.03662,0-.07373.00293-.11084.00977-.15479.02832-.31348.04492-.47607.04492-.18555-.0127-.33691-.01855-.49854-.0498-.24219-.04297-.48779.05469-.62891.25586l-.61475.87793c-.03271.04688-.09619.05957-.14551.03223l-.48047-.28027c-.04932-.02832-.06836-.09082-.04395-.1416l.46191-.96777c.10596-.22266.07178-.48535-.08691-.67383-.21191-.25-.37451-.53418-.48242-.84473-.08105-.23242-.29053-.39648-.53564-.41797l-1.06982-.09375c-.05615-.00488-.1001-.05273-.09961-.10938l.00244-.55762c0-.05566.04395-.10254.10107-.10742l1.07031-.08496c.24512-.01953.45605-.18066.53906-.41211.11133-.31055.27588-.59375.48926-.84082.16064-.18555.19727-.44922.09326-.67188l-.45264-.97363c-.02441-.05176-.00488-.11133.04541-.14062l.48193-.27539c.0498-.02734.11279-.01367.14551.03223l.60742.88477c.13916.20117.38135.30273.62598.26074.15479-.02832.31396-.04492.47656-.04492.16113.00977.33789.01855.50098.04883.24365.04395.48535-.05469.62549-.25586l.61572-.87793c.03271-.04688.09521-.06152.14502-.03125l.48047.28027c.0498.02832.06836.08984.04346.1416l-.46143.96875c-.10547.22168-.07129.48438.08691.67188.21191.25098.37451.53516.48242.8457.08105.23145.29053.39453.53516.41699l1.07031.09473c.05713.00488.1001.05078.09961.1084l-.00244.55762Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M14.50183,13.39221c-.61359-.00269-1.11316.49255-1.11591,1.10608-.00269.61353.49249,1.11316,1.10602,1.11584.61359.00281,1.11316-.49255,1.11591-1.10608.00269-.61353-.49249-1.11304-1.10602-1.11584Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M7.82617,16.39746c-3.10352-.31445-4.2749-1.14844-4.3291-1.39453v-3.14673c1.24506.62183,2.96045.89648,3.92432,1.0061.02881.00293.05713.00488.08545.00488.37646,0,.70068-.28223.74414-.66504.04688-.41211-.24902-.7832-.66064-.83008-2.93408-.33301-4.04199-1.13574-4.09326-1.36914v-3.27551c1.52985.84216,4.02393,1.27551,6.5,1.27551s4.97015-.43335,6.5-1.27551v.61926c0,.41406.33594.75.75.75s.75-.33594.75-.75v-2.28223c0-.04102-.01697-.07629-.02332-.11548.00787-.06531.02332-.12866.02332-.19604,0-2.13379-4.02441-3.25-8-3.25S1.99707,2.61914,1.99707,4.75293c0,.06738.01544.13074.02332.19604-.00635.03918-.02332.07446-.02332.11548v9.93848c0,2.14551,4.3457,2.75195,5.67773,2.88672.02588.00293.05127.00391.07666.00391.38037,0,.70605-.28809.74512-.6748.04199-.41211-.2583-.7793-.67041-.82129ZM9.99707,3.00293c4.28857,0,6.5,1.22656,6.5,1.75s-2.21143,1.75-6.5,1.75-6.5-1.22656-6.5-1.75,2.21143-1.75,6.5-1.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type DataSettingsIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const DataSettingsIcon = createIcon(DataSettingsIconSvg);
+export default DataSettingsIcon;

package/src/icon/s2wf-icons/DataUploadIcon.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 DataUploadIconSvg(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,4.25c0-2.13379-4.02441-3.25-8-3.25S2,2.11621,2,4.25c0,.06714.01538.13037.02325.19556-.00629.03906-.02325.07422-.02325.11499v9.93945c0,1.79492,2.98096,2.50684,4.75781,2.77246.0376.00488.0752.00781.11182.00781.36523,0,.68555-.26758.74072-.63965.06104-.40918-.22119-.79102-.63086-.85254-2.52148-.37598-3.43311-1.08008-3.47949-1.28809v-3.15491c.2533.1283.53253.25378.87354.37073.08105.02832.16309.04102.24365.04102.31152,0,.60254-.19531.70947-.50684.13428-.3916-.07422-.81836-.46582-.95215-1.06494-.36621-1.34473-.72656-1.36084-.79785v-3.27551c1.52985.84216,4.02393,1.27551,6.5,1.27551s4.97015-.43335,6.50006-1.27563l.00018,3.27026c-.01843.08081-.3139.45508-1.43433.82764-.39307.13086-.60596.55566-.47559.94824.10449.31445.39746.51367.71191.51367.07812,0,.15771-.01172.23633-.03809.37933-.12598.68652-.26221.96173-.40186l.00018,3.1499c-.04736.21777-.9751.93164-3.54541,1.30371-.41016.05957-.69434.43945-.63477.84961.0542.37402.37451.64258.74121.64258.03564,0,.07227-.00293.1084-.00781,1.8042-.26172,4.83008-.9707,4.83008-2.78223V4.56055c0-.04077-.01697-.07593-.02325-.11499.00787-.06519.02325-.12842.02325-.19556ZM10,6c-4.28857,0-6.5-1.22656-6.5-1.75s2.21143-1.75,6.5-1.75,6.5,1.22656,6.5,1.75-2.21143,1.75-6.5,1.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M12.4751,13.48242c.19189,0,.38379-.07324.53027-.21973.29297-.29297.29297-.76758,0-1.06055l-2.4751-2.47461c-.29297-.29297-.76758-.29297-1.06055,0l-2.4751,2.47461c-.29297.29297-.29297.76758,0,1.06055s.76758.29297,1.06055,0l1.19482-1.19458v6.67407c0,.41406.33594.75.75.75s.75-.33594.75-.75v-6.67407l1.19482,1.19458c.14648.14648.33838.21973.53027.21973Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type DataUploadIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const DataUploadIcon = createIcon(DataUploadIconSvg);
+export default DataUploadIcon;

package/src/icon/s2wf-icons/DeleteIcon.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 DeleteIconSvg(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.24902,15.02148c-.40039,0-.7334-.31738-.74805-.7207l-.25-6.5c-.0166-.41406.30664-.7627.71973-.77832.01074-.00098.02051-.00098.03027-.00098.40039,0,.7334.31738.74805.7207l.25,6.5c.0166.41406-.30664.7627-.71973.77832-.01074.00098-.02051.00098-.03027.00098Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m11.75098,15.02148c-.00977,0-.01953,0-.03027-.00098-.41309-.01562-.73633-.36426-.71973-.77832l.25-6.5c.01465-.40332.34766-.7207.74805-.7207.00977,0,.01953,0,.03027.00098.41309.01562.73633.36426.71973.77832l-.25,6.5c-.01465.40332-.34766.7207-.74805.7207Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m17,4h-3.5v-.75c0-1.24023-1.00977-2.25-2.25-2.25h-2.5c-1.24023,0-2.25,1.00977-2.25,2.25v.75h-3.5c-.41406,0-.75.33594-.75.75s.33594.75.75.75h.52002l.42236,10.3418c.04785,1.20996,1.03613,2.1582,2.24805,2.1582h7.61914c1.21191,0,2.2002-.94824,2.24805-2.1582l.42236-10.3418h.52002c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Zm-9-.75c0-.41309.33691-.75.75-.75h2.5c.41309,0,.75.33691.75.75v.75h-4v-.75Zm6.55957,12.53125c-.0166.40332-.3457.71875-.75.71875h-7.61914c-.4043,0-.7334-.31543-.75-.71875l-.41968-10.28125h9.9585l-.41968,10.28125Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type DeleteIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const DeleteIcon = createIcon(DeleteIconSvg);
+export default DeleteIcon;

package/src/icon/s2wf-icons/DeviceAllIcon.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 DeviceAllIconSvg(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.25586,11.96191h-1.09668c-1.19043,0-2.15918-.91309-2.15918-2.03516V2.03516C0,.91309.96875,0,2.15918,0h11.68164c1.19043,0,2.15918.91309,2.15918,2.03516l-.00049.89453c0,.41406-.33594.75-.75.75h-.00049c-.41406,0-.74951-.33594-.74951-.75l.00049-.89453c0-.29492-.2959-.53516-.65918-.53516H2.15918c-.36328,0-.65918.24023-.65918.53516v7.8916c0,.29492.2959.53516.65918.53516h1.09668c.41406,0,.75.33594.75.75s-.33594.75-.75.75Zm9.32471,2.28809c0-.41406-.33594-.75-.75-.75h-4.08057c-.41357,0-.75-.33691-.75-.75v-3.25h9.75c.41406,0,.75-.33594.75-.75v-1.5c0-1.24023-1.00928-2.25-2.25-2.25h-7.5c-1.24072,0-2.25,1.00977-2.25,2.25v5.5c0,1.24023,1.00928,2.25,2.25,2.25h4.08057c.41406,0,.75-.33594.75-.75Zm-5.58057-7c0-.41309.33643-.75.75-.75h7.5c.41357,0,.75.33691.75.75v.75H7v-.75Zm13,11v-5.5c0-.96484-.78516-1.75-1.75-1.75h-2.5c-.96484,0-1.75.78516-1.75,1.75v5.5c0,.96484.78516,1.75,1.75,1.75h2.5c.96484,0,1.75-.78516,1.75-1.75Zm-1.75-5.75c.1377,0,.25.1123.25.25v5.5c0,.1377-.1123.25-.25.25h-2.5c-.1377,0-.25-.1123-.25-.25v-5.5c0-.1377.1123-.25.25-.25h2.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type DeviceAllIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const DeviceAllIcon = createIcon(DeviceAllIconSvg);
+export default DeviceAllIcon;

package/src/icon/s2wf-icons/DeviceDesktopIcon.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 DeviceDesktopIconSvg(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,18.5H6c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h8c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m16.75,16H3.25c-1.24023,0-2.25-1.00977-2.25-2.25V5.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,4.5c-.41309,0-.75.33691-.75.75v8.5c0,.41309.33691.75.75.75h13.5c.41309,0,.75-.33691.75-.75V5.25c0-.41309-.33691-.75-.75-.75H3.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type DeviceDesktopIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const DeviceDesktopIcon = createIcon(DeviceDesktopIconSvg);
+export default DeviceDesktopIcon;

package/src/icon/s2wf-icons/DeviceDesktopMobileIcon.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 DeviceDesktopMobileIconSvg(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}
+    >
+      <g>
+        <path
+          d="m16.46973,18h-4.93945c-.84375,0-1.53027-.76465-1.53027-1.7041V7.7041c0-.93945.68652-1.7041,1.53027-1.7041h4.93945c.84375,0,1.53027.76465,1.53027,1.7041v8.5918c0,.93945-.68652,1.7041-1.53027,1.7041Zm-.04297-10.50977l-4.89648.00977c.02344.00293-.03027.07812-.03027.2041v8.5918c0,.12598.05371.20117.07324.21387l4.89648-.00977c-.02344-.00293.03027-.07812.03027-.2041V7.7041c0-.12598-.05371-.20117-.07324-.21387Z"
+          fill="var(--iconPrimary, #222)"
+        />
+        <ellipse cx="14" cy="15.18182" rx=".61905" ry=".63636" fill="var(--iconPrimary, #222)" />
+      </g>
+      <path
+        d="m7.75,13h-3.68164c-1.14062,0-2.06836-.90137-2.06836-2.00977v-6.98047c0-1.1084.92773-2.00977,2.06836-2.00977h11.68164c1.24023,0,2.25,1.00977,2.25,2.25,0,.41406-.33594.75-.75.75s-.75-.33594-.75-.75c0-.41309-.33691-.75-.75-.75H4.06836c-.31348,0-.56836.22852-.56836.50977v6.98047c0,.28125.25488.50977.56836.50977h3.68164c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m7.75,15.5h-1.5c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h1.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type DeviceDesktopMobileIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const DeviceDesktopMobileIcon = createIcon(DeviceDesktopMobileIconSvg);
+export default DeviceDesktopMobileIcon;

package/src/icon/s2wf-icons/DeviceLaptopIcon.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 DeviceLaptopIconSvg(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,17.5H1c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h18c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m15.75,15H4.25c-1.24023,0-2.25-1.00977-2.25-2.25v-7.5c0-1.24023,1.00977-2.25,2.25-2.25h11.5c1.24023,0,2.25,1.00977,2.25,2.25v7.5c0,1.24023-1.00977,2.25-2.25,2.25ZM4.25,4.5c-.41309,0-.75.33691-.75.75v7.5c0,.41309.33691.75.75.75h11.5c.41309,0,.75-.33691.75-.75v-7.5c0-.41309-.33691-.75-.75-.75H4.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type DeviceLaptopIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const DeviceLaptopIcon = createIcon(DeviceLaptopIconSvg);
+export default DeviceLaptopIcon;