@rookcom/monarch-react 0.0.0-stage → 0.2.0

package/dist/patterns/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/patterns/description-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.d.ts","sourceRoot":"","sources":["../../src/patterns/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/patterns/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/patterns/description-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.js","sourceRoot":"","sources":["../../src/patterns/description-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAQvC,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/patterns/filter-bar.d.ts

@@ -0,0 +1,25 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface FilterChipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** Filter field, e.g. "Status". */
+    name: string;
+    /** Current value, e.g. "Open". */
+    value: ReactNode;
+    /** Removes the filter. The remove button is labelled "Remove <name> filter". */
+    onRemove?: () => void;
+}
+/** One active filter. */
+export declare function FilterChip({ name, value, onRemove, className, ...rest }: FilterChipProps): import("react").JSX.Element;
+export interface FilterBarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Accessible name of the group. */
+    label?: string;
+    /** Called by the "Clear all" button; the button is hidden when omitted. */
+    onClearAll?: () => void;
+    /** Hide "Clear all" when there is nothing to clear. */
+    clearAllLabel?: string;
+    /** Slot for an "Add filter" control. */
+    add?: ReactNode;
+    children?: ReactNode;
+}
+/** Row of FilterChips with an optional add control and "Clear all". */
+export declare function FilterBar({ label, onClearAll, clearAllLabel, add, className, children, ...rest }: FilterBarProps): import("react").JSX.Element;
+//# sourceMappingURL=filter-bar.d.ts.map

package/dist/patterns/filter-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.d.ts","sourceRoot":"","sources":["../../src/patterns/filter-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACxF,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,yBAAyB;AACzB,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BAiBxF;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wCAAwC;IACxC,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,uEAAuE;AACvE,wBAAgB,SAAS,CAAC,EACxB,KAAwB,EACxB,UAAU,EACV,aAA2B,EAC3B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,+BAYhB"}

package/dist/patterns/filter-bar.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../internal/cx.js';
+import { CloseGlyph } from '../internal/icons.js';
+/** One active filter. */
+export function FilterChip({ name, value, onRemove, className, ...rest }) {
+    return (_jsxs("span", { ...rest, className: cx('mn-filter-chip', className), children: [_jsx("span", { className: "mn-filter-chip__name", children: name }), _jsx("span", { className: "mn-filter-chip__value", children: value }), onRemove ? (_jsx("button", { type: "button", className: "mn-filter-chip__remove", "aria-label": `Remove ${name} filter`, onClick: onRemove, children: _jsx(CloseGlyph, {}) })) : null] }));
+}
+/** Row of FilterChips with an optional add control and "Clear all". */
+export function FilterBar({ label = 'Active filters', onClearAll, clearAllLabel = 'Clear all', add, className, children, ...rest }) {
+    return (_jsxs("div", { ...rest, role: "group", "aria-label": label, className: cx('mn-filter-bar', className), children: [children, add, onClearAll ? (_jsx("button", { type: "button", className: "mn-filter-bar__clear", onClick: onClearAll, children: clearAllLabel })) : null] }));
+}
+//# sourceMappingURL=filter-bar.js.map

package/dist/patterns/filter-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.js","sourceRoot":"","sources":["../../src/patterns/filter-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAWlD,yBAAyB;AACzB,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAmB;IACvF,OAAO,CACL,mBAAU,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,aACxD,eAAM,SAAS,EAAC,sBAAsB,YAAE,IAAI,GAAQ,EACpD,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAQ,EACrD,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wBAAwB,gBACtB,UAAU,IAAI,SAAS,EACnC,OAAO,EAAE,QAAQ,YAEjB,KAAC,UAAU,KAAG,GACP,CACV,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC;AAcD,uEAAuE;AACvE,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,GAAG,gBAAgB,EACxB,UAAU,EACV,aAAa,GAAG,WAAW,EAC3B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACQ;IACf,OAAO,CACL,kBAAS,IAAI,EAAE,IAAI,EAAC,OAAO,gBAAa,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,aACrF,QAAQ,EACR,GAAG,EACH,UAAU,CAAC,CAAC,CAAC,CACZ,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,UAAU,YACvE,aAAa,GACP,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/patterns/index.d.ts

