@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/components/Button/index.js

@@ -1,149 +1,123 @@
-"use client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useTheme } from "@ultraviolet/themes";
-import { cn, renderElement } from "@ultraviolet/utils";
-import { forwardRef, useMemo } from "react";
-import { Loader } from "../Loader/index.js";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Tooltip } from "../Tooltip/index.js";
+import { Loader } from "../Loader/index.js";
 import { button } from "./styles.css.js";
-const Button = forwardRef(
-  ({
-    type = "button",
-    className,
-    "data-testid": dataTestId,
-    sentiment = "primary",
-    variant = "filled",
-    size = "large",
-    disabled = false,
-    fullWidth = false,
-    isLoading = false,
-    children,
-    onClick,
-    onMouseDown,
-    onMouseUp,
-    onMouseOut,
-    onBlur,
-    onMouseEnter,
-    onMouseLeave,
-    onPointerDown,
-    onKeyDown,
-    name,
-    "aria-label": ariaLabel,
-    "aria-current": ariaCurrent,
-    "aria-controls": ariaControls,
-    "aria-expanded": ariaExpanded,
-    "aria-haspopup": ariaHaspopup,
-    "aria-describedby": ariaDescribedby,
-    "aria-disabled": ariaDisabled,
-    "aria-pressed": ariaPressed,
-    "aria-roledescription": ariaRoledescription,
-    "aria-keyshortcuts": ariaKeyshortcuts,
-    href,
-    download,
-    target,
-    role,
-    tooltip,
-    tabIndex,
-    autoFocus,
-    style,
-    render
-  }, ref) => {
-    const computeIsDisabled = disabled || isLoading;
-    const { theme } = useTheme();
-    const computedSentimentLoader = useMemo(() => {
-      if (variant === "filled" && !["black", "white"].includes(sentiment)) {
-        if (theme === "light") {
-          return "white";
-        }
-        return "black";
-      }
-      return sentiment;
-    }, [sentiment, theme, variant]);
-    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-      isLoading ? /* @__PURE__ */ jsx(Loader, { active: true, sentiment: computedSentimentLoader, size: "small" }) : null,
-      children
-    ] });
-    const computedClassName = cn(
-      className,
-      button({ disabled, fullWidth, sentiment, size, variant })
-    );
-    if (render) {
-      return /* @__PURE__ */ jsx(Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: renderElement(render, {
-        children,
-        className: computedClassName,
-        "data-testid": dataTestId,
-        ref,
-        style
-      }) });
-    }
-    if (href && !computeIsDisabled) {
-      return /* @__PURE__ */ jsx(Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsx(
-        "a",
-        {
-          "aria-controls": ariaControls,
-          "aria-current": ariaCurrent,
-          "aria-describedby": ariaDescribedby,
-          "aria-disabled": ariaDisabled ?? disabled,
-          "aria-expanded": ariaExpanded,
-          "aria-haspopup": ariaHaspopup,
-          "aria-keyshortcuts": ariaKeyshortcuts,
-          "aria-label": ariaLabel,
-          "aria-pressed": ariaPressed,
-          "aria-roledescription": ariaRoledescription,
-          autoFocus,
-          className: computedClassName,
-          "data-testid": dataTestId,
-          download,
-          href,
-          onBlur,
-          onClick,
-          onMouseDown,
-          onMouseEnter,
-          onMouseLeave,
-          onMouseOut,
-          onMouseUp,
-          ref,
-          role,
-          style,
-          tabIndex,
-          target,
-          type,
-          children: content
-        }
-      ) });
-    }
-    return /* @__PURE__ */ jsx(Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        "aria-controls": ariaControls,
-        "aria-current": ariaCurrent,
-        "aria-expanded": ariaExpanded,
-        "aria-haspopup": ariaHaspopup,
-        "aria-label": ariaLabel,
-        autoFocus,
-        className: computedClassName,
-        "data-testid": dataTestId,
-        disabled: computeIsDisabled,
-        name,
-        onBlur,
-        onClick,
-        onKeyDown,
-        onMouseDown,
-        onMouseEnter,
-        onMouseLeave,
-        onMouseOut,
-        onMouseUp,
-        onPointerDown,
-        ref,
-        role,
-        style,
-        tabIndex,
-        type,
-        children: content
-      }
-    ) });
-  }
-);
-export {
-  Button
-};
+import { cn, renderElement } from "@ultraviolet/utils";
+import { forwardRef, useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTheme } from "@ultraviolet/themes";
+
+//#region src/components/Button/index.tsx
+/**
+* Button component is used to trigger an action or event, such as submitting a form, opening a dialog,
+* canceling an action, or performing a delete operation.
+* Use `render` prop to render a custom element (e.g., Next.js Link) while preserving Button's styling.
+*/
+const Button = forwardRef(({ type = "button", className, "data-testid": dataTestId, sentiment = "primary", variant = "filled", size = "large", disabled = false, fullWidth = false, isLoading = false, children, onClick, onMouseDown, onMouseUp, onMouseOut, onBlur, onMouseEnter, onMouseLeave, onPointerDown, onKeyDown, name, "aria-label": ariaLabel, "aria-current": ariaCurrent, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-describedby": ariaDescribedby, "aria-disabled": ariaDisabled, "aria-pressed": ariaPressed, "aria-roledescription": ariaRoledescription, "aria-keyshortcuts": ariaKeyshortcuts, href, download, target, role, tooltip, tabIndex, autoFocus, style, render }, ref) => {
+	const computeIsDisabled = disabled || isLoading;
+	const { theme } = useTheme();
+	const computedSentimentLoader = useMemo(() => {
+		if (variant === "filled" && !["black", "white"].includes(sentiment)) {
+			if (theme === "light") return "white";
+			return "black";
+		}
+		return sentiment;
+	}, [
+		sentiment,
+		theme,
+		variant
+	]);
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [isLoading ? /* @__PURE__ */ jsx(Loader, {
+		active: true,
+		sentiment: computedSentimentLoader,
+		size: "small"
+	}) : null, children] });
+	const computedClassName = cn(className, button({
+		disabled,
+		fullWidth,
+		sentiment,
+		size,
+		variant
+	}));
+	if (render) return /* @__PURE__ */ jsx(Tooltip, {
+		containerFullWidth: fullWidth,
+		text: tooltip,
+		children: renderElement(render, {
+			children,
+			className: computedClassName,
+			"data-testid": dataTestId,
+			ref,
+			style
+		})
+	});
+	if (href && !computeIsDisabled) return /* @__PURE__ */ jsx(Tooltip, {
+		containerFullWidth: fullWidth,
+		text: tooltip,
+		children: /* @__PURE__ */ jsx("a", {
+			"aria-controls": ariaControls,
+			"aria-current": ariaCurrent,
+			"aria-describedby": ariaDescribedby,
+			"aria-disabled": ariaDisabled !== null && ariaDisabled !== void 0 ? ariaDisabled : disabled,
+			"aria-expanded": ariaExpanded,
+			"aria-haspopup": ariaHaspopup,
+			"aria-keyshortcuts": ariaKeyshortcuts,
+			"aria-label": ariaLabel,
+			"aria-pressed": ariaPressed,
+			"aria-roledescription": ariaRoledescription,
+			autoFocus,
+			className: computedClassName,
+			"data-testid": dataTestId,
+			download,
+			href,
+			onBlur,
+			onClick,
+			onMouseDown,
+			onMouseEnter,
+			onMouseLeave,
+			onMouseOut,
+			onMouseUp,
+			ref,
+			role,
+			style,
+			tabIndex,
+			target,
+			type,
+			children: content
+		})
+	});
+	return /* @__PURE__ */ jsx(Tooltip, {
+		containerFullWidth: fullWidth,
+		text: tooltip,
+		children: /* @__PURE__ */ jsx("button", {
+			"aria-controls": ariaControls,
+			"aria-current": ariaCurrent,
+			"aria-expanded": ariaExpanded,
+			"aria-haspopup": ariaHaspopup,
+			"aria-label": ariaLabel,
+			autoFocus,
+			className: computedClassName,
+			"data-testid": dataTestId,
+			disabled: computeIsDisabled,
+			name,
+			onBlur,
+			onClick,
+			onKeyDown,
+			onMouseDown,
+			onMouseEnter,
+			onMouseLeave,
+			onMouseOut,
+			onMouseUp,
+			onPointerDown,
+			ref,
+			role,
+			style,
+			tabIndex,
+			type,
+			children: content
+		})
+	});
+});
+
+//#endregion
+export { Button };

