@actuate-media/cms-admin 0.10.0 → 0.11.0

package/dist/layout/primitives/Box.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode, ElementType } from 'react';
+export interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    /**
+     * The element to render. Defaults to `div`. Use semantic elements (`<section>`,
+     * `<article>`, etc.) for accessibility — Box is the lowest-level escape
+     * hatch and exists primarily so views don't reach for raw `<div>` with
+     * five Tailwind utilities.
+     */
+    as?: ElementType;
+    children?: ReactNode;
+}
+/**
+ * The lowest-level primitive — a forwardRef'd div (by default) that exists
+ * so consumers always have a stable, semantically-tagged container to
+ * compose around. Prefer Box over a bare `<div>` to keep the design system
+ * audit clean.
+ */
+export declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Box.d.ts.map

package/dist/layout/primitives/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/layout/primitives/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnE,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC7E;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,GAAG,kGASd,CAAA"}

package/dist/layout/primitives/Box.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/**
+ * The lowest-level primitive — a forwardRef'd div (by default) that exists
+ * so consumers always have a stable, semantically-tagged container to
+ * compose around. Prefer Box over a bare `<div>` to keep the design system
+ * audit clean.
+ */
+export const Box = forwardRef(function Box({ as: Component = 'div', children, ...rest }, ref) {
+    return (_jsx(Component, { ref: ref, ...rest, children: children }));
+});
+//# sourceMappingURL=Box.js.map

package/dist/layout/primitives/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/primitives/Box.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAclC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAAwB,SAAS,GAAG,CAC/D,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAC5C,GAAG;IAEH,OAAO,CACL,KAAC,SAAS,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,YAC1B,QAAQ,GACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/layout/primitives/Cluster.d.ts

