@effigy-analytics/morass 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Kevin Blum
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,84 @@
+# Morass
+
+Morass is a small React UI framework for durable product interfaces: app shells, dense dashboards, forms, modal workflows, and status-heavy operational views.
+
+Morass is the standard UI package for the Effigy Analytics suite. It was born inside Webbery, but its public API is generic: primitives only, no product domain logic in the root export.
+
+## Status
+
+- TypeScript React package, MIT licensed
+- Vite library build
+- CSS token system
+- Accessible primitives for shell, cards, controls, tabs, modals, progress, and status
+- CI-ready lint, typecheck, test, and build scripts
+
+## Installation
+
+The package is published to GitHub Packages under the `@effigy-analytics` scope. GitHub Packages requires authentication to install, even for public packages — consumers need an `.npmrc` pointing the scope at the registry and a token with `read:packages`:
+
+```
+@effigy-analytics:registry=https://npm.pkg.github.com
+```
+
+```bash
+npm install @effigy-analytics/morass
+```
+
+## Development
+
+```bash
+npm install
+npm run check
+npm run build
+```
+
+## Public API
+
+```tsx
+import { AppFrame, Button, Card, StatusPill } from "@effigy-analytics/morass";
+import "@effigy-analytics/morass/styles.css";
+```
+
+Primitives: `AppFrame`, `Button`, `Card`, `TextField`, `SelectField`, `StatusPill`, `Metric`, `Tabs`, `ProgressSteps`, `Modal`, plus shared tone/utility helpers.
+
+Morass ships unopinionated class names and CSS variables. Applications can override tokens at `:root` or inside a scoped theme container.
+
+### Subpath: reminders
+
+Due-date presentation helpers (`DueState`, `getDueStateTone`, `formatRelativeDue`) live behind a subpath export so the root API stays purely generic:
+
+```ts
+import {
+  formatRelativeDue,
+  getDueStateTone,
+} from "@effigy-analytics/morass/reminders";
+```
+
+Moved out of the root export in 0.2.0.
+
+## Release Boundary
+
+Morass is consumed by Effigy Analytics products (Webbery today, the platform apps as they adopt it) as a versioned package. Treat these surfaces as public within a published version:
+
+- exports from `@effigy-analytics/morass`
+- exports from `@effigy-analytics/morass/reminders`
+- `@effigy-analytics/morass/styles.css`
+- CSS custom properties intended for application theming
+- component semantics and required peer dependency ranges
+
+Breaking changes require a coordinated consumer update and a major version or explicit release note (pre-1.0, breaking changes ride minor versions and are called out in release notes). Consumers should pin Morass to a published version instead of depending on a live sibling checkout.
+
+Before publishing:
+
+```bash
+npm run check
+```
+
+`npm run check` includes `npm pack --dry-run` after the library build, so CI
+verifies the publishable package contents before a release. Then publish through
+the GitHub Actions `Publish` workflow from a GitHub release whose tag matches
+`v<package.json version>`.
+
+## License
+
+[MIT](LICENSE)

package/dist/components.d.ts