package/dist/components/Button/styles.css.js

@@ -1,6 +1,159 @@
-/* empty css                          */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var button = createRuntimeFn({ defaultClassName: "uv_e1wcoe0", variantClassNames: { disabled: { false: "uv_e1wcoe1", true: "uv_e1wcoe2" }, fullWidth: { false: "uv_e1wcoe3", true: "uv_e1wcoe4" }, sentiment: { black: "uv_e1wcoe5", danger: "uv_e1wcoe6", info: "uv_e1wcoe7", neutral: "uv_e1wcoe8", primary: "uv_e1wcoe9", secondary: "uv_e1wcoea", success: "uv_e1wcoeb", warning: "uv_e1wcoec", white: "uv_e1wcoed" }, size: { large: "uv_e1wcoee", medium: "uv_e1wcoef", small: "uv_e1wcoeg", xsmall: "uv_e1wcoeh" }, variant: { filled: "uv_e1wcoei", ghost: "uv_e1wcoej", outlined: "uv_e1wcoek" } }, defaultVariants: { disabled: false, fullWidth: false, sentiment: "primary", size: "large", variant: "filled" }, compoundVariants: [[{ sentiment: "primary", variant: "filled" }, "uv_e1wcoel"], [{ sentiment: "secondary", variant: "filled" }, "uv_e1wcoem"], [{ sentiment: "danger", variant: "filled" }, "uv_e1wcoen"], [{ sentiment: "info", variant: "filled" }, "uv_e1wcoeo"], [{ sentiment: "success", variant: "filled" }, "uv_e1wcoep"], [{ sentiment: "warning", variant: "filled" }, "uv_e1wcoeq"], [{ sentiment: "neutral", variant: "filled" }, "uv_e1wcoer"], [{ sentiment: "black", variant: "filled" }, "uv_e1wcoes"], [{ sentiment: "white", variant: "filled" }, "uv_e1wcoet"], [{ sentiment: "primary", variant: "outlined" }, "uv_e1wcoeu"], [{ sentiment: "secondary", variant: "outlined" }, "uv_e1wcoev"], [{ sentiment: "danger", variant: "outlined" }, "uv_e1wcoew"], [{ sentiment: "info", variant: "outlined" }, "uv_e1wcoex"], [{ sentiment: "success", variant: "outlined" }, "uv_e1wcoey"], [{ sentiment: "warning", variant: "outlined" }, "uv_e1wcoez"], [{ sentiment: "neutral", variant: "outlined" }, "uv_e1wcoe10"], [{ sentiment: "black", variant: "outlined" }, "uv_e1wcoe11"], [{ sentiment: "white", variant: "outlined" }, "uv_e1wcoe12"], [{ sentiment: "primary", variant: "ghost" }, "uv_e1wcoe13"], [{ sentiment: "secondary", variant: "ghost" }, "uv_e1wcoe14"], [{ sentiment: "danger", variant: "ghost" }, "uv_e1wcoe15"], [{ sentiment: "info", variant: "ghost" }, "uv_e1wcoe16"], [{ sentiment: "success", variant: "ghost" }, "uv_e1wcoe17"], [{ sentiment: "warning", variant: "ghost" }, "uv_e1wcoe18"], [{ sentiment: "neutral", variant: "ghost" }, "uv_e1wcoe19"], [{ sentiment: "black", variant: "ghost" }, "uv_e1wcoe1a"], [{ sentiment: "white", variant: "ghost" }, "uv_e1wcoe1b"]] });
-export {
-  button
-};
+
+//#region src/components/Button/styles.css.ts
+var button = createRuntimeFn({
+	defaultClassName: "uv_e1wcoe0",
+	variantClassNames: {
+		disabled: {
+			false: "uv_e1wcoe1",
+			true: "uv_e1wcoe2"
+		},
+		fullWidth: {
+			false: "uv_e1wcoe3",
+			true: "uv_e1wcoe4"
+		},
+		sentiment: {
+			black: "uv_e1wcoe5",
+			danger: "uv_e1wcoe6",
+			info: "uv_e1wcoe7",
+			neutral: "uv_e1wcoe8",
+			primary: "uv_e1wcoe9",
+			secondary: "uv_e1wcoea",
+			success: "uv_e1wcoeb",
+			warning: "uv_e1wcoec",
+			white: "uv_e1wcoed"
+		},
+		size: {
+			large: "uv_e1wcoee",
+			medium: "uv_e1wcoef",
+			small: "uv_e1wcoeg",
+			xsmall: "uv_e1wcoeh"
+		},
+		variant: {
+			filled: "uv_e1wcoei",
+			ghost: "uv_e1wcoej",
+			outlined: "uv_e1wcoek"
+		}
+	},
+	defaultVariants: {
+		disabled: false,
+		fullWidth: false,
+		sentiment: "primary",
+		size: "large",
+		variant: "filled"
+	},
+	compoundVariants: [
+		[{
+			sentiment: "primary",
+			variant: "filled"
+		}, "uv_e1wcoel"],
+		[{
+			sentiment: "secondary",
+			variant: "filled"
+		}, "uv_e1wcoem"],
+		[{
+			sentiment: "danger",
+			variant: "filled"
+		}, "uv_e1wcoen"],
+		[{
+			sentiment: "info",
+			variant: "filled"
+		}, "uv_e1wcoeo"],
+		[{
+			sentiment: "success",
+			variant: "filled"
+		}, "uv_e1wcoep"],
+		[{
+			sentiment: "warning",
+			variant: "filled"
+		}, "uv_e1wcoeq"],
+		[{
+			sentiment: "neutral",
+			variant: "filled"
+		}, "uv_e1wcoer"],
+		[{
+			sentiment: "black",
+			variant: "filled"
+		}, "uv_e1wcoes"],
+		[{
+			sentiment: "white",
+			variant: "filled"
+		}, "uv_e1wcoet"],
+		[{
+			sentiment: "primary",
+			variant: "outlined"
+		}, "uv_e1wcoeu"],
+		[{
+			sentiment: "secondary",
+			variant: "outlined"
+		}, "uv_e1wcoev"],
+		[{
+			sentiment: "danger",
+			variant: "outlined"
+		}, "uv_e1wcoew"],
+		[{
+			sentiment: "info",
+			variant: "outlined"
+		}, "uv_e1wcoex"],
+		[{
+			sentiment: "success",
+			variant: "outlined"
+		}, "uv_e1wcoey"],
+		[{
+			sentiment: "warning",
+			variant: "outlined"
+		}, "uv_e1wcoez"],
+		[{
+			sentiment: "neutral",
+			variant: "outlined"
+		}, "uv_e1wcoe10"],
+		[{
+			sentiment: "black",
+			variant: "outlined"
+		}, "uv_e1wcoe11"],
+		[{
+			sentiment: "white",
+			variant: "outlined"
+		}, "uv_e1wcoe12"],
+		[{
+			sentiment: "primary",
+			variant: "ghost"
+		}, "uv_e1wcoe13"],
+		[{
+			sentiment: "secondary",
+			variant: "ghost"
+		}, "uv_e1wcoe14"],
+		[{
+			sentiment: "danger",
+			variant: "ghost"
+		}, "uv_e1wcoe15"],
+		[{
+			sentiment: "info",
+			variant: "ghost"
+		}, "uv_e1wcoe16"],
+		[{
+			sentiment: "success",
+			variant: "ghost"
+		}, "uv_e1wcoe17"],
+		[{
+			sentiment: "warning",
+			variant: "ghost"
+		}, "uv_e1wcoe18"],
+		[{
+			sentiment: "neutral",
+			variant: "ghost"
+		}, "uv_e1wcoe19"],
+		[{
+			sentiment: "black",
+			variant: "ghost"
+		}, "uv_e1wcoe1a"],
+		[{
+			sentiment: "white",
+			variant: "ghost"
+		}, "uv_e1wcoe1b"]
+	]
+});
+
+//#endregion
+export { button };