@@ -0,0 +1,27 @@
+import type { HTMLAttributes, ReactNode, ElementType } from 'react';
+import type { SpaceToken } from './tokens.js';
+export type ClusterAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+export type ClusterJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export interface ClusterProps extends HTMLAttributes<HTMLElement> {
+    /** Gap between children. Maps to Tailwind `gap-{space}`. */
+    space?: SpaceToken;
+    /** Render as a different element. Defaults to `div`. */
+    as?: ElementType;
+    /** Align items on the cross axis. */
+    align?: ClusterAlign;
+    /** Distribute items along the main axis. */
+    justify?: ClusterJustify;
+    /** Reverse the order of children. */
+    reverse?: boolean;
+    /** Disable wrapping (default: true, items wrap on overflow). */
+    noWrap?: boolean;
+    children?: ReactNode;
+}
+/**
+ * Horizontal cluster of items with a consistent gap, wrapping by default.
+ * The canonical use case is action toolbars (`<Cluster justify="end">`),
+ * badge groups, breadcrumbs, etc. Never reach for `flex flex-wrap gap-2`
+ * directly — use Cluster.
+ */
+export declare function Cluster({ space, as: Component, align, justify, reverse, noWrap, className, children, ...rest }: ClusterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Cluster.d.ts.map

package/dist/layout/primitives/Cluster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cluster.d.ts","sourceRoot":"","sources":["../../../src/layout/primitives/Cluster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAA;AAC9E,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEzF,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,4DAA4D;IAC5D,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,wDAAwD;IACxD,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,qCAAqC;IACrC,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAmBD;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAW,EACX,EAAE,EAAE,SAAiB,EACrB,KAAgB,EAChB,OAAiB,EACjB,OAAO,EACP,MAAM,EACN,SAAc,EACd,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,YAAY,2CAkBd"}

package/dist/layout/primitives/Cluster.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ALIGN_CLASS = {
+    start: 'items-start',
+    center: 'items-center',
+    end: 'items-end',
+    baseline: 'items-baseline',
+    stretch: 'items-stretch',
+};
+const JUSTIFY_CLASS = {
+    start: 'justify-start',
+    center: 'justify-center',
+    end: 'justify-end',
+    between: 'justify-between',
+    around: 'justify-around',
+    evenly: 'justify-evenly',
+};
+/**
+ * Horizontal cluster of items with a consistent gap, wrapping by default.
+ * The canonical use case is action toolbars (`<Cluster justify="end">`),
+ * badge groups, breadcrumbs, etc. Never reach for `flex flex-wrap gap-2`
+ * directly — use Cluster.
+ */
+export function Cluster({ space = '2', as: Component = 'div', align = 'center', justify = 'start', reverse, noWrap, className = '', children, ...rest }) {
+    const classes = [
+        'flex',
+        reverse ? 'flex-row-reverse' : 'flex-row',
+        noWrap ? 'flex-nowrap' : 'flex-wrap',
+        `gap-${space}`,
+        ALIGN_CLASS[align],
+        JUSTIFY_CLASS[justify],
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx(Component, { className: classes, ...rest, children: children }));
+}
+//# sourceMappingURL=Cluster.js.map

package/dist/layout/primitives/Cluster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cluster.js","sourceRoot":"","sources":["../../../src/layout/primitives/Cluster.tsx"],"names":[],"mappings":";AAsBA,MAAM,WAAW,GAAiC;IAChD,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;IACtB,GAAG,EAAE,WAAW;IAChB,QAAQ,EAAE,gBAAgB;IAC1B,OAAO,EAAE,eAAe;CACzB,CAAA;AAED,MAAM,aAAa,GAAmC;IACpD,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;IACxB,GAAG,EAAE,aAAa;IAClB,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,gBAAgB;IACxB,MAAM,EAAE,gBAAgB;CACzB,CAAA;AAED;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,GAAG,GAAG,EACX,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,KAAK,GAAG,QAAQ,EAChB,OAAO,GAAG,OAAO,EACjB,OAAO,EACP,MAAM,EACN,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,IAAI,EACM;IACb,MAAM,OAAO,GAAG;QACd,MAAM;QACN,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU;QACzC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW;QACpC,OAAO,KAAK,EAAE;QACd,WAAW,CAAC,KAAK,CAAC;QAClB,aAAa,CAAC,OAAO,CAAC;QACtB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,OAAO,CACL,KAAC,SAAS,IAAC,SAAS,EAAE,OAAO,KAAM,IAAI,YACpC,QAAQ,GACC,CACb,CAAA;AACH,CAAC"}

package/dist/layout/primitives/Grid.d.ts

@@ -0,0 +1,45 @@
+import type { HTMLAttributes, ReactNode, ElementType } from 'react';
+import type { SpaceToken } from './tokens.js';
+/**
+ * Responsive column count. Pass a number for static grids, or a map to
+ * change column count at each breakpoint.
+ *
+ * @example
+ *   columns={3}                              // 3 cols at every breakpoint
+ *   columns={{ base: 1, md: 2, lg: 4 }}      // responsive
+ */
+export type GridResponsive = number | {
+    base?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    '2xl'?: number;
+};
+export interface GridProps extends HTMLAttributes<HTMLElement> {
+    columns: GridResponsive;
+    /** Gap between cells. */
+    space?: SpaceToken;
+    /** Row gap (defaults to `space`). */
+    rowSpace?: SpaceToken;
+    /** Render as a different element. Defaults to `div`. */
+    as?: ElementType;
+    /**
+     * Use auto-fit instead of explicit column counts. When set, `minItemWidth`
+     * controls the minimum tile width before the grid reflows. Use this for
+     * card grids that should adapt to container width without specific
+     * breakpoints.
+     */
+    autoFit?: boolean;
+    /** Min tile width when `autoFit` is true. Defaults to `16rem`. */
+    minItemWidth?: string;
+    children?: ReactNode;
+}
+/**
+ * Responsive CSS grid primitive. Pass either an explicit `columns` count
+ * (per-breakpoint or static) or set `autoFit` for a `repeat(auto-fit, …)`
+ * tile grid. Both modes share the same `space` / `rowSpace` knobs so
+ * usage is consistent across views.
+ */
+export declare function Grid({ columns, space, rowSpace, as: Component, autoFit, minItemWidth, className, style, children, ...rest }: GridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Grid.d.ts.map

package/dist/layout/primitives/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/layout/primitives/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GACtB,MAAM,GACN;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEzF,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D,OAAO,EAAE,cAAc,CAAA;IACvB,yBAAyB;IACzB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB,wDAAwD;IACxD,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAoCD;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,KAAW,EACX,QAAQ,EACR,EAAE,EAAE,SAAiB,EACrB,OAAO,EACP,YAAsB,EACtB,SAAc,EACd,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,2CAiCX"}

package/dist/layout/primitives/Grid.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const COL_CLASS = {
+    1: 'grid-cols-1',
+    2: 'grid-cols-2',
+    3: 'grid-cols-3',
+    4: 'grid-cols-4',
+    5: 'grid-cols-5',
+    6: 'grid-cols-6',
+    7: 'grid-cols-7',
+    8: 'grid-cols-8',
+    9: 'grid-cols-9',
+    10: 'grid-cols-10',
+    11: 'grid-cols-11',
+    12: 'grid-cols-12',
+};
+const BP_PREFIX = ['', 'sm:', 'md:', 'lg:', 'xl:', '2xl:'];
+function columnsToClasses(columns) {
+    if (typeof columns === 'number') {
+        return COL_CLASS[columns] ?? 'grid-cols-1';
+    }
+    const order = ['base', 'sm', 'md', 'lg', 'xl', '2xl'];
+    return order
+        .map((bp, i) => {
+        const n = columns[bp];
+        if (!n)
+            return '';
+        const base = COL_CLASS[n] ?? 'grid-cols-1';
+        return BP_PREFIX[i] + base;
+    })
+        .filter(Boolean)
+        .join(' ');
+}
+/**
+ * Responsive CSS grid primitive. Pass either an explicit `columns` count
+ * (per-breakpoint or static) or set `autoFit` for a `repeat(auto-fit, …)`
+ * tile grid. Both modes share the same `space` / `rowSpace` knobs so
+ * usage is consistent across views.
+ */
+export function Grid({ columns, space = '4', rowSpace, as: Component = 'div', autoFit, minItemWidth = '16rem', className = '', style, children, ...rest }) {
+    if (autoFit) {
+        return (_jsx(Component, { className: ['grid', `gap-${space}`, rowSpace ? `gap-y-${rowSpace}` : '', className]
+                .filter(Boolean)
+                .join(' '), style: {
+                gridTemplateColumns: `repeat(auto-fit, minmax(${minItemWidth}, 1fr))`,
+                ...style,
+            }, ...rest, children: children }));
+    }
+    const classes = [
+        'grid',
+        columnsToClasses(columns),
+        `gap-${space}`,
+        rowSpace ? `gap-y-${rowSpace}` : '',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx(Component, { className: classes, style: style, ...rest, children: children }));
+}
+//# sourceMappingURL=Grid.js.map

package/dist/layout/primitives/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/layout/primitives/Grid.tsx"],"names":[],"mappings":";AAmCA,MAAM,SAAS,GAA2B;IACxC,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;CACnB,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAU,CAAA;AAGnE,SAAS,gBAAgB,CAAC,OAAuB;IAC/C,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,SAAS,CAAC,OAAO,CAAC,IAAI,aAAa,CAAA;IAC5C,CAAC;IACD,MAAM,KAAK,GAAY,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;IAC9D,OAAO,KAAK;SACT,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;QACb,MAAM,CAAC,GAAG,OAAO,CAAC,EAAE,CAAC,CAAA;QACrB,IAAI,CAAC,CAAC;YAAE,OAAO,EAAE,CAAA;QACjB,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,aAAa,CAAA;QAC1C,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;IAC5B,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,OAAO,EACP,KAAK,GAAG,GAAG,EACX,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,EACP,YAAY,GAAG,OAAO,EACtB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACG;IACV,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC;iBAChF,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,EACZ,KAAK,EAAE;gBACL,mBAAmB,EAAE,2BAA2B,YAAY,SAAS;gBACrE,GAAG,KAAK;aACT,KACG,IAAI,YAEP,QAAQ,GACC,CACb,CAAA;IACH,CAAC;IAED,MAAM,OAAO,GAAG;QACd,MAAM;QACN,gBAAgB,CAAC,OAAO,CAAC;QACzB,OAAO,KAAK,EAAE;QACd,QAAQ,CAAC,CAAC,CAAC,SAAS,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE;QACnC,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,OAAO,CACL,KAAC,SAAS,IAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,KAAM,IAAI,YAClD,QAAQ,GACC,CACb,CAAA;AACH,CAAC"}

package/dist/layout/primitives/PageContainer.d.ts

@@ -0,0 +1,36 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface PageContainerProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** Page title rendered as an h1 inside the page header. */
+    title?: ReactNode;
+    /** Optional sub-headline shown beneath the title. */
+    description?: ReactNode;
+    /** Right-aligned action area (buttons, filters). Rendered in the header. */
+    actions?: ReactNode;
+    /**
+     * Maximum width of the content. Defaults to `7xl` (Tailwind's max-w-7xl,
+     * ~1280px). Pass `'full'` for edge-to-edge content.
+     */
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
+    /** Horizontal padding token. Defaults to `6` (24px). */
+    paddingX?: '4' | '6' | '8';
+    /** Vertical padding token. Defaults to `6`. */
+    paddingY?: '4' | '6' | '8' | '10';
+    /** Vertical gap between the header and the body. Defaults to `6`. */
+    gap?: '4' | '6' | '8';
+    children?: ReactNode;
+}
+/**
+ * The single canonical wrapper for every admin page. PageContainer owns
+ * three responsibilities so individual views can stop redoing them:
+ *
+ *  1. Consistent max-width + horizontal padding (so dashboards, lists, and
+ *     forms all line up visually).
+ *  2. A standard header slot with title + description + actions.
+ *  3. A standard body slot rendered as a `<Stack>` so children stack with
+ *     consistent vertical rhythm.
+ *
+ * Use PageContainer at the top of every screen. Compose with `<Stack>` /
+ * `<Grid>` / `<Cluster>` inside. Never roll a per-screen wrapper.
+ */
+export declare function PageContainer({ title, description, actions, maxWidth, paddingX, paddingY, gap, className, children, ...rest }: PageContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageContainer.d.ts.map

package/dist/layout/primitives/PageContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/layout/primitives/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACpF,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,qDAAqD;IACrD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;IAC7F,wDAAwD;IACxD,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IAC1B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;IACjC,qEAAqE;IACrE,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAgBD;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAgB,EAChB,QAAc,EACd,QAAc,EACd,GAAS,EACT,SAAc,EACd,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAiCpB"}

package/dist/layout/primitives/PageContainer.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from './Stack.js';
+const MAX_WIDTH_CLASS = {
+    sm: 'max-w-sm',
+    md: 'max-w-md',
+    lg: 'max-w-lg',
+    xl: 'max-w-xl',
+    '2xl': 'max-w-2xl',
+    '3xl': 'max-w-3xl',
+    '4xl': 'max-w-4xl',
+    '5xl': 'max-w-5xl',
+    '6xl': 'max-w-6xl',
+    '7xl': 'max-w-7xl',
+    full: 'max-w-none',
+};
+/**
+ * The single canonical wrapper for every admin page. PageContainer owns
+ * three responsibilities so individual views can stop redoing them:
+ *
+ *  1. Consistent max-width + horizontal padding (so dashboards, lists, and
+ *     forms all line up visually).
+ *  2. A standard header slot with title + description + actions.
+ *  3. A standard body slot rendered as a `<Stack>` so children stack with
+ *     consistent vertical rhythm.
+ *
+ * Use PageContainer at the top of every screen. Compose with `<Stack>` /
+ * `<Grid>` / `<Cluster>` inside. Never roll a per-screen wrapper.
+ */
+export function PageContainer({ title, description, actions, maxWidth = '7xl', paddingX = '6', paddingY = '6', gap = '6', className = '', children, ...rest }) {
+    const outerClasses = [
+        'mx-auto w-full',
+        MAX_WIDTH_CLASS[maxWidth],
+        `px-${paddingX}`,
+        `py-${paddingY}`,
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx("section", { className: outerClasses, ...rest, children: _jsxs(Stack, { space: gap, children: [(title || description || actions) && (_jsxs("header", { className: "flex flex-col gap-3 md:flex-row md:items-start md:justify-between", children: [(title || description) && (_jsxs("div", { className: "min-w-0", children: [title && (_jsx("h1", { className: "text-foreground truncate text-2xl font-semibold tracking-tight", children: title })), description && _jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: description })] })), actions && _jsx("div", { className: "flex shrink-0 items-center gap-2", children: actions })] })), children] }) }));
+}
+//# sourceMappingURL=PageContainer.js.map

