@ultraviolet/ui 3.24.3 → 3.25.0

package/dist/components/Feedback/Alert/index.js

@@ -0,0 +1,107 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { Button, init_Button } from "../../Action/Button/index.js";
+import { alertStyle, init_styles_css } from "./styles.css.js";
+import { useState } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
+import { CheckCircleIcon } from "@ultraviolet/icons/CheckCircleIcon";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+import { InformationIcon } from "@ultraviolet/icons/InformationIcon";
+import { LightBulbIcon } from "@ultraviolet/icons/LightBulbIcon";
+
+//#region src/components/Feedback/Alert/index.tsx
+var sentimentIcons, Alert;
+function init_Alert() {
+	return (init_Alert = __esmMin(() => {
+		init_Button();
+		init_Stack();
+		init_Text();
+		init_styles_css();
+		sentimentIcons = {
+			danger: AlertCircleIcon,
+			info: InformationIcon,
+			neutral: LightBulbIcon,
+			success: CheckCircleIcon,
+			warning: AlertCircleIcon
+		};
+		Alert = ({ children, title, sentiment = "danger", buttonText, onClickButton, closable, onClose, className, disabled, "data-testid": dataTestId, size = "medium", style }) => {
+			const [opened, setOpened] = useState(true);
+			const Icon = sentimentIcons[sentiment];
+			if (!opened) return null;
+			return /* @__PURE__ */ jsxs(Stack, {
+				className: cn(className, alertStyle.alert({
+					sentiment,
+					size
+				})),
+				"data-testid": dataTestId,
+				direction: "row",
+				gap: 1,
+				style,
+				children: [/* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					className: alertStyle.wrap,
+					direction: "row",
+					gap: 2,
+					justifyContent: "space-between",
+					wrap: true,
+					children: [/* @__PURE__ */ jsxs(Stack, {
+						alignItems: "flex-start",
+						direction: "row",
+						flex: "1 1 auto",
+						gap: size === "small" ? 1 : 2,
+						children: [/* @__PURE__ */ jsx(Icon, {
+							"aria-hidden": "true",
+							className: alertStyle.icon,
+							prominence: sentiment === "neutral" ? "strong" : void 0,
+							sentiment,
+							size: size === "small" ? "small" : "medium"
+						}), /* @__PURE__ */ jsxs(Stack, {
+							className: alertStyle.text,
+							direction: "row",
+							flex: "1 1 auto",
+							gap: size === "small" ? .5 : 1,
+							wrap: true,
+							children: [title ? /* @__PURE__ */ jsx(Text, {
+								as: "span",
+								sentiment,
+								variant: size === "small" ? "bodySmallStronger" : "bodyStronger",
+								children: title
+							}) : null, typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
+								as: "p",
+								variant: size === "small" ? "bodySmall" : "body",
+								children
+							}) : children]
+						})]
+					}), buttonText ? /* @__PURE__ */ jsx(Button, {
+						className: alertStyle.button[size],
+						disabled,
+						onClick: onClickButton,
+						sentiment,
+						size: "small",
+						children: buttonText
+					}) : null]
+				}), closable || onClose ? /* @__PURE__ */ jsx(Button, {
+					accessibleLabel: "close",
+					className: alertStyle.buttonClose,
+					onClick: () => {
+						setOpened(false);
+						onClose === null || onClose === void 0 || onClose();
+					},
+					sentiment,
+					size: "xsmall",
+					variant: "ghost",
+					children: /* @__PURE__ */ jsx(CloseIcon, { sentiment: "neutral" })
+				}) : null]
+			});
+		};
+		Alert.displayName = "Alert";
+	}))();
+}
+
+//#endregion
+init_Alert();
+export { Alert, init_Alert };

package/dist/components/Feedback/Alert/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/Alert/styles.css.ts"],"names":[],"mappings":"AAuEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAnCjB,MAAM;gBACJ,OAAO;;YAET,KAAK;gBACH,OAAO;;;;;;;;;CAsCd,CAAA"}

package/dist/components/Feedback/Alert/styles.css.js

