@cellarnode/ui 0.183.0 → 0.184.0

package/dist/org/index.d.ts

@@ -21,4 +21,6 @@ export { BillingAddressSourceControl } from "./billing-address-source.js";
 export type { BillingAddressSourceControlProps } from "./billing-address-source.js";
 export { PublicLocationNotice } from "./public-location-notice.js";
 export type { PublicLocationNoticeProps } from "./public-location-notice.js";
+export { OrganisationShell } from "./organisation-shell.js";
+export type { OrganisationShellLabels, OrganisationShellProps, OrganisationShellWidth, } from "./organisation-shell.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/org/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,YAAY,EACV,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,uBAAuB,EACvB,aAAa,GACd,MAAM,SAAS,CAAC;AAIjB,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,4BAA4B,EAC5B,sBAAsB,EACtB,2BAA2B,EAC3B,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAEnG,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,YAAY,EAAE,gCAAgC,EAAE,MAAM,0BAA0B,CAAC;AAEjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/org/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEtE,YAAY,EACV,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,uBAAuB,EACvB,aAAa,GACd,MAAM,SAAS,CAAC;AAIjB,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,4BAA4B,EAC5B,sBAAsB,EACtB,2BAA2B,EAC3B,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAEnG,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,YAAY,EAAE,gCAAgC,EAAE,MAAM,0BAA0B,CAAC;AAEjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAG1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,sBAAsB,CAAC"}

package/dist/org/index.js

@@ -11,4 +11,6 @@ export { PostalAddressFields } from "./postal-address-fields.js";
 export { PostalAddressDisplay } from "./postal-address-display.js";
 export { BillingAddressSourceControl } from "./billing-address-source.js";
 export { PublicLocationNotice } from "./public-location-notice.js";
+// CEL-2126 — shared organisation section layout (title, org name, content column).
+export { OrganisationShell } from "./organisation-shell.js";
 //# sourceMappingURL=index.js.map

package/dist/org/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/org/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAW5D,sEAAsE;AACtE,2EAA2E;AAC3E,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,4BAA4B,EAC5B,sBAAsB,EACtB,2BAA2B,EAC3B,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,iBAAiB,CAAC;AAWzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAGvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/org/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAW5D,sEAAsE;AACtE,2EAA2E;AAC3E,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,4BAA4B,EAC5B,sBAAsB,EACtB,2BAA2B,EAC3B,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,iBAAiB,CAAC;AAWzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAGvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,mFAAmF;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/org/organisation-shell.d.ts