package/dist/layout/primitives/PageContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer.js","sourceRoot":"","sources":["../../../src/layout/primitives/PageContainer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAuBlC,MAAM,eAAe,GAAgE;IACnF,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,UAAU;IACd,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,YAAY;CACnB,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,GAAG,EACd,QAAQ,GAAG,GAAG,EACd,GAAG,GAAG,GAAG,EACT,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,IAAI,EACY;IACnB,MAAM,YAAY,GAAG;QACnB,gBAAgB;QAChB,eAAe,CAAC,QAAQ,CAAC;QACzB,MAAM,QAAQ,EAAE;QAChB,MAAM,QAAQ,EAAE;QAChB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,OAAO,CACL,kBAAS,SAAS,EAAE,YAAY,KAAM,IAAI,YACxC,MAAC,KAAK,IAAC,KAAK,EAAE,GAAG,aACd,CAAC,KAAK,IAAI,WAAW,IAAI,OAAO,CAAC,IAAI,CACpC,kBAAQ,SAAS,EAAC,mEAAmE,aAClF,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,SAAS,aACrB,KAAK,IAAI,CACR,aAAI,SAAS,EAAC,gEAAgE,YAC3E,KAAK,GACH,CACN,EACA,WAAW,IAAI,YAAG,SAAS,EAAC,oCAAoC,YAAE,WAAW,GAAK,IAC/E,CACP,EACA,OAAO,IAAI,cAAK,SAAS,EAAC,kCAAkC,YAAE,OAAO,GAAO,IACtE,CACV,EACA,QAAQ,IACH,GACA,CACX,CAAA;AACH,CAAC"}

