@rookcom/monarch-react 0.0.0-stage → 0.3.0

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

@@ -0,0 +1,44 @@
+import { type HTMLAttributes } from 'react';
+/** An amount: a number, a bigint (minor units) or an exact decimal string such as `"1234.50"`. */
+export type MoneyAmount = number | bigint | string;
+export interface FormatMoneyOptions {
+    /** BCP 47 locale, e.g. `en-IN`. Default: the runtime locale. */
+    locale?: string;
+    /** `amount` is in the currency's minor units (cents, paise): `1999` with USD is $19.99. */
+    minorUnits?: boolean;
+    /** `compact` writes $1.2M. Default `standard`. */
+    notation?: 'standard' | 'compact';
+    /** `Intl.NumberFormat` sign display. `exceptZero` shows +/− for gains and losses. Default `auto`. */
+    signDisplay?: 'auto' | 'always' | 'exceptZero' | 'never';
+    /** How the currency is written: `symbol` ($), `narrowSymbol`, `code` (USD) or `name` (US dollars). Default `symbol`. */
+    currencyDisplay?: 'symbol' | 'narrowSymbol' | 'code' | 'name';
+    /** `accounting` writes negatives in parentheses where the locale does. Default `standard`. */
+    currencySign?: 'standard' | 'accounting';
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+}
+/** Number of minor-unit digits for an ISO 4217 currency (USD 2, JPY 0, KWD 3). */
+export declare function currencyDigits(currency: string): number;
+/** Formats an amount of one currency with `Intl.NumberFormat`. */
+export declare function formatMoney(amount: MoneyAmount, currency: string, options?: FormatMoneyOptions): string;
+export interface MoneyProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, FormatMoneyOptions {
+    /** The amount. `null` or `undefined` renders `emptyLabel`. */
+    amount: MoneyAmount | null | undefined;
+    /** ISO 4217 code, e.g. `USD`, `EUR`, `INR`. */
+    currency: string;
+    /**
+     * Colour negative amounts with the danger text colour (`data-negative` is
+     * set either way). The minus sign or parentheses always carry the meaning.
+     * Default `false`.
+     */
+    toneNegative?: boolean;
+    /** Shown when `amount` is missing. Default "—", read as "No amount". */
+    emptyLabel?: string;
+}
+/**
+ * A formatted amount in tabular figures. With `notation="compact"` the short
+ * form is shown and the full amount is given to assistive technology and as
+ * a hover title.
+ */
+export declare const Money: import("react").ForwardRefExoticComponent<MoneyProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=money.d.ts.map

package/dist/components/billing/money/money.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../../src/components/billing/money/money.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,kGAAkG;AAClG,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,qGAAqG;IACrG,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC;IACzD,wHAAwH;IACxH,eAAe,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9D,8FAA8F;IAC9F,YAAY,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACzC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,kFAAkF;AAClF,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAKvD;AA4BD,kEAAkE;AAClE,wBAAgB,WAAW,CACzB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,kBAAuB,GAC/B,MAAM,CAWR;AAED,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,EAAE,kBAAkB;IAC7E,8DAA8D;IAC9D,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,wGAkEhB,CAAC"}