@@ -0,0 +1,9 @@
+export { PageHeader, type PageHeaderProps } from './page-header.js';
+export { Toolbar, ToolbarGroup, type ToolbarProps } from './toolbar.js';
+export { FilterBar, FilterChip, type FilterBarProps, type FilterChipProps } from './filter-bar.js';
+export { SettingsSection, SettingsRow, type SettingsSectionProps, type SettingsRowProps, } from './settings.js';
+export { DescriptionList, DescriptionItem, type DescriptionListProps, type DescriptionItemProps, } from './description-list.js';
+export { SplitLayout, type SplitLayoutProps } from './split-layout.js';
+export { StatCard, type StatCardProps } from './stat-card.js';
+export { ErrorState, LoadingState, type ErrorStateProps, type LoadingStateProps, } from './states.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/patterns/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnG,OAAO,EACL,eAAe,EACf,WAAW,EACX,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,GACtB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,EACf,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,GAC1B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EACL,UAAU,EACV,YAAY,EACZ,KAAK,eAAe,EACpB,KAAK,iBAAiB,GACvB,MAAM,aAAa,CAAC"}

package/dist/patterns/index.js

@@ -0,0 +1,9 @@
+export { PageHeader } from './page-header.js';
+export { Toolbar, ToolbarGroup } from './toolbar.js';
+export { FilterBar, FilterChip } from './filter-bar.js';
+export { SettingsSection, SettingsRow, } from './settings.js';
+export { DescriptionList, DescriptionItem, } from './description-list.js';
+export { SplitLayout } from './split-layout.js';
+export { StatCard } from './stat-card.js';
+export { ErrorState, LoadingState, } from './states.js';
+//# sourceMappingURL=index.js.map

package/dist/patterns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/patterns/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAqB,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,UAAU,EAA6C,MAAM,iBAAiB,CAAC;AACnG,OAAO,EACL,eAAe,EACf,WAAW,GAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,EACf,eAAe,GAGhB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAyB,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAsB,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EACL,UAAU,EACV,YAAY,GAGb,MAAM,aAAa,CAAC"}

package/dist/patterns/page-header.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface PageHeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** Page title, rendered as the page's single h1. */
+    title: ReactNode;
+    description?: ReactNode;
+    /** Breadcrumb or eyebrow text above the title. */
+    eyebrow?: ReactNode;
+    /** Primary and secondary actions. Keep one `primary` Button. */
+    actions?: ReactNode;
+    /** A TabsList for section navigation below the title. */
+    tabs?: ReactNode;
+    /** Badge or status next to the title. */
+    meta?: ReactNode;
+}
+/** Top of every main view: title, context, and the actions that apply to the whole page. */
+export declare function PageHeader({ title, description, eyebrow, actions, tabs, meta, className, ...rest }: PageHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=page-header.d.ts.map

package/dist/patterns/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/patterns/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACjF,oDAAoD;IACpD,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kDAAkD;IAClD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,4FAA4F;AAC5F,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,+BAiBjB"}

package/dist/patterns/page-header.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../internal/cx.js';
+/** Top of every main view: title, context, and the actions that apply to the whole page. */
+export function PageHeader({ title, description, eyebrow, actions, tabs, meta, className, ...rest }) {
+    return (_jsxs("header", { ...rest, className: cx('mn-page-header', className), children: [eyebrow ? _jsx("div", { className: "mn-page-header__eyebrow", children: eyebrow }) : null, _jsxs("div", { className: "mn-page-header__row", children: [_jsxs("div", { className: "mn-page-header__text", children: [_jsxs("div", { className: "mn-page-header__title-row", children: [_jsx("h1", { className: "mn-page-header__title", children: title }), meta ? _jsx("div", { className: "mn-page-header__meta", children: meta }) : null] }), description ? _jsx("p", { className: "mn-page-header__description", children: description }) : null] }), actions ? _jsx("div", { className: "mn-page-header__actions", children: actions }) : null] }), tabs ? _jsx("div", { className: "mn-page-header__tabs", children: tabs }) : null] }));
+}
+//# sourceMappingURL=page-header.js.map

package/dist/patterns/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../src/patterns/page-header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAgBvC,4FAA4F;AAC5F,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACS;IAChB,OAAO,CACL,qBAAY,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,aACzD,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,EAC1E,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,sBAAsB,aACnC,eAAK,SAAS,EAAC,2BAA2B,aACxC,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,EACjD,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,sBAAsB,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,IAC7D,EACL,WAAW,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IAC9E,EACL,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IACtE,EACL,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,sBAAsB,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,IAC1D,CACV,CAAC;AACJ,CAAC"}

package/dist/patterns/settings.d.ts

@@ -0,0 +1,33 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface SettingsSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** Section title (h2). */
+    title: ReactNode;
+    description?: ReactNode;
+    /** Footer with Save/Cancel actions. */
+    actions?: ReactNode;
+    /** `danger` for destructive zones (delete workspace, transfer ownership). */
+    tone?: 'default' | 'danger';
+    /** Heading level if the section is nested under another h2. */
+    headingLevel?: 'h2' | 'h3';
+    children: ReactNode;
+}
+/** Titled group of settings in a card, as in Workspace App Settings. */
+export declare function SettingsSection({ title, description, actions, tone, headingLevel: H, className, children, ...rest }: SettingsSectionProps): import("react").JSX.Element;
+export interface SettingsRowProps {
+    /** Label of the setting; becomes the control's label. */
+    label: ReactNode;
+    description?: ReactNode;
+    /** The control: Input, Select, Switch, Combobox. It receives the Field ids. */
+    children: ReactNode;
+    /** Pass `id` to match an existing control id. */
+    id?: string;
+    required?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    /** Error message rendered under the control. */
+    error?: ReactNode;
+    className?: string;
+}
+/** One setting: label and description on the left, control on the right. */
+export declare function SettingsRow({ label, description, children, id, required, disabled, invalid, error, className, }: SettingsRowProps): import("react").JSX.Element;
+//# sourceMappingURL=settings.d.ts.map