@@ -0,0 +1,46 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Feedback/Alert/styles.css.ts
+var alertStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		alertStyle = {
+			alert: createRuntimeFn({
+				defaultClassName: "uv_1saelyy0",
+				variantClassNames: {
+					sentiment: {
+						danger: "uv_1saelyy1",
+						info: "uv_1saelyy2",
+						neutral: "uv_1saelyy3",
+						success: "uv_1saelyy4",
+						warning: "uv_1saelyy5"
+					},
+					size: {
+						medium: "uv_1saelyy6",
+						small: "uv_1saelyy7"
+					}
+				},
+				defaultVariants: {
+					sentiment: "danger",
+					size: "medium"
+				},
+				compoundVariants: []
+			}),
+			wrap: "uv_1saelyy8",
+			text: "uv_1saelyy9",
+			button: {
+				medium: "uv_1saelyya",
+				small: "uv_1saelyyb"
+			},
+			buttonClose: "uv_1saelyyc",
+			icon: "uv_1saelyyd"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { alertStyle, init_styles_css };

package/dist/components/Feedback/Alert/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Feedback/Alert/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Feedback/Alert/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/Alert/type.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,YAAI,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAU,CAAA;AAE5F,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA"}

package/dist/components/Feedback/GlobalAlert/GlobalAlertLink.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from 'react';
+import { Link } from '../../Action/Link';
+type GlobalAlertLinkProps = Omit<ComponentProps<typeof Link>, 'sentiment' | 'prominence' | 'size' | 'render'> & NonNullable<Pick<ComponentProps<typeof Link>, 'href'>>;
+export declare const GlobalAlertLink: ({ children, href, target, download, rel, className, onClick, 'aria-label': ariaLabel, oneLine, 'data-testid': dataTestId, style, }: GlobalAlertLinkProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=GlobalAlertLink.d.ts.map

package/dist/components/Feedback/GlobalAlert/GlobalAlertLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalAlertLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/GlobalAlert/GlobalAlertLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC,GAC3G,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;AAExD,eAAO,MAAM,eAAe,uIAYzB,oBAAoB,gCAsBtB,CAAA"}

package/dist/components/Feedback/GlobalAlert/GlobalAlertLink.js

@@ -0,0 +1,36 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Link, init_Link } from "../../Action/Link/index.js";
+import { useTheme } from "@ultraviolet/themes";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Feedback/GlobalAlert/GlobalAlertLink.tsx
+var GlobalAlertLink;
+function init_GlobalAlertLink() {
+	return (init_GlobalAlertLink = __esmMin(() => {
+		init_Link();
+		GlobalAlertLink = ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine = false, "data-testid": dataTestId, style }) => {
+			const { theme } = useTheme();
+			return /* @__PURE__ */ jsx(Link, {
+				"aria-label": ariaLabel,
+				className,
+				"data-testid": dataTestId,
+				download,
+				href,
+				onClick,
+				oneLine,
+				prominence: theme === "light" ? "strong" : "stronger",
+				rel,
+				size: "small",
+				style,
+				target,
+				variant: "inline",
+				children
+			});
+		};
+	}))();
+}
+
+//#endregion
+init_GlobalAlertLink();
+export { GlobalAlertLink, init_GlobalAlertLink };

package/dist/components/Feedback/GlobalAlert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/GlobalAlert/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAGnD,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,aAAa,CAAA;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;oCAM2B,EAC1B,QAAQ,EACR,OAAgB,EAChB,OAAO,EACP,QAAe,EACf,UAAU,EACV,aAAa,EACb,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,KAAK,GACN,EAAE,gBAAgB;;;aA8CA,eAAe"}

package/dist/components/Feedback/GlobalAlert/index.js