@@ -0,0 +1,67 @@
+import type { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, SelectHTMLAttributes } from "react";
+import { type Tone } from "./utils";
+export type ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: ReactNode;
+    variant?: ButtonVariant;
+}
+export declare function Button({ children, className, icon, type, variant, ...props }: ButtonProps): import("react").JSX.Element;
+export interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    actions?: ReactNode;
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+}
+export declare function Card({ actions, children, className, eyebrow, title, ...props }: CardProps): import("react").JSX.Element;
+export interface AppFrameProps {
+    children: ReactNode;
+    header?: ReactNode;
+    nav?: ReactNode;
+    sidebar?: ReactNode;
+}
+export declare function AppFrame({ children, header, nav, sidebar }: AppFrameProps): import("react").JSX.Element;
+export interface FieldProps {
+    error?: ReactNode;
+    helpText?: ReactNode;
+    label: ReactNode;
+    labelProps?: LabelHTMLAttributes<HTMLLabelElement>;
+}
+export interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement>, FieldProps {
+}
+export declare function TextField({ error, helpText, label, labelProps, ...props }: TextFieldProps): import("react").JSX.Element;
+export interface SelectFieldProps extends SelectHTMLAttributes<HTMLSelectElement>, FieldProps {
+}
+export declare function SelectField({ children, error, helpText, label, labelProps, ...props }: SelectFieldProps): import("react").JSX.Element;
+export interface StatusPillProps {
+    children: ReactNode;
+    tone?: Tone;
+}
+export declare function StatusPill({ children, tone }: StatusPillProps): import("react").JSX.Element;
+export interface MetricProps {
+    label: ReactNode;
+    value: ReactNode;
+}
+export declare function Metric({ label, value }: MetricProps): import("react").JSX.Element;
+export interface TabsProps<TValue extends string> {
+    "aria-label": string;
+    onValueChange: (value: TValue) => void;
+    tabs: Array<{
+        label: ReactNode;
+        value: TValue;
+    }>;
+    value: TValue;
+}
+export declare function Tabs<TValue extends string>({ "aria-label": ariaLabel, onValueChange, tabs, value, }: TabsProps<TValue>): import("react").JSX.Element;
+export interface ProgressStepsProps {
+    current: number;
+    steps: string[];
+}
+export declare function ProgressSteps({ current, steps }: ProgressStepsProps): import("react").JSX.Element;
+export interface ModalProps {
+    actions?: ReactNode;
+    children: ReactNode;
+    onClose: () => void;
+    open: boolean;
+    title: ReactNode;
+}
+export declare function Modal({ actions, children, onClose, open, title }: ModalProps): import("react").JSX.Element | null;
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

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

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import "./styles.css";
+export * from "./components";
+export * from "./utils";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/morass.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime");function t(...e){return e.filter(Boolean).join(` `)}function n(e,t){return`${e} ${e}--${t}`}function r({children:n,className:r,icon:i,type:a=`button`,variant:o=`secondary`,...s}){return(0,e.jsxs)(`button`,{className:t(`m-button`,`m-button--${o}`,r),type:a,...s,children:[i?(0,e.jsx)(`span`,{className:`m-button__icon`,children:i}):null,n?(0,e.jsx)(`span`,{className:`m-button__label`,children:n}):null]})}function i({actions:n,children:r,className:i,eyebrow:a,title:o,...s}){return(0,e.jsxs)(`section`,{className:t(`m-card`,i),...s,children:[a||o||n?(0,e.jsxs)(`header`,{className:`m-card__header`,children:[(0,e.jsxs)(`div`,{children:[a?(0,e.jsx)(`p`,{className:`m-eyebrow`,children:a}):null,o?(0,e.jsx)(`h2`,{className:`m-card__title`,children:o}):null]}),n?(0,e.jsx)(`div`,{className:`m-card__actions`,children:n}):null]}):null,r?(0,e.jsx)(`div`,{className:`m-card__body`,children:r}):null]})}function a({children:t,header:n,nav:r,sidebar:i}){return(0,e.jsxs)(`div`,{className:`m-app-frame`,children:[i?(0,e.jsx)(`aside`,{className:`m-app-frame__sidebar`,children:i}):null,(0,e.jsxs)(`div`,{className:`m-app-frame__main`,children:[n?(0,e.jsx)(`header`,{className:`m-app-frame__header`,children:n}):null,(0,e.jsx)(`main`,{className:`m-app-frame__content`,children:t}),r?(0,e.jsx)(`nav`,{className:`m-app-frame__nav`,children:r}):null]})]})}function o({error:t,helpText:n,label:r,labelProps:i,...a}){return(0,e.jsxs)(`label`,{className:`m-field`,...i,children:[(0,e.jsx)(`span`,{className:`m-field__label`,children:r}),(0,e.jsx)(`input`,{className:`m-input`,...a}),n?(0,e.jsx)(`span`,{className:`m-field__help`,children:n}):null,t?(0,e.jsx)(`span`,{className:`m-field__error`,children:t}):null]})}function s({children:t,error:n,helpText:r,label:i,labelProps:a,...o}){return(0,e.jsxs)(`label`,{className:`m-field`,...a,children:[(0,e.jsx)(`span`,{className:`m-field__label`,children:i}),(0,e.jsx)(`select`,{className:`m-input m-input--select`,...o,children:t}),r?(0,e.jsx)(`span`,{className:`m-field__help`,children:r}):null,n?(0,e.jsx)(`span`,{className:`m-field__error`,children:n}):null]})}function c({children:t,tone:r=`neutral`}){return(0,e.jsx)(`span`,{className:n(`m-status-pill`,r),children:t})}function l({label:t,value:n}){return(0,e.jsxs)(`div`,{className:`m-metric`,children:[(0,e.jsx)(`dt`,{children:t}),(0,e.jsx)(`dd`,{children:n})]})}function u({"aria-label":n,onValueChange:r,tabs:i,value:a}){return(0,e.jsx)(`div`,{"aria-label":n,className:`m-tabs`,role:`tablist`,children:i.map(n=>(0,e.jsx)(`button`,{"aria-selected":n.value===a,className:t(`m-tabs__tab`,n.value===a&&`m-tabs__tab--active`),onClick:()=>r(n.value),role:`tab`,type:`button`,children:n.label},n.value))})}function d({current:n,steps:r}){return(0,e.jsx)(`ol`,{className:`m-progress`,"aria-label":`Progress`,children:r.map((r,i)=>(0,e.jsxs)(`li`,{"aria-current":i===n?`step`:void 0,className:t(`m-progress__step`,i<=n&&`m-progress__step--active`),children:[(0,e.jsx)(`span`,{children:i+1}),(0,e.jsx)(`strong`,{children:r})]},r))})}function f({actions:t,children:n,onClose:i,open:a,title:o}){return a?(0,e.jsxs)(`div`,{className:`m-modal`,role:`presentation`,children:[(0,e.jsx)(`div`,{className:`m-modal__backdrop`,onClick:i}),(0,e.jsxs)(`section`,{"aria-modal":`true`,className:`m-modal__panel`,role:`dialog`,children:[(0,e.jsxs)(`header`,{className:`m-modal__header`,children:[(0,e.jsx)(`h2`,{children:o}),(0,e.jsx)(r,{"aria-label":`Close modal`,onClick:i,variant:`ghost`,children:`Close`})]}),(0,e.jsx)(`div`,{className:`m-modal__body`,children:n}),t?(0,e.jsx)(`footer`,{className:`m-modal__actions`,children:t}):null]})]}):null}exports.AppFrame=a,exports.Button=r,exports.Card=i,exports.Metric=l,exports.Modal=f,exports.ProgressSteps=d,exports.SelectField=s,exports.StatusPill=c,exports.Tabs=u,exports.TextField=o,exports.cx=t,exports.toneClass=n;