package/dist/components/billing/money/money.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cx } from '../../../internal/cx.js';
+import { VisuallyHidden } from '../../layout/visually-hidden/index.js';
+/** Number of minor-unit digits for an ISO 4217 currency (USD 2, JPY 0, KWD 3). */
+export function currencyDigits(currency) {
+    return (new Intl.NumberFormat('en', { style: 'currency', currency }).resolvedOptions()
+        .maximumFractionDigits ?? 2);
+}
+/** Converts a minor-unit amount to an exact decimal string without floating-point loss. */
+function minorToDecimal(amount, digits) {
+    let raw;
+    if (typeof amount === 'bigint')
+        raw = amount.toString();
+    else if (typeof amount === 'number')
+        raw = Math.round(amount).toString();
+    else
+        raw = amount.trim().replace(/\.0*$/, '');
+    if (!/^-?\d+$/.test(raw))
+        throw new RangeError(`Money: minor units must be an integer, got ${raw}`);
+    if (digits === 0)
+        return raw;
+    const negative = raw.startsWith('-');
+    const digitsOnly = (negative ? raw.slice(1) : raw).padStart(digits + 1, '0');
+    const whole = digitsOnly.slice(0, -digits);
+    const fraction = digitsOnly.slice(-digits);
+    return `${negative ? '-' : ''}${whole}.${fraction}`;
+}
+/** The value `Intl.NumberFormat` receives: exact decimal strings are passed through. */
+function toFormattable(amount, currency, minorUnits) {
+    if (minorUnits)
+        return minorToDecimal(amount, currencyDigits(currency));
+    return typeof amount === 'string' ? amount.trim() : amount;
+}
+function isNegative(value) {
+    return typeof value === 'string' ? value.trim().startsWith('-') : value < 0;
+}
+/** Formats an amount of one currency with `Intl.NumberFormat`. */
+export function formatMoney(amount, currency, options = {}) {
+    const { locale, minorUnits = false, notation = 'standard', ...intl } = options;
+    const value = toFormattable(amount, currency, minorUnits);
+    const formatter = new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency,
+        notation,
+        ...intl,
+    });
+    // ES2023 Intl formats decimal strings exactly; the ES2022 lib types do not know that yet.
+    return formatter.format(value);
+}
+/**
+ * A formatted amount in tabular figures. With `notation="compact"` the short
+ * form is shown and the full amount is given to assistive technology and as
+ * a hover title.
+ */
+export const Money = forwardRef(function Money({ amount, currency, locale, minorUnits, notation = 'standard', signDisplay, currencyDisplay, currencySign, minimumFractionDigits, maximumFractionDigits, toneNegative = false, emptyLabel, className, title, ...rest }, ref) {
+    if (amount === null || amount === undefined) {
+        return (_jsx("span", { ref: ref, ...rest, className: cx('mn-money', className), "data-empty": "", children: emptyLabel ?? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, children: "\u2014" }), _jsx(VisuallyHidden, { children: "No amount" })] })) }));
+    }
+    const options = {
+        ...(locale !== undefined && { locale }),
+        ...(minorUnits !== undefined && { minorUnits }),
+        ...(signDisplay !== undefined && { signDisplay }),
+        ...(currencyDisplay !== undefined && { currencyDisplay }),
+        ...(currencySign !== undefined && { currencySign }),
+        ...(minimumFractionDigits !== undefined && { minimumFractionDigits }),
+        ...(maximumFractionDigits !== undefined && { maximumFractionDigits }),
+    };
+    const shown = formatMoney(amount, currency, { ...options, notation });
+    const compact = notation === 'compact';
+    const full = compact ? formatMoney(amount, currency, options) : shown;
+    const negative = isNegative(amount);
+    return (_jsx("span", { ref: ref, ...rest, className: cx('mn-money', className), title: title ?? (compact && full !== shown ? full : undefined), "data-currency": currency, "data-notation": notation, "data-negative": negative || undefined, "data-tone": toneNegative && negative ? 'danger' : undefined, children: compact && full !== shown ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, children: shown }), _jsx(VisuallyHidden, { children: full })] })) : (shown) }));
+});
+//# sourceMappingURL=money.js.map

package/dist/components/billing/money/money.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money.js","sourceRoot":"","sources":["../../../../src/components/billing/money/money.tsx"],"names":[],"mappings":"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"}

package/dist/components/data-display/accordion/accordion.d.ts

@@ -0,0 +1,17 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+type HeadingLevel = 'h2' | 'h3' | 'h4';
+/**
+ * Stacked disclosure sections. Enter/Space toggle, arrow keys move between
+ * headers, Home/End jump to the first and last. Built on Radix Accordion.
+ */
+export declare const Accordion: import("react").ForwardRefExoticComponent<ComponentPropsWithoutRef<import("react").ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+    /** Heading element wrapping the trigger, so the item appears in the page outline. */
+    headingAs?: HeadingLevel;
+}
+export declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/data-display/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/accordion/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAGhE,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC;;;GAGG;AACH,eAAO,MAAM,SAAS,uSAKpB,CAAC;AAEH,eAAO,MAAM,aAAa,+LAOxB,CAAC;AAEH,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB,CACrE,OAAO,kBAAkB,CAAC,OAAO,CAClC;IACC,qFAAqF;IACrF,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,qHAkB3B,CAAC;AAEH,eAAO,MAAM,gBAAgB,kMAa3B,CAAC"}

