@proyecto-viviana/ui 0.4.1 → 0.6.0

package/src/icon/s2wf-icons/CameraPropertiesIcon.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 CameraPropertiesIconSvg(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.68701,12h-.75c-.00177,0-.0033.00098-.00507.00098-.3103-.87158-1.13525-1.50098-2.11212-1.50098-.97644,0-1.80121.62891-2.11182,1.5h-4.396c-.41406,0-.75.33594-.75.75s.33594.75.75.75h4.396c.31061.87109,1.13538,1.5,2.11182,1.5.97687,0,1.80182-.62939,2.11212-1.50098.00177,0,.0033.00098.00507.00098h.75c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Zm-2.86719,1.5c-.41357,0-.75-.33643-.75-.75s.33643-.75.75-.75.75.33643.75.75-.33643.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m18.68701,16.5h-4.396c-.31061-.87109-1.13538-1.5-2.11182-1.5-.97687,0-1.80182.62939-2.11212,1.50098-.00177,0-.0033-.00098-.00507-.00098h-.75c-.41406,0-.75.33594-.75.75s.33594.75.75.75h.75c.00177,0,.0033-.00098.00507-.00098.3103.87158,1.13525,1.50098,2.11212,1.50098.97644,0,1.80121-.62891,2.11182-1.5h4.396c.41406,0,.75-.33594.75-.75s-.33594-.75-.75-.75Zm-6.50781,1.5c-.41357,0-.75-.33643-.75-.75s.33643-.75.75-.75.75.33643.75.75-.33643.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m7.14404,16h-3.89404c-1.24072,0-2.25-1.00928-2.25-2.25v-7.5c0-1.24072,1.00928-2.25,2.25-2.25h1.82275c.28613,0,.54297-.15869.6709-.41406l.1709-.34229c.3833-.76709,1.1543-1.24365,2.0127-1.24365h4.14551c.8584,0,1.62939.47656,2.0127,1.24414l.1709.34131c.12793.25586.38477.41455.6709.41455h1.82275c1.24072,0,2.25,1.00928,2.25,2.25v2.71289c0,.41406-.33594.75-.75.75s-.75-.33594-.75-.75v-2.71289c0-.41357-.33643-.75-.75-.75h-1.82275c-.8584,0-1.62939-.47656-2.0127-1.24414l-.1709-.34131c-.12793-.25586-.38477-.41455-.6709-.41455h-4.14551c-.28613,0-.54297.15869-.6709.41406l-.1709.34229c-.3833.76709-1.1543,1.24365-2.0127,1.24365h-1.82275c-.41357,0-.75.33643-.75.75v7.5c0,.41357.33643.75.75.75h3.89404c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m7.1167,11.75c-.27051,0-.53174-.14697-.66553-.40332-.29541-.56641-.45117-1.20459-.45117-1.84668,0-2.20557,1.79443-4,4-4,1.99072,0,3.69434,1.48535,3.96338,3.45508.05615.41064-.23145.78857-.6416.84473-.41895.05664-.78906-.23145-.84473-.6416-.16797-1.23047-1.23291-2.1582-2.47705-2.1582-1.37842,0-2.5,1.12158-2.5,2.5,0,.40723.09473.79541.28125,1.15332.19141.36719.04883.82031-.31836,1.01172-.11084.05762-.22949.08496-.34619.08496Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type CameraPropertiesIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CameraPropertiesIcon = createIcon(CameraPropertiesIconSvg);
+export default CameraPropertiesIcon;

package/src/icon/s2wf-icons/CancelIcon.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 CancelIconSvg(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.20123,16.16553c1.57397-1.58289,2.54877-3.76221,2.54877-6.16553,0-4.82471-3.92529-8.75-8.75-8.75-2.40332,0-4.58264.97485-6.16559,2.54883-.00647.00598-.01508.00781-.02142.01416s-.00818.01489-.01422.02148c-1.57397,1.58289-2.54877,3.76221-2.54877,6.16553,0,4.82471,3.92529,8.75,8.75,8.75,2.40332,0,4.58264-.97485,6.16559-2.54883.00647-.00598.01508-.00781.02142-.01416s.00818-.01489.01422-.02148ZM17.25,10c0,1.72925-.61047,3.31738-1.62463,4.56482L5.43518,4.37463c1.24744-1.01416,2.83563-1.62463,4.56482-1.62463,3.99756,0,7.25,3.25244,7.25,7.25ZM2.75,10c0-1.72925.61047-3.31738,1.62463-4.56482l10.19019,10.19019c-1.24744,1.01416-2.83563,1.62463-4.56482,1.62463-3.99756,0-7.25-3.25244-7.25-7.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type CancelIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CancelIcon = createIcon(CancelIconSvg);
+export default CancelIcon;

package/src/icon/s2wf-icons/ChannelIcon.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 ChannelIconSvg(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.18066,8.6637c-.71301-.36316-1.57538-.09729-1.97235.5863h-2.53412c-.16498-.8092-.60059-1.51355-1.19611-2.04248l1.27319-2.20532c.28003.00012.56329-.07581.81567-.23975.69458-.45117.89185-1.38013.44067-2.07458-.45117-.69458-1.38-.89197-2.07458-.4408-.67102.43604-.87195,1.31592-.47839,2.00146l-1.27576,2.20972c-.37292-.12451-.76459-.20825-1.17889-.20825-.41425,0-.80597.08362-1.17883.20825l-1.27362-2.20605c.13995-.24243.21588-.52563.20007-.82617-.04346-.82703-.74921-1.46228-1.57629-1.41882s-1.4624.74915-1.41895,1.57629c.04199.79907.70361,1.41309,1.4942,1.41504l1.27527,2.20898c-.59546.52893-1.03107,1.23328-1.19604,2.04248h-2.52966c-.14001-.24243-.34741-.44971-.61548-.5863-.73804-.37598-1.64105-.0824-2.01697.65564s-.0824,1.64111.65564,2.01697c.71301.36316,1.57538.09729,1.97235-.5863h2.53412c.16498.8092.60059,1.51355,1.19611,2.04248l-1.27313,2.2052c-.28003,0-.56335.07593-.81573.23987-.69458.45117-.89185,1.38-.44067,2.07458s1.38.89185,2.07458.44067c.67102-.43591.87189-1.31567.47839-2.00134l1.27576-2.20972c.37292.12451.76459.20825,1.17889.20825.41425,0,.80597-.08362,1.17883-.20825l1.27362,2.20605c-.13995.24243-.21588.52563-.20007.82605.04346.82703.74921,1.4624,1.57629,1.41895s1.4624-.74915,1.41895-1.57629c-.04199-.79907-.70361-1.41309-1.4942-1.41504l-1.27527-2.20898c.59546-.52893,1.03107-1.23328,1.19604-2.04248h2.52966c.14001.24243.34741.44971.61548.5863.73804.37585,1.64105.0824,2.01697-.65564s.0824-1.64111-.65564-2.01697ZM11.70422,11.45203c-.32843.38489-.77783.66089-1.29504.75659-.13312.02466-.26904.04138-.40918.04138s-.27612-.01685-.40924-.0415c-.51721-.0957-.96649-.37158-1.29498-.75647-.17596-.2063-.3147-.44177-.40753-.70203-.08411-.23584-.13824-.48584-.13824-.75s.05414-.51416.13824-.75c.09277-.26025.23151-.49585.40753-.70203.32843-.38489.77783-.66089,1.29504-.75659.13312-.02466.26904-.04138.40918-.04138s.27612.01685.40924.0415c.51721.0957.96649.37158,1.29498.75635.17603.2063.3147.44189.40753.70215.08411.23584.13824.48584.13824.75s-.05414.51416-.13824.75c-.09277.26025-.23151.49585-.40753.70203Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type ChannelIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ChannelIcon = createIcon(ChannelIconSvg);
+export default ChannelIcon;

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

@@ -0,0 +1,56 @@
+/*
+ * 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 ChartBarVertIconSvg(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.25,18H2.75c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h14.5c.41406,0,.75.33594.75.75s-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #292929)"
+        stroke-width="0"
+      />
+      <path
+        d="M6.75,15c-.41406,0-.75-.33594-.75-.75v-4.25c0-.41406.33594-.75.75-.75s.75.33594.75.75v4.25c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #292929)"
+        stroke-width="0"
+      />
+      <path
+        d="M3.75,15c-.41406,0-.75-.33594-.75-.75v-2c0-.41406.33594-.75.75-.75s.75.33594.75.75v2c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #292929)"
+        stroke-width="0"
+      />
+      <path
+        d="M9.75,15c-.41406,0-.75-.33594-.75-.75v-6.75c0-.41406.33594-.75.75-.75s.75.33594.75.75v6.75c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #292929)"
+        stroke-width="0"
+      />
+      <path
+        d="M12.75,15c-.41406,0-.75-.33594-.75-.75V5c0-.41406.33594-.75.75-.75s.75.33594.75.75v9.25c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #292929)"
+        stroke-width="0"
+      />
+      <path
+        d="M15.75,15c-.41406,0-.75-.33594-.75-.75V2.75c0-.41406.33594-.75.75-.75s.75.33594.75.75v11.5c0,.41406-.33594.75-.75.75Z"
+        fill="var(--iconPrimary, #292929)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type ChartBarVertIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ChartBarVertIcon = createIcon(ChartBarVertIconSvg);
+export default ChartBarVertIcon;

package/src/icon/s2wf-icons/ChartPieIcon.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 ChartPieIconSvg(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,1.25c-2.53345,0-4.81165,1.0885-6.41089,2.8147-.01782.01611-.04028.02356-.05688.04175s-.02197.0415-.03638.06079c-1.39124,1.5498-2.24585,3.59082-2.24585,5.83276,0,2.40894.97852,4.59326,2.55884,6.177.00244.00256.00317.0061.00562.00854.00256.00256.0061.00317.00854.00562,1.58374,1.5802,3.76807,2.55884,6.177,2.55884,4.8252,0,8.75-3.9248,8.75-8.75S14.8252,1.25,10,1.25ZM9.25,8.30176l-4.06641-3.70581c1.10657-.98743,2.51172-1.64648,4.06641-1.80701v5.51282ZM4.17285,5.70435l4.74133,4.32092-4.53967,4.53967c-1.01416-1.24731-1.62451-2.83557-1.62451-4.56494,0-1.60876.53296-3.09167,1.42285-4.29565ZM10,17.25c-1.72937,0-3.31763-.61035-4.56494-1.62451l5.09521-5.09521c.00439-.00439.0061-.01086.01025-.01538.00415-.00427.01001-.00562.01416-.01001.02612-.02881.03662-.0647.05762-.09619.0271-.04065.06079-.07642.07983-.12207.00293-.0072.00366-.01465.00635-.02197.01733-.04578.01929-.09326.02734-.14087.00708-.04175.02417-.08179.02417-.12378V2.78894c3.64685.37646,6.5,3.46619,6.5,7.21106,0,3.99805-3.25195,7.25-7.25,7.25Z"
+        fill="var(--iconPrimary, #292929)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type ChartPieIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ChartPieIcon = createIcon(ChartPieIconSvg);
+export default ChartPieIcon;

package/src/icon/s2wf-icons/ChartTrendIcon.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 ChartTrendIconSvg(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="M2.99951,17.75c-.15479,0-.31104-.04785-.44482-.14648-.3335-.24609-.4043-.71582-.1582-1.04883l2.29736-3.11328c.23828-.32227.68945-.40234,1.02246-.17676l2.04883,1.37891,1.62207-6.98438c.06934-.29883.31348-.52441.6167-.57129.3042-.04883.604.09668.75977.36035l1.93213,3.27637,3.62061-8.0332c.16992-.37793.61377-.54492.9917-.375.37744.16992.5459.61426.37549.99219l-4.21484,9.35254c-.11475.25488-.36279.4248-.64258.44043-.27637.0293-.54492-.12695-.68701-.36816l-1.71484-2.9082-1.44434,6.21875c-.05566.24023-.22607.4375-.45557.52832-.22949.08887-.48877.0625-.69385-.07617l-2.35596-1.58594-1.87109,2.53516c-.14697.19922-.37402.30469-.604.30469Z"
+        fill="var(--iconPrimary, #292929)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type ChartTrendIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ChartTrendIcon = createIcon(ChartTrendIconSvg);
+export default ChartTrendIcon;

package/src/icon/s2wf-icons/ChatIcon.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 ChatIconSvg(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,2h-8c-1.24264,0-2.25,1.00736-2.25,2.25v.5c0,.41406.33594.75.75.75s.75-.33594.75-.75v-.5c0-.41309.33691-.75.75-.75h8c.4125,0,.75.3375.75.75v4.5c0,.4125-.3375.75-.75.75h-.75c-.41421,0-.75.33579-.75.75v1.65137l-1.75-1.54199v-1.10938c0-1.24264-1.00736-2.25-2.25-2.25H3.25c-1.24264,0-2.25,1.00736-2.25,2.25v4.5c0,1.24023,1.00977,2.25,2.25,2.25v2.13672c0,.38281.22754.72363.58008.86914.11914.04883.24414.07227.36523.07227.23828,0,.46582-.08887.61816-.24512l3.21973-2.83301h3.2168c1.24264,0,2.25-1.00736,2.25-2.25v-1.39282l1.63965,1.4436c.18066.18066.41992.27539.66504.27539.12207,0,.24609-.02344.36426-.07227.35254-.14648.58105-.48633.58105-.86719v-2.13672c1.24023,0,2.25-1.00977,2.25-2.25v-4.5c0-1.24264-1.00736-2.25-2.25-2.25ZM12,13.75c0,.4125-.3375.75-.75.75h-3.7832l-2.7168,2.39355v-1.64355c0-.41421-.33579-.75-.75-.75h-.75c-.4125,0-.75-.3375-.75-.75v-4.5c0-.4125.3375-.75.75-.75h8c.4125,0,.75.3375.75.75v4.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ChatIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ChatIcon = createIcon(ChatIconSvg);
+export default ChatIcon;

package/src/icon/s2wf-icons/CheckBoxIcon.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 CheckBoxIconSvg(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.4502,5.64453c-.33594-.24609-.80371-.1709-1.04883.16211l-4.53906,6.19751-1.66309-2.14087c-.25391-.32617-.72266-.38574-1.05273-.13281-.32715.25488-.38672.72559-.13281,1.05273l2.27344,2.92676c.01758.02271.04419.03149.06396.05151.02954.03076.0498.06787.08545.09399.02637.01917.05615.02747.08398.04272.02393.01343.04639.026.07178.0365.09302.03894.18896.06531.28662.06531.00024,0,.00073-.00024.00098-.00024.00049,0,.00049.00024.00098.00024.10059,0,.19971-.02808.29492-.06934.02686-.0116.0498-.02563.0752-.04028.0293-.01697.06128-.02637.08887-.04761.0354-.02759.05518-.06567.08423-.0979.01855-.02026.04468-.02893.06128-.05151l5.12695-7c.24414-.33398.17188-.80371-.16211-1.04883Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="m15.25,18H4.75c-1.5166,0-2.75-1.2334-2.75-2.75V4.75c0-1.5166,1.2334-2.75,2.75-2.75h10.5c1.5166,0,2.75,1.2334,2.75,2.75v10.5c0,1.5166-1.2334,2.75-2.75,2.75ZM4.75,3.5c-.68945,0-1.25.56055-1.25,1.25v10.5c0,.68945.56055,1.25,1.25,1.25h10.5c.68945,0,1.25-.56055,1.25-1.25V4.75c0-.68945-.56055-1.25-1.25-1.25H4.75Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type CheckBoxIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CheckBoxIcon = createIcon(CheckBoxIconSvg);
+export default CheckBoxIcon;

package/src/icon/s2wf-icons/CheckmarkCircleIcon.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 CheckmarkCircleIconSvg(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.75c-4.8252,0-8.75-3.9248-8.75-8.75S5.1748,1.25,10,1.25s8.75,3.9248,8.75,8.75-3.9248,8.75-8.75,8.75ZM10,2.75c-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="M9.22266,13.5c-.21191,0-.41504-.08984-.55762-.24805l-2.51074-2.79199c-.27734-.30859-.25195-.78223.05566-1.05957s.78125-.25195,1.05957.05566l1.89355,2.10645,3.4873-4.75586c.24316-.33398.71094-.40918,1.04785-.16113.33398.24414.40625.71387.16113,1.04785l-4.03223,5.5c-.13281.18262-.3418.29492-.56738.30566-.01172.00098-.02441.00098-.03711.00098Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type CheckmarkCircleIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CheckmarkCircleIcon = createIcon(CheckmarkCircleIconSvg);
+export default CheckmarkCircleIcon;

package/src/icon/s2wf-icons/CheckmarkIcon.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 CheckmarkIconSvg(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="M7.86426,15.73438c-.22266,0-.43359-.09863-.57617-.26953l-3.74707-4.49805c-.26562-.31836-.22168-.79199.0957-1.05664.31738-.26562.79004-.22363,1.05664.0957l3.15332,3.78613,7.43945-9.46875c.25586-.32617.72852-.38184,1.05273-.12695.32617.25586.38281.72754.12695,1.05273l-8.01172,10.19824c-.13965.17871-.35254.28418-.5791.28711h-.01074Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type CheckmarkIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CheckmarkIcon = createIcon(CheckmarkIconSvg);
+export default CheckmarkIcon;

package/src/icon/s2wf-icons/ChevronDoubleLeftIcon.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 ChevronDoubleLeftIconSvg(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.86241,16.45508c-.19629,0-.39355-.07715-.54004-.23047l-5.4873-5.70312c-.28027-.29004-.28027-.74902,0-1.03906l5.5-5.7168c.28711-.29883.7627-.30762,1.05957-.02051.29883.28711.30859.76172.02051,1.05957l-4.99902,5.19727,4.98633,5.18359c.28809.29785.27832.77246-.02051,1.05957-.14453.14062-.33203.20996-.51954.20996Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M15.61241,16.45508c-.19629,0-.39355-.07715-.54004-.23047l-5.4873-5.70312c-.28027-.29004-.28027-.74902,0-1.03906l5.5-5.7168c.28711-.29883.7627-.30762,1.05957-.02051.29883.28711.30859.76172.02051,1.05957l-4.99902,5.19727,4.98633,5.18359c.28809.29785.27832.77246-.02051,1.05957-.14453.14062-.33203.20996-.51954.20996Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ChevronDoubleLeftIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ChevronDoubleLeftIcon = createIcon(ChevronDoubleLeftIconSvg);
+export default ChevronDoubleLeftIcon;

package/src/icon/s2wf-icons/ChevronDoubleRightIcon.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 ChevronDoubleRightIconSvg(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.61805,16.24512c-.29883-.28711-.3086-.76172-.02051-1.05957l4.98633-5.18359-4.99902-5.19727c-.28808-.29785-.27832-.77246.02051-1.05957.29687-.28711.77246-.27832,1.05957.02051l5.5,5.7168c.28027.29004.28027.74902,0,1.03906l-5.4873,5.70312c-.14649.15332-.34375.23047-.54004.23047-.18751,0-.37501-.06934-.51954-.20996Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M3.86805,16.24512c-.29883-.28711-.3086-.76172-.02051-1.05957l4.98633-5.18359L3.83485,4.80469c-.28808-.29785-.27832-.77246.02051-1.05957.29687-.28711.77246-.27832,1.05957.02051l5.5,5.7168c.28027.29004.28027.74902,0,1.03906l-5.4873,5.70312c-.14649.15332-.34375.23047-.54004.23047-.18751,0-.37501-.06934-.51954-.20996Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ChevronDoubleRightIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ChevronDoubleRightIcon = createIcon(ChevronDoubleRightIconSvg);
+export default ChevronDoubleRightIcon;

package/src/icon/s2wf-icons/ChevronDownIcon.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 ChevronDownIconSvg(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.75488,7.24316c.28711-.29883.76172-.3086,1.05957-.02051l5.18359,4.98633,5.19727-4.99902c.29785-.28808.77246-.27832,1.05957.02051.28711.29687.27832.77246-.02051,1.05957l-5.7168,5.5c-.29004.28027-.74902.28027-1.03906,0l-5.70312-5.4873c-.15332-.14649-.23047-.34375-.23047-.54004,0-.18751.06934-.37501.20996-.51954Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ChevronDownIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ChevronDownIcon = createIcon(ChevronDownIconSvg);
+export default ChevronDownIcon;

package/src/icon/s2wf-icons/ChevronLeftIcon.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 ChevronLeftIconSvg(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.237 16.455c-.196 0-.393-.077-.54-.23L6.21 10.52c-.28-.29-.28-.749 0-1.039l5.5-5.716c.287-.3.763-.308 1.06-.02.298.286.308.76.02 1.059l-4.999 5.197 4.986 5.184c.288.297.279.772-.02 1.06-.145.14-.332.21-.52.21"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ChevronLeftIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ChevronLeftIcon = createIcon(ChevronLeftIconSvg);
+export default ChevronLeftIcon;

package/src/icon/s2wf-icons/ChevronRightIcon.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 ChevronRightIconSvg(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="M7.75 16.465c-.187 0-.374-.07-.52-.21-.298-.287-.308-.762-.02-1.06l4.999-5.197-4.986-5.184c-.288-.297-.279-.772.02-1.06.296-.286.774-.278 1.06.021L13.79 9.48c.28.29.28.749 0 1.039l-5.5 5.716c-.146.154-.344.23-.54.23"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ChevronRightIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ChevronRightIcon = createIcon(ChevronRightIconSvg);
+export default ChevronRightIcon;

package/src/icon/s2wf-icons/ChevronUpIcon.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 ChevronUpIconSvg(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.54492,12.2373c0-.19629.07715-.39355.23047-.54004l5.70312-5.4873c.29004-.28027.74902-.28027,1.03906,0l5.7168,5.5c.29883.28711.30762.7627.02051,1.05957-.28711.29883-.76172.30859-1.05957.02051l-5.19727-4.99902-5.18359,4.98633c-.29785.28809-.77246.27832-1.05957-.02051-.14062-.14453-.20996-.33203-.20996-.51954Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ChevronUpIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ChevronUpIcon = createIcon(ChevronUpIconSvg);
+export default ChevronUpIcon;

package/src/icon/s2wf-icons/CircleIcon.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 CircleIconSvg(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.75c-4.82471,0-8.75-3.9248-8.75-8.75S5.17529,1.25,10,1.25s8.75,3.9248,8.75,8.75-3.92529,8.75-8.75,8.75Zm0-16c-3.99756,0-7.25,3.25195-7.25,7.25s3.25244,7.25,7.25,7.25,7.25-3.25195,7.25-7.25-3.25244-7.25-7.25-7.25Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type CircleIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const CircleIcon = createIcon(CircleIconSvg);
+export default CircleIcon;

package/src/icon/s2wf-icons/ClockIcon.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 ClockIconSvg(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.75c-4.8252,0-8.75-3.9248-8.75-8.75S5.1748,1.25,10,1.25s8.75,3.9248,8.75,8.75-3.9248,8.75-8.75,8.75Zm0-16c-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.24902,12.64453c-.12891,0-.25977-.0332-.37891-.10352l-3.2207-1.89453c-.22949-.13477-.37012-.38086-.37012-.64648v-5c0-.41406.33594-.75.75-.75s.75.33594.75.75v4.57129l2.85059,1.67676c.35742.20996.47656.66992.2666,1.02637-.13965.23828-.39062.37012-.64746.37012Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ClockIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ClockIcon = createIcon(ClockIconSvg);
+export default ClockIcon;