@cube-dev/ui-kit 0.0.0-canary-56d27f7 → 0.0.0-canary-7ed7035

package/dist/tokens/palette-config.js

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

package/dist/tokens/palette.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | Cube Dev Team */
 //#region src/utils/ResizeSensor.ts
 /**
 * Iterate over each of the provided element(s).

package/dist/utils/colors.js

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

package/dist/utils/dotize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef } from "react";
 

package/dist/utils/react/useControlledFocusVisible.js

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

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

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

package/dist/utils/react/useKeySymbols.js

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

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 

package/dist/utils/react/useOverlayEscapeGuard.js

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

package/dist/utils/react/usePopoverSync.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useScheme.js

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

package/dist/utils/react/useViewportSize.js

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

package/dist/utils/react/wrapNodeIfPlain.js

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

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | 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.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | Cube Dev Team */
 import { isDevEnvOrTest } from "./is-dev-env.js";
 
 //#region src/utils/warnings.ts

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-56d27f7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ed7035 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-56d27f7";
+const VERSION = "0.0.0-canary-7ed7035";
 const TASTY_VERSION = "3.9.2";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/components/content/Result.md

@@ -1,11 +1,12 @@
 # Result
 
-An empty state or result display with icon, title, and optional content. Supports status presets with built-in icons.
+An empty state or result display with icon, title, and optional content. Supports status presets with built-in icons, a prominent value, and an actions slot. The `large` size turns it into the vertical card used as the body of a confirmation or result dialog.
 
 ## When to Use
 
 - Empty states (no data, no results)
 - Success/error feedback after actions
+- Confirmation and result dialogs (payment complete, action failed)
 - 404, 403, 500 error pages
 - Informational messages
 
@@ -17,11 +18,34 @@ An empty state or result display with icon, title, and optional content. Support
 
 - **`status`** `'success' | 'error' | 'info' | 'warning' | 404 | 403 | 500` (default: `'info'`) — Predefined status with corresponding icon
 - **`title`** `ReactNode` — Main title text
+- **`value`** `ReactNode` — Prominent value between the title and the subtitle, e.g. an amount with currency
 - **`subtitle`** `ReactNode` — Secondary text below the title
 - **`subTitle`** `ReactNode` — Deprecated: use `subtitle` instead
-- **`icon`** `ReactNode` — Custom icon (overrides status icon)
+- **`icon`** `ReactNode` — Custom icon that replaces the status icon
+- **`size`** `'medium' | 'large'` (default: `'medium'`) — Visual scale. `large` is the dialog card: bigger icon and title, stacked full-width actions
 - **`isCompact`** `boolean` (default: `false`) — Compact horizontal layout
-- **`children`** `ReactNode` — Additional block content, e.g. a set of action buttons
+- **`actions`** `ReactNode` — Action buttons: a centered row by default, a stacked full-width column in the `large` size
+- **`children`** `ReactNode` — Free content between the text and the actions
+
+The elements render in this order: icon, title, value, subtitle, children, actions.
+
+### Base Properties
+
+Supports [Base properties](../../BaseProperties.md).
+
+### Styling Properties
+
+#### styles
+
+Customizes the root element of the component.
+
+**Sub-elements:**
+
+- `Icon` - The status icon wrapper. Colored by the `status` modifier. Not rendered when a custom `icon` is passed
+- `Title` - The text block holding the title, the value and the subtitle
+- `Value` - The prominent value. Uses tabular figures so amounts do not shift width
+- `Content` - The free `children` block
+- `Actions` - The `actions` block
 
 ### Style Defaults
 
@@ -30,14 +54,11 @@ An empty state or result display with icon, title, and optional content. Support
 - `placeContent` — `center` (switches to `start` when `isCompact`)
 - `placeItems` — `center` (switches to `start` when `isCompact`)
 - `gap` — `3x` (switches to `2x 1x` when `isCompact`)
-- `padding` — `6x 4x` (switches to `0` when `isCompact`)
+- `padding` — `6x 4x` (`0` when `isCompact`, `3x 1x` when `size="large"`)
 - `textAlign` — `center` (switches to `left` when `isCompact`)
 - `width` — `max 80ch` (caps the readable line length; override via the `width` prop)
 - `margin` — `0 auto` (centers Result horizontally within its parent; switches to `0` when `isCompact`)
-
-### Base Properties
-
-Supports [Base properties](../../BaseProperties.md).
+- `--icon-size` — `6x` (`10x` when `size="large"`)
 
 ### Style Properties
 
@@ -50,8 +71,39 @@ These properties allow direct style application without using the `styles` prop:
 - **Color:** `color`, `fill`, `fade`, `image`
 - **Flow:** `flow`, `place`, `placeItems`, `placeContent`, `alignItems`, `alignContent`, `justifyItems`, `justifyContent`, `align`, `justify`, `gap`, `columnGap`, `rowGap`, `gridColumns`, `gridRows`, `gridTemplate`, `gridAreas`
 