@@ -0,0 +1,41 @@
+import type { ReactNode } from "react";
+export type OrganisationShellWidth = "default" | "narrow" | "wide" | "full";
+export interface OrganisationShellLabels {
+    /** Subtitle shown under the title when there is no organisation name. */
+    noOrgSubtitle?: string;
+}
+export interface OrganisationShellProps {
+    /** The page title, rendered as the single `h1` (e.g. "Organisation"). */
+    title: string;
+    /** The organisation name. Plain text, never a heading. Clamps to two lines when long. */
+    subtitle?: string;
+    /** Optional header actions, right-aligned from `sm` up and stacked below it. */
+    actions?: ReactNode;
+    /** The section content (the router outlet). */
+    children?: ReactNode;
+    /**
+     * Content width. `default` is `max-w-6xl` (producer's current container),
+     * `narrow` is `max-w-4xl`, `wide` is `max-w-7xl`, `full` is unbounded.
+     */
+    width?: OrganisationShellWidth;
+    /**
+     * Shown INSTEAD of `children` when the user has no organisation (join and
+     * setup UI, request-status card, loading text). Consumer-owned. Rendered in a
+     * centred `max-w-4xl` column, as producer does today.
+     */
+    noOrgState?: ReactNode;
+    labels?: OrganisationShellLabels;
+    className?: string;
+}
+/**
+ * Shared parent layout for the organisation section (CEL-2126). Header
+ * (`font-display` h1 plus muted org-name line plus optional actions) over a
+ * centred content column. Class-for-class the same as producer's
+ * `_app.organisation` header and `max-w-6xl` Outlet container, so adopting it
+ * is not a visual change.
+ *
+ * Landmarks: it renders no `main` (AppShell owns it) and exactly one `h1`; the
+ * header is a plain `div` (a `header` reads as a banner landmark to some tools).
+ */
+export declare function OrganisationShell({ title, subtitle, actions, children, width, noOrgState, labels, className, }: OrganisationShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=organisation-shell.d.ts.map

package/dist/org/organisation-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"organisation-shell.d.ts","sourceRoot":"","sources":["../../src/org/organisation-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5E,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,yFAAyF;IACzF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,sBAAsB,CAAC;IAC/B;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAiB,EACjB,UAAU,EACV,MAAM,EACN,SAAS,GACV,EAAE,sBAAsB,2CA8CxB"}

package/dist/org/organisation-shell.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+const WIDTH_CLASS = {
+    default: "max-w-6xl",
+    narrow: "max-w-4xl",
+    wide: "max-w-7xl",
+    full: "max-w-none",
+};
+/**
+ * Shared parent layout for the organisation section (CEL-2126). Header
+ * (`font-display` h1 plus muted org-name line plus optional actions) over a
+ * centred content column. Class-for-class the same as producer's
+ * `_app.organisation` header and `max-w-6xl` Outlet container, so adopting it
+ * is not a visual change.
+ *
+ * Landmarks: it renders no `main` (AppShell owns it) and exactly one `h1`; the
+ * header is a plain `div` (a `header` reads as a banner landmark to some tools).
+ */
+export function OrganisationShell({ title, subtitle, actions, children, width = "default", noOrgState, labels, className, }) {
+    const hasNoOrgState = noOrgState !== undefined && noOrgState !== null && noOrgState !== false;
+    const resolvedSubtitle = subtitle ?? (hasNoOrgState ? (labels?.noOrgSubtitle ?? "Manage your organisation") : undefined);
+    return (_jsxs("div", { className: cn("flex flex-col gap-8", className), "data-slot": "organisation-shell", children: [_jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", "data-slot": "organisation-shell-header", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "font-display text-2xl/8 font-bold text-foreground sm:text-3xl/10", children: title }), resolvedSubtitle ? (_jsx("p", { className: "mt-1 line-clamp-2 break-words text-sm/5 text-muted-foreground", title: resolvedSubtitle, "data-slot": "organisation-shell-subtitle", children: resolvedSubtitle })) : null] }), actions ? (_jsx("div", { className: "shrink-0", "data-slot": "organisation-shell-actions", children: actions })) : null] }), hasNoOrgState ? (_jsx("div", { className: "mx-auto w-full max-w-4xl", "data-slot": "organisation-shell-no-org", children: noOrgState })) : (_jsx("div", { className: cn("mx-auto w-full", WIDTH_CLASS[width]), "data-slot": "organisation-shell-content", children: children }))] }));
+}
+//# sourceMappingURL=organisation-shell.js.map

package/dist/org/organisation-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"organisation-shell.js","sourceRoot":"","sources":["../../src/org/organisation-shell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAiClC,MAAM,WAAW,GAA2C;IAC1D,OAAO,EAAE,WAAW;IACpB,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,UAAU,EACV,MAAM,EACN,SAAS,GACc;IACvB,MAAM,aAAa,GAAG,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,KAAK,CAAC;IAC9F,MAAM,gBAAgB,GACpB,QAAQ,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,aAAa,IAAI,0BAA0B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAElG,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,eAAY,oBAAoB,aAClF,eACE,SAAS,EAAC,oEAAoE,eACpE,2BAA2B,aAErC,eAAK,SAAS,EAAC,SAAS,aACtB,aAAI,SAAS,EAAC,kEAAkE,YAC7E,KAAK,GACH,EACJ,gBAAgB,CAAC,CAAC,CAAC,CAClB,YACE,SAAS,EAAC,+DAA+D,EACzE,KAAK,EAAE,gBAAgB,eACb,6BAA6B,YAEtC,gBAAgB,GACf,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,UAAU,eAAW,4BAA4B,YAC7D,OAAO,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EAEL,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAC,0BAA0B,eAAW,2BAA2B,YAC5E,UAAU,GACP,CACP,CAAC,CAAC,CAAC,CACF,cACE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,eACzC,4BAA4B,YAErC,QAAQ,GACL,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cellarnode/ui",
-  "version": "0.183.0",
+  "version": "0.184.0",
   "type": "module",
   "private": false,
   "packageManager": "pnpm@10.28.2+sha512.41872f037ad22f7348e3b1debbaf7e867cfd448f2726d9cf74c08f19507c31d2c8e7a11525b983febc2df640b5438dee6023ebb1f84ed43cc2d654d2bc326264",