npm - @cube-dev/ui-kit - Versions diffs - 0.188.0 → 0.189.0 - Mend

@cube-dev/ui-kit 0.188.0 → 0.189.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (621) hide show

package/dist/tokens/base.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/tokens/base.ts
 /**
 * Base design system tokens.

package/dist/tokens/color-seed.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { glaze } from "@tenphi/glaze";
 //#region src/tokens/color-seed.ts

package/dist/tokens/color-theme.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { colorSeed } from "./color-seed.js";
 import { DEFAULT_HUE, DEFAULT_SATURATION, getPaletteConfig, getPaletteVersion, usePaletteValue } from "./palette-config.js";
 import { tintRecipe } from "./palette.js";

package/dist/tokens/colors.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { getPaletteVersion } from "./palette-config.js";
 import { BASE_TOKENS } from "./base.js";
 import { lazyStyles } from "./lazy-styles.js";

package/dist/tokens/layout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/tokens/layout.ts
 /**
 * Layout-related tokens for common UI dimensions.

package/dist/tokens/lazy-styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/tokens/lazy-styles.ts
 /**
 * Proxy that defers to `factory()` on every property / enumeration access.

package/dist/tokens/legacy-color.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { parseSrgbColor } from "../utils/colors.js";
 import { srgbToHex } from "@tenphi/glaze";

package/dist/tokens/palette-config.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { colorSeed } from "./color-seed.js";
 import { c } from "react-compiler-runtime";
 import { useSyncExternalStore } from "react";

package/dist/tokens/palette.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { SURFACE_SATURATION_SHARE, getPaletteConfig, getPaletteVersion, resolvePaletteConfig } from "./palette-config.js";
 import { lazyStyles } from "./lazy-styles.js";
 import { apcaContrast, glaze, okhslToLinearSrgb, variantToOkhsl } from "@tenphi/glaze";

package/dist/tokens/resolve.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../utils/react/useLayoutEffect.js";
 import { subscribeScheme } from "../utils/react/useScheme.js";
 import { warn } from "../utils/warnings.js";

package/dist/tokens/shadows.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/tokens/shadows.ts
 /**
 * Shadow tokens using tasty shorthand syntax.

package/dist/tokens/sizes.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/tokens/sizes.ts
 /**
 * Component size values in pixels.

package/dist/tokens/spacing.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/tokens/spacing.ts
 /**
 * Spacing tokens using tasty multiplier syntax.

package/dist/tokens/typography.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/tokens/typography.ts
 /**
 * Typography presets for headings, text, and special styles.

package/dist/utils/ResizeSensor.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/ResizeSensor.ts
 /**
 * Iterate over each of the provided element(s).

package/dist/utils/colors.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { hslToSrgb, okhslToOklch, okhslToSrgb, okhstToOkhsl, oklabToOkhsl, parseHexAlpha } from "@tenphi/glaze";
 //#region src/utils/colors.ts

package/dist/utils/dotize.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/dotize.ts
 /**
 * Flattens a nested object into dot paths: `{ a: { b: 1 } }` becomes

package/dist/utils/is-dev-env.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/is-dev-env.ts
 /**
 * `NODE_ENV` as the environment that is actually running reports it, or

package/dist/utils/modules.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/modules.ts
 function extractModule(promise) {
 	return promise.then((module) => module.default || module);

package/dist/utils/promise.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/promise.ts
 function timeout(ms = 30) {
 	return new Promise((resolve) => {

package/dist/utils/raf.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/raf.ts
 /**
 * Chains N requestAnimationFrame calls and returns a cancel function.

package/dist/utils/random.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/random.ts
 function random(min, max) {
 	const realMin = min < max ? min : max;

package/dist/utils/range.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/range.ts
 function range(count) {
 	return Array.from({ length: count }, (_, i) => i);

package/dist/utils/react/RenderCache.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/utils/react/Slots.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
 import { c } from "react-compiler-runtime";
 import { Children, cloneElement, createContext, useContext } from "react";

package/dist/utils/react/chain.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/chain.ts
 /**
 * Calls all functions in the order they were chained with the same arguments.

package/dist/utils/react/disabledProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/disabledProps.ts
 /**
 * Tags where `disabled` is a real HTML attribute. Browsers refuse to dispatch

package/dist/utils/react/escapePropagation.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/escapePropagation.ts
 /**
 * Let `Escape` keep travelling out of a trigger or list, and hold every other

package/dist/utils/react/forwardRefWithGenerics.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/forwardRefWithGenerics.tsx
 /**
 * A helper for creating forwardRef components with generic types.

package/dist/utils/react/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { getDisabledElementProps, omitActivationEventProps } from "./disabledProps.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";

package/dist/utils/react/interactions.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useRef, useState } from "react";
 import { useFocus } from "react-aria";

package/dist/utils/react/isTextOnly.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { Children, isValidElement } from "react";
 //#region src/utils/react/isTextOnly.ts

package/dist/utils/react/mapProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/mapProps.ts
 /** Converts AriaButtonProps to CubeButtonProps */
 function ariaToCubeButtonProps(props) {

package/dist/utils/react/mergeProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { mergeIds } from "./useId.js";
 import { mergeStyles } from "@tenphi/tasty";

package/dist/utils/react/nullableValue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/nullableValue.ts
 function castNullableStringValue(props) {
 	return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));