+### Modifiers
+
+The root element exposes these modifiers as `data-*` attributes:
+
+| Modifier | Type | Description |
+| --- | --- | --- |
+| `compact` | `boolean` | Set by `isCompact`: horizontal icon + title layout |
+| `size` | `'medium' \| 'large'` | Set by `size` |
+| `status` | `CubeResultStatus` | Set by `status`; drives the icon color |
+
+## Sizes
+
+- `medium` - Default. Icon `6x`, title `h4`, subtitle `t2m`, value `h3`, actions in a centered row
+- `large` - The dialog card. Icon `10x`, title `h2`, subtitle `t2` in `#dark-02`, value `h2`, actions stacked to the full width. Pass `size="large"` to the buttons to match
+
 ## Examples
 
+### Basic Usage
+
+```jsx
+<Result
+  status="success"
+  title="Successfully Purchased Cloud Server ECS!"
+  subtitle="Cloud server configuration takes 1-5 minutes, please wait."
+  actions={
+    <>
+      <Button type="primary">Go Console</Button>
+      <Button type="outline-2">Buy Again</Button>
+    </>
+  }
+/>
+```
+
 ### Info
 
 ### Warning
@@ -60,14 +112,129 @@ These properties allow direct style application without using the `styles` prop:
 
 ### Custom Icon
 
+```jsx
+<Result
+  title="Access is denied!"
+  subtitle="Request access from the administrator."
+  icon={
+    <Icon color="#warning">
+      <IconLock />
+    </Icon>
+  }
+  actions={<Button>Request</Button>}
+/>
+```
+
 ### Custom Title
 
+### With a Value
+
+The `value` slot sits between the title and the subtitle. The title says what happened, the value says how much, the subtitle explains the details.
+
+```jsx
+<Result
+  status="success"
+  title="Payment complete"
+  value="$1,234.00"
+  subtitle="Charged to Visa **** 4242"
+  actions={<Button type="primary">Done</Button>}
+/>
+```
+
 ### Compact
 
+### Large
+
+The `large` size is the vertical card for confirmation and result dialogs.
+
+```jsx
+<Result
+  size="large"
+  status="success"
+  title="Payment complete"
+  value="$1,234.00"
+  subtitle="Charged to Visa **** 4242"
+  actions={
+    <Button type="primary" size="large">
+      Done
+    </Button>
+  }
+/>
+```
+
+Show a value only where money moved. A failed or unknown result leaves it out, so a large amount never reads as a charge that did not happen. Free `children` (an alert, details) stretch to the full width in this size.
+
+### In a Dialog
+
+Inside a `Dialog` the `large` Result is the whole body: no `Header` and no `Footer`. Its title takes the dialog `title` slot, so the dialog is labelled by it automatically.
+
+```jsx
+<DialogContainer isOpen={isOpen} onDismiss={close}>
+  <Dialog size="S">
+    <Content>
+      <Result
+        size="large"
+        status="success"
+        title="Payment complete"
+        value="$1,234.00"
+        subtitle="Charged to Visa **** 4242"
+        actions={
+          <Button type="primary" size="large" onPress={close}>
+            Done
+          </Button>
+        }
+      />
+    </Content>
+  </Dialog>
+</DialogContainer>
+```
+
 ### Width Limit
 
 The default `width: max 80ch` keeps long copy in a comfortable reading column even inside a much wider parent. Override the cap by passing your own `width`.
 
+## Accessibility
+
+### Screen Reader Support
+
+- The title renders as an `h2` heading and the subtitle as an `h3`, so the result is reachable through heading navigation
+- Inside a `Dialog` without a `Header`, the title takes the dialog's `title` slot and becomes its accessible name
+
+### Keyboard Navigation
+
+- The component itself is not focusable; the buttons passed through `actions` keep their own keyboard behavior
+
+## Best Practices
+
+1. **Do**: Put the buttons in `actions` and keep `children` for content
+
+   ```jsx
+   <Result title="Payment failed" actions={<Button>Update card</Button>}>
+     <Alert>Nothing was charged.</Alert>
+   </Result>
+   ```
+
+2. **Don't**: Combine a `large` Result with a dialog `Header`. Both titles would take the dialog `title` slot and share one id
+
+   ```jsx
+   <Dialog>
+     <Header>
+       <Title>Payment</Title>
+     </Header>
+     <Content>
+       <Result size="large" title="Payment complete" />
+     </Content>
+   </Dialog>
+   ```
+
+3. **Value**: Show it only where the number is the outcome. Leave it out of a failed or uncertain result
+
+## Related Components
+
+- [Dialog](../overlays/Dialog.md) - Host for the `large` Result card
+- [AlertDialog](../overlays/AlertDialog.md) - Confirmation with a header and footer instead of a result card
+- [Alert](./Alert.md) - Inline status message for the `children` slot
+
 ## Differences from Ant Design
 
 | There are differences | Ant Design property | Cube UIKit property |
@@ -76,4 +243,4 @@ The default `width: max 80ch` keeps long copy in a comfortable reading column ev
 |          No           |       `title`       |       `title`       |
 |          Yes          |     `subTitle`      |     `subtitle`      |
 |          No           |       `icon`        |       `icon`        |
-|          Yes          |       `extra`       |     `children`      |
+|          Yes          |       `extra`       |      `actions`      |