package/dist/components/data-display/accordion/accordion.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { cx } from '../../../internal/cx.js';
+import { ChevronDownGlyph } from '../../../internal/icons.js';
+/**
+ * Stacked disclosure sections. Enter/Space toggle, arrow keys move between
+ * headers, Home/End jump to the first and last. Built on Radix Accordion.
+ */
+export const Accordion = forwardRef(function Accordion({ className, ...rest }, ref) {
+    return _jsx(AccordionPrimitive.Root, { ref: ref, ...rest, className: cx('mn-accordion', className) });
+});
+export const AccordionItem = forwardRef(function AccordionItem({ className, ...rest }, ref) {
+    return (_jsx(AccordionPrimitive.Item, { ref: ref, ...rest, className: cx('mn-accordion__item', className) }));
+});
+export const AccordionTrigger = forwardRef(function AccordionTrigger({ headingAs: Heading = 'h3', className, children, ...rest }, ref) {
+    return (_jsx(AccordionPrimitive.Header, { asChild: true, children: _jsx(Heading, { className: "mn-accordion__header", children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, ...rest, className: cx('mn-accordion__trigger', className), children: [_jsx("span", { className: "mn-accordion__label", children: children }), _jsx(ChevronDownGlyph, { className: "mn-accordion__chevron" })] }) }) }));
+});
+export const AccordionContent = forwardRef(function AccordionContent({ className, children, ...rest }, ref) {
+    return (_jsx(AccordionPrimitive.Content, { ref: ref, ...rest, className: cx('mn-accordion__content', className), children: _jsx("div", { className: "mn-accordion__body", children: children }) }));
+});
+//# sourceMappingURL=accordion.js.map

package/dist/components/data-display/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/components/data-display/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAkD,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAG9D;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAGjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC9C,OAAO,KAAC,kBAAkB,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,GAAI,CAAC;AACnG,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAGrC,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAClD,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAI,CAChG,CAAC;AACJ,CAAC,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC1F,OAAO,CACL,KAAC,kBAAkB,CAAC,MAAM,IAAC,OAAO,kBAChC,KAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,YACvC,MAAC,kBAAkB,CAAC,OAAO,IACzB,GAAG,EAAE,GAAG,KACJ,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aAEjD,eAAM,SAAS,EAAC,qBAAqB,YAAE,QAAQ,GAAQ,EACvD,KAAC,gBAAgB,IAAC,SAAS,EAAC,uBAAuB,GAAG,IAC3B,GACrB,GACgB,CAC7B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAC/D,OAAO,CACL,KAAC,kBAAkB,CAAC,OAAO,IACzB,GAAG,EAAE,GAAG,KACJ,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,YAEjD,cAAK,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAO,GACzB,CAC9B,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/data-display/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, type AccordionTriggerProps, } from './accordion.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,gBAAgB,CAAC"}

package/dist/components/data-display/accordion/index.js

@@ -0,0 +1,2 @@
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './accordion.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GAEjB,MAAM,gBAAgB,CAAC"}