package/dist/layout/primitives/Split.d.ts

@@ -0,0 +1,34 @@
+import type { HTMLAttributes, ReactNode, ElementType } from 'react';
+import type { SpaceToken } from './tokens.js';
+export interface SplitProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Fraction of the container the primary pane should take, expressed as
+     * a CSS fraction string. Defaults to `'2fr 1fr'` (primary 2x sidebar).
+     *
+     * @example
+     *   <Split fraction="3fr 1fr">         // 75% / 25%
+     *   <Split fraction="minmax(0, 1fr) 320px">  // fluid + fixed sidebar
+     */
+    fraction?: string;
+    /** Gap between the two panes. */
+    space?: SpaceToken;
+    /**
+     * Stack vertically at this breakpoint and below. Pass `false` to never
+     * stack. Defaults to `md` (stacks on screens narrower than 768px).
+     */
+    stackBelow?: 'sm' | 'md' | 'lg' | 'xl' | false;
+    /** Reverse the order of children (sidebar first instead of second). */
+    reverse?: boolean;
+    /** Render as a different element. */
+    as?: ElementType;
+    children: [ReactNode, ReactNode];
+}
+/**
+ * Two-pane split layout (primary + sidebar/aside) that collapses to a
+ * stacked layout below a configurable breakpoint. Use this for the
+ * document editor (`<Split fraction="minmax(0, 1fr) 320px">`), settings
+ * pages with a navigation rail, etc. — anywhere two panes need to live
+ * side-by-side at desktop widths and stack on mobile.
+ */
+export declare function Split({ fraction, space, stackBelow, reverse, as: Component, className, style, children, ...rest }: SplitProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Split.d.ts.map

package/dist/layout/primitives/Split.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Split.d.ts","sourceRoot":"","sources":["../../../src/layout/primitives/Split.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC7D;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;IAC9C,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qCAAqC;IACrC,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;CACjC;AASD;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAoB,EACpB,KAAW,EACX,UAAiB,EACjB,OAAO,EACP,EAAE,EAAE,SAAiB,EACrB,SAAc,EACd,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAqBZ"}

package/dist/layout/primitives/Split.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const STACK_BELOW_CLASS = {
+    sm: 'sm:grid',
+    md: 'md:grid',
+    lg: 'lg:grid',
+    xl: 'xl:grid',
+};
+/**
+ * Two-pane split layout (primary + sidebar/aside) that collapses to a
+ * stacked layout below a configurable breakpoint. Use this for the
+ * document editor (`<Split fraction="minmax(0, 1fr) 320px">`), settings
+ * pages with a navigation rail, etc. — anywhere two panes need to live
+ * side-by-side at desktop widths and stack on mobile.
+ */
+export function Split({ fraction = '2fr 1fr', space = '6', stackBelow = 'md', reverse, as: Component = 'div', className = '', style, children, ...rest }) {
+    const stackClass = stackBelow === false ? 'grid' : `flex flex-col ${STACK_BELOW_CLASS[stackBelow]}`;
+    const classes = [stackClass, `gap-${space}`, reverse ? 'flex-col-reverse' : '', className]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx(Component, { className: classes, style: {
+            ...(stackBelow === false
+                ? { gridTemplateColumns: fraction }
+                : { gridTemplateColumns: fraction }),
+            ...style,
+        }, ...rest, children: children }));
+}
+//# sourceMappingURL=Split.js.map