@@ -0,0 +1,71 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { Button, init_Button } from "../../Action/Button/index.js";
+import { globalAlertStyle, init_styles_css } from "./styles.css.js";
+import { GlobalAlertLink, init_GlobalAlertLink } from "./GlobalAlertLink.js";
+import { useReducer } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+
+//#region src/components/Feedback/GlobalAlert/index.tsx
+var GlobalAlert;
+function init_GlobalAlert() {
+	return (init_GlobalAlert = __esmMin(() => {
+		init_Button();
+		init_Stack();
+		init_Text();
+		init_GlobalAlertLink();
+		init_styles_css();
+		GlobalAlert = ({ children, variant = "info", onClose, closable = true, buttonText, onClickButton, className, "data-testid": dataTestId, style }) => {
+			const [opened, toggleOpened] = useReducer((value) => !value, true);
+			if (!opened) return null;
+			return /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				className: cn(className, globalAlertStyle.container[variant]),
+				"data-testid": dataTestId,
+				"data-variant": variant,
+				direction: "row",
+				justifyContent: "space-between",
+				style,
+				children: [/* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					gap: 2,
+					justifyContent: "center",
+					width: "100%",
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "p",
+						sentiment: "white",
+						variant: "bodySmall",
+						children
+					}), onClickButton && buttonText ? /* @__PURE__ */ jsx(Button, {
+						onClick: onClickButton,
+						sentiment: "white",
+						size: "small",
+						variant: "filled",
+						children: buttonText
+					}) : null]
+				}), closable ? /* @__PURE__ */ jsx(Button, {
+					className: globalAlertStyle.closeButton,
+					onClick: () => {
+						toggleOpened();
+						onClose === null || onClose === void 0 || onClose();
+					},
+					sentiment: "primary",
+					size: "xsmall",
+					variant: "filled",
+					children: /* @__PURE__ */ jsx(CloseIcon, {})
+				}) : null]
+			});
+		};
+		GlobalAlert.displayName = "GlobalAlert";
+		GlobalAlert.Link = GlobalAlertLink;
+	}))();
+}
+
+//#endregion
+init_GlobalAlert();
+export { GlobalAlert, init_GlobalAlert };

package/dist/components/Feedback/GlobalAlert/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/GlobalAlert/styles.css.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,gBAAgB;;;CAG5B,CAAA"}

package/dist/components/Feedback/GlobalAlert/styles.css.js

