@cube-dev/ui-kit 0.159.0 → 0.161.0

package/dist/probe/canonicalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canonicalize.js","names":[],"sources":["../../src/probe/canonicalize.ts"],"sourcesContent":["/**\n * Normalising generated identifiers out of rendered output.\n *\n * Moved here from `src/eslint-plugin/probe.tsx` so consumers can reach them:\n * that file is not part of the `./eslint-plugin` entry, so nothing outside this\n * repo could import it. `probe.tsx` re-exports them, so its own callers and the\n * defaults registry are unaffected.\n *\n * Both functions exist for the same reason — comparing two renders byte-for-byte\n * requires dropping values that are arbitrary per render but structurally\n * meaningful in aggregate.\n */\n\n/**\n * Replace generated element IDs with positional placeholders.\n *\n * React's `useId` draws from a global counter, so the same tree rendered twice\n * yields `«r0»` then `«r2»` and a byte comparison would fail for every\n * component that labels an input. Rewriting each distinct ID to `«idN»` in\n * order of first appearance keeps the `id` <-> `aria-labelledby` / `for`\n * relationships meaningful — a structural change still shows up as a\n * difference — while dropping the counter's absolute value.\n */\nexport function canonicalizeIds(text: string): string {\n  const seen = new Map<string, string>();\n\n  const replace = (match: string) => {\n    let placeholder = seen.get(match);\n\n    if (!placeholder) {\n      placeholder = `«id${seen.size}»`;\n      seen.set(match, placeholder);\n    }\n\n    return placeholder;\n  };\n\n  return (\n    text\n      // `[^«»]`, not `[^»]`: excluding the OPENING delimiter too keeps this\n      // linear. With `[^»]*` an unterminated run of `«` makes the engine scan\n      // to the end of the input from every one of them — quadratic, and\n      // reachable now that this is published API called on caller-supplied\n      // markup rather than only on our own renders (CodeQL js/polynomial-redos).\n      // It is also the tighter reading: an unterminated `«r0` should not\n      // swallow the next ID.\n      .replace(/«[^«»]*»/g, replace)\n      // react-aria mints its own counter-based IDs in several shapes:\n      // `react-aria1`, `react-aria-1`, and `react-aria-description-0`.\n      .replace(/\\breact-aria[\\w-]*?\\d+\\b/g, replace)\n  );\n}\n\n/**\n * Replace tasty's generated class names with positional placeholders.\n *\n * The hash is derived from the *input* style object, not the CSS it produces, so\n * two inputs that normalise to identical CSS still get different class names.\n * `<Space>` sets `gap: true` and `<Space gap=\"1x\">` resolves to the same\n * `gap: var(--gap)` — the emitted rules are byte-identical and only the hash\n * differs.\n *\n * Placeholders are assigned in order of first appearance, so this cannot hide a\n * genuine difference: an extra, missing or reordered class shifts the sequence\n * and still compares unequal. Only the arbitrary hash value is normalised away.\n *\n * The pattern requires a digit so it matches `t1iuxaru` / `tp3unhd` without\n * touching all-letter CSS keywords that happen to start with `t` (`translate`,\n * `transform`).\n */\nexport function canonicalizeClassNames(text: string): string {\n  const seen = new Map<string, string>();\n\n  return text.replace(\n    /\\bt(?=[a-z0-9]{6,8}\\b)(?![a-z]+\\b)[a-z0-9]{6,8}\\b/g,\n    (match) => {\n      let placeholder = seen.get(match);\n\n      if (!placeholder) {\n        placeholder = `tcls${seen.size}`;\n        seen.set(match, placeholder);\n      }\n\n      return placeholder;\n    },\n  );\n}\n\n/** Both normalisations, in the order a probe applies them. */\nexport function canonicalize(text: string): string {\n  return canonicalizeClassNames(canonicalizeIds(text));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,gBAAgB,MAAsB;CACpD,MAAM,uBAAO,IAAI,KAAqB;CAEtC,MAAM,WAAW,UAAkB;EACjC,IAAI,cAAc,KAAK,IAAI,MAAM;AAEjC,MAAI,CAAC,aAAa;AAChB,iBAAc,MAAM,KAAK,KAAK;AAC9B,QAAK,IAAI,OAAO,YAAY;;AAG9B,SAAO;;AAGT,QACE,KAQG,QAAQ,aAAa,QAAQ,CAG7B,QAAQ,6BAA6B,QAAQ;;;;;;;;;;;;;;;;;;;AAqBpD,SAAgB,uBAAuB,MAAsB;CAC3D,MAAM,uBAAO,IAAI,KAAqB;AAEtC,QAAO,KAAK,QACV,uDACC,UAAU;EACT,IAAI,cAAc,KAAK,IAAI,MAAM;AAEjC,MAAI,CAAC,aAAa;AAChB,iBAAc,OAAO,KAAK;AAC1B,QAAK,IAAI,OAAO,YAAY;;AAG9B,SAAO;GAEV;;;AAIH,SAAgB,aAAa,MAAsB;AACjD,QAAO,uBAAuB,gBAAgB,KAAK,CAAC"}

package/dist/probe/css.d.ts

@@ -0,0 +1,39 @@
+
+//#region src/probe/css.d.ts
+/** One captured pass: the raw CSS text plus any rules the engine rejected. */
+interface CssCapture {
+  text: string;
+  warnings: string[];
+}
+/**
+ * Split a `getCSSTextForNode` dump into individual rules.
+ *
+ * The dump is one rule per line, including at-rules whose block is inlined onto
+ * the same line, so lines are the natural unit.
+ */
+declare function splitRules(text: string): string[];
+/**
+ * Rules present in `full` but not in `baseline`, in their original order.
+ *
+ * Set-based rather than positional: the injector is free to reorder or coalesce
+ * chunks between passes, and a positional diff would report the whole tail as
+ * new the first time that happens.
+ */
+declare function diffRules(baseline: string, full: string): string[];
+/**
+ * Capture the CSS for a node, collecting the rules the CSS engine refused.
+ *
+ * jsdom does not merely fail to *resolve* `@container style()` and `@property`
+ * rules — it discards them, so a jsdom-derived dump is incomplete rather than
+ * unresolved for any component that uses them. tasty reports each rejection
+ * through `console.warn`, so collect them rather than suppressing: a caller
+ * needs to know when its answer is partial.
+ *
+ * Matched case-insensitively — tasty emits `[Tasty]` with a capital T, and this
+ * repo's own jsdom setup filtered for `[tasty]` for a long time without ever
+ * matching.
+ */
+declare function captureCss(node: ParentNode): CssCapture;
+//#endregion
+export { CssCapture, captureCss, diffRules, splitRules };
+//# sourceMappingURL=css.d.ts.map

package/dist/probe/css.js

@@ -0,0 +1,79 @@
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+import { getCSSTextForNode } from "@tenphi/tasty";
+
+//#region src/probe/css.ts
+/**
+* Extracting the CSS a rendered subtree actually caused.
+*
+* The naive approach — read `getCSSTextForNode` for the node you care about —
+* does not work under a `<Root>`, for two independent reasons:
+*
+* 1. `<Root>` declares the whole design-system token block, so the dump is
+*    dominated by rules the subtree did not cause (~119KB of ~135KB in Cube
+*    Cloud's console-ui).
+* 2. Scoping the query to an inner wrapper looks like the fix and is not:
+*    `<Root>` is the `PortalProvider` target, so Dialog / Menu / Tooltip /
+*    Select popups mount as *siblings* of that wrapper. Their CSS — and their
+*    markup — silently vanish from the result.
+*
+* So measure the whole region twice and subtract: capture the empty harness,
+* mount the subject, capture again, and diff. Portals are inside the measured
+* region in both passes, so they survive.
+*/
+/**
+* Split a `getCSSTextForNode` dump into individual rules.
+*
+* The dump is one rule per line, including at-rules whose block is inlined onto
+* the same line, so lines are the natural unit.
+*/
+function splitRules(text) {
+	return text.split("\n").map((line) => line.trim()).filter(Boolean);
+}
+/**
+* Rules present in `full` but not in `baseline`, in their original order.
+*
+* Set-based rather than positional: the injector is free to reorder or coalesce
+* chunks between passes, and a positional diff would report the whole tail as
+* new the first time that happens.
+*/
+function diffRules(baseline, full) {
+	const seen = new Set(splitRules(baseline));
+	return splitRules(full).filter((rule) => !seen.has(rule));
+}
+/**
+* Capture the CSS for a node, collecting the rules the CSS engine refused.
+*
+* jsdom does not merely fail to *resolve* `@container style()` and `@property`
+* rules — it discards them, so a jsdom-derived dump is incomplete rather than
+* unresolved for any component that uses them. tasty reports each rejection
+* through `console.warn`, so collect them rather than suppressing: a caller
+* needs to know when its answer is partial.
+*
+* Matched case-insensitively — tasty emits `[Tasty]` with a capital T, and this
+* repo's own jsdom setup filtered for `[tasty]` for a long time without ever
+* matching.
+*/
+function captureCss(node) {
+	const warnings = [];
+	const original = console.warn;
+	console.warn = (...args) => {
+		const first = args[0];
+		if (typeof first === "string" && first.toLowerCase().includes("browser rejected css rule")) {
+			warnings.push(args.slice(1).map(String).join(" "));
+			return;
+		}
+		original(...args);
+	};
+	try {
+		return {
+			text: getCSSTextForNode(node),
+			warnings
+		};
+	} finally {
+		console.warn = original;
+	}
+}
+
+//#endregion
+export { captureCss, diffRules, splitRules };
+//# sourceMappingURL=css.js.map

package/dist/probe/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["../../src/probe/css.ts"],"sourcesContent":["/**\n * Extracting the CSS a rendered subtree actually caused.\n *\n * The naive approach — read `getCSSTextForNode` for the node you care about —\n * does not work under a `<Root>`, for two independent reasons:\n *\n * 1. `<Root>` declares the whole design-system token block, so the dump is\n *    dominated by rules the subtree did not cause (~119KB of ~135KB in Cube\n *    Cloud's console-ui).\n * 2. Scoping the query to an inner wrapper looks like the fix and is not:\n *    `<Root>` is the `PortalProvider` target, so Dialog / Menu / Tooltip /\n *    Select popups mount as *siblings* of that wrapper. Their CSS — and their\n *    markup — silently vanish from the result.\n *\n * So measure the whole region twice and subtract: capture the empty harness,\n * mount the subject, capture again, and diff. Portals are inside the measured\n * region in both passes, so they survive.\n */\nimport { getCSSTextForNode } from '@tenphi/tasty';\n\n/** One captured pass: the raw CSS text plus any rules the engine rejected. */\nexport interface CssCapture {\n  text: string;\n  warnings: string[];\n}\n\n/**\n * Split a `getCSSTextForNode` dump into individual rules.\n *\n * The dump is one rule per line, including at-rules whose block is inlined onto\n * the same line, so lines are the natural unit.\n */\nexport function splitRules(text: string): string[] {\n  return text\n    .split('\\n')\n    .map((line) => line.trim())\n    .filter(Boolean);\n}\n\n/**\n * Rules present in `full` but not in `baseline`, in their original order.\n *\n * Set-based rather than positional: the injector is free to reorder or coalesce\n * chunks between passes, and a positional diff would report the whole tail as\n * new the first time that happens.\n */\nexport function diffRules(baseline: string, full: string): string[] {\n  const seen = new Set(splitRules(baseline));\n\n  return splitRules(full).filter((rule) => !seen.has(rule));\n}\n\n/**\n * Capture the CSS for a node, collecting the rules the CSS engine refused.\n *\n * jsdom does not merely fail to *resolve* `@container style()` and `@property`\n * rules — it discards them, so a jsdom-derived dump is incomplete rather than\n * unresolved for any component that uses them. tasty reports each rejection\n * through `console.warn`, so collect them rather than suppressing: a caller\n * needs to know when its answer is partial.\n *\n * Matched case-insensitively — tasty emits `[Tasty]` with a capital T, and this\n * repo's own jsdom setup filtered for `[tasty]` for a long time without ever\n * matching.\n */\nexport function captureCss(node: ParentNode): CssCapture {\n  const warnings: string[] = [];\n  const original = console.warn;\n\n  console.warn = (...args: unknown[]) => {\n    const first = args[0];\n\n    if (\n      typeof first === 'string' &&\n      first.toLowerCase().includes('browser rejected css rule')\n    ) {\n      warnings.push(args.slice(1).map(String).join(' '));\n\n      return;\n    }\n\n    original(...args);\n  };\n\n  try {\n    return { text: getCSSTextForNode(node), warnings };\n  } finally {\n    console.warn = original;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAgB,WAAW,MAAwB;AACjD,QAAO,KACJ,MAAM,KAAK,CACX,KAAK,SAAS,KAAK,MAAM,CAAC,CAC1B,OAAO,QAAQ;;;;;;;;;AAUpB,SAAgB,UAAU,UAAkB,MAAwB;CAClE,MAAM,OAAO,IAAI,IAAI,WAAW,SAAS,CAAC;AAE1C,QAAO,WAAW,KAAK,CAAC,QAAQ,SAAS,CAAC,KAAK,IAAI,KAAK,CAAC;;;;;;;;;;;;;;;AAgB3D,SAAgB,WAAW,MAA8B;CACvD,MAAM,WAAqB,EAAE;CAC7B,MAAM,WAAW,QAAQ;AAEzB,SAAQ,QAAQ,GAAG,SAAoB;EACrC,MAAM,QAAQ,KAAK;AAEnB,MACE,OAAO,UAAU,YACjB,MAAM,aAAa,CAAC,SAAS,4BAA4B,EACzD;AACA,YAAS,KAAK,KAAK,MAAM,EAAE,CAAC,IAAI,OAAO,CAAC,KAAK,IAAI,CAAC;AAElD;;AAGF,WAAS,GAAG,KAAK;;AAGnB,KAAI;AACF,SAAO;GAAE,MAAM,kBAAkB,KAAK;GAAE;GAAU;WAC1C;AACR,UAAQ,OAAO"}

package/dist/probe/index.d.ts

@@ -0,0 +1,4 @@
+
+import { canonicalize, canonicalizeClassNames, canonicalizeIds } from "./canonicalize.js";
+import { CssCapture, captureCss, diffRules, splitRules } from "./css.js";
+export { type CssCapture, canonicalize, canonicalizeClassNames, canonicalizeIds, captureCss, diffRules, splitRules };

package/dist/probe/index.js

@@ -0,0 +1,5 @@
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+import { canonicalize, canonicalizeClassNames, canonicalizeIds } from "./canonicalize.js";
+import { captureCss, diffRules, splitRules } from "./css.js";
+
+export { canonicalize, canonicalizeClassNames, canonicalizeIds, captureCss, diffRules, splitRules };

package/dist/provider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import { EventBusProvider } from "./utils/react/useEventBus.js";
 import { defaultNavigationAdapter } from "./providers/navigationAdapter.default.js";
 import { createContext, useContext, useMemo } from "react";

package/dist/providers/TrackingProvider.js

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

package/dist/providers/navigationAdapter.default.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 //#region src/providers/navigationAdapter.default.ts
 /**
 * Converts a Path object to a string URL

package/dist/tokens/base.js

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

package/dist/tokens/color-theme.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import { DEFAULT_SATURATION, getPaletteConfig, getPaletteVersion, usePaletteVersion } from "./palette-config.js";
 import { TINT_RECIPE } from "./palette.js";
 import { useGlobalStyles } from "@tenphi/tasty";

package/dist/tokens/colors.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.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/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import { DEFAULT_PALETTE_CONFIG, getPaletteConfig, getPaletteConfigInput, getPaletteVersion, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteVersion } from "./palette-config.js";
 import { BASE_TOKENS } from "./base.js";
 import { lazyStyles } from "./lazy-styles.js";

package/dist/tokens/layout.js

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

package/dist/tokens/lazy-styles.js

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

package/dist/tokens/palette-config.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import { useSyncExternalStore } from "react";
 
 //#region src/tokens/palette-config.ts

package/dist/tokens/palette.js

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

package/dist/tokens/shadows.js

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

package/dist/tokens/sizes.js

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

package/dist/tokens/spacing.js

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

package/dist/tokens/typography.js

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

package/dist/utils/ResizeSensor.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 //#region src/utils/is-dev-env.ts
 function isDevEnv() {
 	if (typeof window !== "undefined" && window.localStorage) try {

package/dist/utils/modules.js

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

package/dist/utils/promise.js

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

package/dist/utils/raf.js

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

package/dist/utils/random.js

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

package/dist/utils/range.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.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

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

package/dist/utils/react/Slots.js

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

package/dist/utils/react/chain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.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/forwardRefWithGenerics.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import { useState } from "react";
 import { useFocus, useFocusVisible } from "react-aria";
 

package/dist/utils/react/isTextOnly.js

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

package/dist/utils/react/mapProps.js

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

package/dist/utils/react/mergeProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.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/resolveIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.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

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

package/dist/utils/react/useBufferedValue.js

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

package/dist/utils/react/useCombinedRefs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import { useEffect, useRef } from "react";
 
 //#region src/utils/react/useCombinedRefs.ts

package/dist/utils/react/useControlledFocusVisible.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { useEffect } from "react";
 import { useFocusVisible } from "react-aria";

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";
 
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useEffect, useRef, useState } from "react";
 import { useSSRSafeId } from "@react-aria/ssr";

package/dist/utils/react/useIsDarwin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useIsDarwin.ts

package/dist/utils/react/useKeySymbols.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { useMemo } from "react";
 

package/dist/utils/react/useLayoutEffect.js

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

package/dist/utils/react/useLocalStorage.js

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

package/dist/utils/react/useMergeStyles.js

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

package/dist/utils/react/usePopoverSync.js

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

package/dist/utils/react/useQaProps.js

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

package/dist/utils/react/useViewportSize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useViewportSize.ts

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 import { isValidElement } from "react";
 import { isFragment } from "react-is";
 

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 //#region src/utils/styles.ts
 /**
 * Split properties into style and non-style properties.

package/dist/utils/tree.js

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

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {
 	disabled: "isDisabled",

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.159.0";
+const VERSION = "0.161.0";
 const TASTY_VERSION = "3.0.1";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/components/actions/Button.md

@@ -15,7 +15,7 @@ A versatile action component that triggers commands and navigates users.
 
 ## Properties
 
-- **`type`** `'primary' | 'outline' | 'outline-2' | 'clear' | 'link'` (default: `outline`) — Visual style variant of the button (`outline-2` is identical to `outline` but uses `#surface-3` as the base fill; not available for the `special` theme)
+- **`type`** `'primary' | 'outline' | 'outline-2' | 'clear' | 'link' | 'current'` (default: `outline`) — Visual style variant of the button (`outline-2` is identical to `outline` but uses `#surface-3` as the base fill; not available for the `special` theme. `current` derives its colors from the inherited text color and ignores `theme`)
 - **`theme`** `'default' | 'danger' | 'success' | 'warning' | 'note' | 'special'` (default: `default`) — Semantic colour palette theme
 - **`size`** `'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'inline' | number` (default: `medium`) — Button size. Use `'inline'` for link-type buttons or a number/string for custom sizes (e.g. `64` or `'8x'`)
 - **`icon`** — Icon rendered before the content. Can be: ReactNode, `true` (empty slot), or function `({ loading, selected, ...mods }) => ReactNode | true`
@@ -82,6 +82,7 @@ The `mods` prop accepts the following modifiers you can override:
 - `outline` – Border with transparent background; `isSelected` adds brand-tinted fill.
 - `clear` – No border, transparent background; `isSelected` adds brand-tinted fill.
 - `link` – Styled as a textual link.
+- `current` – Fill, border and label are mixed from the inherited text color (`#current`), so the button adopts the color of whatever container it sits in. The resting chip is a `#current.03` fill inside a `#current.08` border, and hover, pressed and selected step the same alpha ramp up from there; the label stays fully opaque. The focus ring stays `#primary-accent-text`, like every other type. Theme-agnostic — there is a single variant, and `theme` has no effect. Use it inside colored containers (alerts, banners, dark overlays, tooltips). `Item` has a `current` type too, shaped like its neutral `item` type instead: borderless and invisible at rest.
 
 ### Themes. `theme` prop