package/dist/morass.js

@@ -0,0 +1,193 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/utils.ts
+function n(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function r(e, t) {
+	return `${e} ${e}--${t}`;
+}
+//#endregion
+//#region src/components.tsx
+function i({ children: r, className: i, icon: a, type: o = "button", variant: s = "secondary", ...c }) {
+	return /* @__PURE__ */ t("button", {
+		className: n("m-button", `m-button--${s}`, i),
+		type: o,
+		...c,
+		children: [a ? /* @__PURE__ */ e("span", {
+			className: "m-button__icon",
+			children: a
+		}) : null, r ? /* @__PURE__ */ e("span", {
+			className: "m-button__label",
+			children: r
+		}) : null]
+	});
+}
+function a({ actions: r, children: i, className: a, eyebrow: o, title: s, ...c }) {
+	return /* @__PURE__ */ t("section", {
+		className: n("m-card", a),
+		...c,
+		children: [o || s || r ? /* @__PURE__ */ t("header", {
+			className: "m-card__header",
+			children: [/* @__PURE__ */ t("div", { children: [o ? /* @__PURE__ */ e("p", {
+				className: "m-eyebrow",
+				children: o
+			}) : null, s ? /* @__PURE__ */ e("h2", {
+				className: "m-card__title",
+				children: s
+			}) : null] }), r ? /* @__PURE__ */ e("div", {
+				className: "m-card__actions",
+				children: r
+			}) : null]
+		}) : null, i ? /* @__PURE__ */ e("div", {
+			className: "m-card__body",
+			children: i
+		}) : null]
+	});
+}
+function o({ children: n, header: r, nav: i, sidebar: a }) {
+	return /* @__PURE__ */ t("div", {
+		className: "m-app-frame",
+		children: [a ? /* @__PURE__ */ e("aside", {
+			className: "m-app-frame__sidebar",
+			children: a
+		}) : null, /* @__PURE__ */ t("div", {
+			className: "m-app-frame__main",
+			children: [
+				r ? /* @__PURE__ */ e("header", {
+					className: "m-app-frame__header",
+					children: r
+				}) : null,
+				/* @__PURE__ */ e("main", {
+					className: "m-app-frame__content",
+					children: n
+				}),
+				i ? /* @__PURE__ */ e("nav", {
+					className: "m-app-frame__nav",
+					children: i
+				}) : null
+			]
+		})]
+	});
+}
+function s({ error: n, helpText: r, label: i, labelProps: a, ...o }) {
+	return /* @__PURE__ */ t("label", {
+		className: "m-field",
+		...a,
+		children: [
+			/* @__PURE__ */ e("span", {
+				className: "m-field__label",
+				children: i
+			}),
+			/* @__PURE__ */ e("input", {
+				className: "m-input",
+				...o
+			}),
+			r ? /* @__PURE__ */ e("span", {
+				className: "m-field__help",
+				children: r
+			}) : null,
+			n ? /* @__PURE__ */ e("span", {
+				className: "m-field__error",
+				children: n
+			}) : null
+		]
+	});
+}
+function c({ children: n, error: r, helpText: i, label: a, labelProps: o, ...s }) {
+	return /* @__PURE__ */ t("label", {
+		className: "m-field",
+		...o,
+		children: [
+			/* @__PURE__ */ e("span", {
+				className: "m-field__label",
+				children: a
+			}),
+			/* @__PURE__ */ e("select", {
+				className: "m-input m-input--select",
+				...s,
+				children: n
+			}),
+			i ? /* @__PURE__ */ e("span", {
+				className: "m-field__help",
+				children: i
+			}) : null,
+			r ? /* @__PURE__ */ e("span", {
+				className: "m-field__error",
+				children: r
+			}) : null
+		]
+	});
+}
+function l({ children: t, tone: n = "neutral" }) {
+	return /* @__PURE__ */ e("span", {
+		className: r("m-status-pill", n),
+		children: t
+	});
+}
+function u({ label: n, value: r }) {
+	return /* @__PURE__ */ t("div", {
+		className: "m-metric",
+		children: [/* @__PURE__ */ e("dt", { children: n }), /* @__PURE__ */ e("dd", { children: r })]
+	});
+}
+function d({ "aria-label": t, onValueChange: r, tabs: i, value: a }) {
+	return /* @__PURE__ */ e("div", {
+		"aria-label": t,
+		className: "m-tabs",
+		role: "tablist",
+		children: i.map((t) => /* @__PURE__ */ e("button", {
+			"aria-selected": t.value === a,
+			className: n("m-tabs__tab", t.value === a && "m-tabs__tab--active"),
+			onClick: () => r(t.value),
+			role: "tab",
+			type: "button",
+			children: t.label
+		}, t.value))
+	});
+}
+function f({ current: r, steps: i }) {
+	return /* @__PURE__ */ e("ol", {
+		className: "m-progress",
+		"aria-label": "Progress",
+		children: i.map((i, a) => /* @__PURE__ */ t("li", {
+			"aria-current": a === r ? "step" : void 0,
+			className: n("m-progress__step", a <= r && "m-progress__step--active"),
+			children: [/* @__PURE__ */ e("span", { children: a + 1 }), /* @__PURE__ */ e("strong", { children: i })]
+		}, i))
+	});
+}
+function p({ actions: n, children: r, onClose: a, open: o, title: s }) {
+	return o ? /* @__PURE__ */ t("div", {
+		className: "m-modal",
+		role: "presentation",
+		children: [/* @__PURE__ */ e("div", {
+			className: "m-modal__backdrop",
+			onClick: a
+		}), /* @__PURE__ */ t("section", {
+			"aria-modal": "true",
+			className: "m-modal__panel",
+			role: "dialog",
+			children: [
+				/* @__PURE__ */ t("header", {
+					className: "m-modal__header",
+					children: [/* @__PURE__ */ e("h2", { children: s }), /* @__PURE__ */ e(i, {
+						"aria-label": "Close modal",
+						onClick: a,
+						variant: "ghost",
+						children: "Close"
+					})]
+				}),
+				/* @__PURE__ */ e("div", {
+					className: "m-modal__body",
+					children: r
+				}),
+				n ? /* @__PURE__ */ e("footer", {
+					className: "m-modal__actions",
+					children: n
+				}) : null
+			]
+		})]
+	}) : null;
+}
+//#endregion
+export { o as AppFrame, i as Button, a as Card, u as Metric, p as Modal, f as ProgressSteps, c as SelectField, l as StatusPill, d as Tabs, s as TextField, n as cx, r as toneClass };

package/dist/reminders.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e){switch(e){case`overdue`:return`danger`;case`due-soon`:return`warning`;case`done`:return`success`;case`on-track`:return`info`}}function t(e){if(e<0){let t=Math.abs(e);return`${t} day${t===1?``:`s`} overdue`}return e===0?`Due today`:e===1?`Due tomorrow`:`Due in ${e} days`}exports.formatRelativeDue=t,exports.getDueStateTone=e;