package/dist/patterns/settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../src/patterns/settings.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAInE,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtF,0BAA0B;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,+DAA+D;IAC/D,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wEAAwE;AACxE,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAgB,EAChB,YAAY,EAAE,CAAQ,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,oBAAoB,+BAqBtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,yDAAyD;IACzD,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+EAA+E;IAC/E,QAAQ,EAAE,SAAS,CAAC;IACpB,iDAAiD;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4EAA4E;AAC5E,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,gBAAgB,+BAuBlB"}

package/dist/patterns/settings.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cx } from '../internal/cx.js';
+import { Field, FieldDescription, FieldLabel } from '../components/field.js';
+/** Titled group of settings in a card, as in Workspace App Settings. */
+export function SettingsSection({ title, description, actions, tone = 'default', headingLevel: H = 'h2', className, children, ...rest }) {
+    const id = useId();
+    return (_jsxs("section", { ...rest, "aria-labelledby": `${id}-title`, "data-tone": tone, className: cx('mn-settings-section', className), children: [_jsxs("div", { className: "mn-settings-section__header", children: [_jsx(H, { id: `${id}-title`, className: "mn-settings-section__title", children: title }), description ? _jsx("p", { className: "mn-settings-section__description", children: description }) : null] }), _jsxs("div", { className: "mn-settings-section__card", children: [_jsx("div", { className: "mn-settings-section__body", children: children }), actions ? _jsx("div", { className: "mn-settings-section__footer", children: actions }) : null] })] }));
+}
+/** One setting: label and description on the left, control on the right. */
+export function SettingsRow({ label, description, children, id, required, disabled, invalid, error, className, }) {
+    return (_jsxs(Field, { ...(id ? { id } : {}), required: required ?? false, disabled: disabled ?? false, invalid: invalid ?? Boolean(error), className: cx('mn-settings-row', className), children: [_jsxs("div", { className: "mn-settings-row__text", children: [_jsx(FieldLabel, { children: label }), description ? _jsx(FieldDescription, { children: description }) : null] }), _jsxs("div", { className: "mn-settings-row__control", children: [children, error ? (_jsx("p", { className: "mn-field__error", "aria-live": "polite", children: error })) : null] })] }));
+}
+//# sourceMappingURL=settings.js.map

