@rookcom/monarch-react 0.0.0-canary-20261103180711

package/dist/patterns/actions/toolbar/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/actions/toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/patterns/actions/toolbar/index.js

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

package/dist/patterns/actions/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/patterns/actions/toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/page-header/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/patterns/layout/page-header/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/patterns/layout/page-header/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/patterns/layout/page-header/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/layout/page-header/page-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../../src/patterns/layout/page-header/page-header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAgB7C,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/layout/settings-section/index.d.ts

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

package/dist/patterns/layout/settings-section/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/settings-section/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/patterns/layout/settings-section/index.js

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

package/dist/patterns/layout/settings-section/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/patterns/layout/settings-section/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/patterns/layout/settings-section/settings-section.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-section.d.ts.map

package/dist/patterns/layout/settings-section/settings-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-section.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/settings-section/settings-section.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/layout/settings-section/settings-section.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/forms/form-field/index.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-section.js.map

package/dist/patterns/layout/settings-section/settings-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-section.js","sourceRoot":"","sources":["../../../../src/patterns/layout/settings-section/settings-section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAuC,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAepG,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/layout/split-layout/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/split-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/patterns/layout/split-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-layout.js","sourceRoot":"","sources":["../../../../src/patterns/layout/split-layout/split-layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAoB/D,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/search/filter-bar/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/search/filter-bar/filter-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.js","sourceRoot":"","sources":["../../../../src/patterns/search/filter-bar/filter-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAWxD,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/search/filter-bar/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/search/filter-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/patterns/search/filter-bar/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/patterns/search/filter-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}