package/dist/components/Card/index.js

@@ -1,89 +1,63 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { forwardRef } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { borderedBox, stackCard } from "./styles.css.js";
-const Card = forwardRef(
-  ({
-    header,
-    subHeader,
-    disabled = false,
-    active = false,
-    children,
-    className,
-    "data-testid": dataTestId,
-    style
-  }, ref) => header ? /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      className: cn(className, stackCard),
-      "data-disabled": disabled,
-      "data-testid": dataTestId,
-      gap: 1,
-      ref,
-      style,
-      children: [
-        typeof header === "string" ? /* @__PURE__ */ jsx(
-          Text,
-          {
-            as: "h2",
-            disabled,
-            prominence: "strong",
-            sentiment: "neutral",
-            variant: "heading",
-            children: header
-          }
-        ) : header,
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: borderedBox,
-            "data-disabled": disabled,
-            "data-is-active": active,
-            children: subHeader ? /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-              typeof subHeader === "string" ? /* @__PURE__ */ jsx(
-                Text,
-                {
-                  as: "h3",
-                  disabled,
-                  sentiment: "neutral",
-                  variant: "headingSmallStrong",
-                  children: subHeader
-                }
-              ) : subHeader,
-              children
-            ] }) : children
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(className, borderedBox),
-      "data-disabled": disabled,
-      "data-is-active": active,
-      "data-testid": dataTestId,
-      ref,
-      style,
-      children: subHeader ? /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-        typeof subHeader === "string" ? /* @__PURE__ */ jsx(
-          Text,
-          {
-            as: "h3",
-            disabled,
-            sentiment: "neutral",
-            variant: "headingSmallStrong",
-            children: subHeader
-          }
-        ) : subHeader,
-        children
-      ] }) : children
-    }
-  )
-);
-export {
-  Card
-};
+import { cn } from "@ultraviolet/utils";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Card/index.tsx
+/**
+* Card component is a simple component to display content in a box with a border.
+*/
+const Card = forwardRef(({ header, subHeader, disabled = false, active = false, children, className, "data-testid": dataTestId, style }, ref) => header ? /* @__PURE__ */ jsxs(Stack, {
+	className: cn(className, stackCard),
+	"data-disabled": disabled,
+	"data-testid": dataTestId,
+	gap: 1,
+	ref,
+	style,
+	children: [typeof header === "string" ? /* @__PURE__ */ jsx(Text, {
+		as: "h2",
+		disabled,
+		prominence: "strong",
+		sentiment: "neutral",
+		variant: "heading",
+		children: header
+	}) : header, /* @__PURE__ */ jsx("div", {
+		className: borderedBox,
+		"data-disabled": disabled,
+		"data-is-active": active,
+		children: subHeader ? /* @__PURE__ */ jsxs(Stack, {
+			gap: 2,
+			children: [typeof subHeader === "string" ? /* @__PURE__ */ jsx(Text, {
+				as: "h3",
+				disabled,
+				sentiment: "neutral",
+				variant: "headingSmallStrong",
+				children: subHeader
+			}) : subHeader, children]
+		}) : children
+	})]
+}) : /* @__PURE__ */ jsx("div", {
+	className: cn(className, borderedBox),
+	"data-disabled": disabled,
+	"data-is-active": active,
+	"data-testid": dataTestId,
+	ref,
+	style,
+	children: subHeader ? /* @__PURE__ */ jsxs(Stack, {
+		gap: 2,
+		children: [typeof subHeader === "string" ? /* @__PURE__ */ jsx(Text, {
+			as: "h3",
+			disabled,
+			sentiment: "neutral",
+			variant: "headingSmallStrong",
+			children: subHeader
+		}) : subHeader, children]
+	}) : children
+}));
+
+//#endregion
+export { Card };