package/dist/patterns/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.js","sourceRoot":"","sources":["../../src/patterns/settings.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAuC,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAe7E,wEAAwE;AACxE,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,YAAY,EAAE,CAAC,GAAG,IAAI,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACc;IACrB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,OAAO,CACL,sBACM,IAAI,qBACS,GAAG,EAAE,QAAQ,eACnB,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAE/C,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,CAAC,IAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,4BAA4B,YACzD,KAAK,GACJ,EACH,WAAW,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,kCAAkC,YAAE,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IACnF,EACN,eAAK,SAAS,EAAC,2BAA2B,aACxC,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAO,EAC1D,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,6BAA6B,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IAC1E,IACE,CACX,CAAC;AACJ,CAAC;AAkBD,4EAA4E;AAC5E,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACQ;IACjB,OAAO,CACL,MAAC,KAAK,OACA,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACtB,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,EAClC,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,aAE3C,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,UAAU,cAAE,KAAK,GAAc,EAC/B,WAAW,CAAC,CAAC,CAAC,KAAC,gBAAgB,cAAE,WAAW,GAAoB,CAAC,CAAC,CAAC,IAAI,IACpE,EACN,eAAK,SAAS,EAAC,0BAA0B,aACtC,QAAQ,EACR,KAAK,CAAC,CAAC,CAAC,CACP,YAAG,SAAS,EAAC,iBAAiB,eAAW,QAAQ,YAC9C,KAAK,GACJ,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,IACA,CACT,CAAC;AACJ,CAAC"}

package/dist/patterns/split-layout.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface SplitLayoutProps extends HTMLAttributes<HTMLDivElement> {
+    /** The list pane (e.g. ticket list). */
+    list: ReactNode;
+    /** The detail pane. When empty, pass an EmptyState. */
+    detail: ReactNode;
+    listLabel?: string;
+    detailLabel?: string;
+    /** Width of the list pane on wide screens. */
+    listWidth?: 'sm' | 'md' | 'lg';
+    /**
+     * Below the `md` breakpoint only one pane shows. `detailOpen` picks which;
+     * `onBack` renders a back button in the detail pane.
+     */
+    detailOpen?: boolean;
+    onBack?: () => void;
+    backLabel?: string;
+}
+/** List + detail two-pane layout (Tickets inbox, Chat, Dossier). No routing inside. */
+export declare function SplitLayout({ list, detail, listLabel, detailLabel, listWidth, detailOpen, onBack, backLabel, className, ...rest }: SplitLayoutProps): import("react").JSX.Element;
+//# sourceMappingURL=split-layout.d.ts.map

package/dist/patterns/split-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-layout.d.ts","sourceRoot":"","sources":["../../src/patterns/split-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,wCAAwC;IACxC,IAAI,EAAE,SAAS,CAAC;IAChB,uDAAuD;IACvD,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uFAAuF;AACvF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,SAAkB,EAClB,WAAsB,EACtB,SAAgB,EAChB,UAAkB,EAClB,MAAM,EACN,SAA0B,EAC1B,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAyBlB"}

package/dist/patterns/split-layout.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../internal/cx.js';
+import { IconButton } from '../components/button.js';
+import { ChevronRightGlyph } from '../internal/icons.js';
+/** List + detail two-pane layout (Tickets inbox, Chat, Dossier). No routing inside. */
+export function SplitLayout({ list, detail, listLabel = 'List', detailLabel = 'Detail', listWidth = 'md', detailOpen = false, onBack, backLabel = 'Back to list', className, ...rest }) {
+    return (_jsxs("div", { ...rest, "data-list-width": listWidth, "data-detail-open": detailOpen || undefined, className: cx('mn-split', className), children: [_jsx("section", { "aria-label": listLabel, className: "mn-split__list", children: list }), _jsxs("section", { "aria-label": detailLabel, className: "mn-split__detail", children: [onBack ? (_jsx("div", { className: "mn-split__back", children: _jsx(IconButton, { label: backLabel, icon: _jsx(ChevronRightGlyph, { style: { transform: 'rotate(180deg)' } }), onClick: onBack }) })) : null, detail] })] }));
+}
+//# sourceMappingURL=split-layout.js.map