package/dist/reminders.d.ts

@@ -0,0 +1,5 @@
+import type { Tone } from "./utils";
+export type DueState = "overdue" | "due-soon" | "on-track" | "done";
+export declare function getDueStateTone(state: DueState): Tone;
+export declare function formatRelativeDue(daysUntilDue: number): string;
+//# sourceMappingURL=reminders.d.ts.map

package/dist/reminders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reminders.d.ts","sourceRoot":"","sources":["../src/reminders.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE,wBAAgB,eAAe,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAWrD;AAED,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAe9D"}

package/dist/reminders.js

@@ -0,0 +1,18 @@
+//#region src/reminders.ts
+function e(e) {
+	switch (e) {
+		case "overdue": return "danger";
+		case "due-soon": return "warning";
+		case "done": return "success";
+		case "on-track": return "info";
+	}
+}
+function t(e) {
+	if (e < 0) {
+		let t = Math.abs(e);
+		return `${t} day${t === 1 ? "" : "s"} overdue`;
+	}
+	return e === 0 ? "Due today" : e === 1 ? "Due tomorrow" : `Due in ${e} days`;
+}
+//#endregion
+export { t as formatRelativeDue, e as getDueStateTone };

package/dist/styles.css

@@ -0,0 +1,2 @@
+:root{--m-color-bg:#f7f4ef;--m-color-surface:#fff;--m-color-surface-muted:#f0f7f4;--m-color-text:#1d2524;--m-color-text-muted:#5f6d6a;--m-color-border:#d9ded8;--m-color-primary:#1d766f;--m-color-primary-strong:#115c56;--m-color-danger:#b42318;--m-color-danger-bg:#fef3f2;--m-color-warning:#b45309;--m-color-warning-bg:#fff7ed;--m-color-success:#047857;--m-color-success-bg:#ecfdf3;--m-color-info:#1d4ed8;--m-color-info-bg:#eff6ff;--m-radius:8px;--m-shadow:0 16px 40px #1d252414;--m-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:var(--m-color-bg);color:var(--m-color-text);font-family:var(--m-font);margin:0}.m-app-frame{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.m-app-frame__sidebar{color:#f8faf8;background:#143330;min-height:100vh;padding:20px 16px}.m-app-frame__main{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.m-app-frame__header{border-bottom:1px solid var(--m-color-border);z-index:5;background:#ffffffeb;align-items:center;gap:16px;min-height:64px;padding:12px 24px;display:flex;position:sticky;top:0}.m-app-frame__content{min-width:0;padding:24px}.m-app-frame__nav{background:var(--m-color-surface);border-top:1px solid var(--m-color-border);gap:8px;padding:8px;display:none}.m-button{border-radius:var(--m-radius);cursor:pointer;font:inherit;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-weight:700;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.m-button:disabled{cursor:not-allowed;opacity:.55}.m-button--primary{background:var(--m-color-primary);color:#fff}.m-button--primary:hover{background:var(--m-color-primary-strong)}.m-button--secondary{background:var(--m-color-surface);border-color:var(--m-color-border);color:var(--m-color-text)}.m-button--secondary:hover,.m-button--ghost:hover{background:var(--m-color-surface-muted)}.m-button--ghost{color:inherit;background:0 0}.m-button--danger{background:var(--m-color-danger);color:#fff}.m-button__icon{align-items:center;display:inline-flex}.m-card{background:var(--m-color-surface);border:1px solid var(--m-color-border);border-radius:var(--m-radius);box-shadow:var(--m-shadow);min-width:0}.m-card__header{border-bottom:1px solid var(--m-color-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;display:flex}.m-card__title{margin:0;font-size:1rem;line-height:1.3}.m-card__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.m-card__body{padding:16px 18px}.m-eyebrow{color:var(--m-color-text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:800}.m-field{gap:6px;display:grid}.m-field__label{color:var(--m-color-text);font-size:.86rem;font-weight:700}.m-field__help,.m-field__error{font-size:.78rem}.m-field__help{color:var(--m-color-text-muted)}.m-field__error{color:var(--m-color-danger)}.m-input{border:1px solid var(--m-color-border);border-radius:var(--m-radius);color:var(--m-color-text);font:inherit;background:#fff;width:100%;min-height:42px;padding:9px 11px}.m-input:focus,.m-button:focus-visible,.m-tabs__tab:focus-visible{outline-offset:2px;outline:3px solid #1d766f40}.m-status-pill{border-radius:999px;align-items:center;min-height:24px;padding:3px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.m-status-pill--neutral{color:#384642;background:#eef1ef}.m-status-pill--info{background:var(--m-color-info-bg);color:var(--m-color-info)}.m-status-pill--success{background:var(--m-color-success-bg);color:var(--m-color-success)}.m-status-pill--warning{background:var(--m-color-warning-bg);color:var(--m-color-warning)}.m-status-pill--danger{background:var(--m-color-danger-bg);color:var(--m-color-danger)}.m-metric{gap:3px;display:grid}.m-metric dt{color:var(--m-color-text-muted);margin:0;font-size:.78rem;font-weight:700}.m-metric dd{margin:0;font-size:1.35rem;font-weight:800}.m-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.m-tabs__tab{color:var(--m-color-text-muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:999px;min-height:34px;padding:6px 13px;font-size:.86rem;font-weight:800}.m-tabs__tab--active{background:var(--m-color-text);color:#fff}.m-progress{gap:10px;margin:0;padding:0;list-style:none;display:grid}.m-progress__step{color:var(--m-color-text-muted);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;display:grid}.m-progress__step span{background:#e6e9e6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:inline-flex}.m-progress__step--active{color:var(--m-color-text)}.m-progress__step--active span{background:var(--m-color-primary);color:#fff}.m-modal{z-index:20;position:fixed;inset:0}.m-modal__backdrop{background:#0f172a70;position:absolute;inset:0}.m-modal__panel{background:var(--m-color-surface);border-radius:var(--m-radius);width:100%;max-width:min(620px,100vw - 32px);max-height:min(720px,100vh - 32px);position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0f172a3d}.m-modal__header,.m-modal__actions{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.m-modal__header{border-bottom:1px solid var(--m-color-border)}.m-modal__header h2{margin:0;font-size:1.1rem}.m-modal__body{gap:14px;padding:18px;display:grid}.m-modal__actions{border-top:1px solid var(--m-color-border);justify-content:flex-end}@media (width<=820px){.m-app-frame{grid-template-columns:1fr}.m-app-frame__sidebar{display:none}.m-app-frame__content{padding:16px}.m-app-frame__nav{justify-content:space-around;display:flex;position:sticky;bottom:0}}
+/*$vite$:1*/

package/dist/utils.d.ts

@@ -0,0 +1,4 @@
+export declare function cx(...values: Array<string | false | null | undefined>): string;
+export type Tone = "neutral" | "info" | "success" | "warning" | "danger";
+export declare function toneClass(prefix: string, tone: Tone): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,EAAE,CAChB,GAAG,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,GAClD,MAAM,CAER;AAED,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEzE,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,CAE5D"}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@effigy-analytics/morass",
+  "version": "0.2.0",
+  "description": "Composable React UI primitives for durable product interfaces.",
+  "type": "module",
+  "license": "MIT",
+  "author": "Effigy Analytics",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/effigy-analytics/morass.git"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/morass.cjs",
+  "module": "./dist/morass.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/morass.js",
+      "require": "./dist/morass.cjs"
+    },
+    "./reminders": {
+      "types": "./dist/reminders.d.ts",
+      "import": "./dist/reminders.js",
+      "require": "./dist/reminders.cjs"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "check": "npm run format:check && npm run lint && npm run typecheck && npm run test && npm run build && npm run pack:check",
+    "dev": "vite --host 0.0.0.0",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "lint": "eslint .",
+    "pack:check": "npm_config_cache=${TMPDIR:-/tmp}/morass-npm-cache npm pack --dry-run",
+    "test": "vitest run",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^10.0.1",
+    "@types/node": "^26.1.0",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^6.0.3",
+    "eslint": "^10.6.0",
+    "globals": "^17.7.0",
+    "prettier": "^3.9.4",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.62.1",
+    "vite": "^8.1.1",
+    "vitest": "^4.1.10"
+  }
+}