package/dist/components/Card/styles.css.js

@@ -1,7 +1,8 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/Card/styles.css.ts
 var stackCard = "uv_1p7tz3i0";
 var borderedBox = "uv_1p7tz3i1";
-export {
-  borderedBox,
-  stackCard
-};
+
+//#endregion
+export { borderedBox, stackCard };

package/dist/components/Carousel/index.d.ts

@@ -10,12 +10,8 @@ type CarouselProps = {
     children?: ReactNode;
     'data-testid'?: string;
 };
-/**
- * Carousel component allows you to scroll horizontally through a list of items.
- */
-export declare const Carousel: {
-    ({ children, className, "data-testid": dataTestId, }: CarouselProps): import("react/jsx-runtime").JSX.Element;
-    Item: ({ children, width, style, }: CarouselItemProps) => import("react/jsx-runtime").JSX.Element;
-};
-export {};
+export declare function Carousel({ children, className, 'data-testid': dataTestId }: CarouselProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Carousel {
+    var Item: ({ children, width, style, }: CarouselItemProps) => import("react/jsx-runtime").JSX.Element;
+}
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Carousel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWrD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AACD,eAAO,MAAM,YAAY,GAAI,6BAI1B,iBAAiB,4CAanB,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ;0DAIlB,aAAa;wCA5Bb,iBAAiB;CA8GnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWrD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AACD,eAAO,MAAM,YAAY,6FAiBxB,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;iCAKwB,EACvB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,UAAwB,EACxC,EAAE,aAAa"}