package/dist/patterns/split-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-layout.js","sourceRoot":"","sources":["../../src/patterns/split-layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoBzD,uFAAuF;AACvF,MAAM,UAAU,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,SAAS,GAAG,MAAM,EAClB,WAAW,GAAG,QAAQ,EACtB,SAAS,GAAG,IAAI,EAChB,UAAU,GAAG,KAAK,EAClB,MAAM,EACN,SAAS,GAAG,cAAc,EAC1B,SAAS,EACT,GAAG,IAAI,EACU;IACjB,OAAO,CACL,kBACM,IAAI,qBACS,SAAS,sBACR,UAAU,IAAI,SAAS,EACzC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aAEpC,gCAAqB,SAAS,EAAE,SAAS,EAAC,gBAAgB,YACvD,IAAI,GACG,EACV,iCAAqB,WAAW,EAAE,SAAS,EAAC,kBAAkB,aAC3D,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,UAAU,IACT,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,KAAC,iBAAiB,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAI,EACnE,OAAO,EAAE,MAAM,GACf,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,IACC,IACN,CACP,CAAC;AACJ,CAAC"}

package/dist/patterns/stat-card.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface StatCardProps extends HTMLAttributes<HTMLDivElement> {
+    label: ReactNode;
+    /** Formatted value, e.g. "₹12.4L" or "143". */
+    value: ReactNode;
+    /** Change versus the previous period, e.g. "+12%". */
+    delta?: ReactNode;
+    /** Direction of the change; `up` is success unless `deltaTone` says otherwise. */
+    deltaDirection?: 'up' | 'down' | 'flat';
+    /** Override the colour of the delta, e.g. `danger` when up is bad (churn). */
+    deltaTone?: 'success' | 'danger' | 'neutral';
+    /** Period label, e.g. "vs last 30 days". */
+    caption?: ReactNode;
+    /** Sparkline or icon slot. */
+    visual?: ReactNode;
+}
+/** Single KPI for dashboards (Dots pipelines, Pulse). */
+export declare function StatCard({ label, value, delta, deltaDirection, deltaTone, caption, visual, className, ...rest }: StatCardProps): import("react").JSX.Element;
+//# sourceMappingURL=stat-card.d.ts.map

package/dist/patterns/stat-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../src/patterns/stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,EAAE,SAAS,CAAC;IACjB,+CAA+C;IAC/C,KAAK,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kFAAkF;IAClF,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,8EAA8E;IAC9E,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7C,4CAA4C;IAC5C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,yDAAyD;AACzD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAuB,EACvB,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,+BAiCf"}

package/dist/patterns/stat-card.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../internal/cx.js';
+import { VisuallyHidden } from '../components/visually-hidden.js';
+/** Single KPI for dashboards (Dots pipelines, Pulse). */
+export function StatCard({ label, value, delta, deltaDirection = 'flat', deltaTone, caption, visual, className, ...rest }) {
+    const tone = deltaTone ??
+        (deltaDirection === 'up' ? 'success' : deltaDirection === 'down' ? 'danger' : 'neutral');
+    const srDirection = deltaDirection === 'up' ? 'increase' : deltaDirection === 'down' ? 'decrease' : 'no change';
+    return (_jsxs("div", { ...rest, className: cx('mn-stat', className), children: [_jsxs("div", { className: "mn-stat__body", children: [_jsx("p", { className: "mn-stat__label", children: label }), _jsx("p", { className: "mn-stat__value", children: value }), delta !== undefined || caption ? (_jsxs("p", { className: "mn-stat__footer", children: [delta !== undefined ? (_jsxs("span", { className: "mn-stat__delta", "data-tone": tone, "data-direction": deltaDirection, children: [_jsx("span", { "aria-hidden": true, children: deltaDirection === 'up' ? '↑' : deltaDirection === 'down' ? '↓' : '→' }), _jsxs(VisuallyHidden, { children: [srDirection, " "] }), delta] })) : null, caption ? _jsx("span", { className: "mn-stat__caption", children: caption }) : null] })) : null] }), visual ? (_jsx("div", { className: "mn-stat__visual", "aria-hidden": true, children: visual })) : null] }));
+}
+//# sourceMappingURL=stat-card.js.map

