themelia-ui 1.0.0

package/dist/components/primitives/money.d.cts

@@ -0,0 +1,44 @@
+import { ReactNode, Ref } from 'react';
+import { MoneyFormatMode, MoneyDisplayMode, MoneyLayout, MoneySecondaryEmphasis } from '../../lib/ui-provider/index.cjs';
+import { SpanProps, ValueProps } from './value.cjs';
+/** The unit the amount ARRIVES in. `minor` is cents, pence, öre. */
+export type MoneyUnit = "major" | "minor";
+export interface MoneyValue {
+    amount?: number | string | null;
+    currency?: string;
+    /**
+     * Defaults to `major`.
+     *
+     * Worth having because a great many APIs store money in minor units to avoid float
+     * error, and dividing by a hundred at the call site is where a currency with a
+     * different exponent — JPY has none, KWD has three — becomes a wrong number.
+     */
+    unit?: MoneyUnit;
+    /** Minor units per major unit. Defaults to 100. */
+    minorUnitScale?: number;
+    /** How this amount is written, overriding the scope's `formatMode`. */
+    formatMode?: MoneyFormatMode;
+}
+export interface MoneyProps extends SpanProps, MoneyValue {
+    locale?: string;
+    emptyLabel?: ReactNode;
+    size?: ValueProps["size"];
+    align?: ValueProps["align"];
+    weight?: ValueProps["weight"];
+    type?: ValueProps["type"];
+    /**
+     * A converted value shown beside the primary one.
+     *
+     * Passing it is an explicit request for the pair. The scope's policy can narrow that
+     * — `displayMode="primary-only"` hides it — but never widens it: a component cannot
+     * invent a converted amount it was not given.
+     */
+    secondary?: MoneyValue | null;
+    displayMode?: MoneyDisplayMode;
+    layout?: MoneyLayout;
+    secondaryEmphasis?: MoneySecondaryEmphasis;
+    /** Between the two, inline. A middle dot; pass an arrow for a conversion. */
+    separator?: ReactNode;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function Money({ amount, currency, unit, minorUnitScale, formatMode, locale, align, secondary, displayMode, layout, secondaryEmphasis, separator, className, ...props }: MoneyProps): import("react").JSX.Element;

package/dist/components/primitives/money.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode, Ref } from 'react';
+import { MoneyFormatMode, MoneyDisplayMode, MoneyLayout, MoneySecondaryEmphasis } from '../../lib/ui-provider/index.js';
+import { SpanProps, ValueProps } from './value.js';
+/** The unit the amount ARRIVES in. `minor` is cents, pence, öre. */
+export type MoneyUnit = "major" | "minor";
+export interface MoneyValue {
+    amount?: number | string | null;
+    currency?: string;
+    /**
+     * Defaults to `major`.
+     *
+     * Worth having because a great many APIs store money in minor units to avoid float
+     * error, and dividing by a hundred at the call site is where a currency with a
+     * different exponent — JPY has none, KWD has three — becomes a wrong number.
+     */
+    unit?: MoneyUnit;
+    /** Minor units per major unit. Defaults to 100. */
+    minorUnitScale?: number;
+    /** How this amount is written, overriding the scope's `formatMode`. */
+    formatMode?: MoneyFormatMode;
+}
+export interface MoneyProps extends SpanProps, MoneyValue {
+    locale?: string;
+    emptyLabel?: ReactNode;
+    size?: ValueProps["size"];
+    align?: ValueProps["align"];
+    weight?: ValueProps["weight"];
+    type?: ValueProps["type"];
+    /**
+     * A converted value shown beside the primary one.
+     *
+     * Passing it is an explicit request for the pair. The scope's policy can narrow that
+     * — `displayMode="primary-only"` hides it — but never widens it: a component cannot
+     * invent a converted amount it was not given.
+     */
+    secondary?: MoneyValue | null;
+    displayMode?: MoneyDisplayMode;
+    layout?: MoneyLayout;
+    secondaryEmphasis?: MoneySecondaryEmphasis;
+    /** Between the two, inline. A middle dot; pass an arrow for a conversion. */
+    separator?: ReactNode;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function Money({ amount, currency, unit, minorUnitScale, formatMode, locale, align, secondary, displayMode, layout, secondaryEmphasis, separator, className, ...props }: MoneyProps): import("react").JSX.Element;

package/dist/components/primitives/name.d.cts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { ValueProps } from './value.cjs';
+export interface NameProps extends Omit<ValueProps, "children"> {
+    value?: string | null;
+    children?: ReactNode;
+    force?: boolean;
+}
+export declare function Name({ value, children, force, ...props }: NameProps): import("react").JSX.Element;

package/dist/components/primitives/name.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { ValueProps } from './value.js';
+export interface NameProps extends Omit<ValueProps, "children"> {
+    value?: string | null;
+    children?: ReactNode;
+    force?: boolean;
+}
+export declare function Name({ value, children, force, ...props }: NameProps): import("react").JSX.Element;

package/dist/components/primitives/name.format.d.cts

@@ -0,0 +1,5 @@
+export interface NameFormatOptions {
+    /** Title-case even when the value already looks intentionally cased. */
+    force?: boolean;
+}
+export declare function formatName(value: string, { force }?: NameFormatOptions): string;

package/dist/components/primitives/name.format.d.ts

@@ -0,0 +1,5 @@
+export interface NameFormatOptions {
+    /** Title-case even when the value already looks intentionally cased. */
+    force?: boolean;
+}
+export declare function formatName(value: string, { force }?: NameFormatOptions): string;

package/dist/components/primitives/number.d.cts

@@ -0,0 +1,21 @@
+import { ReactNode, Ref } from 'react';
+import { SpanProps, ValueProps } from './value.cjs';
+export interface NumberProps extends SpanProps {
+    value?: number | string | null;
+    locale?: string;
+    options?: Intl.NumberFormatOptions;
+    emptyLabel?: ReactNode;
+    size?: ValueProps["size"];
+    align?: ValueProps["align"];
+    weight?: ValueProps["weight"];
+    type?: ValueProps["type"];
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function Number_({ value, locale, options, align, ...props }: NumberProps): import("react").JSX.Element;
+export { Number_ as Number };
+export interface PercentProps extends Omit<NumberProps, "options"> {
+    /** The value is already 0–100 rather than 0–1. */
+    scaled?: boolean;
+    options?: Intl.NumberFormatOptions;
+}
+export declare function Percent({ value, locale, options, scaled, align, ...props }: PercentProps): import("react").JSX.Element;

package/dist/components/primitives/number.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode, Ref } from 'react';
+import { SpanProps, ValueProps } from './value.js';
+export interface NumberProps extends SpanProps {
+    value?: number | string | null;
+    locale?: string;
+    options?: Intl.NumberFormatOptions;
+    emptyLabel?: ReactNode;
+    size?: ValueProps["size"];
+    align?: ValueProps["align"];
+    weight?: ValueProps["weight"];
+    type?: ValueProps["type"];
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function Number_({ value, locale, options, align, ...props }: NumberProps): import("react").JSX.Element;
+export { Number_ as Number };
+export interface PercentProps extends Omit<NumberProps, "options"> {
+    /** The value is already 0–100 rather than 0–1. */
+    scaled?: boolean;
+    options?: Intl.NumberFormatOptions;
+}
+export declare function Percent({ value, locale, options, scaled, align, ...props }: PercentProps): import("react").JSX.Element;

package/dist/components/primitives/primitives.strings.d.cts

@@ -0,0 +1,43 @@
+/**
+ * Copy owned by the value primitives.
+ *
+ * In a file of their own for the reason every family in this kit keeps strings apart: a
+ * module that exports both a component and a constant loses fast refresh, and the lint
+ * budget counts it. It is also where a consumer looks — `defaultRatioStrings` beside
+ * `defaultHeaderSearchStrings` rather than buried in the component that happens to use it.
+ */
+export interface UrlStrings {
+    /**
+     * Announced after an external link's label.
+     *
+     * A link that opens a new tab has to say so — WCAG 3.2.5 is about a change of context
+     * arriving unrequested, and `target="_blank"` with nothing said is exactly that. It is
+     * copy rather than a glyph because a glyph cannot be translated and cannot be read.
+     */
+    opensInNewTab: string;
+}
+export declare const defaultUrlStrings: UrlStrings;
+export interface RatioStrings {
+    /** Joins the two numbers. "3 of 10". */
+    of: string;
+    /** The separator for `format="fraction"`. */
+    fraction: string;
+}
+export declare const defaultRatioStrings: RatioStrings;
+export interface RatingStrings {
+    /** Joins the score to the scale. "4.5 out of 5". */
+    outOf: string;
+}
+export declare const defaultRatingStrings: RatingStrings;
+export interface InlineListStrings {
+    /** Names the items not shown when `max` truncates. Receives the count. */
+    more: (count: number) => string;
+}
+export declare const defaultInlineListStrings: InlineListStrings;
+export interface CoordinatesStrings {
+    north: string;
+    south: string;
+    east: string;
+    west: string;
+}
+export declare const defaultCoordinatesStrings: CoordinatesStrings;

package/dist/components/primitives/primitives.strings.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Copy owned by the value primitives.
+ *
+ * In a file of their own for the reason every family in this kit keeps strings apart: a
+ * module that exports both a component and a constant loses fast refresh, and the lint
+ * budget counts it. It is also where a consumer looks — `defaultRatioStrings` beside
+ * `defaultHeaderSearchStrings` rather than buried in the component that happens to use it.
+ */
+export interface UrlStrings {
+    /**
+     * Announced after an external link's label.
+     *
+     * A link that opens a new tab has to say so — WCAG 3.2.5 is about a change of context
+     * arriving unrequested, and `target="_blank"` with nothing said is exactly that. It is
+     * copy rather than a glyph because a glyph cannot be translated and cannot be read.
+     */
+    opensInNewTab: string;
+}
+export declare const defaultUrlStrings: UrlStrings;
+export interface RatioStrings {
+    /** Joins the two numbers. "3 of 10". */
+    of: string;
+    /** The separator for `format="fraction"`. */
+    fraction: string;
+}
+export declare const defaultRatioStrings: RatioStrings;
+export interface RatingStrings {
+    /** Joins the score to the scale. "4.5 out of 5". */
+    outOf: string;
+}
+export declare const defaultRatingStrings: RatingStrings;
+export interface InlineListStrings {
+    /** Names the items not shown when `max` truncates. Receives the count. */
+    more: (count: number) => string;
+}
+export declare const defaultInlineListStrings: InlineListStrings;
+export interface CoordinatesStrings {
+    north: string;
+    south: string;
+    east: string;
+    west: string;
+}
+export declare const defaultCoordinatesStrings: CoordinatesStrings;

package/dist/components/primitives/quantity.d.cts

@@ -0,0 +1,57 @@
+import { ReactNode, Ref } from 'react';
+import { SpanProps, ValueProps } from './value.cjs';
+type SharedProps = SpanProps & {
+    locale?: string;
+    emptyLabel?: ReactNode;
+    size?: ValueProps["size"];
+    align?: ValueProps["align"];
+    weight?: ValueProps["weight"];
+    type?: ValueProps["type"];
+    ref?: Ref<HTMLSpanElement>;
+};
+/**
+ * The noun forms a locale might ask for.
+ *
+ * `one` and `other` cover English and most of the languages a consumer will start with;
+ * the rest exist because `Intl.PluralRules` returns them for Arabic, Welsh, Russian and
+ * others, and a component that ignored them would silently render the wrong word rather
+ * than fail. Anything missing falls back to `other`.
+ */
+export interface PluralForms {
+    one: string;
+    other: string;
+    zero?: string;
+    two?: string;
+    few?: string;
+    many?: string;
+}
+export interface QuantityProps extends SharedProps {
+    value?: number | null;
+    /** The noun, in the forms the locale may need. A bare string is used for every form. */
+    unit?: PluralForms | string;
+    /**
+     * Renders the noun alone when the count is zero — "no items" rather than "0 items".
+     *
+     * Off by default: a table column of "no items" reads worse than a column of zeroes,
+     * and the zero is the value being reported.
+     */
+    zeroLabel?: ReactNode;
+}
+export declare function Quantity({ value, unit, zeroLabel, locale, align, ...props }: QuantityProps): import("react").JSX.Element;
+export interface MeasureProps extends SharedProps {
+    value?: number | null;
+    /**
+     * A CSS-style unit identifier — `kilogram`, `meter`, `liter`, `celsius`, `byte`.
+     *
+     * Passed to `Intl.NumberFormat`, which owns both the abbreviation and where it goes:
+     * English writes "2.5 kg" and French writes "2,5 kg", and neither is a string this
+     * component should be assembling.
+     */
+    unit?: string;
+    /** `short` is "2.5 kg", `narrow` is "2.5kg", `long` is "2.5 kilograms". */
+    unitDisplay?: "short" | "narrow" | "long";
+    /** Caps the decimals. The value is not rounded before formatting. */
+    maximumFractionDigits?: number;
+}
+export declare function Measure({ value, unit, unitDisplay, maximumFractionDigits, locale, align, ...props }: MeasureProps): import("react").JSX.Element;
+export {};

package/dist/components/primitives/quantity.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode, Ref } from 'react';
+import { SpanProps, ValueProps } from './value.js';
+type SharedProps = SpanProps & {
+    locale?: string;
+    emptyLabel?: ReactNode;
+    size?: ValueProps["size"];
+    align?: ValueProps["align"];
+    weight?: ValueProps["weight"];
+    type?: ValueProps["type"];
+    ref?: Ref<HTMLSpanElement>;
+};
+/**
+ * The noun forms a locale might ask for.
+ *
+ * `one` and `other` cover English and most of the languages a consumer will start with;
+ * the rest exist because `Intl.PluralRules` returns them for Arabic, Welsh, Russian and
+ * others, and a component that ignored them would silently render the wrong word rather
+ * than fail. Anything missing falls back to `other`.
+ */
+export interface PluralForms {
+    one: string;
+    other: string;
+    zero?: string;
+    two?: string;
+    few?: string;
+    many?: string;
+}
+export interface QuantityProps extends SharedProps {
+    value?: number | null;
+    /** The noun, in the forms the locale may need. A bare string is used for every form. */
+    unit?: PluralForms | string;
+    /**
+     * Renders the noun alone when the count is zero — "no items" rather than "0 items".
+     *
+     * Off by default: a table column of "no items" reads worse than a column of zeroes,
+     * and the zero is the value being reported.
+     */
+    zeroLabel?: ReactNode;
+}
+export declare function Quantity({ value, unit, zeroLabel, locale, align, ...props }: QuantityProps): import("react").JSX.Element;
+export interface MeasureProps extends SharedProps {
+    value?: number | null;
+    /**
+     * A CSS-style unit identifier — `kilogram`, `meter`, `liter`, `celsius`, `byte`.
+     *
+     * Passed to `Intl.NumberFormat`, which owns both the abbreviation and where it goes:
+     * English writes "2.5 kg" and French writes "2,5 kg", and neither is a string this
+     * component should be assembling.
+     */
+    unit?: string;
+    /** `short` is "2.5 kg", `narrow` is "2.5kg", `long` is "2.5 kilograms". */
+    unitDisplay?: "short" | "narrow" | "long";
+    /** Caps the decimals. The value is not rounded before formatting. */
+    maximumFractionDigits?: number;
+}
+export declare function Measure({ value, unit, unitDisplay, maximumFractionDigits, locale, align, ...props }: MeasureProps): import("react").JSX.Element;
+export {};

package/dist/components/primitives/range.d.cts

@@ -0,0 +1,19 @@
+import { ReactNode, Ref } from 'react';
+import { SpanProps, ValueProps } from './value.cjs';
+export interface RangeProps extends SpanProps {
+    from?: number | null;
+    to?: number | null;
+    /** An ISO currency code. Renders the range as money. */
+    currency?: string;
+    /** A CSS-style unit identifier — `kilogram`, `day`. Renders the range with its unit. */
+    unit?: string;
+    maximumFractionDigits?: number;
+    locale?: string;
+    emptyLabel?: ReactNode;
+    size?: ValueProps["size"];
+    align?: ValueProps["align"];
+    weight?: ValueProps["weight"];
+    type?: ValueProps["type"];
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function Range({ from, to, currency, unit, maximumFractionDigits, locale, align, ...props }: RangeProps): import("react").JSX.Element;

package/dist/components/primitives/range.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode, Ref } from 'react';
+import { SpanProps, ValueProps } from './value.js';
+export interface RangeProps extends SpanProps {
+    from?: number | null;
+    to?: number | null;
+    /** An ISO currency code. Renders the range as money. */
+    currency?: string;
+    /** A CSS-style unit identifier — `kilogram`, `day`. Renders the range with its unit. */
+    unit?: string;
+    maximumFractionDigits?: number;
+    locale?: string;
+    emptyLabel?: ReactNode;
+    size?: ValueProps["size"];
+    align?: ValueProps["align"];
+    weight?: ValueProps["weight"];
+    type?: ValueProps["type"];
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function Range({ from, to, currency, unit, maximumFractionDigits, locale, align, ...props }: RangeProps): import("react").JSX.Element;

package/dist/components/primitives/ratio.d.cts

@@ -0,0 +1,42 @@
+import { ReactNode, Ref } from 'react';
+import { SpanProps, ValueProps } from './value.cjs';
+import { RatingStrings, RatioStrings } from './primitives.strings.cjs';
+type SharedProps = SpanProps & {
+    locale?: string;
+    emptyLabel?: ReactNode;
+    size?: ValueProps["size"];
+    align?: ValueProps["align"];
+    weight?: ValueProps["weight"];
+    type?: ValueProps["type"];
+    ref?: Ref<HTMLSpanElement>;
+};
+export interface RatioProps extends SharedProps {
+    value?: number | null;
+    /** What the value is counted against. Without it the component renders the value alone. */
+    total?: number | null;
+    /**
+     * `words` reads "3 of 10"; `fraction` reads "3/10".
+     *
+     * Words in prose, the fraction in a table — a column of "3 of 10" is mostly the word
+     * "of" repeated down the page.
+     */
+    format?: "words" | "fraction";
+    strings?: Partial<RatioStrings>;
+}
+export declare function Ratio({ value, total, format, locale, strings, align, ...props }: RatioProps): import("react").JSX.Element;
+export interface RatingProps extends SharedProps {
+    value?: number | null;
+    /** The top of the scale. Five unless said otherwise, which is the common instrument. */
+    max?: number;
+    /**
+     * Hides the scale, leaving the score alone.
+     *
+     * For a surface that states the scale elsewhere — a column headed "Rating / 5", or a
+     * row of stars that already shows it. Not the default, because "4.5" on its own is a
+     * number a reader has to guess the meaning of.
+     */
+    hideMax?: boolean;
+    strings?: Partial<RatingStrings>;
+}
+export declare function Rating({ value, max, hideMax, locale, strings, align, ...props }: RatingProps): import("react").JSX.Element;
+export {};

package/dist/components/primitives/ratio.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode, Ref } from 'react';
+import { SpanProps, ValueProps } from './value.js';
+import { RatingStrings, RatioStrings } from './primitives.strings.js';
+type SharedProps = SpanProps & {
+    locale?: string;
+    emptyLabel?: ReactNode;
+    size?: ValueProps["size"];
+    align?: ValueProps["align"];
+    weight?: ValueProps["weight"];
+    type?: ValueProps["type"];
+    ref?: Ref<HTMLSpanElement>;
+};
+export interface RatioProps extends SharedProps {
+    value?: number | null;
+    /** What the value is counted against. Without it the component renders the value alone. */
+    total?: number | null;
+    /**
+     * `words` reads "3 of 10"; `fraction` reads "3/10".
+     *
+     * Words in prose, the fraction in a table — a column of "3 of 10" is mostly the word
+     * "of" repeated down the page.
+     */
+    format?: "words" | "fraction";
+    strings?: Partial<RatioStrings>;
+}
+export declare function Ratio({ value, total, format, locale, strings, align, ...props }: RatioProps): import("react").JSX.Element;
+export interface RatingProps extends SharedProps {
+    value?: number | null;
+    /** The top of the scale. Five unless said otherwise, which is the common instrument. */
+    max?: number;
+    /**
+     * Hides the scale, leaving the score alone.
+     *
+     * For a surface that states the scale elsewhere — a column headed "Rating / 5", or a
+     * row of stars that already shows it. Not the default, because "4.5" on its own is a
+     * number a reader has to guess the meaning of.
+     */
+    hideMax?: boolean;
+    strings?: Partial<RatingStrings>;
+}
+export declare function Rating({ value, max, hideMax, locale, strings, align, ...props }: RatingProps): import("react").JSX.Element;
+export {};

package/dist/components/primitives/value-children.d.cts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare function renderValueChildren(children: ReactNode, emptyLabel: ReactNode): ReactNode;

package/dist/components/primitives/value-children.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare function renderValueChildren(children: ReactNode, emptyLabel: ReactNode): ReactNode;

package/dist/components/primitives/value.d.cts

@@ -0,0 +1,38 @@
+import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
+import { TextProps } from '../base/typography/index.cjs';
+import { TextSize } from '../../lib/ui-provider/index.cjs';
+export type SpanProps = Omit<ComponentPropsWithoutRef<"span">, "children" | "color">;
+/**
+ * `inherit` selects no colour, for a value inside a surface that already sets one — the
+ * over-limit half of a character count, a figure in a toned callout.
+ */
+export type ValueType = Extract<TextProps["type"], "inherit" | "main" | "secondary">;
+export interface ValueProps extends SpanProps {
+    children?: ReactNode;
+    /** Rendered when the value is absent. */
+    emptyLabel?: ReactNode;
+    size?: TextSize;
+    align?: TextProps["align"];
+    weight?: TextProps["weight"];
+    type?: ValueType;
+    /** Ellipsises the value at one line. Every flex box in the chain needs `min-width: 0` — see `Text`. */
+    truncate?: boolean;
+    ref?: Ref<HTMLSpanElement>;
+}
+/** Shared shell so the empty state and the BEM hook are defined once. */
+export declare function ValueRoot({ children, emptyLabel, size, align, weight, type, truncate, className, hook, numeric, ref, ...props }: ValueProps & {
+    hook: string;
+    numeric?: boolean;
+}): import("react").JSX.Element;
+export declare function Value(props: ValueProps): import("react").JSX.Element;
+/** A value that supports the primary one — a subtitle, a unit, a qualifier. */
+export declare function SecondaryValue({ type, ...props }: ValueProps): import("react").JSX.Element;
+/** Incidental copy — present, but not something the reader is meant to act on. */
+export declare function MutedValue({ type, size, ...props }: ValueProps): import("react").JSX.Element;
+/** Identifiers, hashes, SKUs — fixed width so they compare down a column. */
+export declare function MonoValue({ className, ...props }: ValueProps): import("react").JSX.Element;
+export interface EmptyValueProps extends Omit<ValueProps, "children"> {
+    label?: ReactNode;
+}
+/** The absent state on its own, for a slot that has nothing to show. */
+export declare function EmptyValue({ label, ...props }: EmptyValueProps): import("react").JSX.Element;

package/dist/components/primitives/value.d.ts

@@ -0,0 +1,38 @@
+import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
+import { TextProps } from '../base/typography/index.js';
+import { TextSize } from '../../lib/ui-provider/index.js';
+export type SpanProps = Omit<ComponentPropsWithoutRef<"span">, "children" | "color">;
+/**
+ * `inherit` selects no colour, for a value inside a surface that already sets one — the
+ * over-limit half of a character count, a figure in a toned callout.
+ */
+export type ValueType = Extract<TextProps["type"], "inherit" | "main" | "secondary">;
+export interface ValueProps extends SpanProps {
+    children?: ReactNode;
+    /** Rendered when the value is absent. */
+    emptyLabel?: ReactNode;
+    size?: TextSize;
+    align?: TextProps["align"];
+    weight?: TextProps["weight"];
+    type?: ValueType;
+    /** Ellipsises the value at one line. Every flex box in the chain needs `min-width: 0` — see `Text`. */
+    truncate?: boolean;
+    ref?: Ref<HTMLSpanElement>;
+}
+/** Shared shell so the empty state and the BEM hook are defined once. */
+export declare function ValueRoot({ children, emptyLabel, size, align, weight, type, truncate, className, hook, numeric, ref, ...props }: ValueProps & {
+    hook: string;
+    numeric?: boolean;
+}): import("react").JSX.Element;
+export declare function Value(props: ValueProps): import("react").JSX.Element;
+/** A value that supports the primary one — a subtitle, a unit, a qualifier. */
+export declare function SecondaryValue({ type, ...props }: ValueProps): import("react").JSX.Element;
+/** Incidental copy — present, but not something the reader is meant to act on. */
+export declare function MutedValue({ type, size, ...props }: ValueProps): import("react").JSX.Element;
+/** Identifiers, hashes, SKUs — fixed width so they compare down a column. */
+export declare function MonoValue({ className, ...props }: ValueProps): import("react").JSX.Element;
+export interface EmptyValueProps extends Omit<ValueProps, "children"> {
+    label?: ReactNode;
+}
+/** The absent state on its own, for a slot that has nothing to show. */
+export declare function EmptyValue({ label, ...props }: EmptyValueProps): import("react").JSX.Element;

package/dist/containers-BRpJt5S4.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs");let t=require("react");t=e.t(t,1);let n=require("react/jsx-runtime"),r=require("clsx");var i={pageViewport:`containers-module__pageViewport___xig7f`,container:`containers-module__container___8BTyG`,maxSm:`containers-module__maxSm___VQu9J`,maxMd:`containers-module__maxMd___W1iI6`,maxLg:`containers-module__maxLg___JFKjq`,maxXl:`containers-module__maxXl___n7RbY`,max2Xl:`containers-module__max2xl___7Ju2t`,maxFull:`containers-module__maxFull___ppC-6`,gutterNone:`containers-module__gutterNone___93BQO`,gutterSm:`containers-module__gutterSm___Abh9s`,gutterMd:`containers-module__gutterMd___0ExXn`,gutterLg:`containers-module__gutterLg___zOvaB`,section:`containers-module__section___tP2l0`,twoColumn:`containers-module__twoColumn___cxrOe`,twoColumnAsideStart:`containers-module__twoColumnAsideStart___dAZKy`,twoColumnMain:`containers-module__twoColumnMain___cdQhR`,twoColumnAside:`containers-module__twoColumnAside___TX47P`,twoColumnHeader:`containers-module__twoColumnHeader___AtqUk`,twoColumnFooter:`containers-module__twoColumnFooter___-6s2p`,twoColumnAsideSticky:`containers-module__twoColumnAsideSticky___nvN6k`},a=t.forwardRef(function({className:e,tabIndex:t=0,...a},o){return(0,n.jsx)(`div`,{ref:o,"data-slot":`page-viewport`,tabIndex:t,className:(0,r.clsx)(`page-viewport--component`,i.pageViewport,e),...a})}),o={sm:i.maxSm,md:i.maxMd,lg:i.maxLg,xl:i.maxXl,"2xl":i.max2Xl,full:i.maxFull},s={none:i.gutterNone,sm:i.gutterSm,md:i.gutterMd,lg:i.gutterLg},c=t.forwardRef(function({className:e,maxWidth:t=`xl`,gutter:a=`md`,...c},l){return(0,n.jsx)(`div`,{ref:l,"data-slot":`container`,className:(0,r.clsx)(`container--component`,i.container,o[t],s[a],e),...c})}),l=t.forwardRef(function({className:e,...t},a){return(0,n.jsx)(`section`,{ref:a,"data-slot":`section`,className:(0,r.clsx)(`section--component`,i.section,e),...t})}),u=t.forwardRef(function({header:e,main:t,aside:a,footer:o,stickyAside:s=!1,asidePosition:c=`end`,className:l,...u},d){return(0,n.jsxs)(`div`,{ref:d,"data-slot":`two-column-layout`,"data-aside":c,className:(0,r.clsx)(`two-column-layout--component`,i.twoColumn,c===`start`&&i.twoColumnAsideStart,l),...u,children:[e!=null&&(0,n.jsx)(`div`,{"data-slot":`two-column-layout-header`,className:i.twoColumnHeader,children:e}),(0,n.jsx)(`div`,{"data-slot":`two-column-layout-main`,className:i.twoColumnMain,children:t}),(0,n.jsx)(`aside`,{"data-slot":`two-column-layout-aside`,className:(0,r.clsx)(i.twoColumnAside,s&&i.twoColumnAsideSticky),children:a}),o!=null&&(0,n.jsx)(`div`,{"data-slot":`two-column-layout-footer`,className:i.twoColumnFooter,children:o})]})});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});