package/dist/components/data-display/badge/badge.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from 'react';
+export type Tone = 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    tone?: Tone;
+    /** `subtle` (default) for status in tables, `solid` for counts, `outline` for metadata. */
+    variant?: 'subtle' | 'solid' | 'outline';
+    size?: 'sm' | 'md';
+    /** Leading status dot. */
+    dot?: boolean;
+}
+/** Short status or metadata label. Never the only way to convey meaning: keep the text. */
+export declare function Badge({ tone, variant, size, dot, className, children, ...rest }: BadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/data-display/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEpF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2FAA2F;IAC3F,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,0BAA0B;IAC1B,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,2FAA2F;AAC3F,wBAAgB,KAAK,CAAC,EACpB,IAAgB,EAChB,OAAkB,EAClB,IAAW,EACX,GAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,+BAaZ"}

package/dist/components/data-display/badge/badge.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+/** Short status or metadata label. Never the only way to convey meaning: keep the text. */
+export function Badge({ tone = 'neutral', variant = 'subtle', size = 'md', dot = false, className, children, ...rest }) {
+    return (_jsxs("span", { ...rest, className: cx('mn-badge', className), "data-tone": tone, "data-variant": variant, "data-size": size, children: [dot ? _jsx("span", { className: "mn-badge__dot", "aria-hidden": true }) : null, children] }));
+}
+//# sourceMappingURL=badge.js.map

package/dist/components/data-display/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/data-display/badge/badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAa7C,2FAA2F;AAC3F,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,IAAI,EACX,GAAG,GAAG,KAAK,EACX,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACI;IACX,OAAO,CACL,mBACM,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,eACzB,IAAI,kBACD,OAAO,eACV,IAAI,aAEd,GAAG,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,eAAe,wBAAe,CAAC,CAAC,CAAC,IAAI,EAC3D,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/data-display/badge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './badge.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/data-display/badge/index.js

@@ -0,0 +1,2 @@
+export * from './badge.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/data-display/card/card.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes } from 'react';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /** `outline` (default) for most content, `raised` for floating panels, `subtle` inside other cards. */
+    variant?: 'outline' | 'raised' | 'subtle';
+    /** Remove inner padding, e.g. for a card wrapping a table. */
+    flush?: boolean;
+}
+export declare function Card({ variant, flush, className, ...rest }: CardProps): import("react").JSX.Element;
+export declare function CardHeader({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /** Heading level that fits the page outline. Default h3. */
+    as?: 'h2' | 'h3' | 'h4';
+}
+export declare function CardTitle({ as: Tag, className, ...rest }: CardTitleProps): import("react").JSX.Element;
+export declare function CardDescription({ className, ...rest }: HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+export declare function CardContent({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardFooter({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+//# sourceMappingURL=card.d.ts.map

package/dist/components/data-display/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,uGAAuG;IACvG,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,8DAA8D;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,IAAI,CAAC,EAAE,OAAmB,EAAE,KAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,+BASzF;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEhF;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACxE,4DAA4D;IAC5D,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,GAAU,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAE/E;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,oBAAoB,CAAC,+BAE3F;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEjF;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEhF"}

package/dist/components/data-display/card/card.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+export function Card({ variant = 'outline', flush = false, className, ...rest }) {
+    return (_jsx("div", { ...rest, className: cx('mn-card', className), "data-variant": variant, "data-flush": flush || undefined }));
+}
+export function CardHeader({ className, ...rest }) {
+    return _jsx("div", { ...rest, className: cx('mn-card__header', className) });
+}
+export function CardTitle({ as: Tag = 'h3', className, ...rest }) {
+    return _jsx(Tag, { ...rest, className: cx('mn-card__title', className) });
+}
+export function CardDescription({ className, ...rest }) {
+    return _jsx("p", { ...rest, className: cx('mn-card__description', className) });
+}
+export function CardContent({ className, ...rest }) {
+    return _jsx("div", { ...rest, className: cx('mn-card__content', className) });
+}
+export function CardFooter({ className, ...rest }) {
+    return _jsx("div", { ...rest, className: cx('mn-card__footer', className) });
+}
+//# sourceMappingURL=card.js.map

package/dist/components/data-display/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/data-display/card/card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAS7C,MAAM,UAAU,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAa;IACxF,OAAO,CACL,iBACM,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,kBACrB,OAAO,gBACT,KAAK,IAAI,SAAS,GAC9B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkC;IAC/E,OAAO,iBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAI,CAAC;AACxE,CAAC;AAOD,MAAM,UAAU,SAAS,CAAC,EAAE,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkB;IAC9E,OAAO,KAAC,GAAG,OAAK,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAI,CAAC;AACvE,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAwC;IAC1F,OAAO,eAAO,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAAI,CAAC;AAC3E,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkC;IAChF,OAAO,iBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,GAAI,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkC;IAC/E,OAAO,iBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAI,CAAC;AACxE,CAAC"}

package/dist/components/data-display/card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './card.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/data-display/card/index.js

@@ -0,0 +1,2 @@
+export * from './card.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/data-display/description-list/description-list.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
+    columns?: 1 | 2 | 3;
+    /** `stacked` (default) puts the term above the value; `inline` side by side. */
+    layout?: 'stacked' | 'inline';
+}
+/** Key/value facts on detail pages (owner, stage, created, …). */
+export declare function DescriptionList({ columns, layout, className, ...rest }: DescriptionListProps): import("react").JSX.Element;
+export interface DescriptionItemProps {
+    term: ReactNode;
+    children: ReactNode;
+    /** Span all columns. */
+    wide?: boolean;
+    className?: string;
+}
+export declare function DescriptionItem({ term, children, wide, className }: DescriptionItemProps): import("react").JSX.Element;
+//# sourceMappingURL=description-list.d.ts.map

package/dist/components/data-display/description-list/description-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/description-list/description-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAC5E,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC/B;AAED,kEAAkE;AAClE,wBAAgB,eAAe,CAAC,EAC9B,OAAW,EACX,MAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,+BAItB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAOxF"}

package/dist/components/data-display/description-list/description-list.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+/** Key/value facts on detail pages (owner, stage, created, …). */
+export function DescriptionList({ columns = 2, layout = 'stacked', className, ...rest }) {
+    return (_jsx("dl", { ...rest, "data-columns": columns, "data-layout": layout, className: cx('mn-dl', className) }));
+}
+export function DescriptionItem({ term, children, wide, className }) {
+    return (_jsxs("div", { className: cx('mn-dl__item', className), "data-wide": wide || undefined, children: [_jsx("dt", { className: "mn-dl__term", children: term }), _jsx("dd", { className: "mn-dl__value", children: children })] }));
+}
+//# sourceMappingURL=description-list.js.map

package/dist/components/data-display/description-list/description-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.js","sourceRoot":"","sources":["../../../../src/components/data-display/description-list/description-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAQ7C,kEAAkE;AAClE,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,GAAG,CAAC,EACX,MAAM,GAAG,SAAS,EAClB,SAAS,EACT,GAAG,IAAI,EACc;IACrB,OAAO,CACL,gBAAQ,IAAI,kBAAgB,OAAO,iBAAe,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,GAAI,CAChG,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAwB;IACvF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,eAAa,IAAI,IAAI,SAAS,aACxE,aAAI,SAAS,EAAC,aAAa,YAAE,IAAI,GAAM,EACvC,aAAI,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAM,IACxC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/data-display/description-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './description-list.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/description-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/description-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/components/data-display/description-list/index.js

@@ -0,0 +1,2 @@
+export * from './description-list.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/description-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/description-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/components/data-display/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './progress-bar.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/components/data-display/progress-bar/index.js

@@ -0,0 +1,2 @@
+export * from './progress-bar.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/components/data-display/progress-bar/progress-bar.d.ts

@@ -0,0 +1,57 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+export type ProgressTone = 'accent' | 'success' | 'warning' | 'danger' | 'neutral';
+export type ProgressSegmentTone = ProgressTone | 'info' | 'data-1' | 'data-2' | 'data-3' | 'data-4' | 'data-5';
+/** One part of a stacked bar. */
+export interface ProgressSegment {
+    /** Amount, in the same units as `max`. */
+    value: number;
+    /** Names the segment in the text alternative, e.g. "Done". */
+    label: string;
+    /** Fill colour. Default: the data palette in order (`data-1`, `data-2`, …). */
+    tone?: ProgressSegmentTone;
+}
+export interface ProgressProps extends Omit<ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'value'> {
+    /** 0–`max`. Omit for indeterminate. */
+    value?: number | null;
+    max?: number;
+    /** Accessible name, e.g. "Upload progress". Required unless aria-labelledby is set. */
+    label?: string;
+    size?: 'sm' | 'md';
+    /**
+     * Fill colour. Default `accent`. With `semantics="meter"` and no tone, the
+     * tone is `neutral` (a normal quota is not a status), follows `thresholds`,
+     * and a value over `max` is `danger`.
+     */
+    tone?: ProgressTone;
+    /**
+     * `progressbar` (default) for a task moving towards completion;
+     * `meter` for a measured quantity within a known range, such as a quota or
+     * capacity (`role="meter"`). A meter is never indeterminate.
+     */
+    semantics?: 'progressbar' | 'meter';
+    /**
+     * Meter only: values at or above which the automatic tone becomes
+     * `warning` and `danger`, e.g. `{ warning: 80, danger: 95 }` of 100.
+     */
+    thresholds?: {
+        warning?: number;
+        danger?: number;
+    };
+    /**
+     * Stacked parts that add up to the filled amount, e.g. done / in review /
+     * in progress. `value` is then the sum of the segments.
+     */
+    segments?: ProgressSegment[];
+    /**
+     * Text alternative for the value (`aria-valuetext`), e.g. "7.2 of 10 GB used".
+     * Default for meters and segmented bars: generated from the values.
+     */
+    valueText?: string;
+}
+/**
+ * Linear progress bar; `value` undefined renders an indeterminate animation.
+ * Also a quota meter (`semantics="meter"`) and a stacked bar (`segments`).
+ */
+export declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/components/data-display/progress-bar/progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/progress-bar/progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAG9D,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AACnF,MAAM,MAAM,mBAAmB,GAC7B,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE/E,iCAAiC;AACjC,MAAM,WAAW,eAAe;IAC9B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,IAAI,CAAC,EAAE,mBAAmB,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACvD,OAAO,CACR;IACC,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD;;;GAGG;AACH,eAAO,MAAM,QAAQ,0GA4GpB,CAAC"}

package/dist/components/data-display/progress-bar/progress-bar.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { cx } from '../../../internal/cx.js';
+function clampPct(value, max) {
+    if (!(max > 0))
+        return 0;
+    return Math.min(100, Math.max(0, (value / max) * 100));
+}
+function round(n) {
+    return Math.round(n * 100) / 100;
+}
+const SEGMENT_DEFAULTS = ['data-1', 'data-2', 'data-3', 'data-4', 'data-5'];
+/**
+ * Linear progress bar; `value` undefined renders an indeterminate animation.
+ * Also a quota meter (`semantics="meter"`) and a stacked bar (`segments`).
+ */
+export const Progress = forwardRef(function Progress({ value, max = 100, label, size = 'md', tone, semantics = 'progressbar', thresholds, segments, valueText, getValueLabel, className, ...rest }, ref) {
+    const meter = semantics === 'meter';
+    if (!meter && !segments) {
+        // The original 0.3 progress bar, unchanged (Radix Progress).
+        const pct = value === undefined || value === null
+            ? undefined
+            : Math.min(100, Math.max(0, (value / max) * 100));
+        return (_jsx(ProgressPrimitive.Root, { ref: ref, value: value ?? null, max: max, "aria-label": label, ...(valueText !== undefined
+                ? { getValueLabel: () => valueText }
+                : getValueLabel && { getValueLabel }), ...rest, "data-size": size, "data-tone": tone ?? 'accent', "data-indeterminate": pct === undefined || undefined, className: cx('mn-progress', className), children: _jsx(ProgressPrimitive.Indicator, { className: "mn-progress__bar", style: pct === undefined ? undefined : { width: `${pct}%` } }) }));
+    }
+    // Meter and segmented bars: hand-built so the role and value text are exact.
+    const parts = segments?.map((s, i) => ({
+        ...s,
+        tone: s.tone ?? SEGMENT_DEFAULTS[i % SEGMENT_DEFAULTS.length] ?? 'data-1',
+    }));
+    const amount = parts ? parts.reduce((sum, s) => sum + Math.max(0, s.value), 0) : (value ?? 0);
+    const over = amount > max;
+    let resolvedTone = tone ?? (meter ? 'neutral' : 'accent');
+    if (meter && tone === undefined) {
+        if (over || (thresholds?.danger !== undefined && amount >= thresholds.danger)) {
+            resolvedTone = 'danger';
+        }
+        else if (thresholds?.warning !== undefined && amount >= thresholds.warning) {
+            resolvedTone = 'warning';
+        }
+    }
+    const generatedText = parts
+        ? `${parts.map((s) => `${s.label} ${round(s.value)}`).join(', ')} (${round(amount)} of ${round(max)})`
+        : `${round(amount)} of ${round(max)}${over ? ', over the limit' : ''}`;
+    const role = meter ? 'meter' : 'progressbar';
+    let offset = 0;
+    return (_jsx("div", { ref: ref, role: role, "aria-label": label, "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": Math.min(amount, max), "aria-valuetext": valueText ?? generatedText, ...rest, "data-size": size, "data-tone": resolvedTone, "data-semantics": semantics, "data-segmented": parts ? '' : undefined, "data-over": over || undefined, "data-value": amount, "data-max": max, className: cx('mn-progress', className), children: parts ? (parts.map((s, i) => {
+            const width = Math.max(0, Math.min(clampPct(s.value, max), 100 - offset));
+            const start = offset;
+            offset += width;
+            return (_jsx("div", { className: "mn-progress__segment", "data-tone": s.tone, style: { insetInlineStart: `${start}%`, width: `${width}%` } }, i));
+        })) : (_jsx("div", { className: "mn-progress__bar", style: { width: `${clampPct(amount, max)}%` } })) }));
+});
+//# sourceMappingURL=progress-bar.js.map

package/dist/components/data-display/progress-bar/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../../src/components/data-display/progress-bar/progress-bar.tsx"],"names":[],"mappings":"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"}

package/dist/components/data-display/relative-time/index.d.ts

@@ -0,0 +1,2 @@
+export * from './relative-time.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/relative-time/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/relative-time/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/data-display/relative-time/index.js

@@ -0,0 +1,2 @@
+export * from './relative-time.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/relative-time/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/relative-time/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}