@ultraviolet/ui 3.11.0 → 3.12.0

package/dist/components/compositions/OrderSummary/styles.css.js

@@ -1,32 +1,40 @@
-/* empty css                      */
+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/compositions/OrderSummary/styles.css.ts
-var orderSummaryContainer = "uv_u4zomp0";
-var orderSummaryHeaderContainer = {
-	hideDetails: "uv_u4zomp2 uv_u4zomp1",
-	showDetails: "uv_u4zomp3 uv_u4zomp1"
-};
-var orderSummaryStackBackground = "uv_u4zomp4";
-var orderSummaryNonScrollableContainer = "uv_u4zomp5";
-var orderSummaryNumberInput = "uv_u4zomp6";
-var orderSummaryScrollableContainer = "uv_u4zomp7";
-var orderSummaryDetails = "uv_u4zomp8";
-var orderSummaryCategory = "uv_u4zomp9";
-var orderSummaryAnchor = "uv_u4zompa";
-var orderSummaryAnchorIcon = createRuntimeFn({
-	defaultClassName: "uv_u4zompb",
-	variantClassNames: { size: {
-		medium: "uv_u4zompc",
-		small: "uv_u4zompd"
-	} },
-	defaultVariants: {},
-	compoundVariants: []
+var orderSummaryStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	orderSummaryStyle = {
+		anchorIcon: createRuntimeFn({
+			defaultClassName: "uv_u4zompb",
+			variantClassNames: { size: {
+				medium: "uv_u4zompc",
+				small: "uv_u4zompd"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		container: "uv_u4zomp0",
+		headerContainer: {
+			hideDetails: "uv_u4zomp2 uv_u4zomp1",
+			showDetails: "uv_u4zomp3 uv_u4zomp1"
+		},
+		stackBackground: "uv_u4zomp4",
+		nonScrollableContainer: "uv_u4zomp5",
+		scrollableContainer: "uv_u4zomp7",
+		details: "uv_u4zomp8",
+		category: "uv_u4zomp9",
+		anchor: "uv_u4zompa",
+		totalPrice: {
+			priceInformation: "uv_u4zompe",
+			"default": "uv_u4zompf"
+		},
+		numberInput: "uv_u4zomp6"
+	};
 });
-var orderSummaryTotalPrice = {
-	priceInformation: "uv_u4zompe",
-	"default": "uv_u4zompf"
-};
 
 //#endregion
-export { orderSummaryAnchor, orderSummaryAnchorIcon, orderSummaryCategory, orderSummaryContainer, orderSummaryDetails, orderSummaryHeaderContainer, orderSummaryNonScrollableContainer, orderSummaryNumberInput, orderSummaryScrollableContainer, orderSummaryStackBackground, orderSummaryTotalPrice };
+init_styles_css();
+export { init_styles_css, orderSummaryStyle };

package/dist/components/compositions/OrderSummary/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/compositions/OrderSummary/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/compositions/Plans/FeatureHint.js

@@ -1,43 +1,50 @@
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Tooltip } from "../../Tooltip/index.js";
-import { Popover } from "../../Popover/index.js";
-import { plansIconWrapper } from "./styles.css.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Tooltip, init_Tooltip } from "../../Tooltip/index.js";
+import { Popover, init_Popover } from "../../Popover/index.js";
+import { init_styles_css, plansStyle } from "./styles.css.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
 
 //#region src/components/compositions/Plans/FeatureHint.tsx
-const FeatureHint = ({ hint }) => {
-	const [visible, setVisible] = useState(false);
-	if (!hint) return /* @__PURE__ */ jsx("div", {});
-	if (hint.type === "tooltip") return /* @__PURE__ */ jsx(Tooltip, {
-		text: hint.text,
-		children: /* @__PURE__ */ jsx(InformationOutlineIcon, {
-			prominence: "weak",
-			sentiment: "neutral"
-		})
-	});
-	return /* @__PURE__ */ jsx(Popover, {
-		content: hint.content,
-		onClose: () => setVisible(false),
-		title: hint.title,
-		visible,
-		children: /* @__PURE__ */ jsx("button", {
-			className: plansIconWrapper,
-			"data-testid": "hint-popover",
-			onClick: () => setVisible(true),
-			onKeyDown: (event) => {
-				if (event.key === "Space" || event.key === "Enter") setVisible(true);
-			},
-			tabIndex: 0,
-			type: "button",
+var FeatureHint;
+var init_FeatureHint = __esmMin(() => {
+	init_Popover();
+	init_Tooltip();
+	init_styles_css();
+	FeatureHint = ({ hint }) => {
+		const [visible, setVisible] = useState(false);
+		if (!hint) return /* @__PURE__ */ jsx("div", {});
+		if (hint.type === "tooltip") return /* @__PURE__ */ jsx(Tooltip, {
+			text: hint.text,
 			children: /* @__PURE__ */ jsx(InformationOutlineIcon, {
 				prominence: "weak",
 				sentiment: "neutral"
 			})
-		})
-	});
-};
+		});
+		return /* @__PURE__ */ jsx(Popover, {
+			content: hint.content,
+			onClose: () => setVisible(false),
+			title: hint.title,
+			visible,
+			children: /* @__PURE__ */ jsx("button", {
+				className: plansStyle.iconWrapper,
+				"data-testid": "hint-popover",
+				onClick: () => setVisible(true),
+				onKeyDown: (event) => {
+					if (event.key === "Space" || event.key === "Enter") setVisible(true);
+				},
+				tabIndex: 0,
+				type: "button",
+				children: /* @__PURE__ */ jsx(InformationOutlineIcon, {
+					prominence: "weak",
+					sentiment: "neutral"
+				})
+			})
+		});
+	};
+});
 
 //#endregion
-export { FeatureHint };
+init_FeatureHint();
+export { FeatureHint, init_FeatureHint };

package/dist/components/compositions/Plans/PlanHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlanHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Plans/PlanHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,cAAc,CAAA;AAQvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAA;CACpD,CAAA;AAED,eAAO,MAAM,UAAU,mJAqGtB,CAAA"}
+{"version":3,"file":"PlanHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Plans/PlanHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,cAAc,CAAA;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAA;CACpD,CAAA;AAED,eAAO,MAAM,UAAU,mJAqGtB,CAAA"}

package/dist/components/compositions/Plans/PlanHeader.js

@@ -1,103 +1,113 @@
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../Stack/index.js";
-import { Text } from "../../Text/index.js";
-import { Badge } from "../../Badge/index.js";
-import { Separator } from "../../Separator/index.js";
-import { plansCurrentWrapper, plansDescription, plansFullSizeSeparator, plansHeaderFullHeight, plansHeaderInput } from "./styles.css.js";
-import locales from "./locales/en.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
+import { Text, init_Text } from "../../Text/index.js";
+import { Badge, init_Badge } from "../../Badge/index.js";
+import { Separator, init_Separator } from "../../Separator/index.js";
+import { init_styles_css, plansStyle } from "./styles.css.js";
+import locales, { init_en } from "./locales/en.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/compositions/Plans/PlanHeader.tsx
-const PlanHeader = ({ fieldName, setFocusedPlan, onChange, currentPlanValue, plan, disabled, locales: locales$1 = locales }) => {
-	var _plan$sentiment;
-	var _plan$sentiment2;
-	var _plan$sentiment3;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [fieldName && onChange && !disabled ? /* @__PURE__ */ jsx("input", {
-		className: plansHeaderInput,
-		"data-testid": plan.value,
-		id: plan.value,
-		name: fieldName,
-		onBlur: () => {
-			setFocusedPlan(void 0);
-		},
-		onChange: () => onChange(plan.value),
-		onFocus: () => {
-			setFocusedPlan(plan.value);
-		},
-		type: "radio",
-		value: plan.value
-	}) : null, /* @__PURE__ */ jsxs(Stack, {
-		alignItems: "center",
-		className: plansHeaderFullHeight,
-		gap: 2,
-		justifyContent: "space-between",
-		children: [/* @__PURE__ */ jsxs(Stack, {
+var PlanHeader;
+var init_PlanHeader = __esmMin(() => {
+	init_Badge();
+	init_Separator();
+	init_Stack();
+	init_Text();
+	init_en();
+	init_styles_css();
+	PlanHeader = ({ fieldName, setFocusedPlan, onChange, currentPlanValue, plan, disabled, locales: locales$1 = locales }) => {
+		var _plan$sentiment;
+		var _plan$sentiment2;
+		var _plan$sentiment3;
+		return /* @__PURE__ */ jsxs(Fragment, { children: [fieldName && onChange && !disabled ? /* @__PURE__ */ jsx("input", {
+			className: plansStyle.headerInput,
+			"data-testid": plan.value,
+			id: plan.value,
+			name: fieldName,
+			onBlur: () => {
+				setFocusedPlan(void 0);
+			},
+			onChange: () => onChange(plan.value),
+			onFocus: () => {
+				setFocusedPlan(plan.value);
+			},
+			type: "radio",
+			value: plan.value
+		}) : null, /* @__PURE__ */ jsxs(Stack, {
 			alignItems: "center",
-			gap: 3,
-			width: "100%",
+			className: plansStyle.headerFullHeight,
+			gap: 2,
+			justifyContent: "space-between",
 			children: [/* @__PURE__ */ jsxs(Stack, {
 				alignItems: "center",
-				gap: 1,
-				children: [
-					/* @__PURE__ */ jsx(Badge, {
-						disabled,
-						sentiment: plan.sentiment && plan.sentiment !== "black" && plan.sentiment !== "white" ? plan.sentiment : "primary",
-						children: /* @__PURE__ */ jsx("label", {
-							htmlFor: plan.value,
-							children: plan.title
-						})
-					}),
-					plan.titleHeader,
-					/* @__PURE__ */ jsxs(Stack, {
-						alignItems: "center",
-						children: [/* @__PURE__ */ jsx(Text, {
-							as: "span",
+				gap: 3,
+				width: "100%",
+				children: [/* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					gap: 1,
+					children: [
+						/* @__PURE__ */ jsx(Badge, {
 							disabled,
-							sentiment: (_plan$sentiment = plan.sentiment) !== null && _plan$sentiment !== void 0 ? _plan$sentiment : "primary",
-							variant: "headingSmallStrong",
-							children: plan.header.price
-						}), /* @__PURE__ */ jsx(Stack, {
-							style: { minHeight: "16px" },
-							children: plan.header.priceDescription ? /* @__PURE__ */ jsx(Text, {
+							sentiment: plan.sentiment && plan.sentiment !== "black" && plan.sentiment !== "white" ? plan.sentiment : "primary",
+							children: /* @__PURE__ */ jsx("label", {
+								htmlFor: plan.value,
+								children: plan.title
+							})
+						}),
+						plan.titleHeader,
+						/* @__PURE__ */ jsxs(Stack, {
+							alignItems: "center",
+							children: [/* @__PURE__ */ jsx(Text, {
 								as: "span",
 								disabled,
-								sentiment: (_plan$sentiment2 = plan.sentiment) !== null && _plan$sentiment2 !== void 0 ? _plan$sentiment2 : "primary",
-								variant: "caption",
-								children: plan.header.priceDescription
-							}) : null
-						})]
-					})
-				]
-			}), plan.header.description ? /* @__PURE__ */ jsx("div", {
-				className: plansDescription,
-				children: /* @__PURE__ */ jsx(Text, {
-					as: "div",
-					disabled,
-					variant: "caption",
-					children: plan.header.description
-				})
-			}) : null]
-		}), /* @__PURE__ */ jsxs(Stack, {
-			alignItems: "center",
-			gap: 3,
-			width: "100%",
-			children: [
-				plan.header.cta && currentPlanValue !== plan.value ? plan.header.cta : null,
-				plan.header.cta && currentPlanValue === plan.value ? /* @__PURE__ */ jsx("div", {
-					className: plansCurrentWrapper,
+								sentiment: (_plan$sentiment = plan.sentiment) !== null && _plan$sentiment !== void 0 ? _plan$sentiment : "primary",
+								variant: "headingSmallStrong",
+								children: plan.header.price
+							}), /* @__PURE__ */ jsx(Stack, {
+								style: { minHeight: "16px" },
+								children: plan.header.priceDescription ? /* @__PURE__ */ jsx(Text, {
+									as: "span",
+									disabled,
+									sentiment: (_plan$sentiment2 = plan.sentiment) !== null && _plan$sentiment2 !== void 0 ? _plan$sentiment2 : "primary",
+									variant: "caption",
+									children: plan.header.priceDescription
+								}) : null
+							})]
+						})
+					]
+				}), plan.header.description ? /* @__PURE__ */ jsx("div", {
+					className: plansStyle.description,
 					children: /* @__PURE__ */ jsx(Text, {
-						as: "span",
+						as: "div",
 						disabled,
-						sentiment: (_plan$sentiment3 = plan.sentiment) !== null && _plan$sentiment3 !== void 0 ? _plan$sentiment3 : "primary",
-						variant: "bodySmallStrong",
-						children: locales$1["plans.currentPlan"]
+						variant: "caption",
+						children: plan.header.description
 					})
-				}) : null,
-				plan.header.separator ? /* @__PURE__ */ jsx(Separator, { className: plansFullSizeSeparator }) : null
-			]
-		})]
-	})] });
-};
+				}) : null]
+			}), /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				gap: 3,
+				width: "100%",
+				children: [
+					plan.header.cta && currentPlanValue !== plan.value ? plan.header.cta : null,
+					plan.header.cta && currentPlanValue === plan.value ? /* @__PURE__ */ jsx("div", {
+						className: plansStyle.currentWrapper,
+						children: /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							disabled,
+							sentiment: (_plan$sentiment3 = plan.sentiment) !== null && _plan$sentiment3 !== void 0 ? _plan$sentiment3 : "primary",
+							variant: "bodySmallStrong",
+							children: locales$1["plans.currentPlan"]
+						})
+					}) : null,
+					plan.header.separator ? /* @__PURE__ */ jsx(Separator, { className: plansStyle.fullSizeSeparator }) : null
+				]
+			})]
+		})] });
+	};
+});
 
 //#endregion
-export { PlanHeader };
+init_PlanHeader();
+export { PlanHeader, init_PlanHeader };

package/dist/components/compositions/Plans/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Plans/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAM1C,OAAO,YAAY,MAAM,cAAc,CAAA;AASvC,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEhD,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACtB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAA;IACnD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,sFAAsF;IACtF,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,KAAK,GAAI,CAAC,oLAuOtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Plans/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAM1C,OAAO,YAAY,MAAM,cAAc,CAAA;AAGvC,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEhD,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACtB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAA;IACnD,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,sFAAsF;IACtF,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,KAAK,GAAI,CAAC,oLAuOtB,CAAA"}