@ecoma-io/loom 0.4.0 → 0.6.0

package/dist/packages/primitives/skip-link/src/SkipLink.vue.d.ts

@@ -0,0 +1,62 @@
+import { type LabelOverrides } from "../../../labels/src/index";
+import type { SkipLinkLabels } from "../../../labels/src/index";
+/**
+ * SkipLink — the WCAG 2.4.1 (Bypass Blocks) affordance.
+ *
+ * A link to the main content that is the page's first focusable element and
+ * stays visually hidden until something focuses it. A keyboard user tabs
+ * once from the top of the document and lands on it; a pointer user never
+ * meets it. It is a primitive beside `Link` rather than a variant of it
+ * because the two answer different questions: `Link` navigates, `SkipLink`
+ * bypasses — and its entire presentation *is* the hidden-until-focus
+ * contract, which is exactly what no consumer should re-answer per product.
+ *
+ * Placement is the consumer's half of the contract: render it first in the
+ * DOM, before the header and navigation it bypasses (next to the app shell),
+ * and give the destination `tabindex="-1"` so following the link moves focus
+ * there instead of only scrolling.
+ */
+export declare const SKIP_LINK_LABELS: SkipLinkLabels;
+/**
+ * Visually hidden until focused. `absolute` takes the link out of flow so
+ * being first in the document reserves no space; the 1px clipped box is the
+ * visually-hidden pattern — out of sight but focusable, so DOM order keeps
+ * it the first tab stop.
+ *
+ * The reveal keys on `:focus`, deliberately not `:focus-visible`: focus
+ * arriving from a skip target's own activation, from programmatic handoff
+ * or from an assistive technology is real focus, and a link that stays
+ * hidden for it would be a trap. Every reveal utility carries the `:focus`
+ * variant, so each out-specifies its hidden twin and the pair cannot
+ * reorder regardless of stylesheet order.
+ *
+ * The revealed state speaks tokens only — `bg-primary`/`text-primary-text`
+ * is the theme's pinned contrast pair and `outline-ring` + `shadow-halo`
+ * are the shared focus markers — and carries no transition, so
+ * `prefers-reduced-motion` needs no exception here.
+ */
+export declare const skipLinkClass: string;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** The in-page destination. Defaults to `#main`, the id the documentation names as the main-content landmark. */
+    href?: string;
+    /**
+     * Names for what the link says, as any subset of `SkipLinkLabels` — the
+     * per-instance correction over `SKIP_LINK_LABELS`, in the same shape
+     * every component's `labels` prop takes.
+     */
+    labels?: LabelOverrides<SkipLinkLabels>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** The in-page destination. Defaults to `#main`, the id the documentation names as the main-content landmark. */
+    href?: string;
+    /**
+     * Names for what the link says, as any subset of `SkipLinkLabels` — the
+     * per-instance correction over `SKIP_LINK_LABELS`, in the same shape
+     * every component's `labels` prop takes.
+     */
+    labels?: LabelOverrides<SkipLinkLabels>;
+}> & Readonly<{}>, {
+    href: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=SkipLink.vue.d.ts.map

package/dist/packages/primitives/skip-link/src/index.d.ts

@@ -0,0 +1,3 @@
+export { SKIP_LINK_LABELS, default } from "./SkipLink.vue";
+export type { SkipLinkLabels } from "../../../labels/src/index";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/primitives/surface/src/Surface.vue.d.ts

@@ -8,7 +8,7 @@ export type SurfaceElevation = "card" | "muted" | "overlay";
 export type SurfacePad = "none" | "sm" | "md" | "lg";
 export declare const surfaceVariants: (props?: ({
     variant?: "card" | "muted" | "overlay" | null | undefined;
-    pad?: "sm" | "md" | "lg" | "none" | null | undefined;
+    pad?: "none" | "sm" | "md" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const _default: typeof __VLS_export;
@@ -28,9 +28,9 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /** Clickable-surface language: hover fill lift, strong hairline, cursor. The host owns the click handler. */
     interactive?: boolean;
 }> & Readonly<{}>, {
+    interactive: boolean;
     variant: SurfaceElevation;
     pad: SurfacePad;
-    interactive: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/packages/primitives/surface/src/Surface.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Surface.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/surface/src/Surface.vue"],"names":[],"mappings":"AAiEA;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,eAAO,MAAM,eAAe;;;;8EAsB1B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,6GAA6G;cACnG,gBAAgB;IAC1B,+EAA+E;UACzE,UAAU;IAChB,6GAA6G;kBAC/F,OAAO;;IALrB,6GAA6G;cACnG,gBAAgB;IAC1B,+EAA+E;UACzE,UAAU;IAChB,6GAA6G;kBAC/F,OAAO;;aAJX,gBAAgB;SAEpB,UAAU;iBAEF,OAAO;;cAkCX,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Surface.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/surface/src/Surface.vue"],"names":[],"mappings":"AAiEA;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,eAAO,MAAM,eAAe;;;;8EAsB1B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,6GAA6G;cACnG,gBAAgB;IAC1B,+EAA+E;UACzE,UAAU;IAChB,6GAA6G;kBAC/F,OAAO;;IALrB,6GAA6G;cACnG,gBAAgB;IAC1B,+EAA+E;UACzE,UAAU;IAChB,6GAA6G;kBAC/F,OAAO;;iBAAP,OAAO;aAJX,gBAAgB;SAEpB,UAAU;;cAoCN,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/primitives/switch/src/Switch.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/switch/src/Switch.vue"],"names":[],"mappings":"AAkIA;;;;;;;;;;;;;;;;GAgBG;AACH,KAAK,WAAW,GAAG;IACf,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,0HAA0H;IAC1H,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AAwMJ,QAAA,MAAM,YAAY;;;;;cAzMH,OAAO,GAAG,SAAS;gBAFjB,OAAO,GAAG,SAAS;6EA+MlC,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Switch.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/switch/src/Switch.vue"],"names":[],"mappings":"AA6IA;;;;;;;;;;;;;;;;GAgBG;AACH,KAAK,WAAW,GAAG;IACf,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,0HAA0H;IAC1H,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC,CAAC;AA8NJ,QAAA,MAAM,YAAY;;;;;cA/NH,OAAO,GAAG,SAAS;gBAFjB,OAAO,GAAG,SAAS;6EAqOlC,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/packages/primitives/table/src/TableRow.vue.d.ts

@@ -2,7 +2,7 @@
  * also clickable reads as both. */
 export type TableRowState = "selected" | "interactive" | "disabled";
 export declare const tableRowVariants: (props?: ({
-    state?: "disabled" | "none" | "interactive" | "selected" | null | undefined;
+    state?: "none" | "interactive" | "disabled" | "selected" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -25,8 +25,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onActivate?: () => any;
 }>, {
-    disabled: boolean;
     interactive: boolean;
+    disabled: boolean;
     selected: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;

package/dist/packages/primitives/table/src/TableRow.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/table/src/TableRow.vue"],"names":[],"mappings":"AAoGA;mCACmC;AACnC,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,CAAC;AAEpE,eAAO,MAAM,gBAAgB;;8EAW3B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,0GAA0G;kBAC5F,OAAO;IACrB,6EAA6E;eAClE,OAAO;IAClB,qEAAqE;eAC1D,OAAO;;;;IALlB,0GAA0G;kBAC5F,OAAO;IACrB,6EAA6E;eAClE,OAAO;IAClB,qEAAqE;eAC1D,OAAO;;;;cAAP,OAAO;iBAJJ,OAAO;cAEV,OAAO;;cAuFR,CAAC,KAAK,IAAgB,KAAK,GAAG;EAWxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TableRow.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/table/src/TableRow.vue"],"names":[],"mappings":"AAoGA;mCACmC;AACnC,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,CAAC;AAEpE,eAAO,MAAM,gBAAgB;;8EAW3B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,0GAA0G;kBAC5F,OAAO;IACrB,6EAA6E;eAClE,OAAO;IAClB,qEAAqE;eAC1D,OAAO;;;;IALlB,0GAA0G;kBAC5F,OAAO;IACrB,6EAA6E;eAClE,OAAO;IAClB,qEAAqE;eAC1D,OAAO;;;;iBAJJ,OAAO;cAIV,OAAO;cAFP,OAAO;;cAuFR,CAAC,KAAK,IAAgB,KAAK,GAAG;EAWxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/primitives/table/src/index.d.ts

@@ -1,7 +1,7 @@
 export { default } from "./Table.vue";
 export { TABLE_LABELS } from "./Table.vue";
 export { default as TableRow, tableRowVariants } from "./TableRow.vue";
-export { default as TableHead, nextSort } from "./TableHead.vue";
+export { default as TableHead, headAlignClass, nextSort } from "./TableHead.vue";
 export { default as TableCell } from "./TableCell.vue";
 export type { TableLabels } from "../../../labels/src/index";
 export type { TableDensity, TableAlign } from "./Table.vue";

package/dist/packages/primitives/toggle-group/src/ToggleGroup.vue.d.ts

@@ -0,0 +1,53 @@
+import type { Component } from "vue";
+/** One toggle inside a {@link ToggleGroup}. */
+export interface ToggleGroupItem {
+    /** Matched against `modelValue`. */
+    value: string;
+    /** Visible label, rendered inside the button. */
+    label: string;
+    /** Optional glyph rendered before the label; hidden from the tree, the label is the name. */
+    icon?: Component;
+    /** Disables this button alone, leaving its neighbours toggleable. */
+    disabled?: boolean;
+    /** Forwarded to the button's DOM node — lets hosts keep stable test hooks. */
+    testId?: string;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** The pressed value (`"single"`), the pressed values (`"multiple"`), or nothing pressed. */
+    modelValue?: string | string[] | null;
+    /** The buttons to render, in order. */
+    items: ToggleGroupItem[];
+    /** `"single"` models one value or `null`; `"multiple"` a `string[]`. */
+    type?: "single" | "multiple";
+    /** The track's resting look; a pressed button fills with the primary token in every variant. */
+    variant?: "secondary" | "outline" | "ghost";
+    /** `"sm"` is the compressed form for dense chrome — e.g. an editor toolbar. */
+    size?: "sm" | "md" | "lg";
+    /** Disables every button at once, distinct from a single item's own `disabled`. Unset defers to a wrapping Field. */
+    disabled?: boolean | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | null) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The pressed value (`"single"`), the pressed values (`"multiple"`), or nothing pressed. */
+    modelValue?: string | string[] | null;
+    /** The buttons to render, in order. */
+    items: ToggleGroupItem[];
+    /** `"single"` models one value or `null`; `"multiple"` a `string[]`. */
+    type?: "single" | "multiple";
+    /** The track's resting look; a pressed button fills with the primary token in every variant. */
+    variant?: "secondary" | "outline" | "ghost";
+    /** `"sm"` is the compressed form for dense chrome — e.g. an editor toolbar. */
+    size?: "sm" | "md" | "lg";
+    /** Disables every button at once, distinct from a single item's own `disabled`. Unset defers to a wrapping Field. */
+    disabled?: boolean | undefined;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | string[] | null) => any;
+}>, {
+    size: "sm" | "md" | "lg";
+    type: "single" | "multiple";
+    disabled: boolean | undefined;
+    variant: "secondary" | "outline" | "ghost";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=ToggleGroup.vue.d.ts.map

package/dist/packages/primitives/toggle-group/src/ToggleGroup.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/toggle-group/src/ToggleGroup.vue"],"names":[],"mappings":"AA6NA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,+CAA+C;AAC/C,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,6FAA6F;IAC7F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAkCd,6FAA6F;iBAChF,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI;IACrC,uCAAuC;WAChC,eAAe,EAAE;IACxB,wEAAwE;WACjE,QAAQ,GAAG,UAAU;IAC5B,gGAAgG;cACtF,WAAW,GAAG,SAAS,GAAG,OAAO;IAC3C,+EAA+E;WACxE,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB,qHAAqH;eAC1G,OAAO,GAAG,SAAS;;;;IAX9B,6FAA6F;iBAChF,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI;IACrC,uCAAuC;WAChC,eAAe,EAAE;IACxB,wEAAwE;WACjE,QAAQ,GAAG,UAAU;IAC5B,gGAAgG;cACtF,WAAW,GAAG,SAAS,GAAG,OAAO;IAC3C,+EAA+E;WACxE,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB,qHAAqH;eAC1G,OAAO,GAAG,SAAS;;;;UAFvB,IAAI,GAAG,IAAI,GAAG,IAAI;UAJlB,QAAQ,GAAG,UAAU;cAMjB,OAAO,GAAG,SAAS;aAJpB,WAAW,GAAG,SAAS,GAAG,OAAO;6EAiS3C,CAAC"}

package/dist/packages/primitives/toggle-group/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./ToggleGroup.vue";
+export type { ToggleGroupItem } from "./ToggleGroup.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/primitives/toggle-group/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/toggle-group/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/packages/primitives/toolbar/src/Toolbar.vue.d.ts

@@ -0,0 +1,31 @@
+import type { InjectionKey } from "vue";
+/** Which axis the controls run along. */
+export type ToolbarOrientation = "horizontal" | "vertical";
+/** What the toolbar hands to its slotted children — only its axis. */
+export interface ToolbarContext {
+    orientation: ToolbarOrientation;
+}
+export declare const TOOLBAR_CONTEXT: InjectionKey<ToolbarContext>;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** Layout and announced axis of the control run. */
+    orientation?: ToolbarOrientation;
+    /** The toolbar's accessible name, for when no better label sits in the DOM. */
+    label?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Layout and announced axis of the control run. */
+    orientation?: ToolbarOrientation;
+    /** The toolbar's accessible name, for when no better label sits in the DOM. */
+    label?: string;
+}> & Readonly<{}>, {
+    orientation: ToolbarOrientation;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Toolbar.vue.d.ts.map

package/dist/packages/primitives/toolbar/src/Toolbar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/toolbar/src/Toolbar.vue"],"names":[],"mappings":"AA6QA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AACxC,yCAAyC;AACzC,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,sEAAsE;AACtE,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,kBAAkB,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,cAAc,CAA0B,CAAC;wBAC/D,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAmDd,oDAAoD;kBACtC,kBAAkB;IAChC,+EAA+E;YACvE,MAAM;;IAHd,oDAAoD;kBACtC,kBAAkB;IAChC,+EAA+E;YACvE,MAAM;;iBAFA,kBAAkB;;cAiNtB,CAAC,KAAK,IAAgB,KAAK,GAAG;EAYxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/primitives/toolbar/src/ToolbarSeparator.vue.d.ts

@@ -0,0 +1,24 @@
+import type { ToolbarOrientation } from "./Toolbar.vue";
+/**
+ * ToolbarSeparator — the divider between groups of controls inside a
+ * Toolbar. It reads the toolbar's own orientation through the context the
+ * toolbar provides and draws along the perpendicular axis, so a horizontal
+ * toolbar gets vertical hairlines and a vertical one gets horizontal. Its
+ * `role="separator"` is the one an APG toolbar wants between its groups —
+ * which is why `decorative` is not offered here: inside a toolbar the line
+ * is never merely visual, it IS the group boundary.
+ *
+ * Composing the `Separator` primitive instead of drawing the hairline here
+ * was considered and rejected: the primitive binds `h-full w-px` for its
+ * vertical axis, and the short, centered divider a toolbar wants would fight
+ * that on Tailwind's emitted order — a coin flip, not a decision. Four lines
+ * of divider here beat a class-order lottery.
+ */
+type __VLS_Props = {
+    /** Only for standalone use — inside a Toolbar the axis is inherited. */
+    orientation?: ToolbarOrientation;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ToolbarSeparator.vue.d.ts.map

package/dist/packages/primitives/toolbar/src/ToolbarSeparator.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarSeparator.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/toolbar/src/ToolbarSeparator.vue"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAkB,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGxE;;;;;;;;;;;;;;GAcG;AACH,KAAK,WAAW,GAAG;IACjB,wEAAwE;IACxE,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC,CAAC;AAqCF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/packages/primitives/toolbar/src/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./Toolbar.vue";
+export { default as ToolbarSeparator } from "./ToolbarSeparator.vue";
+export type { ToolbarContext, ToolbarOrientation } from "./Toolbar.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/primitives/toolbar/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/toolbar/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC"}

package/dist/packages/primitives/tree-view/src/TreeView.vue.d.ts

@@ -0,0 +1,99 @@
+import type { LabelOverrides, TreeViewLabels } from "../../../labels/src/index";
+/**
+ * Loom's English, co-located with the component so it tree-shakes with it.
+ * Everything else a tree renders is a node's own label, so the bag is one
+ * string — but it is a string a reader waits on.
+ */
+export declare const TREE_VIEW_LABELS: TreeViewLabels;
+/**
+ * One node of the tree. `children`'s shape is the contract for expansion: an
+ * array of any length (including empty — a known leaf) is static data the
+ * tree renders directly, while a node *without* one under a `loadChildren`
+ * tree is treated as a branch still to fetch.
+ */
+export interface TreeNode {
+    /** The value bound to `v-model` when this node is chosen. Unique within the tree. */
+    value: string | number;
+    /** The text shown on the row and matched by the typeahead. */
+    label: string;
+    /** This node's children. Their presence is what makes the row expandable. */
+    children?: TreeNode[];
+    /** Present but unchoosable: visible, arrow-reachable, refuses selection and expansion. */
+    disabled?: boolean;
+}
+/** Whether one node or several can be chosen at once. */
+export type TreeViewSelectionMode = "single" | "multiple";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** The nodes, in the order they are shown, parents before children. */
+    nodes: TreeNode[];
+    /**
+     * The chosen node's `value` — or every chosen value, when `selectionMode`
+     * is "multiple". The union, not two generic shapes, for the same reason
+     * Combobox is: `v-model` needs one binding whose type does not depend on
+     * another prop's value, and a scalar/array mismatch is caught the same
+     * place the tree catches it — at the render.
+     */
+    modelValue?: string | number | Array<string | number> | undefined;
+    /** Whether one node or several can be chosen at once. */
+    selectionMode?: TreeViewSelectionMode;
+    /**
+     * Fetch a branch's children the first time it is expanded. A node with no
+     * `children` of its own is treated as lazily loadable; one that resolves
+     * to an empty array becomes a leaf, and a rejected fetch leaves the node
+     * collapsed so the next activation retries rather than caching failure.
+     */
+    loadChildren?: (node: TreeNode) => Promise<TreeNode[]>;
+    /** Node values expanded on mount. After mount the tree owns the state. */
+    defaultExpanded?: Array<string | number>;
+    /**
+     * Unavailable: the rows dim, refuse selection and expansion, and drop out
+     * of the tab order. Unset defers to an enclosing `<fieldset disabled>`
+     * read straight off the DOM.
+     */
+    disabled?: boolean | undefined;
+    /** Names for the strings this control supplies itself. */
+    labels?: LabelOverrides<TreeViewLabels> | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | (string | number)[]) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The nodes, in the order they are shown, parents before children. */
+    nodes: TreeNode[];
+    /**
+     * The chosen node's `value` — or every chosen value, when `selectionMode`
+     * is "multiple". The union, not two generic shapes, for the same reason
+     * Combobox is: `v-model` needs one binding whose type does not depend on
+     * another prop's value, and a scalar/array mismatch is caught the same
+     * place the tree catches it — at the render.
+     */
+    modelValue?: string | number | Array<string | number> | undefined;
+    /** Whether one node or several can be chosen at once. */
+    selectionMode?: TreeViewSelectionMode;
+    /**
+     * Fetch a branch's children the first time it is expanded. A node with no
+     * `children` of its own is treated as lazily loadable; one that resolves
+     * to an empty array becomes a leaf, and a rejected fetch leaves the node
+     * collapsed so the next activation retries rather than caching failure.
+     */
+    loadChildren?: (node: TreeNode) => Promise<TreeNode[]>;
+    /** Node values expanded on mount. After mount the tree owns the state. */
+    defaultExpanded?: Array<string | number>;
+    /**
+     * Unavailable: the rows dim, refuse selection and expansion, and drop out
+     * of the tab order. Unset defers to an enclosing `<fieldset disabled>`
+     * read straight off the DOM.
+     */
+    disabled?: boolean | undefined;
+    /** Names for the strings this control supplies itself. */
+    labels?: LabelOverrides<TreeViewLabels> | undefined;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | number | (string | number)[]) => any;
+}>, {
+    disabled: boolean | undefined;
+    modelValue: string | number | Array<string | number> | undefined;
+    labels: LabelOverrides<TreeViewLabels> | undefined;
+    selectionMode: TreeViewSelectionMode;
+    defaultExpanded: Array<string | number>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=TreeView.vue.d.ts.map

package/dist/packages/primitives/tree-view/src/TreeViewNode.vue.d.ts

@@ -0,0 +1,15 @@
+import type { TreeNode } from "./TreeView.vue";
+type __VLS_Props = {
+    /** The node this row renders, with its subtree beneath it. */
+    node: TreeNode;
+    /** One-based depth — what `aria-level` says. */
+    level: number;
+    /** How many siblings this row has — what `aria-setsize` says. */
+    setsize: number;
+    /** This row's one-based position among those siblings — what `aria-posinset` says. */
+    posinset: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=TreeViewNode.vue.d.ts.map

package/dist/packages/primitives/tree-view/src/TreeViewNode.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewNode.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/tree-view/src/TreeViewNode.vue"],"names":[],"mappings":"AA6HA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,KAAK,WAAW,GAAG;IACjB,8DAA8D;IAC9D,IAAI,EAAE,QAAQ,CAAC;IACf,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,OAAO,EAAE,MAAM,CAAC;IAChB,sFAAsF;IACtF,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AA4KF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/packages/primitives/tree-view/src/context.d.ts

@@ -0,0 +1,39 @@
+import type { ComputedRef, InjectionKey } from "vue";
+import type { TreeNode } from "./TreeView.vue";
+/**
+ * What a row needs to know about itself, resolved by the tree that owns the
+ * state. The node component stays presentational: it computes nothing about
+ * expandability, selection or focus and renders what it is handed.
+ */
+export interface TreeViewNodeState {
+    /** The row can open and close — it has children to show. */
+    expandable: boolean;
+    /** The row is open, so its subtree is in the DOM beneath it. */
+    expanded: boolean;
+    /** The row is one of the chosen ones. */
+    selected: boolean;
+    /** The row's children are being fetched by `loadChildren` right now. */
+    busy: boolean;
+    /** The row, or the whole tree it stands in, is unavailable. */
+    disabled: boolean;
+    /** The row holds the roving tab stop — the one row Tab reaches. */
+    focusable: boolean;
+}
+/**
+ * The seam between the tree (which owns every bit of state and the keyboard)
+ * and its rows. Provided once by the tree and injected at every depth, which
+ * is what lets the recursion be a plain SFC: events go up through these
+ * handlers, state comes down through these getters, and neither side carries
+ * the other's props through N levels of re-emission.
+ */
+export interface TreeViewContext {
+    stateFor(node: TreeNode): TreeViewNodeState;
+    childrenOf(node: TreeNode): TreeNode[];
+    /** The localised string shown while a row's children are being fetched. */
+    loadingText: ComputedRef<string>;
+    onRowFocus(node: TreeNode): void;
+    onRowActivate(node: TreeNode): void;
+    onChevronActivate(node: TreeNode): void;
+}
+export declare const TREE_VIEW_CONTEXT: InjectionKey<TreeViewContext>;
+//# sourceMappingURL=context.d.ts.map

package/dist/packages/primitives/tree-view/src/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/tree-view/src/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,UAAU,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,QAAQ,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,IAAI,EAAE,OAAO,CAAC;IACd,+DAA+D;IAC/D,QAAQ,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,iBAAiB,CAAC;IAC5C,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAC;IACvC,2EAA2E;IAC3E,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACpC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,iBAAiB,EAAE,YAAY,CAAC,eAAe,CAA4B,CAAC"}

package/dist/packages/primitives/tree-view/src/index.d.ts

@@ -0,0 +1,4 @@
+export { default, TREE_VIEW_LABELS } from "./TreeView.vue";
+export type { TreeNode, TreeViewSelectionMode } from "./TreeView.vue";
+export type { TreeViewLabels } from "../../../labels/src/index";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/primitives/visually-hidden/src/VisuallyHidden.vue.d.ts

@@ -0,0 +1,21 @@
+/** Which element tag carries the visually-hidden content. */
+export type VisuallyHiddenElement = "span" | "div";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** `span` keeps the markup valid inside phrasing content — labels, buttons, paragraphs. `div` when the hidden content is a block of its own. */
+    as?: VisuallyHiddenElement;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** `span` keeps the markup valid inside phrasing content — labels, buttons, paragraphs. `div` when the hidden content is a block of its own. */
+    as?: VisuallyHiddenElement;
+}> & Readonly<{}>, {
+    as: VisuallyHiddenElement;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VisuallyHidden.vue.d.ts.map

package/dist/packages/primitives/visually-hidden/src/VisuallyHidden.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/visually-hidden/src/VisuallyHidden.vue"],"names":[],"mappings":"AAoCA,6DAA6D;AAC7D,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,KAAK,CAAC;wBAC9B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAWd,gJAAgJ;SAC3I,qBAAqB;;IAD1B,gJAAgJ;SAC3I,qBAAqB;;QAArB,qBAAqB;;cAiDhB,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/primitives/visually-hidden/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./VisuallyHidden.vue";
+export type { VisuallyHiddenElement } from "./VisuallyHidden.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/primitives/visually-hidden/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/visually-hidden/src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/patterns/app-header/src/AppHeader.js

@@ -0,0 +1,7 @@
+import AppHeader_vue_vue_type_script_setup_true_lang_default from "./AppHeader.vue_vue_type_script_setup_true_lang.js";
+//#region packages/patterns/app-header/src/AppHeader.vue
+var AppHeader_default = AppHeader_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { AppHeader_default as default };
+
+//# sourceMappingURL=AppHeader.js.map

package/dist/patterns/app-header/src/AppHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.js","names":[],"sources":["../../../../packages/patterns/app-header/src/AppHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * AppHeader — the web app's TOP BAR: the shell-level strip that stays on\n * screen above every surface, distinct from two components it is easy to\n * confuse with:\n *\n * - **`PageHeader`** — a surface's own pinned title band, sitting *inside*\n *   the content area this bar sits above.\n * - **`TitleBar`** — the desktop window's native chrome (drag region, window\n *   controls). This bar is browser content, not window furniture.\n *\n * Layout is three regions, so callers never hand-tune widths: brand (left) ·\n * optional search · a trailing cluster for a leading control, notifications, and\n * the user menu, pushed right by `ml-auto`. Every region is a named slot —\n * this pattern owns the strip's geometry and elevation, never its content or\n * behavior.\n *\n * The trailing cluster is pushed right by its own `ml-auto`, not by a spacer\n * element. A spacer works, but it is a second `flex-1` beside the search\n * field, so the two end up splitting the free space instead of the field\n * taking what is actually left; `ml-auto` costs no element and no width, and\n * keeps the cluster flush right even when no search is slotted at all.\n *\n * **Below `sm` the bar is two rows, and that is the point of this pattern's\n * responsive behavior.** A brand, a real search field, and a leading control +\n * notifications + account cluster do not fit across a 390px viewport: on\n * that width the search field is left about 60px and renders as a magnifier\n * glyph pressed against the org name — a control that is technically present\n * and practically unusable. So the search takes a full-width second row\n * (`basis-full` + `order-last`), the header height goes from fixed to\n * `min-h-14`, and from `sm` up it snaps back to the single `flex-nowrap` row.\n * Wrapping rather than hiding is deliberate: the host slotted a search\n * because its users need one, and a pattern does not get to decide they need\n * it less on a phone.\n *\n * The `order-last` is the one thing to keep in mind if this changes: it\n * moves the search visually below the cluster while leaving it before the\n * cluster in the DOM, so on a phone the tab order reaches search first. That\n * is the better of the two mismatches — search is the more-used control —\n * but it is a mismatch, so do not extend `order-*` to the other regions.\n *\n * **Pinned, and separated by a hairline — never a shadow.** It sits on\n * `bg-card` (the raised plane), one step above the content it sits over,\n * unlike `PageHeader` which shares the content's own `bg-background` plane.\n * Because content scrolls *under* it, the surface is translucent + blurred\n * so the motion beneath stays legible as depth — the opaque `bg-card` is\n * declared first and stays the fallback wherever `backdrop-filter` is\n * unsupported, so the bar is never a see-through smear.\n *\n * Widths step rather than hold one value: gutters open up from `sm` and\n * again on wide desktops (`3xl`, 1920px), where a 16px gutter beside a\n * 1920px canvas reads as an accident.\n *\n * Deliberately neutral: this is shell chrome shared by every user and every\n * action alike, so it never wears `--primary`/`--accent` — the bar stays\n * uncommitted until a specific action is happening on the surface below.\n */\ndefineProps<{\n  /** Accessible name for the `<header>` landmark, for a page with more than one header-like region. */\n  ariaLabel?: string;\n}>();\n</script>\n\n<template>\n  <!-- `data-loom-app-header` is the hook `global.css` uses to add the\n       safe-area inset to the bar's top padding (the same vendor-rule pattern\n       as `[data-loom-titlebar]`): a PWA under a notch or a title-bar overlay\n       must not paint its first row into reserved space. -->\n  <header\n    data-loom-app-header=\"\"\n    :aria-label=\"ariaLabel\"\n    class=\"sticky top-0 z-30 flex min-h-14 flex-wrap items-center gap-x-2 gap-y-2 border-b border-border bg-card px-3 py-2 text-card-foreground backdrop-blur-md supports-[backdrop-filter]:bg-card/80 sm:h-14 sm:flex-nowrap sm:gap-x-3 sm:px-4 sm:py-0 lg:px-6 3xl:h-16 3xl:px-8\"\n  >\n    <div v-if=\"$slots.brand\" class=\"flex shrink-0 items-center gap-2\">\n      <!-- @slot The product mark and name, leftmost. -->\n      <slot name=\"brand\" />\n    </div>\n\n    <!-- Own full-width row below `sm` (see the doc header on `order-last`);\n         from `sm` up it rejoins the row and takes a cap so it never stretches\n         into a banner on a wide canvas. -->\n    <div\n      v-if=\"$slots.search\"\n      class=\"order-last min-w-0 basis-full sm:order-none sm:max-w-sm sm:flex-1 sm:basis-auto lg:max-w-md\"\n    >\n      <!-- @slot The app's global search field. Exactly one control — a filter belongs to `PageHeader` or the content area, not here. -->\n      <slot name=\"search\" />\n    </div>\n\n    <div\n      v-if=\"$slots.leading || $slots.notifications || $slots.userMenu\"\n      class=\"ml-auto flex shrink-0 items-center gap-1 sm:gap-2\"\n    >\n      <!-- @slot A leading control in the trailing cluster — workspace switcher, org selector, breadcrumb, etc. -->\n      <slot name=\"leading\" />\n      <!-- @slot The notifications trigger, between the leading control and the account menu. -->\n      <slot name=\"notifications\" />\n      <!-- @slot The account menu, trailing the cluster. -->\n      <slot name=\"userMenu\" />\n    </div>\n  </header>\n</template>\n"],"mappings":""}

package/dist/patterns/app-header/src/AppHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,96 @@
+import { createCommentVNode, createElementBlock, defineComponent, openBlock, renderSlot } from "vue";
+//#region packages/patterns/app-header/src/AppHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = {
+	key: 0,
+	class: "flex shrink-0 items-center gap-2"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "order-last min-w-0 basis-full sm:order-none sm:max-w-sm sm:flex-1 sm:basis-auto lg:max-w-md"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "ml-auto flex shrink-0 items-center gap-1 sm:gap-2"
+};
+var AppHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "AppHeader",
+	props: { ariaLabel: {} },
+	setup(__props) {
+		/**
+		* AppHeader — the web app's TOP BAR: the shell-level strip that stays on
+		* screen above every surface, distinct from two components it is easy to
+		* confuse with:
+		*
+		* - **`PageHeader`** — a surface's own pinned title band, sitting *inside*
+		*   the content area this bar sits above.
+		* - **`TitleBar`** — the desktop window's native chrome (drag region, window
+		*   controls). This bar is browser content, not window furniture.
+		*
+		* Layout is three regions, so callers never hand-tune widths: brand (left) ·
+		* optional search · a trailing cluster for a leading control, notifications, and
+		* the user menu, pushed right by `ml-auto`. Every region is a named slot —
+		* this pattern owns the strip's geometry and elevation, never its content or
+		* behavior.
+		*
+		* The trailing cluster is pushed right by its own `ml-auto`, not by a spacer
+		* element. A spacer works, but it is a second `flex-1` beside the search
+		* field, so the two end up splitting the free space instead of the field
+		* taking what is actually left; `ml-auto` costs no element and no width, and
+		* keeps the cluster flush right even when no search is slotted at all.
+		*
+		* **Below `sm` the bar is two rows, and that is the point of this pattern's
+		* responsive behavior.** A brand, a real search field, and a leading control +
+		* notifications + account cluster do not fit across a 390px viewport: on
+		* that width the search field is left about 60px and renders as a magnifier
+		* glyph pressed against the org name — a control that is technically present
+		* and practically unusable. So the search takes a full-width second row
+		* (`basis-full` + `order-last`), the header height goes from fixed to
+		* `min-h-14`, and from `sm` up it snaps back to the single `flex-nowrap` row.
+		* Wrapping rather than hiding is deliberate: the host slotted a search
+		* because its users need one, and a pattern does not get to decide they need
+		* it less on a phone.
+		*
+		* The `order-last` is the one thing to keep in mind if this changes: it
+		* moves the search visually below the cluster while leaving it before the
+		* cluster in the DOM, so on a phone the tab order reaches search first. That
+		* is the better of the two mismatches — search is the more-used control —
+		* but it is a mismatch, so do not extend `order-*` to the other regions.
+		*
+		* **Pinned, and separated by a hairline — never a shadow.** It sits on
+		* `bg-card` (the raised plane), one step above the content it sits over,
+		* unlike `PageHeader` which shares the content's own `bg-background` plane.
+		* Because content scrolls *under* it, the surface is translucent + blurred
+		* so the motion beneath stays legible as depth — the opaque `bg-card` is
+		* declared first and stays the fallback wherever `backdrop-filter` is
+		* unsupported, so the bar is never a see-through smear.
+		*
+		* Widths step rather than hold one value: gutters open up from `sm` and
+		* again on wide desktops (`3xl`, 1920px), where a 16px gutter beside a
+		* 1920px canvas reads as an accident.
+		*
+		* Deliberately neutral: this is shell chrome shared by every user and every
+		* action alike, so it never wears `--primary`/`--accent` — the bar stays
+		* uncommitted until a specific action is happening on the surface below.
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", {
+				"data-loom-app-header": "",
+				"aria-label": __props.ariaLabel,
+				class: "sticky top-0 z-30 flex min-h-14 flex-wrap items-center gap-x-2 gap-y-2 border-b border-border bg-card px-3 py-2 text-card-foreground backdrop-blur-md supports-[backdrop-filter]:bg-card/80 sm:h-14 sm:flex-nowrap sm:gap-x-3 sm:px-4 sm:py-0 lg:px-6 3xl:h-16 3xl:px-8"
+			}, [
+				_ctx.$slots.brand ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "brand")])) : createCommentVNode("", true),
+				_ctx.$slots.search ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "search")])) : createCommentVNode("", true),
+				_ctx.$slots.leading || _ctx.$slots.notifications || _ctx.$slots.userMenu ? (openBlock(), createElementBlock("div", _hoisted_4, [
+					renderSlot(_ctx.$slots, "leading"),
+					renderSlot(_ctx.$slots, "notifications"),
+					renderSlot(_ctx.$slots, "userMenu")
+				])) : createCommentVNode("", true)
+			], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { AppHeader_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AppHeader.vue_vue_type_script_setup_true_lang.js.map