package/dist/patterns/stat-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card.js","sourceRoot":"","sources":["../../src/patterns/stat-card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAkBlE,yDAAyD;AACzD,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAc,GAAG,MAAM,EACvB,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACO;IACd,MAAM,IAAI,GACR,SAAS;QACT,CAAC,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3F,MAAM,WAAW,GACf,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;IAC9F,OAAO,CACL,kBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,aAChD,eAAK,SAAS,EAAC,eAAe,aAC5B,YAAG,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAK,EACzC,YAAG,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAK,EACxC,KAAK,KAAK,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,CAChC,aAAG,SAAS,EAAC,iBAAiB,aAC3B,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,gBAAM,SAAS,EAAC,gBAAgB,eAAY,IAAI,oBAAkB,cAAc,aAC9E,8CACG,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GACjE,EACP,MAAC,cAAc,eAAE,WAAW,SAAmB,EAC9C,KAAK,IACD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,IACnE,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,iBAAiB,iCAC7B,MAAM,GACH,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/patterns/states.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import { type EmptyStateProps } from '../components/empty-state.js';
+export interface ErrorStateProps extends Omit<EmptyStateProps, 'actions' | 'icon'> {
+    /** Retry handler; renders a "Try again" button. */
+    onRetry?: () => void;
+    retryLabel?: string;
+    /** Extra actions next to retry. */
+    actions?: ReactNode;
+    icon?: ReactNode;
+}
+/** Something failed to load. Say what failed and offer a retry. */
+export declare function ErrorState({ title, description, onRetry, retryLabel, actions, icon, className, ...rest }: ErrorStateProps): import("react").JSX.Element;
+export interface LoadingStateProps extends HTMLAttributes<HTMLDivElement> {
+    /** Announced to screen readers, e.g. "Loading tickets". */
+    label: string;
+    /** Skeleton rows to render. */
+    rows?: number;
+    /** `list` (default) stacks rows; `cards` renders a grid; `detail` a title + paragraphs. */
+    variant?: 'list' | 'cards' | 'detail';
+}
+/** Skeleton placeholder with an aria-busy region and a live announcement. */
+export declare function LoadingState({ label, rows, variant, className, ...rest }: LoadingStateProps): import("react").JSX.Element;
+//# sourceMappingURL=states.d.ts.map

package/dist/patterns/states.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"states.d.ts","sourceRoot":"","sources":["../../src/patterns/states.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIhF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,MAAM,CAAC;IAChF,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,mEAAmE;AACnE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAwB,EACxB,OAAO,EACP,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,+BAuBjB;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2FAA2F;IAC3F,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACvC;AAED,6EAA6E;AAC7E,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAQ,EACR,OAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAqCnB"}

package/dist/patterns/states.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../internal/cx.js';
+import { Button } from '../components/button.js';
+import { EmptyState } from '../components/empty-state.js';
+import { Skeleton } from '../components/skeleton.js';
+import { WarningGlyph } from '../internal/icons.js';
+/** Something failed to load. Say what failed and offer a retry. */
+export function ErrorState({ title, description, onRetry, retryLabel = 'Try again', actions, icon, className, ...rest }) {
+    return (_jsx(EmptyState, { ...rest, role: "alert", className: cx('mn-error-state', className), icon: icon ?? _jsx(WarningGlyph, {}), title: title, description: description, actions: onRetry || actions ? (_jsxs(_Fragment, { children: [onRetry ? (_jsx(Button, { variant: "primary", onClick: onRetry, children: retryLabel })) : null, actions] })) : undefined }));
+}
+/** Skeleton placeholder with an aria-busy region and a live announcement. */
+export function LoadingState({ label, rows = 4, variant = 'list', className, ...rest }) {
+    return (_jsxs("div", { ...rest, "aria-busy": "true", className: cx('mn-loading-state', className), "data-variant": variant, children: [_jsx("span", { role: "status", className: "mn-visually-hidden", children: label }), variant === 'detail' ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { shape: "text", width: "40%", height: "1.25rem" }), _jsx(Skeleton, { shape: "text", width: "90%" }), _jsx(Skeleton, { shape: "text", width: "75%" }), _jsx(Skeleton, { shape: "text", width: "60%" })] })) : (Array.from({ length: rows }, (_, i) => (_jsx("div", { className: "mn-loading-state__row", children: variant === 'cards' ? (_jsx(Skeleton, { height: "6rem" })) : (_jsxs(_Fragment, { children: [_jsx(Skeleton, { shape: "circle", width: "2rem", height: "2rem" }), _jsxs("div", { className: "mn-loading-state__lines", children: [_jsx(Skeleton, { shape: "text", width: `${55 + ((i * 17) % 30)}%` }), _jsx(Skeleton, { shape: "text", width: `${30 + ((i * 11) % 25)}%` })] })] })) }, i))))] }));
+}
+//# sourceMappingURL=states.js.map