@@ -0,0 +1,22 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Feedback/GlobalAlert/styles.css.ts
+var globalAlertStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		globalAlertStyle = {
+			closeButton: "uv_coqgso0",
+			container: {
+				danger: "uv_coqgso2 uv_coqgso1",
+				info: "uv_coqgso3 uv_coqgso1",
+				promotional: "uv_coqgso4 uv_coqgso1"
+			}
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { globalAlertStyle, init_styles_css };

package/dist/components/Feedback/GlobalAlert/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Feedback/GlobalAlert/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Feedback/Loader/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/Loader/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;aAChB,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,MAAM,EAAE,KAAK;aACb,OAAO,EAAE,KAAK;CACN,CAAA"}

package/dist/components/Feedback/Loader/constants.js

@@ -0,0 +1,20 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Feedback/Loader/constants.ts
+var SIZES;
+function init_constants() {
+	return (init_constants = __esmMin(() => {
+		SIZES = {
+			large: "300",
+			medium: "250",
+			small: "200",
+			xlarge: "400",
+			xsmall: "150",
+			xxlarge: "700"
+		};
+	}))();
+}
+
+//#endregion
+init_constants();
+export { SIZES, init_constants };

package/dist/components/Feedback/Loader/index.d.ts

@@ -0,0 +1,20 @@
+import type { CSSProperties } from 'react';
+import type { ExtendedColor } from '../../../theme';
+import { SIZES } from './constants';
+type LoaderProps = {
+    active?: boolean;
+    sentiment?: ExtendedColor;
+    percentage?: number;
+    size?: keyof typeof SIZES;
+    /**
+     * Label should be defined for accessibility, to indicate what is loading
+     */
+    label?: string;
+    style?: CSSProperties;
+};
+export declare function Loader({ percentage, size, sentiment, active, label, style, }: LoaderProps): import("react").JSX.Element;
+export declare namespace Loader {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Feedback/Loader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/Loader/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAQnC,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;+BAKsB,EACrB,UAAe,EACf,IAAe,EACf,SAAqB,EACrB,MAAc,EACd,KAAiB,EACjB,KAAK,GACN,EAAE,WAAW"}

package/dist/components/Feedback/Loader/index.js

@@ -0,0 +1,66 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import { SIZES, init_constants } from "./constants.js";
+import { init_styles_css, loaderStyle } from "./styles.css.js";
+import { useTheme } from "@ultraviolet/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Feedback/Loader/index.tsx
+var VIEWBOX_WIDTH, VIEWBOX_HEIGHT, HALF_VIEWBOX_WIDTH, HALF_VIEWBOX_HEIGHT, Loader;
+function init_Loader() {
+	return (init_Loader = __esmMin(() => {
+		init_constants();
+		init_styles_css();
+		init_objectSpread2();
+		VIEWBOX_WIDTH = 100;
+		VIEWBOX_HEIGHT = 100;
+		HALF_VIEWBOX_WIDTH = VIEWBOX_WIDTH / 2;
+		HALF_VIEWBOX_HEIGHT = VIEWBOX_HEIGHT / 2;
+		Loader = ({ percentage = 20, size = "xlarge", sentiment = "primary", active = false, label = "Loading", style }) => {
+			var _theme$colors$sentime;
+			const theme = useTheme();
+			const circleRadius = 42;
+			const boundedPercentage = Math.min(Math.max(percentage, 0), 100) / 100;
+			const circleDiameter = Math.PI * 2 * circleRadius;
+			return /* @__PURE__ */ jsxs("svg", {
+				"aria-label": label,
+				"aria-valuemax": 100,
+				"aria-valuemin": 0,
+				"aria-valuenow": percentage,
+				"aria-valuetext": `${percentage}%`,
+				className: active ? loaderStyle.loader : void 0,
+				role: "progressbar",
+				style: _objectSpread2({
+					height: theme.sizing[SIZES[size]],
+					width: theme.sizing[SIZES[size]]
+				}, style),
+				viewBox: `0 0 ${VIEWBOX_WIDTH} ${VIEWBOX_HEIGHT}`,
+				children: [/* @__PURE__ */ jsx("circle", {
+					className: loaderStyle.circle,
+					cx: HALF_VIEWBOX_WIDTH,
+					cy: HALF_VIEWBOX_HEIGHT,
+					fill: "none",
+					r: circleRadius,
+					strokeWidth: 16
+				}), /* @__PURE__ */ jsx("circle", {
+					className: loaderStyle.loaderCircleAnimation,
+					cx: HALF_VIEWBOX_WIDTH,
+					cy: HALF_VIEWBOX_HEIGHT,
+					fill: "none",
+					r: circleRadius,
+					stroke: sentiment === "black" || sentiment === "white" ? theme.colors.other.monochrome[sentiment].background : (_theme$colors$sentime = theme.colors[sentiment]) === null || _theme$colors$sentime === void 0 ? void 0 : _theme$colors$sentime.backgroundStrong,
+					strokeDasharray: circleDiameter,
+					strokeDashoffset: (1 - boundedPercentage) * circleDiameter,
+					strokeLinecap: "round",
+					strokeWidth: 16
+				})]
+			});
+		};
+		Loader.displayName = "Loader";
+	}))();
+}
+
+//#endregion
+init_Loader();
+export { Loader, init_Loader };

package/dist/components/Feedback/Loader/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/Loader/styles.css.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,WAAW;;;;CAA4C,CAAA"}

package/dist/components/Feedback/Loader/styles.css.js

@@ -0,0 +1,19 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Feedback/Loader/styles.css.ts
+var loaderStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		loaderStyle = {
+			circle: "uv_1ehxqey1",
+			loader: "uv_1ehxqey2",
+			loaderCircleAnimation: "uv_1ehxqey3"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, loaderStyle };

package/dist/components/Feedback/Loader/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Feedback/Loader/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Feedback/Meter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/Meter/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1C,KAAK,QAAQ,GAAG;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,QAAQ,EAAE,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;8BAKqB,EACpB,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,KAAK,EACL,EAAE,GACH,EAAE,0BAA0B"}

package/dist/components/Feedback/Meter/index.js

@@ -0,0 +1,64 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { colorMeter, init_styles_css, meterStyle } from "./styles.css.js";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Feedback/Meter/index.tsx
+var Meter;
+function init_Meter() {
+	return (init_Meter = __esmMin(() => {
+		init_Text();
+		init_styles_css();
+		Meter = ({ strength, title, value, className, "data-testid": dataTestId, style, id }) => {
+			var _strength$value$color;
+			var _strength$value;
+			var _strength$value$text;
+			var _strength$value2;
+			var _strength$length;
+			const width = `${(value + 1) / strength.length * 100}%`;
+			const backgroundColor = (_strength$value$color = (_strength$value = strength[value]) === null || _strength$value === void 0 ? void 0 : _strength$value.color) !== null && _strength$value$color !== void 0 ? _strength$value$color : strength[0].color;
+			const text = (_strength$value$text = (_strength$value2 = strength[value]) === null || _strength$value2 === void 0 ? void 0 : _strength$value2.text) !== null && _strength$value$text !== void 0 ? _strength$value$text : strength[0].text;
+			return /* @__PURE__ */ jsxs("div", {
+				"aria-labelledby": "meter-label",
+				"aria-live": "polite",
+				"aria-valuemax": (_strength$length = strength.length) !== null && _strength$length !== void 0 ? _strength$length : 0,
+				"aria-valuemin": 0,
+				"aria-valuenow": value,
+				className,
+				"data-testid": dataTestId,
+				id,
+				role: "meter",
+				style,
+				title,
+				children: [/* @__PURE__ */ jsxs(Text, {
+					as: "p",
+					id: "meter-label",
+					variant: "bodySmallStrong",
+					children: [title, /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						className: meterStyle.strength,
+						style: assignInlineVars({ [colorMeter]: strength[value].color }),
+						variant: "bodySmallStrong",
+						children: text
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: meterStyle.wrapper,
+					children: /* @__PURE__ */ jsx("div", {
+						className: meterStyle.meter,
+						style: {
+							backgroundColor,
+							width
+						}
+					})
+				})]
+			});
+		};
+		Meter.displayName = "Meter";
+	}))();
+}
+
+//#endregion
+init_Meter();
+export { Meter, init_Meter };

package/dist/components/Feedback/Meter/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/Meter/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,oBAAc,CAAA;AAqBrC,eAAO,MAAM,UAAU;;;;CAA+B,CAAA"}

package/dist/components/Feedback/Meter/styles.css.js

@@ -0,0 +1,20 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Feedback/Meter/styles.css.ts
+var colorMeter, meterStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		colorMeter = "var(--uv_2suw5p0)";
+		meterStyle = {
+			strength: "uv_2suw5p1",
+			wrapper: "uv_2suw5p2",
+			meter: "uv_2suw5p3"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { colorMeter, init_styles_css, meterStyle };

package/dist/components/Feedback/Meter/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Feedback/Meter/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Feedback/Notice/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/Notice/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;+BAKsB,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,WAAW"}

package/dist/components/Feedback/Notice/index.js

@@ -0,0 +1,35 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { init_styles_css, noticeStyle } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
+
+//#region src/components/Feedback/Notice/index.tsx
+var Notice;
+function init_Notice() {
+	return (init_Notice = __esmMin(() => {
+		init_Text();
+		init_styles_css();
+		Notice = ({ children, className, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsxs(Text, {
+			as: "span",
+			className: cn(className, noticeStyle.notice),
+			"data-testid": dataTestId,
+			prominence: "weak",
+			sentiment: "neutral",
+			style,
+			variant: "caption",
+			children: [/* @__PURE__ */ jsx(InformationOutlineIcon, {
+				prominence: "weak",
+				sentiment: "neutral",
+				size: "small"
+			}), children]
+		});
+		Notice.displayName = "Notice";
+	}))();
+}
+
+//#endregion
+init_Notice();
+export { Notice, init_Notice };

package/dist/components/Feedback/Notice/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Feedback/Notice/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;CAAa,CAAA"}

package/dist/components/Feedback/Notice/styles.css.js

@@ -0,0 +1,15 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Feedback/Notice/styles.css.ts
+var noticeStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		noticeStyle = { notice: "uv_10spatf0" };
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, noticeStyle };