@uni-design-system/uni-core 7.2.0 → 7.3.0

package/dist/cjs/index.cjs

@@ -1,4 +1,35 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/concepts/animation/duration.helpers.ts
+/** Duration (seconds) the default theme assigns `expand`'s `transitionSpeed`. */
+var EXPAND_DEFAULT_SPEED = .35;
+/**
+* Content height (px) at which a reveal runs at exactly its `transitionSpeed`.
+* Roughly a few lines of card content — the size the default 0.35s was tuned on.
+*/
+var EXPAND_REFERENCE_HEIGHT = 240;
+/**
+* Duration envelope at the default speed. A tiny region never blinks past
+* faster than the min; a full-page region never drags longer than the max.
+* Expressed at `EXPAND_DEFAULT_SPEED` and applied as scale-factor clamps, so a
+* theme that slows `transitionSpeed` down widens its envelope proportionally
+* instead of being capped back to the stock feel.
+*/
+var EXPAND_MIN_DURATION = .15;
+var EXPAND_MAX_DURATION = .6;
+var MIN_SCALE = EXPAND_MIN_DURATION / EXPAND_DEFAULT_SPEED;
+var MAX_SCALE = EXPAND_MAX_DURATION / EXPAND_DEFAULT_SPEED;
+/**
+* Size-aware reveal duration: `speed × √(height ÷ reference)`, clamped.
+*
+* A fixed duration reads as sluggish on a short region and rushed on a tall
+* one; scaling by the square root of height keeps perceived speed steady —
+* bigger reveals get more time, but sublinearly.
+*/
+var expandDuration = (contentHeight, speed = EXPAND_DEFAULT_SPEED) => {
+	const scale = Math.sqrt((Number.isFinite(contentHeight) ? Math.max(contentHeight, 0) : 0) / 240);
+	return speed * Math.min(Math.max(scale, MIN_SCALE), MAX_SCALE);
+};
+//#endregion
 //#region src/concepts/animation/keyframes.constants.ts
 var fadeIn = {
 	"0%": { opacity: 0 },
@@ -1241,6 +1272,38 @@ var buildComponents = (c) => ({
 		color: "primary-surface",
 		shadow: "menu"
 	} },
+	menu: { options: {
+		minWidth: 184,
+		color: void 0,
+		border: void 0,
+		borderRadius: void 0,
+		shadow: void 0,
+		paddingVertical: "xs",
+		paddingHorizontal: "none",
+		dividerBorder: "light",
+		dividerSpacing: "xs"
+	} },
+	menuItem: {
+		options: {
+			height: 38,
+			paddingHorizontal: "md",
+			gap: "md",
+			borderRadius: "none",
+			typeface: "label",
+			textColor: void 0,
+			hoverColor: "primary-container",
+			activeSymbol: "check",
+			transitionSpeed: .35
+		},
+		variants: { warn: {
+			color: c.warn,
+			"&:hover, &:focus": {
+				backgroundColor: c["warn-container"],
+				color: c["on-warn-container"]
+			}
+		} }
+	},
+	expand: { options: { transitionSpeed: .35 } },
 	footer: { options: {
 		height: 52,
 		color: "primary",
@@ -2151,6 +2214,7 @@ var FontWeightMap = {
 //#endregion
 //#region src/concepts/typography/typeface.helpers.ts
 var px = (value) => typeof value === "number" ? `${value}px` : value;
+var weight = (value) => typeof value === "number" ? value : FontWeightMap[value];
 /**
 * Converts a TextStyle (numeric, design-token oriented) into a
 * TypeFaceDefinition (CSS-ready) so a theme's `typefaces` map can be
@@ -2162,7 +2226,7 @@ var toTypeface = (style) => ({
 	lineHeight: px(style.lineHeight),
 	...style.letterSpacing !== void 0 && { letterSpacing: px(style.letterSpacing) },
 	...style.textTransform === "uppercase" && { textTransform: "uppercase" },
-	...style.fontWeight !== void 0 && { fontWeight: style.fontWeight },
+	...style.fontWeight !== void 0 && { fontWeight: weight(style.fontWeight) },
 	...style.fontStyle && { fontStyle: style.fontStyle }
 });
 var toTypefaces = (typography) => Object.fromEntries(Object.entries(typography).map(([role, style]) => [role, toTypeface(style)]));
@@ -2192,6 +2256,10 @@ exports.CategoryLightness = CategoryLightness;
 exports.CategorySaturation = CategorySaturation;
 exports.DarkTheme = DarkTheme;
 exports.DefaultThemeId = DefaultThemeId;
+exports.EXPAND_DEFAULT_SPEED = EXPAND_DEFAULT_SPEED;
+exports.EXPAND_MAX_DURATION = EXPAND_MAX_DURATION;
+exports.EXPAND_MIN_DURATION = EXPAND_MIN_DURATION;
+exports.EXPAND_REFERENCE_HEIGHT = EXPAND_REFERENCE_HEIGHT;
 exports.FontWeightMap = FontWeightMap;
 exports.HSLAToString = HSLAToString;
 exports.HSLToHex = HSLToHex;
@@ -2215,6 +2283,7 @@ exports.darkColors = darkColors;
 exports.debounce = debounce;
 exports.emitDtcgTokens = emitDtcgTokens;
 exports.emitThemeFile = emitThemeFile;
+exports.expandDuration = expandDuration;
 exports.expandFadeIn = expandFadeIn;
 exports.fadeIn = fadeIn;
 exports.fadeOut = fadeOut;