package/dist/utils/react/programmaticFocus.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/programmaticFocus.ts
 /**
 * Telling focus the user moved from focus a component moved for them.

package/dist/utils/react/resolveIcon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/resolveIcon.ts
 /**
 * Resolves a dynamic icon prop to its content and slot state.

package/dist/utils/react/sharedStore.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../is-dev-env.js";
 import { c } from "react-compiler-runtime";

package/dist/utils/react/useBufferedValue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useCallback, useRef, useState } from "react";

package/dist/utils/react/useCombinedRefs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef } from "react";

package/dist/utils/react/useControlledFocusVisible.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { c } from "react-compiler-runtime";
 import { useEffect } from "react";

package/dist/utils/react/useEventBus.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";

package/dist/utils/react/useId.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef, useState } from "react";

package/dist/utils/react/useIsDarwin.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useEffect, useState } from "react";

package/dist/utils/react/useKeySymbols.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { c } from "react-compiler-runtime";

package/dist/utils/react/useLayoutEffect.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import * as React$1 from "react";
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useSyncExternalStore } from "react";

package/dist/utils/react/useMergeStyles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";

package/dist/utils/react/useOverlayEscapeGuard.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";

package/dist/utils/react/usePopoverSync.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { c } from "react-compiler-runtime";
 import { useContext, useEffect, useRef } from "react";

package/dist/utils/react/useQaProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useScheme.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useSyncExternalStore } from "react";
 //#region src/utils/react/useScheme.ts

package/dist/utils/react/useViewportSize.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useEffect, useState } from "react";

package/dist/utils/react/wrapNodeIfPlain.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { Fragment, isValidElement } from "react";
 //#region src/utils/react/wrapNodeIfPlain.ts

package/dist/utils/selection.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js CHANGED Viewed

@@ -1,5 +1,53 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+import { isSelector, mergeStyles } from "@tenphi/tasty";
 //#region src/utils/styles.ts
+function isRecord(value) {
+	return !!value && typeof value === "object" && !Array.isArray(value);
+}
+/**
+* The keys whose last explicit value across `layers` is a reset: `null`, or
+* `false` too where `allowFalse` (a sub-element key, which tasty drops for
+* either).
+*/
+function finalResets(layers, allowFalse) {
+	const last = /* @__PURE__ */ new Map();
+	for (const layer of layers) for (const key of Object.keys(layer)) if (layer[key] !== void 0) last.set(key, layer[key]);
+	return [...last].filter(([key, value]) => value === null || value === false && allowFalse && isSelector(key));
+}
+/**
+* Merge runtime style layers with tasty's `mergeStyles`, later layers winning.
+* This is the algorithm tasty applies between an element's own styles and its
+* `styles` prop: a state map without a `''` key extends the one below it,
+* sub-elements merge key by key, and `undefined` keeps the lower value.
+*
+* Resets are the one difference. The result is not final: it is passed on as
+* some element's `styles`, which tasty merges over that element's own styles
+* once more. `mergeStyles` applies a `null` by deleting the key, so a consumer's
+* `{ padding: null }` would vanish here, before it reached the element whose
+* padding it was meant to remove. Every reset that is the last word on its key,
+* top-level or inside a sub-element, is therefore written back into the result.
+*/
+function mergeStyleLayers(...layers) {
+	const present = layers.filter(isRecord);
+	const merged = mergeStyles(...present);
+	for (const [key, value] of finalResets(present, true)) merged[key] = value;
+	for (const key of Object.keys(merged)) {
+		if (!isSelector(key) || !isRecord(merged[key])) continue;
+		let subLayers = [];
+		for (const layer of present) {
+			const sub = layer[key];
+			if (sub === null || sub === false) subLayers = [];
+			else if (isRecord(sub)) subLayers.push(sub);
+		}
+		const resets = finalResets(subLayers, false);
+		if (resets.length) merged[key] = {
+			...merged[key],
+			...Object.fromEntries(resets)
+		};
+	}
+	return merged;
+}
 /**
 * Split properties into style and non-style properties.
 * Collects style-related props from `props` (based on `styleList`)
@@ -15,10 +63,7 @@ function extractStyles(props, styleList = [], defaultStyles, propMap, ignoreList
 	const ignoreSet = new Set(ignoreList);
 	const styleSet = new Set(styleList);
 	const record = props;
-	const styles = {
-		...defaultStyles,
-		...!ignoreSet.has("styles") && record.styles && typeof record.styles === "object" ? record.styles : void 0
-	};
+	const styles = mergeStyleLayers(defaultStyles, !ignoreSet.has("styles") && record.styles && typeof record.styles === "object" ? record.styles : void 0);
 	for (const prop of Object.keys(record)) {
 		if (ignoreSet.has(prop)) continue;
 		const styleName = propMap?.[prop] ?? prop;
@@ -28,5 +73,5 @@ function extractStyles(props, styleList = [], defaultStyles, propMap, ignoreList
 }
 //#endregion
-export { extractStyles };
+export { extractStyles, mergeStyleLayers };
 //# sourceMappingURL=styles.js.map

package/dist/utils/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","names":["Styles","extractStyles","props","styleList","defaultStyles","propMap","~~Record","~~ignoreList","ignoreSet","Set","styleSet","record","styles","has","~~undefined","~~prop","~~Object","keys","~~styleName"],"sources":["../../src/utils/styles.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/*\n Split properties into style and non-style properties.\n * Collects style-related props from `props` (based on `styleList`)\n * and merges them with `defaultStyles` and `props.styles`.\n \n @param props - Component prop map.\n * @param styleList - List of style property names to extract.\n * @param defaultStyles - Default style map of the component.\n * @param propMap - Props-to-style alias map (e.g. `{ bg: 'fill' }`).\n * @param ignoreList - Properties to skip during extraction.\n */\nexport function extractStyles(\n props: object,\n styleList: readonly string[] = [],\n defaultStyles?: Styles,\n propMap?: Record<string, string>,\n ignoreList: readonly string[] = [],\n): Styles {\n const ignoreSet = new Set(ignoreList);\n const styleSet = new Set(styleList);\n const record = props as Record<string, unknown>;\n\n const styles: ~~Styles~~ = {\n ~~...~~defaultStyles,\n ~~...(~~!ignoreSet.has('styles') &&\n record.styles &&\n typeof record.styles === 'object'\n ? (record.styles as Styles)\n : undefined),\n };\n\n for (const prop of Object.keys(record)) {\n if (ignoreSet.has(prop)) continue;\n\n const styleName = propMap?.[prop] ?? prop;\n\n if (styleSet.has(styleName)) {\n styles[styleName] = record[prop] as Styles[keyof Styles];\n }\n }\n\n return styles;\n}\n"],"mappings":";;;;;;;;;;;;;~~AAaA~~,~~SAAgBC~~,cACdC,OACAC,YAA+B,EAAE,EACjCC,eACAC,~~SACAE~~,aAAgC,EAAE,EAC1B;CACR,MAAMC,YAAY,IAAIC,IAAIF,WAAW;CACrC,MAAMG,WAAW,IAAID,~~IAAIN~~,UAAU;CACnC,~~MAAMQ~~,~~SAAST~~;~~CAEf~~,~~MAAMU~~,~~SAAiB;EACrB~~,~~GAAGR;EACH~~,~~GAAI~~,~~CAACI~~,UAAUK,IAAI,SAAS,~~IAC5BF~~,OAAOC,UACP,OAAOD,OAAOC,WAAW,~~WACpBD~~,OAAOC,~~SACRE~~;~~EACL;~~AAED,MAAK,~~MAAMC~~,~~QAAQC~~,OAAOC,~~KAAKN~~,OAAO,EAAE;AACtC,MAAIH,UAAUK,~~IAAIE~~,KAAK,CAAE;EAEzB,~~MAAMG~~,~~YAAYb~~,~~UAAUU~~,SAASA;AAErC,~~MAAIL~~,SAASG,~~IAAIK~~,UAAU,~~CACzBN~~,~~QAAOM~~,~~aAAaP~~,~~OAAOI~~;;AAI/B,~~QAAOH~~"}
1	+ {"version":3,"file":"styles.js","names":["isSelector","mergeStyles","Styles","StyleLayer","StyleRecord","Record","isRecord","value","Array","isArray","finalResets","layers","allowFalse","last","Map","layer","key","Object","keys","undefined","set","filter","mergeStyleLayers","present","merged","subLayers","sub","push","resets","length","fromEntries","extractStyles","props","styleList","defaultStyles","propMap","ignoreList","ignoreSet","Set","styleSet","record","styles","has","prop","styleName"],"sources":["../../src/utils/styles.ts"],"sourcesContent":["import { isSelector, mergeStyles } from '@tenphi/tasty';\n\nimport type { Styles } from '@tenphi/tasty';\n\ntype StyleLayer = Styles \| null \| undefined;\ntype StyleRecord = Record<string, unknown>;\n\nfunction isRecord(value: unknown): value is StyleRecord {\n return !!value && typeof value === 'object' && !Array.isArray(value);\n}\n\n/*\n The keys whose last explicit value across `layers` is a reset: `null`, or\n * `false` too where `allowFalse` (a sub-element key, which tasty drops for\n * either).\n /\nfunction finalResets(layers: StyleRecord[], allowFalse: boolean) {\n const last = new Map<string, unknown>();\n\n for (const layer of layers) {\n for (const key of Object.keys(layer)) {\n if (layer[key] !== undefined) last.set(key, layer[key]);\n }\n }\n\n return [...last].filter(\n ([key, value]) =>\n value === null \|\| (value === false && allowFalse && isSelector(key)),\n );\n}\n\n/\n Merge runtime style layers with tasty's `mergeStyles`, later layers winning.\n * This is the algorithm tasty applies between an element's own styles and its\n * `styles` prop: a state map without a `''` key extends the one below it,\n * sub-elements merge key by key, and `undefined` keeps the lower value.\n \n Resets are the one difference. The result is not final: it is passed on as\n * some element's `styles`, which tasty merges over that element's own styles\n * once more. `mergeStyles` applies a `null` by deleting the key, so a consumer's\n * `{ padding: null }` would vanish here, before it reached the element whose\n * padding it was meant to remove. Every reset that is the last word on its key,\n * top-level or inside a sub-element, is therefore written back into the result.\n /\nexport function mergeStyleLayers(...layers: StyleLayer[]): Styles {\n const present = layers.filter(isRecord) as StyleRecord[];\n const merged = mergeStyles(...(present as Styles[])) as StyleRecord;\n\n for (const [key, value] of finalResets(present, true)) merged[key] = value;\n\n for (const key of Object.keys(merged)) {\n if (!isSelector(key) \|\| !isRecord(merged[key])) continue;\n\n // The sub-element's layers since its last wholesale reset.\n let subLayers: StyleRecord[] = [];\n\n for (const layer of present) {\n const sub = layer[key];\n\n if (sub === null \|\| sub === false) subLayers = [];\n else if (isRecord(sub)) subLayers.push(sub);\n }\n\n const resets = finalResets(subLayers, false);\n\n // Copied first: a sub-element present in one layer is that layer's object.\n if (resets.length)\n merged[key] = { ...merged[key], ...Object.fromEntries(resets) };\n }\n\n return merged as Styles;\n}\n\n/\n Split properties into style and non-style properties.\n * Collects style-related props from `props` (based on `styleList`)\n * and merges them with `defaultStyles` and `props.styles`.\n \n @param props - Component prop map.\n * @param styleList - List of style property names to extract.\n * @param defaultStyles - Default style map of the component.\n * @param propMap - Props-to-style alias map (e.g. `{ bg: 'fill' }`).\n * @param ignoreList - Properties to skip during extraction.\n */\nexport function extractStyles(\n props: object,\n styleList: readonly string[] = [],\n defaultStyles?: Styles,\n propMap?: Record<string, string>,\n ignoreList: readonly string[] = [],\n): Styles {\n const ignoreSet = new Set(ignoreList);\n const styleSet = new Set(styleList);\n const record = props as Record<string, unknown>;\n\n // `props.styles` over the component defaults. The result is always a fresh\n // object, so the style props below can be assigned onto it.\n const styles = mergeStyleLayers(\n defaultStyles,\n !ignoreSet.has('styles') &&\n record.styles &&\n typeof record.styles === 'object'\n ? (record.styles as Styles)\n : undefined,\n );\n\n for (const prop of Object.keys(record)) {\n if (ignoreSet.has(prop)) continue;\n\n const styleName = propMap?.[prop] ?? prop;\n\n if (styleSet.has(styleName)) {\n styles[styleName] = record[prop] as Styles[keyof Styles];\n }\n }\n\n return styles;\n}\n"],"mappings":";;;;AAOA,SAASM,SAASC,OAAsC;AACtD,QAAO,CAAC,CAACA,SAAS,OAAOA,UAAU,YAAY,CAACC,MAAMC,QAAQF,MAAM;;;;;;;AAQtE,SAASG,YAAYC,QAAuBC,YAAqB;CAC/D,MAAMC,uBAAO,IAAIC,KAAsB;AAEvC,MAAK,MAAMC,SAASJ,OAClB,MAAK,MAAMK,OAAOC,OAAOC,KAAKH,MAAM,CAClC,KAAIA,MAAMC,SAASG,OAAWN,MAAKO,IAAIJ,KAAKD,MAAMC,KAAK;AAI3D,QAAO,CAAC,GAAGH,KAAK,CAACQ,QACd,CAACL,KAAKT,WACLA,UAAU,QAASA,UAAU,SAASK,cAAcZ,WAAWgB,IACnE,CAAC;;;;;;;;;;;;;;;AAgBH,SAAgBM,iBAAiB,GAAGX,QAA8B;CAChE,MAAMY,UAAUZ,OAAOU,OAAOf,SAAS;CACvC,MAAMkB,SAASvB,YAAY,GAAIsB,QAAqB;AAEpD,MAAK,MAAM,CAACP,KAAKT,UAAUG,YAAYa,SAAS,KAAK,CAAEC,QAAOR,OAAOT;AAErE,MAAK,MAAMS,OAAOC,OAAOC,KAAKM,OAAO,EAAE;AACrC,MAAI,CAACxB,WAAWgB,IAAI,IAAI,CAACV,SAASkB,OAAOR,KAAK,CAAE;EAGhD,IAAIS,YAA2B,EAAE;AAEjC,OAAK,MAAMV,SAASQ,SAAS;GAC3B,MAAMG,MAAMX,MAAMC;AAElB,OAAIU,QAAQ,QAAQA,QAAQ,MAAOD,aAAY,EAAE;YACxCnB,SAASoB,IAAI,CAAED,WAAUE,KAAKD,IAAI;;EAG7C,MAAME,SAASlB,YAAYe,WAAW,MAAM;AAG5C,MAAIG,OAAOC,OACTL,QAAOR,OAAO;GAAE,GAAGQ,OAAOR;GAAM,GAAGC,OAAOa,YAAYF,OAAM;GAAG;;AAGnE,QAAOJ;;;;;;;;;;;;;AAcT,SAAgBO,cACdC,OACAC,YAA+B,EAAE,EACjCC,eACAC,SACAC,aAAgC,EAAE,EAC1B;CACR,MAAMC,YAAY,IAAIC,IAAIF,WAAW;CACrC,MAAMG,WAAW,IAAID,IAAIL,UAAU;CACnC,MAAMO,SAASR;CAIf,MAAMS,SAASnB,iBACbY,eACA,CAACG,UAAUK,IAAI,SAAS,IACtBF,OAAOC,UACP,OAAOD,OAAOC,WAAW,WACtBD,OAAOC,SACRtB,OACL;AAED,MAAK,MAAMwB,QAAQ1B,OAAOC,KAAKsB,OAAO,EAAE;AACtC,MAAIH,UAAUK,IAAIC,KAAK,CAAE;EAEzB,MAAMC,YAAYT,UAAUQ,SAASA;AAErC,MAAIJ,SAASG,IAAIE,UAAU,CACzBH,QAAOG,aAAaJ,OAAOG;;AAI/B,QAAOF"}

package/dist/utils/tree.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { isDevEnvOrTest } from "./is-dev-env.js";
 //#region src/utils/warnings.ts

package/dist/version.js CHANGED Viewed

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.188.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.188.0";
-const TASTY_VERSION = "3.9.3";
+const VERSION = "0.189.0";
+const TASTY_VERSION = "3.9.6";
 if (typeof window !== "undefined") {
 	const version = VERSION;
 	const tastyVersion = TASTY_VERSION;