package/dist/patterns/states.js.map

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

package/dist/patterns/toolbar.d.ts

@@ -0,0 +1,20 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Accessible name, e.g. "Ticket list tools". Required by the toolbar role. */
+    label: string;
+    /** Search or filter input area on the leading edge. */
+    search?: ReactNode;
+    /** Filter chips row rendered under the toolbar. */
+    filters?: ReactNode;
+    /** Controls on the trailing edge (view switch, density, export). */
+    end?: ReactNode;
+    children?: ReactNode;
+}
+/**
+ * `role="toolbar"` with roving focus: Tab enters the toolbar, Left/Right
+ * move between controls, Home/End jump. Text inputs keep their own arrow keys.
+ */
+export declare function Toolbar({ label, search, filters, end, className, children, onKeyDown, ...rest }: ToolbarProps): import("react").JSX.Element;
+/** Visual grouping inside a Toolbar. */
+export declare function ToolbarGroup({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/patterns/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/patterns/toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,cAAc,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7F,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAKD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,MAAM,EACN,OAAO,EACP,GAAG,EACH,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,+BAsCd;AAED,wCAAwC;AACxC,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAElF"}

package/dist/patterns/toolbar.js

@@ -0,0 +1,46 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { cx } from '../internal/cx.js';
+const FOCUSABLE = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';
+/**
+ * `role="toolbar"` with roving focus: Tab enters the toolbar, Left/Right
+ * move between controls, Home/End jump. Text inputs keep their own arrow keys.
+ */
+export function Toolbar({ label, search, filters, end, className, children, onKeyDown, ...rest }) {
+    const handleKey = useCallback((e) => {
+        onKeyDown?.(e);
+        if (e.defaultPrevented)
+            return;
+        const target = e.target;
+        const isText = target instanceof HTMLInputElement &&
+            !['checkbox', 'radio', 'button'].includes(target.type);
+        if (isText && (e.key === 'ArrowLeft' || e.key === 'ArrowRight'))
+            return;
+        if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(e.key))
+            return;
+        const items = Array.from(e.currentTarget.querySelectorAll(FOCUSABLE)).filter((el) => el.closest('[role="toolbar"]') === e.currentTarget);
+        if (items.length === 0)
+            return;
+        const i = items.indexOf(document.activeElement);
+        let next = i;
+        if (e.key === 'ArrowRight')
+            next = Math.min(i + 1, items.length - 1);
+        if (e.key === 'ArrowLeft')
+            next = Math.max(i - 1, 0);
+        if (e.key === 'Home')
+            next = 0;
+        if (e.key === 'End')
+            next = items.length - 1;
+        if (next !== i) {
+            e.preventDefault();
+            items[next]?.focus();
+        }
+    }, [onKeyDown]);
+    return (_jsxs("div", { className: cx('mn-toolbar-wrap', className), children: [_jsxs("div", { ...rest, role: "toolbar", "aria-label": label, className: "mn-toolbar", onKeyDown: handleKey, children: [search ? _jsx("div", { className: "mn-toolbar__search", children: search }) : null, children ? _jsx("div", { className: "mn-toolbar__group", children: children }) : null, end ? _jsx("div", { className: "mn-toolbar__end", children: end }) : null] }), filters ? _jsx("div", { className: "mn-toolbar__filters", children: filters }) : null] }));
+}
+/** Visual grouping inside a Toolbar. */
+export function ToolbarGroup({ className, ...rest }) {
+    return _jsx("div", { ...rest, role: "group", className: cx('mn-toolbar__group', className) });
+}
+//# sourceMappingURL=toolbar.js.map

package/dist/patterns/toolbar.js.map

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