package/dist/layout/primitives/Split.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Split.js","sourceRoot":"","sources":["../../../src/layout/primitives/Split.tsx"],"names":[],"mappings":";AA2BA,MAAM,iBAAiB,GAAG;IACxB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;CACL,CAAA;AAEV;;;;;;GAMG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,GAAG,SAAS,EACpB,KAAK,GAAG,GAAG,EACX,UAAU,GAAG,IAAI,EACjB,OAAO,EACP,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACI;IACX,MAAM,UAAU,GACd,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,iBAAiB,CAAC,UAAU,CAAC,EAAE,CAAA;IAClF,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,OAAO,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC;SACvF,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE;YACL,GAAG,CAAC,UAAU,KAAK,KAAK;gBACtB,CAAC,CAAC,EAAE,mBAAmB,EAAE,QAAQ,EAAE;gBACnC,CAAC,CAAC,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC;YACtC,GAAG,KAAK;SACT,KACG,IAAI,YAEP,QAAQ,GACC,CACb,CAAA;AACH,CAAC"}

package/dist/layout/primitives/Stack.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactNode, ElementType } from 'react';
+import type { SpaceToken } from './tokens.js';
+export type StackSpace = SpaceToken;
+export interface StackProps extends HTMLAttributes<HTMLElement> {
+    /** Vertical gap between children. Maps to Tailwind `gap-{space}`. */
+    space?: StackSpace;
+    /** Render as a different element (e.g. `<section>`, `<article>`). Defaults to `div`. */
+    as?: ElementType;
+    /** Center children horizontally (sets `items-center`). */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /** Distribute vertical space (sets `justify-{value}`). */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /** Stretch the stack to fill its parent's height. */
+    fill?: boolean;
+    children?: ReactNode;
+}
+/**
+ * Vertical stack with a consistent gap between children. This is the
+ * single sanctioned way to space block-level elements in the admin —
+ * never reach for `space-y-*` directly.
+ */
+export declare function Stack({ space, as: Component, align, justify, fill, className, children, ...rest }: StackProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/layout/primitives/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/layout/primitives/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,MAAM,UAAU,GAAG,UAAU,CAAA;AAEnC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC7D,qEAAqE;IACrE,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,wFAAwF;IACxF,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;IAC9C,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACtE,qDAAqD;IACrD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAkBD;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAW,EACX,EAAE,EAAE,SAAiB,EACrB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAc,EACd,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAiBZ"}

package/dist/layout/primitives/Stack.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ALIGN_CLASS = {
+    start: 'items-start',
+    center: 'items-center',
+    end: 'items-end',
+    stretch: 'items-stretch',
+};
+const JUSTIFY_CLASS = {
+    start: 'justify-start',
+    center: 'justify-center',
+    end: 'justify-end',
+    between: 'justify-between',
+    around: 'justify-around',
+    evenly: 'justify-evenly',
+};
+/**
+ * Vertical stack with a consistent gap between children. This is the
+ * single sanctioned way to space block-level elements in the admin —
+ * never reach for `space-y-*` directly.
+ */
+export function Stack({ space = '4', as: Component = 'div', align, justify, fill, className = '', children, ...rest }) {
+    const classes = [
+        'flex flex-col',
+        `gap-${space}`,
+        align ? ALIGN_CLASS[align] : '',
+        justify ? JUSTIFY_CLASS[justify] : '',
+        fill ? 'h-full' : '',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx(Component, { className: classes, ...rest, children: children }));
+}
+//# sourceMappingURL=Stack.js.map

package/dist/layout/primitives/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/layout/primitives/Stack.tsx"],"names":[],"mappings":";AAmBA,MAAM,WAAW,GAAqD;IACpE,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;IACtB,GAAG,EAAE,WAAW;IAChB,OAAO,EAAE,eAAe;CACzB,CAAA;AAED,MAAM,aAAa,GAAuD;IACxE,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;IACxB,GAAG,EAAE,aAAa;IAClB,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,gBAAgB;IACxB,MAAM,EAAE,gBAAgB;CACzB,CAAA;AAED;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,GAAG,GAAG,EACX,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,IAAI,EACI;IACX,MAAM,OAAO,GAAG;QACd,eAAe;QACf,OAAO,KAAK,EAAE;QACd,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;QAC/B,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;QACrC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;QACpB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAA;IAEZ,OAAO,CACL,KAAC,SAAS,IAAC,SAAS,EAAE,OAAO,KAAM,IAAI,YACpC,QAAQ,GACC,CACb,CAAA;AACH,CAAC"}

package/dist/layout/primitives/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Layout primitives for the Actuate admin.
+ *
+ * These exist so views never hand-roll their own flex/grid scaffolding.
+ * Every admin view should compose these primitives instead of writing raw
+ * Tailwind classes for spacing/alignment/structure. That contract is what
+ * keeps layout bugs (sidebar overlap, breakpoint mismatches, missing
+ * `min-w-0`) from recurring in new views.
+ *
+ * Naming follows the "Every Layout" canon
+ * (https://every-layout.dev/) plus our own `AdminShell` and
+ * `PageContainer` for the admin-specific outer chrome.
+ */
+export { AdminShell } from './AdminShell.js';
+export type { AdminShellProps } from './AdminShell.js';
+export { PageContainer } from './PageContainer.js';
+export type { PageContainerProps } from './PageContainer.js';
+export { Stack } from './Stack.js';
+export type { StackProps, StackSpace } from './Stack.js';
+export { Cluster } from './Cluster.js';
+export type { ClusterProps, ClusterAlign, ClusterJustify } from './Cluster.js';
+export { Grid } from './Grid.js';
+export type { GridProps, GridResponsive } from './Grid.js';
+export { Split } from './Split.js';
+export type { SplitProps } from './Split.js';
+export { Box } from './Box.js';
+export type { BoxProps } from './Box.js';
+export { tokens } from './tokens.js';
+export type { SpaceToken, RadiusToken } from './tokens.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/primitives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/primitives/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE9E,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA"}

package/dist/layout/primitives/index.js

@@ -0,0 +1,22 @@
+/**
+ * Layout primitives for the Actuate admin.
+ *
+ * These exist so views never hand-roll their own flex/grid scaffolding.
+ * Every admin view should compose these primitives instead of writing raw
+ * Tailwind classes for spacing/alignment/structure. That contract is what
+ * keeps layout bugs (sidebar overlap, breakpoint mismatches, missing
+ * `min-w-0`) from recurring in new views.
+ *
+ * Naming follows the "Every Layout" canon
+ * (https://every-layout.dev/) plus our own `AdminShell` and
+ * `PageContainer` for the admin-specific outer chrome.
+ */
+export { AdminShell } from './AdminShell.js';
+export { PageContainer } from './PageContainer.js';
+export { Stack } from './Stack.js';
+export { Cluster } from './Cluster.js';
+export { Grid } from './Grid.js';
+export { Split } from './Split.js';
+export { Box } from './Box.js';
+export { tokens } from './tokens.js';
+//# sourceMappingURL=index.js.map

package/dist/layout/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/primitives/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGlD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGlC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAGhC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGlC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAG9B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA"}

package/dist/layout/primitives/tokens.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Design tokens — single source of truth for the admin design system.
+ *
+ * Tokens are surfaced both as TypeScript constants (for inline-style escape
+ * hatches) and via CSS custom properties in `styles/theme.css`. Always
+ * prefer the CSS variables in production code; the TS constants are for
+ * computed inline styles only (e.g. dynamic widths, computed grid sizes).
+ */
+export type SpaceToken = '0' | 'px' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16';
+export type RadiusToken = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+/** Numeric pixel values for inline style escape hatches. */
+export declare const tokens: {
+    space: {
+        readonly '0': 0;
+        readonly px: 1;
+        readonly '0.5': 2;
+        readonly '1': 4;
+        readonly '1.5': 6;
+        readonly '2': 8;
+        readonly '2.5': 10;
+        readonly '3': 12;
+        readonly '4': 16;
+        readonly '5': 20;
+        readonly '6': 24;
+        readonly '8': 32;
+        readonly '10': 40;
+        readonly '12': 48;
+        readonly '16': 64;
+    };
+    radius: {
+        readonly none: 0;
+        readonly sm: 2;
+        readonly md: 6;
+        readonly lg: 8;
+        readonly xl: 12;
+        readonly full: 9999;
+    };
+    breakpoint: {
+        readonly sm: 640;
+        readonly md: 768;
+        readonly lg: 1024;
+        readonly xl: 1280;
+        readonly '2xl': 1536;
+    };
+};
+/** Map a space token to the corresponding Tailwind `space-y-*` / `gap-*` value. */
+export declare function spaceToTw(t: SpaceToken): string;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/layout/primitives/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/layout/primitives/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,MAAM,UAAU,GAClB,GAAG,GACH,IAAI,GACJ,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,KAAK,GACL,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,CAAA;AAER,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAErE,4DAA4D;AAC5D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuClB,CAAA;AAED,mFAAmF;AACnF,wBAAgB,SAAS,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM,CAI/C"}

package/dist/layout/primitives/tokens.js

@@ -0,0 +1,54 @@
+/**
+ * Design tokens — single source of truth for the admin design system.
+ *
+ * Tokens are surfaced both as TypeScript constants (for inline-style escape
+ * hatches) and via CSS custom properties in `styles/theme.css`. Always
+ * prefer the CSS variables in production code; the TS constants are for
+ * computed inline styles only (e.g. dynamic widths, computed grid sizes).
+ */
+/** Numeric pixel values for inline style escape hatches. */
+export const tokens = {
+    // Spacing scale matches Tailwind's default (--spacing = 0.25rem = 4px).
+    space: {
+        '0': 0,
+        px: 1,
+        '0.5': 2,
+        '1': 4,
+        '1.5': 6,
+        '2': 8,
+        '2.5': 10,
+        '3': 12,
+        '4': 16,
+        '5': 20,
+        '6': 24,
+        '8': 32,
+        '10': 40,
+        '12': 48,
+        '16': 64,
+    },
+    radius: {
+        none: 0,
+        sm: 2,
+        md: 6,
+        lg: 8,
+        xl: 12,
+        full: 9999,
+    },
+    // Breakpoints mirror Tailwind defaults so primitives can compose with
+    // utility classes without surprises. Use `matchMedia(`(min-width: …`)` to
+    // sync JS-driven layout decisions with these values.
+    breakpoint: {
+        sm: 640,
+        md: 768,
+        lg: 1024,
+        xl: 1280,
+        '2xl': 1536,
+    },
+};
+/** Map a space token to the corresponding Tailwind `space-y-*` / `gap-*` value. */
+export function spaceToTw(t) {
+    // Tailwind's spacing utility already accepts the same scale, so we map
+    // 1:1. Centralizing here means callers don't repeat the string literal.
+    return t;
+}
+//# sourceMappingURL=tokens.js.map