@ecoma-io/loom 0.5.0 → 0.6.0

package/dist/packages/patterns/empty-state/src/EmptyState.vue.d.ts

@@ -0,0 +1,54 @@
+/**
+ * EmptyState — the shape of "nothing here yet": icon → title → optional
+ * description → at most ONE call-to-action, centered in the empty region. An
+ * empty region should explain itself and invite the next step — empty is a
+ * welcome, never an error (a failed load renders `InlineError`; an empty
+ * *result* renders this).
+ *
+ * The entrance is a staggered fade-rise film (icon, title, description,
+ * action — one 60ms step apart): this is content appearing, not action
+ * feedback, so it budgets like a panel rather than against the
+ * interaction-feedback ceiling, all token-tier CSS. The step is the
+ * empty-state family's own (`EMPTY_STATE_STAGGER_STEP_MS` in core's motion
+ * vocabulary) and the delays are computed, not inlined — a stagger the
+ * pattern decided alone is a duration family of one, which is how the list
+ * staggers drifted before core took them. Purely presentational: the icon
+ * comes via the `icon` slot (decorative, hidden from assistive tech), the
+ * CTA via the `action` slot — the host owns behavior and wording, and no
+ * fallback copy ships with the component.
+ *
+ * The icon sits in a hairline medallion — a `bg-subtle` disc with a `border`
+ * ring — rather than floating bare. Two reasons: the glyph itself is sized
+ * 20px, the emphasis step for an empty-state icon, and a 20px stroke drawing
+ * alone in a large blank region has nothing to hold it, so it reads as a
+ * stray mark; the medallion gives it a shape to anchor without adding a
+ * shadow (a disc is a surface plus a hairline, never a float). `bg-subtle`
+ * is chosen over `bg-card` so the disc stays visible on `bg-card` and
+ * `bg-background` alike — this pattern is dropped into both.
+ *
+ * Type comes from the named scale (`text-title` / `text-small`), not
+ * hand-picked `text-sm`/`text-xs` — the empty state is a titled moment, not
+ * a caption.
+ */
+type __VLS_Props = {
+    /** What is missing, stated plainly — always shown. */
+    title: string;
+    /** What to do about it. Omit rather than pad the region with filler copy. */
+    description?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    action?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=EmptyState.vue.d.ts.map

package/dist/packages/patterns/empty-state/src/EmptyState.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/empty-state/src/EmptyState.vue"],"names":[],"mappings":"AAsFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,KAAK,WAAW,GAAG;IACjB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA0FF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/patterns/empty-state/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/empty-state/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/packages/patterns/error-state/src/ErrorState.vue.d.ts

@@ -0,0 +1,44 @@
+/**
+ * ErrorState — the shape of "something went wrong": icon → title → optional
+ * description → optional retry action, centered in the error region. This is
+ * EmptyState's mirror: where that pattern says "nothing here yet" and invites
+ * the next step, this one says "something broke" and offers a retry.
+ *
+ * No staggered entrance. EmptyState is content appearing — a welcome, budgeted
+ * like a panel reveal. An error is not content; it is a problem that needs
+ * attention now, and a fade-rise film that delays the message reads as
+ * indifference. Everything renders at once.
+ *
+ * The icon sits in a hairline medallion — the same shape as EmptyState's, but
+ * tinted `bg-destructive/10` with a `border-destructive/30` ring — because a
+ * bare glyph in a region that already signals alarm has no anchor and the
+ * colour alone does the work that EmptyState's neutral medallion needed
+ * `bg-subtle` for. The icon is decorative and `aria-hidden`; the title already
+ * carries the meaning.
+ *
+ * The action slot is semantically a retry affordance but remains a generic
+ * slot — the host owns the wording and behaviour, and no fallback copy ships
+ * with the component.
+ */
+type __VLS_Props = {
+    /** What went wrong, stated plainly — always shown. */
+    title: string;
+    /** More context about the error. Omit rather than pad the region with filler copy. */
+    description?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    action?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ErrorState.vue.d.ts.map

package/dist/packages/patterns/error-state/src/ErrorState.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/error-state/src/ErrorState.vue"],"names":[],"mappings":"AAsDA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,KAAK,WAAW,GAAG;IACjB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAwEF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/patterns/error-state/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/error-state/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/packages/patterns/form-actions/src/FormActions.vue.d.ts

@@ -0,0 +1,56 @@
+/**
+ * FormActions — the submit/cancel button row at the bottom of a form. A pattern
+ * that owns the layout of form actions so every form in the product has the
+ * same action alignment: primary action right, cancel left, separated from the
+ * form content by a top border.
+ *
+ * The pattern exists because "submit right, cancel left" is a layout decision
+ * repeated in every form, and getting the spacing and alignment wrong is easy.
+ * It owns the geometry; the host owns the button text and behavior.
+ *
+ * The default slot carries the primary actions (submit, save) and the `cancel`
+ * slot carries the secondary action. In "between" mode the two slots sit at
+ * opposite ends; in "right" or "left" mode everything goes through the default
+ * slot, shifted to one side.
+ *
+ * The row wraps rather than scrolls or shrinks: a cancel slot plus several
+ * primary actions cannot be guaranteed to fit a phone width, and an action
+ * row that pushes past the viewport is the one overflow the interface
+ * contract names outright.
+ */
+export type FormActionsAlign = "right" | "left" | "between";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /**
+     * How the action row distributes its content.
+     * - "between": cancel slot left, primary actions right (default — the
+     *   arrangement most forms need)
+     * - "right": all actions pushed right (short forms, single CTA)
+     * - "left": all actions pushed left (right-to-left locales, or a design
+     *   that calls for it)
+     */
+    align?: FormActionsAlign;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /**
+     * How the action row distributes its content.
+     * - "between": cancel slot left, primary actions right (default — the
+     *   arrangement most forms need)
+     * - "right": all actions pushed right (short forms, single CTA)
+     * - "left": all actions pushed left (right-to-left locales, or a design
+     *   that calls for it)
+     */
+    align?: FormActionsAlign;
+}> & Readonly<{}>, {
+    align: FormActionsAlign;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    cancel?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=FormActions.vue.d.ts.map

package/dist/packages/patterns/form-actions/src/FormActions.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormActions.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/form-actions/src/FormActions.vue"],"names":[],"mappings":"AAwEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;wBACvC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd;;;;;;;OAOG;YACK,gBAAgB;;IARxB;;;;;;;OAOG;YACK,gBAAgB;;WAAhB,gBAAgB;;aA4Cf,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,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/patterns/form-actions/src/index.d.ts.map

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

package/dist/packages/patterns/form-section/src/FormSection.vue.d.ts

@@ -0,0 +1,85 @@
+/**
+ * FormSection — a labeled group of form fields with an optional
+ * description, the arrangement every form page reaches for repeatedly: a
+ * Fieldset (for the accessible `<fieldset>/<legend>` semantics, disabled/
+ * readonly propagation, and hint/error line) with vertical Stack spacing
+ * between the fields.
+ *
+ * The pattern exists because that composition is written at every form page
+ * and the spacing between sections is a layout decision it can own once.
+ * It is a thin convenience over Fieldset, not a replacement: when a group
+ * needs a shape FormSection does not offer, Fieldset is still the right
+ * primitive.
+ *
+ * `description` is NOT Fieldset's `hint`. The description sits between the
+ * legend and the fields — it orients the person filling the form ("Where
+ * should we ship your order?"). The hint sits below the fields and
+ * supplements the controls themselves ("Street address, P.O. box, or
+ * military address"). They serve different readers at different points in
+ * the form and both can be present at once.
+ */
+export type FormSectionGap = "sm" | "md" | "lg";
+declare const gapClass: Record<FormSectionGap, string>;
+export { gapClass };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The section title — rendered as a real `<legend>` by Fieldset. */
+    legend?: string;
+    /**
+     * Supporting text shown below the legend, above the fields.
+     * NOT the same as `hint`, which sits below the fields — this orients the
+     * person filling the form, while `hint` supplements the controls.
+     */
+    description?: string;
+    /** Forwarded to Fieldset: supporting text shown below the group. Hidden while `error` is set. */
+    hint?: string;
+    /** Forwarded to Fieldset: the group's error message. Replaces `hint`. */
+    error?: string;
+    /** Forwarded to Fieldset: marks the group mandatory and appends a destructive asterisk. */
+    required?: boolean;
+    /** Forwarded to Fieldset: disables every control inside, slotted ones included. */
+    disabled?: boolean;
+    /** Forwarded to Fieldset: renders every Loom control inside read-only. */
+    readonly?: boolean | undefined;
+    /** Forwarded to Fieldset: set on the `<fieldset>`, used to derive the hint/error id. */
+    id?: string;
+    /** Gap between fields — mirrors Stack's gap scale. */
+    gap?: FormSectionGap;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** The section title — rendered as a real `<legend>` by Fieldset. */
+    legend?: string;
+    /**
+     * Supporting text shown below the legend, above the fields.
+     * NOT the same as `hint`, which sits below the fields — this orients the
+     * person filling the form, while `hint` supplements the controls.
+     */
+    description?: string;
+    /** Forwarded to Fieldset: supporting text shown below the group. Hidden while `error` is set. */
+    hint?: string;
+    /** Forwarded to Fieldset: the group's error message. Replaces `hint`. */
+    error?: string;
+    /** Forwarded to Fieldset: marks the group mandatory and appends a destructive asterisk. */
+    required?: boolean;
+    /** Forwarded to Fieldset: disables every control inside, slotted ones included. */
+    disabled?: boolean;
+    /** Forwarded to Fieldset: renders every Loom control inside read-only. */
+    readonly?: boolean | undefined;
+    /** Forwarded to Fieldset: set on the `<fieldset>`, used to derive the hint/error id. */
+    id?: string;
+    /** Gap between fields — mirrors Stack's gap scale. */
+    gap?: FormSectionGap;
+}> & Readonly<{}>, {
+    gap: FormSectionGap;
+    disabled: boolean;
+    readonly: boolean | undefined;
+    required: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=FormSection.vue.d.ts.map

package/dist/packages/patterns/form-section/src/FormSection.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/form-section/src/FormSection.vue"],"names":[],"mappings":"AA+FA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,QAAA,MAAM,QAAQ,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAInC,CAAC;AAEX,OAAO,EAAE,QAAQ,EAAE,CAAC;wBACC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,qEAAqE;aAC5D,MAAM;IACf;;;;OAIG;kBACW,MAAM;IACpB,iGAAiG;WAC1F,MAAM;IACb,yEAAyE;YACjE,MAAM;IACd,2FAA2F;eAChF,OAAO;IAClB,mFAAmF;eACxE,OAAO;IAClB,0EAA0E;eAC/D,OAAO,GAAG,SAAS;IAC9B,wFAAwF;SACnF,MAAM;IACX,sDAAsD;UAChD,cAAc;;IArBpB,qEAAqE;aAC5D,MAAM;IACf;;;;OAIG;kBACW,MAAM;IACpB,iGAAiG;WAC1F,MAAM;IACb,yEAAyE;YACjE,MAAM;IACd,2FAA2F;eAChF,OAAO;IAClB,mFAAmF;eACxE,OAAO;IAClB,0EAA0E;eAC/D,OAAO,GAAG,SAAS;IAC9B,wFAAwF;SACnF,MAAM;IACX,sDAAsD;UAChD,cAAc;;SAAd,cAAc;cANT,OAAO;cAEP,OAAO,GAAG,SAAS;cAJnB,OAAO;;cAwFR,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/patterns/form-section/src/index.d.ts.map

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

package/dist/packages/patterns/loading-state/src/LoadingState.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/loading-state/src/LoadingState.vue"],"names":[],"mappings":"AAkFA,KAAK,WAAW,GAAG;IACf,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAC/B,CAAC;AA0GJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;UAlHL,SAAS,GAAG,UAAU;6EAqH/B,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/patterns/loading-state/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/loading-state/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/packages/patterns/metric-card/src/MetricCard.vue.d.ts

@@ -0,0 +1,77 @@
+/**
+ * MetricCard — one KPI on a dashboard: a compact surface carrying a metric
+ * value, its label, and an optional trend arrow. The shape is fixed (icon →
+ * label → value + trend) because a hand-rolled metric row drifts from call
+ * site to call site — the icon above the label here, the trend on a second
+ * line there — and this pattern pins one layout so the row scans left-to-right.
+ *
+ * The trend is always inline with the value, never a separate line. A trend
+ * on its own row reads as a second metric; sharing the value line reads as
+ * context for that metric, which is what it is. The arrows are inline SVGs
+ * (12px) rather than an icon-library dependency: a trend indicator is a
+ * single directional glyph, and pulling in an icon package for three paths
+ * is weight the host did not ask for.
+ *
+ * Colour encodes direction but is never the only signal: the arrow shape
+ * distinguishes up from down even without hue, and "flat" is an em dash
+ * rather than a horizontal arrow that could be mistaken for a minus sign or
+ * a separator. `text-success-text` / `text-destructive-text` / `text-muted-foreground`
+ * are the semantic tokens rather than fixed greens and reds, so the card
+ * adapts to whatever the theme maps those to.
+ */
+export type MetricCardTrend = "up" | "down" | "flat";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The metric value — a formatted string or number the host has already
+     *  localised (e.g. "1,234", "98.5%", "$42k"). Raw numbers are not
+     *  formatted by the card; the host owns formatting so the same value
+     *  can be "$42k" in one place and "42,000" in another. Optional only
+     *  while `loading`. */
+    value?: string | number;
+    /** What the metric measures — always shown. */
+    label: string;
+    /** Direction of change. When absent, no trend indicator is rendered. */
+    trend?: MetricCardTrend;
+    /** The trend magnitude (e.g. "+12.5%", "-3.2%"). Shown only when `trend`
+     *  is also provided; a magnitude with no direction has no meaning. */
+    trendValue?: string;
+    /** Context line under the value row — a period, a comparison base. */
+    description?: string;
+    /**
+     * Renders the label and value as Skeleton placeholders sized to the real
+     * layout, so the card keeps its height and does not reflow when data
+     * lands.
+     */
+    loading?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** The metric value — a formatted string or number the host has already
+     *  localised (e.g. "1,234", "98.5%", "$42k"). Raw numbers are not
+     *  formatted by the card; the host owns formatting so the same value
+     *  can be "$42k" in one place and "42,000" in another. Optional only
+     *  while `loading`. */
+    value?: string | number;
+    /** What the metric measures — always shown. */
+    label: string;
+    /** Direction of change. When absent, no trend indicator is rendered. */
+    trend?: MetricCardTrend;
+    /** The trend magnitude (e.g. "+12.5%", "-3.2%"). Shown only when `trend`
+     *  is also provided; a magnitude with no direction has no meaning. */
+    trendValue?: string;
+    /** Context line under the value row — a period, a comparison base. */
+    description?: string;
+    /**
+     * Renders the label and value as Skeleton placeholders sized to the real
+     * layout, so the card keeps its height and does not reflow when data
+     * lands.
+     */
+    loading?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=MetricCard.vue.d.ts.map

package/dist/packages/patterns/metric-card/src/MetricCard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/metric-card/src/MetricCard.vue"],"names":[],"mappings":"AAyJA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;wBAChC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEhB;;;;2BAIuB;YACf,MAAM,GAAG,MAAM;IACvB,+CAA+C;WACxC,MAAM;IACb,wEAAwE;YAChE,eAAe;IACvB;0EACsE;iBACzD,MAAM;IACnB,sEAAsE;kBACxD,MAAM;IACpB;;;;OAIG;cACO,OAAO;;IApBjB;;;;2BAIuB;YACf,MAAM,GAAG,MAAM;IACvB,+CAA+C;WACxC,MAAM;IACb,wEAAwE;YAChE,eAAe;IACvB;0EACsE;iBACzD,MAAM;IACnB,sEAAsE;kBACxD,MAAM;IACpB;;;;OAIG;cACO,OAAO;;WA0KR,CAAC,KAAK,IAAgB,KAAK,GAAG;EASrC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/patterns/metric-card/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/metric-card/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/packages/patterns/page-header/src/PageHeader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/page-header/src/PageHeader.vue"],"names":[],"mappings":"AA2EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,yGAAyG;IACzG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yJAAyJ;IACzJ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA0FF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

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

package/dist/packages/patterns/row-actions/src/RowActions.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/row-actions/src/RowActions.vue"],"names":[],"mappings":"AA0GA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/patterns/row-actions/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/row-actions/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/packages/patterns/sidebar-nav/src/SidebarNav.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNav.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/sidebar-nav/src/SidebarNav.vue"],"names":[],"mappings":"AA0KA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,sCAAsC;AACtC,MAAM,WAAW,cAAc;IAC7B,4GAA4G;IAC5G,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qGAAqG;IACrG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,uFAAuF;AACvF,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;cAgCJ,iBAAiB,EAAE;IAC7B,oGAAoG;gBACxF,OAAO;IACnB,sGAAsG;gBAC1F,MAAM;;;;cAJR,iBAAiB,EAAE;IAC7B,oGAAoG;gBACxF,OAAO;IACnB,sGAAsG;gBAC1F,MAAM;;;;eAFN,OAAO;6EA4SnB,CAAC"}

package/dist/packages/patterns/sidebar-nav/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/sidebar-nav/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/packages/patterns/title-bar/src/TitleBar.vue.d.ts

@@ -0,0 +1,83 @@
+import { type WindowControlsLabels } from "../../../primitives/window-controls/src/index";
+/**
+ * TitleBar — a desktop app's custom window chrome (a pattern: composed from
+ * primitives, domain-aware, but still presentational). Layout:
+ *
+ *   Windows / Linux:
+ *   [ ⬡ brand ] [ File View Help ]  ····· drag / title ····· [ – ▢ ✕ ]
+ *
+ *   macOS (native traffic-lights on the left):
+ *   [ 🔴🟡🟢   ⬡ brand ] [ File View Help ]  ····· drag / title ·····
+ *
+ * The whole bar is a drag region (`-webkit-app-region: drag`); the interactive
+ * clusters (Menubar, WindowControls) opt back out. It owns NO app logic — it
+ * re-emits `select` from the menu and the window intents, so the desktop host
+ * wires the window bridge around it.
+ *
+ * `platform` is the host's declaration, not a runtime sniff: a Tauri/Electron
+ * host already knows its OS, and a PWA has no native window controls. On macOS
+ * the brand cluster shifts right to leave room for the native traffic-light
+ * buttons, and WindowControls renders nothing (the OS owns those buttons).
+ */
+import type { MenubarMenu } from "../../../primitives/menubar/src/index";
+import type { WindowPlatform } from "../../../primitives/window-controls/src/index";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The host app's brand name — required: this pattern has no identity of its own. */
+    appName: string;
+    /** Centered subtitle — usually the open project / composition. */
+    title?: string;
+    menus?: MenubarMenu[];
+    isMaximized?: boolean;
+    /**
+     * The desktop platform the window runs on. Controls whether WindowControls
+     * renders (hidden on macOS) and how the brand cluster is spaced (shifted
+     * right on macOS to avoid the native traffic-light buttons). The host
+     * decides — Loom never sniffs the OS at runtime.
+     */
+    platform?: WindowPlatform;
+    /** Passed through to WindowControls (host-side i18n); omit for its English defaults. */
+    windowControlsLabels?: WindowControlsLabels;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (command: string) => any;
+    close: () => any;
+    minimize: () => any;
+    maximize: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The host app's brand name — required: this pattern has no identity of its own. */
+    appName: string;
+    /** Centered subtitle — usually the open project / composition. */
+    title?: string;
+    menus?: MenubarMenu[];
+    isMaximized?: boolean;
+    /**
+     * The desktop platform the window runs on. Controls whether WindowControls
+     * renders (hidden on macOS) and how the brand cluster is spaced (shifted
+     * right on macOS to avoid the native traffic-light buttons). The host
+     * decides — Loom never sniffs the OS at runtime.
+     */
+    platform?: WindowPlatform;
+    /** Passed through to WindowControls (host-side i18n); omit for its English defaults. */
+    windowControlsLabels?: WindowControlsLabels;
+}> & Readonly<{
+    onSelect?: (command: string) => any;
+    onClose?: () => any;
+    onMinimize?: () => any;
+    onMaximize?: () => any;
+}>, {
+    title: string;
+    menus: MenubarMenu[];
+    platform: WindowPlatform;
+    isMaximized: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    brandIcon?: (props: {}) => any;
+} & {
+    brandMark?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TitleBar.vue.d.ts.map

package/dist/packages/patterns/title-bar/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/title-bar/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/packages/patterns/toast-stack/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/patterns/toast-stack/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/packages/primitives/list/src/ListItem.vue.d.ts

@@ -56,8 +56,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onActivate?: () => any;
 }>, {
-    disabled: boolean;
     interactive: boolean;
+    disabled: boolean;
     selected: boolean;
     dense: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/packages/primitives/list/src/ListItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/list/src/ListItem.vue"],"names":[],"mappings":"AA6HA;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AAE9D,eAAO,MAAM,gBAAgB;;;8EAc5B,CAAC;wBACmB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,gFAAgF;YACxE,MAAM;IACd,yCAAyC;kBAC3B,MAAM;IACpB,yEAAyE;WAClE,MAAM;IACb,wEAAwE;WACjE,MAAM;IACb;;;OAGG;kBACW,OAAO;IACrB,6EAA6E;eAClE,OAAO;IAClB,uEAAuE;eAC5D,OAAO;IAClB,0CAA0C;YAClC,OAAO;;;;IAlBf,gFAAgF;YACxE,MAAM;IACd,yCAAyC;kBAC3B,MAAM;IACpB,yEAAyE;WAClE,MAAM;IACb,wEAAwE;WACjE,MAAM;IACb;;;OAGG;kBACW,OAAO;IACrB,6EAA6E;eAClE,OAAO;IAClB,uEAAuE;eAC5D,OAAO;IAClB,0CAA0C;YAClC,OAAO;;;;cAFJ,OAAO;iBAJJ,OAAO;cAEV,OAAO;WAIV,OAAO;;cAmKL,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAiB,KAAK,GAAG;;eAC9B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAW1C,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":"ListItem.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/list/src/ListItem.vue"],"names":[],"mappings":"AA+HA;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AAE9D,eAAO,MAAM,gBAAgB;;;8EAgB5B,CAAC;wBACmB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,gFAAgF;YACxE,MAAM;IACd,yCAAyC;kBAC3B,MAAM;IACpB,yEAAyE;WAClE,MAAM;IACb,wEAAwE;WACjE,MAAM;IACb;;;OAGG;kBACW,OAAO;IACrB,6EAA6E;eAClE,OAAO;IAClB,uEAAuE;eAC5D,OAAO;IAClB,0CAA0C;YAClC,OAAO;;;;IAlBf,gFAAgF;YACxE,MAAM;IACd,yCAAyC;kBAC3B,MAAM;IACpB,yEAAyE;WAClE,MAAM;IACb,wEAAwE;WACjE,MAAM;IACb;;;OAGG;kBACW,OAAO;IACrB,6EAA6E;eAClE,OAAO;IAClB,uEAAuE;eAC5D,OAAO;IAClB,0CAA0C;YAClC,OAAO;;;;iBAND,OAAO;cAIV,OAAO;cAFP,OAAO;WAIV,OAAO;;cAmKL,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAiB,KAAK,GAAG;;eAC9B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAW1C,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/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/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/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":""}