@gravitee/graphene-core 2.55.0 → 2.56.0-feat-layout-content-width-tiers.e76c29f

package/USAGE_GUIDE.md

@@ -141,9 +141,41 @@ Scale: `0`, `0.5`, `1`, `1.5`, `2`, `2.5`, `3`, `3.5`, `4`, `5`, `6`, `7`, `8`,
 
 `rounded-sm`, `rounded-md`, `rounded-lg`, `rounded-xl` (mapped to semantic `--radius`).
 
-### Layout
+### Layout — content width system
 
-- Content max width is defined on the theme token `--container-content` (maps to `--content-max-width`). Use the max-width utility Tailwind emits for that token in your setup.
+All pages share a single uniform centered container. No per-page width decisions needed — the container never changes between sibling pages, eliminating layout shifts during navigation.
+
+The layout owns both **padding** and **max-width** at the layout level. Page components must not duplicate either — do NOT add `p-6` / `p-*` / `px-*` / `py-*` or `max-w-*` classes on page-level wrapper divs.
+
+**Decision rule:**
+
+1. Is this a tool/workspace layout (Policy Studio, LLM Studio), observability dashboard, or log/trace explorer? → `useLayoutConfig({ contentVariant: 'full-bleed' })`
+2. Is this a single-column creation/edit form with a back button and a focused workflow (e.g. alert form, plan form, resource wizard, onboarding stepper)? → Wrap content in `<PageFocused>`. Heuristic: if the page has a "← Back" button and its route matches `/new`, `/:id/edit`, or `/:id` under a list page, it's likely a focused form.
+3. Everything else (list pages, detail views, settings, dashboards) → Do nothing. The default centered container handles it.
+
+```tsx
+import { PageFocused } from '@gravitee/graphene-core';
+
+// Wizard/creation page — focused and centered
+function CreateApiPage() {
+  return (
+    <PageFocused>
+      <StepProgress steps={steps} activeStep={step} />
+      <StepContent />
+    </PageFocused>
+  );
+}
+
+// Everything else — just render content directly (no padding, no max-width)
+function ApisPage() {
+  return (
+    <div className="space-y-4">
+      <h2>APIs</h2>
+      <DataTable ... />
+    </div>
+  );
+}
+```
 
 ## Styling
 
@@ -293,27 +325,107 @@ If you have not migrated to `AppContextBar` yet, keeping the app name as the fir
 
 **Linear breadcrumbs:** When each step maps to a **path string** and React Router’s `navigate`, use **`buildLinearBreadcrumbs(navigate, segments)`** so `ContentHeader` / `useLayoutConfig` get consistent `BreadcrumbEntry[]` without copying the same `onClick` wiring. If the first crumb is a **custom action** (e.g. “back” that is not `navigate('/path')`), build that entry by hand or mix with `buildLinearBreadcrumbs`—see Storybook **Composed/ContentHeader → Linear breadcrumbs from builder** for the canonical route-based pattern. API edge cases are covered in `packages/core/src/lib/breadcrumbs/buildLinearBreadcrumbs.test.ts`.
 
-### `contentVariant` — full-bleed content
+### `contentVariant` — content width
+
+`AppLayout` accepts `contentVariant` to control content area width and padding:
+
+- `"default"` (default) — centered container with standard padding. All standard pages.
+- `"full-bleed"` — no max-width, no padding; content spans edge-to-edge. Tool layouts, observability dashboards, log/trace explorers.
+
+```tsx
+// Default — no change needed, AppLayout applies the centered container automatically
+<AppLayout>
+  <DetailPage />
+</AppLayout>
+
+// Full-bleed — for tool layouts and observability pages
+useLayoutConfig({ contentVariant: 'full-bleed' }, []);
+```
+
+With `useLayoutConfig` (module federation), a nested page can set `contentVariant` without affecting other layout slots owned by parent components. Each hook only resets the keys it owns on unmount.
+
+For creation wizards and steppers, wrap content in `<PageFocused>` inside the default container — see **Layout — content width system** above.
 
-`AppLayout` accepts `contentVariant` to control content area padding:
+### `banner` — full-width status slot
 
-- `"default"` (default) — standard padding on all sides.
-- `"full-bleed"` — no padding; content spans edge-to-edge.
+`AppLayout` accepts a `banner` prop that renders a full-width region above the padded content wrapper but inside the scroll container. Use it for persistent status indicators with an action (deploy status, environment warnings).
 
-Use `full-bleed` for embedded components that manage their own layout grid (Policy Studio, dashboards, full-screen editors):
+**Shell layout requirement:** If the host shell renders `<AppLayout>` and reads layout config from `LayoutSlotsProvider`, it must forward **both** `banner` and `bannerSticky` slots to `<AppLayout>`:
 
 ```tsx
-<AppLayout contentVariant="full-bleed">
-  <PolicyStudio {...props} />
+<AppLayout
+  banner={slots.banner}
+  bannerSticky={slots.bannerSticky}
+  contentVariant={slots.contentVariant}
+  contextSidebar={slots.contextSidebar}
+  /* …other slot props… */
+>
+```
+
+Without this wiring, `useLayoutConfig({ banner: … })` calls from consumer modules have no effect.
+
+**Usage:**
+
+```tsx
+// Direct prop usage
+<AppLayout banner={<DeployStrip />} bannerSticky>
+  <DetailPage />
 </AppLayout>
+
+// Module federation via useLayoutConfig
+useLayoutConfig({
+  banner: deployState === 'NEED_REDEPLOY' ? (
+    <DeployStrip onDeploy={handleDeploy} isPending={isPending} />
+  ) : null,
+  bannerSticky: true,
+}, [deployState, handleDeploy, isPending]);
 ```
 
-With `useLayoutConfig` (module federation), a nested page can set `contentVariant` without affecting other layout slots owned by parent components:
+The banner spans full width regardless of `contentVariant`. When `bannerSticky` is true, it sticks to the top of the scroll area so the action remains reachable while scrolling.
+
+**Migrating inline banners:** If a page currently renders a banner component inline within its page content, move it to `useLayoutConfig`. On unmount or when the status clears, set `banner: null` — `useLayoutConfig` resets owned keys automatically on unmount, so the banner won't linger after navigation.
+
+**Accessibility:** Add `role="status"` and a descriptive `aria-label` on the banner's root element so screen readers announce it as a live region:
+
+**Button hierarchy:** When a banner contains an action button alongside page content that has its own primary buttons, use an outline treatment on the banner button to avoid competing with the page's primary CTA:
 
 ```tsx
-useLayoutConfig({ contentVariant: 'full-bleed' }, []);
+function DeployStrip({ onDeploy, isPending }) {
+  return (
+    <div role="status" aria-label="Deployment status" className="flex items-center gap-2 border-b border-border px-5 py-1.5">
+      <span className="size-1.5 shrink-0 rounded-full bg-warning" aria-hidden="true" />
+      <span className="text-sm text-muted-foreground">Undeployed changes</span>
+      <div className="flex-1" />
+      <button
+        type="button"
+        className="rounded-md border border-warning/25 bg-warning/5 px-2.5 py-0.5 text-sm font-semibold text-warning-foreground transition-colors hover:bg-warning/10 disabled:opacity-50"
+        onClick={onDeploy}
+        disabled={isPending}
+      >
+        {isPending ? 'Deploying…' : 'Deploy API'}
+      </button>
+    </div>
+  );
+}
 ```
 
+See Storybook **Composed/AppLayout → BannerSlot** for the full interactive example.
+
+### Adopting the content width system in consumer modules
+
+Follow these steps to apply the layout width system to an existing consumer module:
+
+1. **Identify all pages** in your module that render inside `AppLayout`.
+2. **Categorize each page:**
+   - **Default** — list pages, detail views, forms, settings, dashboards. No change needed; `AppLayout` applies the centered container automatically.
+   - **PageFocused** — single-column creation wizards or steppers with a back button and a focused workflow (e.g. alert form, plan form, resource wizard, onboarding stepper). Wrap content in `<PageFocused>`. Heuristic: if the page has a "← Back" button and its route matches `/new`, `/:id/edit`, or `/:id` under a list page, it's likely a focused form.
+   - **Full-bleed** — tool layouts (Policy Studio, LLM Studio), observability dashboards, log/trace explorers. Add `useLayoutConfig({ contentVariant: 'full-bleed' }, [])` if not already set.
+3. **Remove page-level padding** — delete `p-6` and any `p-*`, `px-*`, `py-*` classes from the page's root wrapper `<div>`. The layout already provides content padding via the container. This is the most common change — nearly every page will need it.
+4. **Remove ad-hoc width constraints** — delete any `max-w-*` classes on page-level wrapper divs. The design system owns content width.
+5. **Verify** — resize the browser to confirm content stays centered without clipping on narrow viewports.
+
+See `packages/core/snippets/data-table-list-page.tsx` and `creation-wizard-page.tsx` for complete examples.
+
 ### Data table (entity list pages)
 
 Use `DataTable` for any entity list — whether the data is fetched page-by-page from an API or loaded in full on the client. The component provides sorting, filtering, pagination, column visibility, row selection, and bulk actions through a composable slot API.

package/dist/composed/AppLayout/AppLayout.d.ts

@@ -18,11 +18,22 @@ interface AppLayoutProps {
     /** Optional callback when context expansion state changes. */
     readonly onContextExpandedChange?: (expanded: boolean) => void;
     /**
-     * Controls content area padding.
-     * - `"default"` — standard padding on all sides (the default).
-     * - `"full-bleed"` — no padding; content spans edge-to-edge.
+     * Controls content area width and padding.
+     * - `"default"` — centered container with standard padding.
+     * - `"full-bleed"` — no max-width, no padding; content spans edge-to-edge.
+     *
+     * All standard pages use the default container. Wizards can optionally
+     * use `<PageFocused>` inside the default container for a narrower focus.
      */
     readonly contentVariant?: 'default' | 'full-bleed';
+    /**
+     * Full-width banner rendered above the padded content area.
+     * Sits inside the scroll container but outside the content padding wrapper,
+     * so it spans edge-to-edge regardless of `contentVariant`.
+     */
+    readonly banner?: ReactNode;
+    /** When true the banner sticks to the top of the scroll container. Defaults to `false`. */
+    readonly bannerSticky?: boolean;
     /**
      * When true the layout spans the full viewport height.
      * Defaults to `true` (sidebar-dominant shell).

package/dist/composed/AppLayout/AppLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../../src/composed/AppLayout/AppLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAGtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAEhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAGhF,UAAU,cAAc;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,6DAA6D;IAC7D,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,sDAAsD;IACtD,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACpC,6EAA6E;IAC7E,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC/B,yBAAyB;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACzC,iEAAiE;IACjE,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,8DAA8D;IAC9D,QAAQ,CAAC,uBAAuB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D;;;;OAIG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACnD;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,0DAA0D;IAC1D,QAAQ,CAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IAC1C,kDAAkD;IAClD,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;CACnC;AA4FD,iBAAS,SAAS,CAAC,EAAE,kBAAmC,EAAE,YAAuB,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAQ3G;kBARQ,SAAS;;;AAYlB,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../../src/composed/AppLayout/AppLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAGtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAEhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAGhF,UAAU,cAAc;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,6DAA6D;IAC7D,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,sDAAsD;IACtD,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACpC,6EAA6E;IAC7E,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC/B,yBAAyB;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACzC,iEAAiE;IACjE,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,8DAA8D;IAC9D,QAAQ,CAAC,uBAAuB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D;;;;;;;OAOG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,2FAA2F;IAC3F,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,0DAA0D;IAC1D,QAAQ,CAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IAC1C,kDAAkD;IAClD,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;CACnC;AAiGD,iBAAS,SAAS,CAAC,EAAE,kBAAmC,EAAE,YAAuB,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAQ3G;kBARQ,SAAS;;;AAYlB,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/composed/LayoutSlots/LayoutSlotsContext.d.ts

@@ -8,7 +8,15 @@ interface LayoutSlots {
     readonly leading: ReactNode;
     readonly viewMode: 'global' | 'context';
     readonly contextExpanded: boolean;
+    /**
+     * `"default"` — centered container with padding (use for all standard pages).
+     * `"full-bleed"` — no max-width, no padding (tool layouts like Policy Studio).
+     */
     readonly contentVariant: 'default' | 'full-bleed';
+    /** Full-width banner rendered above the padded content area (e.g. deploy status, environment warnings). */
+    readonly banner: ReactNode;
+    /** When true the banner sticks to the top of the scroll container. */
+    readonly bannerSticky: boolean;
 }
 interface LayoutSlotsContextValue {
     readonly slots: LayoutSlots;

package/dist/composed/LayoutSlots/LayoutSlotsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSlotsContext.d.ts","sourceRoot":"","sources":["../../../src/composed/LayoutSlots/LayoutSlotsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAA8C,MAAM,OAAO,CAAC;AAClG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAEtF,UAAU,WAAW;IACnB,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC;IAC/B,QAAQ,CAAC,cAAc,EAAE,SAAS,CAAC;IACnC,QAAQ,CAAC,WAAW,EAAE,eAAe,EAAE,CAAC;IACxC,sFAAsF;IACtF,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,cAAc,EAAE,SAAS,GAAG,YAAY,CAAC;CACnD;AAED,UAAU,uBAAuB;IAC/B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,SAAS,MAAM,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACvF,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,WAAW,CAAC,KAAK,IAAI,CAAC;CACvE;AAED,QAAA,MAAM,aAAa,EAAE,WAQpB,CAAC;AAIF,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAwB1E;AAED,iBAAS,cAAc,IAAI,uBAAuB,CAMjD;AAED,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAC;AAC9D,YAAY,EAAE,WAAW,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"LayoutSlotsContext.d.ts","sourceRoot":"","sources":["../../../src/composed/LayoutSlots/LayoutSlotsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAA8C,MAAM,OAAO,CAAC;AAClG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAEtF,UAAU,WAAW;IACnB,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC;IAC/B,QAAQ,CAAC,cAAc,EAAE,SAAS,CAAC;IACnC,QAAQ,CAAC,WAAW,EAAE,eAAe,EAAE,CAAC;IACxC,sFAAsF;IACtF,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,cAAc,EAAE,SAAS,GAAG,YAAY,CAAC;IAClD,2GAA2G;IAC3G,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;IAC3B,sEAAsE;IACtE,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;CAChC;AAED,UAAU,uBAAuB;IAC/B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,SAAS,MAAM,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACvF,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,WAAW,CAAC,KAAK,IAAI,CAAC;CACvE;AAED,QAAA,MAAM,aAAa,EAAE,WAUpB,CAAC;AAIF,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAwB1E;AAED,iBAAS,cAAc,IAAI,uBAAuB,CAMjD;AAED,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAC;AAC9D,YAAY,EAAE,WAAW,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/composed/LayoutSlots/use-layout-config.d.ts

@@ -7,6 +7,9 @@ import { LayoutSlots } from './LayoutSlotsContext';
  * **Resets all slots to defaults on unmount** so stale module content
  * never lingers after navigation.
  *
+ * Uses `useLayoutEffect` to apply config synchronously before paint,
+ * preventing visible layout shifts during navigation.
+ *
  * @param config - Slot values the module wants to own.
  * @param deps   - Dependency array that triggers a config re-push
  *                 (same semantics as `useEffect` deps).

package/dist/composed/LayoutSlots/use-layout-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-layout-config.d.ts","sourceRoot":"","sources":["../../../src/composed/LayoutSlots/use-layout-config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,sBAAsB,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,IAAI,GAAE,KAAK,CAAC,cAAmB,QAYrF;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"use-layout-config.d.ts","sourceRoot":"","sources":["../../../src/composed/LayoutSlots/use-layout-config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,sBAAsB,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,iBAAS,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,IAAI,GAAE,KAAK,CAAC,cAAmB,QAYrF;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/composed/PageFocused/PageFocused.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+interface PageFocusedProps {
+    /** Focused content (stepper, creation wizard, onboarding flow). */
+    readonly children: ReactNode;
+    readonly className?: string;
+}
+/**
+ * Constrains and centers page content for focused flows.
+ *
+ * Use for creation wizards, multi-step forms, onboarding sequences, and
+ * any task where the user is working through a focused linear flow.
+ * The centering signals "you are in a sub-task" and draws the eye inward.
+ *
+ * @example
+ * ```tsx
+ * export function CreateApiWizardPage() {
+ *   return (
+ *     <PageFocused>
+ *       <StepProgress steps={steps} activeStep={step} />
+ *       <StepContent />
+ *     </PageFocused>
+ *   );
+ * }
+ * ```
+ */
+declare function PageFocused({ children, className }: PageFocusedProps): import("react").JSX.Element;
+declare namespace PageFocused {
+    var displayName: string;
+}
+export { PageFocused };
+export type { PageFocusedProps };
+//# sourceMappingURL=PageFocused.d.ts.map

package/dist/composed/PageFocused/PageFocused.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFocused.d.ts","sourceRoot":"","sources":["../../../src/composed/PageFocused/PageFocused.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,gBAAgB;IACxB,mEAAmE;IACnE,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAE7D;kBAFQ,WAAW;;;AAMpB,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/composed/PageFocused/index.d.ts

@@ -0,0 +1,3 @@
+export { PageFocused } from './PageFocused';
+export type { PageFocusedProps } from './PageFocused';
+//# sourceMappingURL=index.d.ts.map

package/dist/composed/PageFocused/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composed/PageFocused/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.d.ts

@@ -62,6 +62,7 @@ export * from './composed/FacetedFilter';
 export * from './composed/FileUpload';
 export * from './composed/JsonSchemaForm';
 export * from './composed/LayoutSlots';
+export * from './composed/PageFocused';
 export * from './composed/PasswordInput';
 export * from './composed/SelectorDropdown';
 export * from './composed/SidebarMode';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAG3F,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AAMvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,OAAO,EACL,sBAAsB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,0CAA0C,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAG3F,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AAMvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,OAAO,EACL,sBAAsB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,0CAA0C,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}

package/dist/index.js

@@ -23857,7 +23857,7 @@ function eH({ className: t, ...n }) {
 function tH({ className: t, ...n }) {
 	return /* @__PURE__ */ W("main", {
 		"data-slot": "sidebar-inset",
-		className: e("relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", t),
+		className: e("relative flex w-full min-w-0 flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", t),
 		...n
 	});
 }
@@ -25130,27 +25130,27 @@ function kU({ className: t }) {
 kU.displayName = "SidebarModeControl";
 //#endregion
 //#region src/composed/AppLayout/AppLayout.tsx
-function AU({ className: t, sidebar: n, contextSidebar: r, subheader: i, children: a, viewMode: o, contextExpanded: s = !0, contentVariant: c = "default", fullHeight: l = !0 }) {
-	let u = o === "context", { mode: d } = wU(), [f, p] = U(d), [m, h] = U(!1);
-	d !== f && (p(d), d !== "hover-expand" && h(!1));
-	let g = d === "expanded" ? !0 : d === "collapsed" ? !1 : m, _ = d === "hover-expand" ? h : void 0, [v, y] = U(o), [b, x] = U(!1);
-	return o !== v && (y(o), x(!0)), ae(() => {
+function AU({ className: t, sidebar: n, contextSidebar: r, subheader: i, children: a, viewMode: o, contextExpanded: s = !0, contentVariant: c = "default", banner: l, bannerSticky: u = !1, fullHeight: d = !0 }) {
+	let f = o === "context", { mode: p } = wU(), [m, h] = U(p), [g, _] = U(!1);
+	p !== m && (h(p), p !== "hover-expand" && _(!1));
+	let v = p === "expanded" ? !0 : p === "collapsed" ? !1 : g, y = p === "hover-expand" ? _ : void 0, [b, x] = U(o), [S, C] = U(!1);
+	return o !== b && (x(o), C(!0)), ae(() => {
 		let e = requestAnimationFrame(() => {
-			x(!1);
+			C(!1);
 		});
 		return () => cancelAnimationFrame(e);
 	}, [o]), /* @__PURE__ */ W(ZV, {
-		open: g,
-		onOpenChange: _,
-		className: e("min-h-0", l ? "h-svh" : "h-full", b && "**:duration-0!", d === "hover-expand" && m && "**:data-[slot=sidebar-gap]:w-(--sidebar-width-icon)!"),
-		style: l ? { "--topnav-height": "0rem" } : void 0,
+		open: v,
+		onOpenChange: y,
+		className: e("min-h-0", d ? "h-svh" : "h-full", S && "**:duration-0!", p === "hover-expand" && g && "**:data-[slot=sidebar-gap]:w-(--sidebar-width-icon)!"),
+		style: d ? { "--topnav-height": "0rem" } : void 0,
 		children: /* @__PURE__ */ G("div", {
 			className: e("flex w-full flex-1 overflow-hidden", t),
 			children: [n, /* @__PURE__ */ G(tH, {
 				className: "flex min-h-0 flex-col",
 				children: [i, /* @__PURE__ */ G("div", {
 					className: "flex min-h-0 flex-1 overflow-hidden",
-					children: [u && r && /* @__PURE__ */ W("aside", {
+					children: [f && r && /* @__PURE__ */ W("aside", {
 						className: e("shrink-0 overflow-hidden border-r border-border", "transition-[width] duration-200 ease-linear", s ? "w-context-sidebar" : "w-0"),
 						"aria-hidden": !s,
 						...!s && { inert: !0 },
@@ -25158,12 +25158,15 @@ function AU({ className: t, sidebar: n, contextSidebar: r, subheader: i, childre
 							className: "size-full overflow-y-auto",
 							children: r
 						})
-					}), /* @__PURE__ */ W("div", {
-						className: "flex-1 overflow-y-auto",
-						children: /* @__PURE__ */ W("div", {
-							className: e("mx-auto w-full", c === "full-bleed" ? "h-full p-0" : "px-content pt-4 pb-content"),
+					}), /* @__PURE__ */ G("div", {
+						className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
+						children: [l && /* @__PURE__ */ W("div", {
+							className: e("shrink-0", u && "sticky top-0 z-20 bg-background"),
+							children: l
+						}), /* @__PURE__ */ W("div", {
+							className: e("mx-auto w-full", c === "full-bleed" ? "min-h-0 flex-1 p-0" : "max-w-content px-content pt-4 pb-content"),
 							children: a
-						})
+						})]
 					})]
 				})]
 			})]
@@ -35586,7 +35589,9 @@ var XZ = {
 	leading: null,
 	viewMode: "global",
 	contextExpanded: !0,
-	contentVariant: "default"
+	contentVariant: "default",
+	banner: null,
+	bannerSticky: !1
 }, ZZ = L(null);
 function QZ({ children: e }) {
 	let [t, n] = U(XZ), r = R((e, t) => {
@@ -35632,7 +35637,7 @@ function $Z() {
 //#region src/composed/LayoutSlots/use-layout-config.ts
 function eQ(e, t = []) {
 	let { setSlots: n, resetSlots: r } = $Z();
-	re(() => {
+	ae(() => {
 		n(e);
 		let t = Object.keys(e);
 		return () => {
@@ -35645,8 +35650,17 @@ function eQ(e, t = []) {
 	]);
 }
 //#endregion
+//#region src/composed/PageFocused/PageFocused.tsx
+function tQ({ children: t, className: n }) {
+	return /* @__PURE__ */ W("div", {
+		className: e("mx-auto w-full max-w-focused", n),
+		children: t
+	});
+}
+tQ.displayName = "PageFocused";
+//#endregion
 //#region src/composed/TopNavUser/TopNavUser.tsx
-var tQ = [
+var nQ = [
 	{
 		value: "light",
 		label: "Light"
@@ -35660,7 +35674,7 @@ var tQ = [
 		label: "System"
 	}
 ];
-function nQ({ name: t, email: n, avatarUrl: r, initials: i, className: a, onSignOut: o }) {
+function rQ({ name: t, email: n, avatarUrl: r, initials: i, className: a, onSignOut: o }) {
 	let s = i ?? t.slice(0, 2).toUpperCase(), { mode: c, setMode: l } = M();
 	return /* @__PURE__ */ G(rI, { children: [/* @__PURE__ */ W(aI, {
 		asChild: !0,
@@ -35689,7 +35703,7 @@ function nQ({ name: t, email: n, avatarUrl: r, initials: i, className: a, onSign
 			/* @__PURE__ */ W(uI, {
 				value: c,
 				onValueChange: (e) => l(e),
-				children: tQ.map((e) => /* @__PURE__ */ W(dI, {
+				children: nQ.map((e) => /* @__PURE__ */ W(dI, {
 					value: e.value,
 					children: e.label
 				}, e.value))
@@ -35702,6 +35716,6 @@ function nQ({ name: t, email: n, avatarUrl: r, initials: i, className: a, onSign
 		]
 	})] });
 }
-nQ.displayName = "TopNavUser";
+rQ.displayName = "TopNavUser";
 //#endregion
-export { mv as Accordion, _v as AccordionContent, hv as AccordionItem, gv as AccordionTrigger, Sv as Alert, Tv as AlertAction, wv as AlertDescription, Cv as AlertTitle, xU as AppContextBar, jU as AppLayout, FU as AppSidebar, vU as AppSwitcher, Ev as Avatar, kv as AvatarBadge, Ov as AvatarFallback, Av as AvatarGroup, jv as AvatarGroupCount, Dv as AvatarImage, Nv as Badge, MG as BadgeCell, Pv as Breadcrumb, Bv as BreadcrumbEllipsis, Iv as BreadcrumbItem, Lv as BreadcrumbLink, Fv as BreadcrumbList, Rv as BreadcrumbPage, zv as BreadcrumbSeparator, Hv as Button, Gv as ButtonGroup, qv as ButtonGroupSeparator, Kv as ButtonGroupText, oC as Calendar, sC as CalendarDayButton, cC as Card, fC as CardAction, pC as CardContent, dC as CardDescription, mC as CardFooter, lC as CardHeader, uC as CardTitle, hC as Checkbox, gC as Collapsible, vC as CollapsibleContent, _C as CollapsibleTrigger, LA as Combobox, ZA as ComboboxChip, XA as ComboboxChips, QA as ComboboxChipsInput, qA as ComboboxCollection, HA as ComboboxContent, JA as ComboboxEmpty, GA as ComboboxGroup, VA as ComboboxInput, WA as ComboboxItem, KA as ComboboxLabel, UA as ComboboxList, YA as ComboboxSeparator, zA as ComboboxTrigger, RA as ComboboxValue, vP as Command, yP as CommandDialog, SP as CommandEmpty, CP as CommandGroup, bP as CommandInput, TP as CommandItem, xP as CommandList, wP as CommandSeparator, EP as CommandShortcut, BU as ContentHeader, DP as ContextMenu, LP as ContextMenuCheckboxItem, NP as ContextMenuContent, kP as ContextMenuGroup, PP as ContextMenuItem, zP as ContextMenuLabel, AP as ContextMenuPortal, MP as ContextMenuRadioGroup, RP as ContextMenuRadioItem, BP as ContextMenuSeparator, VP as ContextMenuShortcut, jP as ContextMenuSub, IP as ContextMenuSubContent, FP as ContextMenuSubTrigger, OP as ContextMenuTrigger, LU as ContextSidebar, RU as ContextToggleButton, PG as CopyableCell, VU as CopyableText, XZ as DEFAULT_SLOTS, CG as DataTable, wG as DataTableColumnHeader, IG as DataTableEmptyState, gG as DataTablePagination, _G as DataTableViewOptions, jG as DateCell, GK as DatePicker, KK as DateRangePicker, YK as DateTimePicker, QK as DateTimeRangePicker, cP as Dialog, dP as DialogClose, pP as DialogContent, _P as DialogDescription, hP as DialogFooter, mP as DialogHeader, fP as DialogOverlay, uP as DialogPortal, gP as DialogTitle, lP as DialogTrigger, qF as Drawer, XF as DrawerClose, QF as DrawerContent, nI as DrawerDescription, eI as DrawerFooter, $F as DrawerHeader, ZF as DrawerOverlay, YF as DrawerPortal, tI as DrawerTitle, JF as DrawerTrigger, rI as DropdownMenu, lI as DropdownMenuCheckboxItem, oI as DropdownMenuContent, sI as DropdownMenuGroup, cI as DropdownMenuItem, fI as DropdownMenuLabel, iI as DropdownMenuPortal, uI as DropdownMenuRadioGroup, dI as DropdownMenuRadioItem, pI as DropdownMenuSeparator, mI as DropdownMenuShortcut, hI as DropdownMenuSub, _I as DropdownMenuSubContent, gI as DropdownMenuSubTrigger, aI as DropdownMenuTrigger, vI as Empty, wI as EmptyContent, CI as EmptyDescription, yI as EmptyHeader, xI as EmptyMedia, SI as EmptyTitle, $K as FacetedFilter, AI as Field, jI as FieldContent, PI as FieldDescription, II as FieldError, OI as FieldGroup, MI as FieldLabel, DI as FieldLegend, FI as FieldSeparator, EI as FieldSet, NI as FieldTitle, iq as FileUpload, AR as FileUploadInput, rq as FileUploadItem, jR as HoverCard, NR as HoverCardContent, IR as HoverCardDescription, PR as HoverCardHeader, FR as HoverCardTitle, MR as HoverCardTrigger, OA as Input, kA as InputGroup, jA as InputGroupAddon, NA as InputGroupButton, FA as InputGroupInput, PA as InputGroupText, IA as InputGroupTextarea, BR as Item, KR as ItemActions, UR as ItemContent, GR as ItemDescription, JR as ItemFooter, LR as ItemGroup, qR as ItemHeader, HR as ItemMedia, RR as ItemSeparator, WR as ItemTitle, ZY as JsonSchemaForm, YR as Kbd, XR as KbdGroup, TI as Label, QZ as LayoutSlotsProvider, NG as MonoCell, ZR as Pagination, QR as PaginationContent, rz as PaginationEllipsis, $R as PaginationItem, ez as PaginationLink, nz as PaginationNext, tz as PaginationPrevious, jY as PasswordInput, iz as Popover, sz as PopoverAnchor, oz as PopoverContent, uz as PopoverDescription, cz as PopoverHeader, lz as PopoverTitle, az as PopoverTrigger, ke as PortalContainerProvider, dz as Progress, pz as Prose, mz as RadioGroup, hz as RadioGroupItem, dV as ResizableHandle, uV as ResizablePanel, lV as ResizablePanelGroup, fV as ScrollArea, pV as ScrollBar, mV as Select, vV as SelectContent, hV as SelectGroup, bV as SelectItem, yV as SelectLabel, CV as SelectScrollDownButton, SV as SelectScrollUpButton, xV as SelectSeparator, _V as SelectTrigger, gV as SelectValue, yU as SelectorDropdown, bU as SelectorTriggerButton, Uv as Separator, wV as Sheet, EV as SheetClose, kV as SheetContent, NV as SheetDescription, jV as SheetFooter, AV as SheetHeader, MV as SheetTitle, TV as SheetTrigger, QV as Sidebar, oH as SidebarContent, iH as SidebarFooter, sH as SidebarGroup, lH as SidebarGroupAction, uH as SidebarGroupContent, cH as SidebarGroupLabel, rH as SidebarHeader, nH as SidebarInput, tH as SidebarInset, dH as SidebarMenu, hH as SidebarMenuAction, gH as SidebarMenuBadge, mH as SidebarMenuButton, fH as SidebarMenuItem, _H as SidebarMenuSkeleton, vH as SidebarMenuSub, bH as SidebarMenuSubButton, yH as SidebarMenuSubItem, kU as SidebarModeControl, DU as SidebarModeProvider, IU as SidebarNavigation, ZV as SidebarProvider, eH as SidebarRail, aH as SidebarSeparator, $V as SidebarTrigger, r as Skeleton, QH as Spinner, $H as Switch, eU as Table, nU as TableBody, sU as TableCaption, oU as TableCell, rU as TableFooter, aU as TableHead, tU as TableHeader, iU as TableRow, cU as Tabs, fU as TabsContent, uU as TabsList, dU as TabsTrigger, t as Textarea, N as ThemeProvider, ZH as Toaster, mU as Toggle, gU as ToggleGroup, _U as ToggleGroupItem, FV as Tooltip, LV as TooltipContent, PV as TooltipProvider, IV as TooltipTrigger, nQ as TopNavUser, FG as TruncatedCell, xv as alertVariants, Mv as badgeVariants, HU as buildLinearBreadcrumbs, Wv as buttonGroupVariants, Vv as buttonVariants, e as cn, QY as composeResolvers, VJ as extractDefaults, HZ as jsonSchemaResolver, lU as tabsListVariants, FH as toast, pU as toggleVariants, $A as useComboboxAnchor, eQ as useLayoutConfig, $Z as useLayoutSlots, Ae as usePortalContainer, XV as useSidebar, wU as useSidebarMode, M as useTheme };
+export { mv as Accordion, _v as AccordionContent, hv as AccordionItem, gv as AccordionTrigger, Sv as Alert, Tv as AlertAction, wv as AlertDescription, Cv as AlertTitle, xU as AppContextBar, jU as AppLayout, FU as AppSidebar, vU as AppSwitcher, Ev as Avatar, kv as AvatarBadge, Ov as AvatarFallback, Av as AvatarGroup, jv as AvatarGroupCount, Dv as AvatarImage, Nv as Badge, MG as BadgeCell, Pv as Breadcrumb, Bv as BreadcrumbEllipsis, Iv as BreadcrumbItem, Lv as BreadcrumbLink, Fv as BreadcrumbList, Rv as BreadcrumbPage, zv as BreadcrumbSeparator, Hv as Button, Gv as ButtonGroup, qv as ButtonGroupSeparator, Kv as ButtonGroupText, oC as Calendar, sC as CalendarDayButton, cC as Card, fC as CardAction, pC as CardContent, dC as CardDescription, mC as CardFooter, lC as CardHeader, uC as CardTitle, hC as Checkbox, gC as Collapsible, vC as CollapsibleContent, _C as CollapsibleTrigger, LA as Combobox, ZA as ComboboxChip, XA as ComboboxChips, QA as ComboboxChipsInput, qA as ComboboxCollection, HA as ComboboxContent, JA as ComboboxEmpty, GA as ComboboxGroup, VA as ComboboxInput, WA as ComboboxItem, KA as ComboboxLabel, UA as ComboboxList, YA as ComboboxSeparator, zA as ComboboxTrigger, RA as ComboboxValue, vP as Command, yP as CommandDialog, SP as CommandEmpty, CP as CommandGroup, bP as CommandInput, TP as CommandItem, xP as CommandList, wP as CommandSeparator, EP as CommandShortcut, BU as ContentHeader, DP as ContextMenu, LP as ContextMenuCheckboxItem, NP as ContextMenuContent, kP as ContextMenuGroup, PP as ContextMenuItem, zP as ContextMenuLabel, AP as ContextMenuPortal, MP as ContextMenuRadioGroup, RP as ContextMenuRadioItem, BP as ContextMenuSeparator, VP as ContextMenuShortcut, jP as ContextMenuSub, IP as ContextMenuSubContent, FP as ContextMenuSubTrigger, OP as ContextMenuTrigger, LU as ContextSidebar, RU as ContextToggleButton, PG as CopyableCell, VU as CopyableText, XZ as DEFAULT_SLOTS, CG as DataTable, wG as DataTableColumnHeader, IG as DataTableEmptyState, gG as DataTablePagination, _G as DataTableViewOptions, jG as DateCell, GK as DatePicker, KK as DateRangePicker, YK as DateTimePicker, QK as DateTimeRangePicker, cP as Dialog, dP as DialogClose, pP as DialogContent, _P as DialogDescription, hP as DialogFooter, mP as DialogHeader, fP as DialogOverlay, uP as DialogPortal, gP as DialogTitle, lP as DialogTrigger, qF as Drawer, XF as DrawerClose, QF as DrawerContent, nI as DrawerDescription, eI as DrawerFooter, $F as DrawerHeader, ZF as DrawerOverlay, YF as DrawerPortal, tI as DrawerTitle, JF as DrawerTrigger, rI as DropdownMenu, lI as DropdownMenuCheckboxItem, oI as DropdownMenuContent, sI as DropdownMenuGroup, cI as DropdownMenuItem, fI as DropdownMenuLabel, iI as DropdownMenuPortal, uI as DropdownMenuRadioGroup, dI as DropdownMenuRadioItem, pI as DropdownMenuSeparator, mI as DropdownMenuShortcut, hI as DropdownMenuSub, _I as DropdownMenuSubContent, gI as DropdownMenuSubTrigger, aI as DropdownMenuTrigger, vI as Empty, wI as EmptyContent, CI as EmptyDescription, yI as EmptyHeader, xI as EmptyMedia, SI as EmptyTitle, $K as FacetedFilter, AI as Field, jI as FieldContent, PI as FieldDescription, II as FieldError, OI as FieldGroup, MI as FieldLabel, DI as FieldLegend, FI as FieldSeparator, EI as FieldSet, NI as FieldTitle, iq as FileUpload, AR as FileUploadInput, rq as FileUploadItem, jR as HoverCard, NR as HoverCardContent, IR as HoverCardDescription, PR as HoverCardHeader, FR as HoverCardTitle, MR as HoverCardTrigger, OA as Input, kA as InputGroup, jA as InputGroupAddon, NA as InputGroupButton, FA as InputGroupInput, PA as InputGroupText, IA as InputGroupTextarea, BR as Item, KR as ItemActions, UR as ItemContent, GR as ItemDescription, JR as ItemFooter, LR as ItemGroup, qR as ItemHeader, HR as ItemMedia, RR as ItemSeparator, WR as ItemTitle, ZY as JsonSchemaForm, YR as Kbd, XR as KbdGroup, TI as Label, QZ as LayoutSlotsProvider, NG as MonoCell, tQ as PageFocused, ZR as Pagination, QR as PaginationContent, rz as PaginationEllipsis, $R as PaginationItem, ez as PaginationLink, nz as PaginationNext, tz as PaginationPrevious, jY as PasswordInput, iz as Popover, sz as PopoverAnchor, oz as PopoverContent, uz as PopoverDescription, cz as PopoverHeader, lz as PopoverTitle, az as PopoverTrigger, ke as PortalContainerProvider, dz as Progress, pz as Prose, mz as RadioGroup, hz as RadioGroupItem, dV as ResizableHandle, uV as ResizablePanel, lV as ResizablePanelGroup, fV as ScrollArea, pV as ScrollBar, mV as Select, vV as SelectContent, hV as SelectGroup, bV as SelectItem, yV as SelectLabel, CV as SelectScrollDownButton, SV as SelectScrollUpButton, xV as SelectSeparator, _V as SelectTrigger, gV as SelectValue, yU as SelectorDropdown, bU as SelectorTriggerButton, Uv as Separator, wV as Sheet, EV as SheetClose, kV as SheetContent, NV as SheetDescription, jV as SheetFooter, AV as SheetHeader, MV as SheetTitle, TV as SheetTrigger, QV as Sidebar, oH as SidebarContent, iH as SidebarFooter, sH as SidebarGroup, lH as SidebarGroupAction, uH as SidebarGroupContent, cH as SidebarGroupLabel, rH as SidebarHeader, nH as SidebarInput, tH as SidebarInset, dH as SidebarMenu, hH as SidebarMenuAction, gH as SidebarMenuBadge, mH as SidebarMenuButton, fH as SidebarMenuItem, _H as SidebarMenuSkeleton, vH as SidebarMenuSub, bH as SidebarMenuSubButton, yH as SidebarMenuSubItem, kU as SidebarModeControl, DU as SidebarModeProvider, IU as SidebarNavigation, ZV as SidebarProvider, eH as SidebarRail, aH as SidebarSeparator, $V as SidebarTrigger, r as Skeleton, QH as Spinner, $H as Switch, eU as Table, nU as TableBody, sU as TableCaption, oU as TableCell, rU as TableFooter, aU as TableHead, tU as TableHeader, iU as TableRow, cU as Tabs, fU as TabsContent, uU as TabsList, dU as TabsTrigger, t as Textarea, N as ThemeProvider, ZH as Toaster, mU as Toggle, gU as ToggleGroup, _U as ToggleGroupItem, FV as Tooltip, LV as TooltipContent, PV as TooltipProvider, IV as TooltipTrigger, rQ as TopNavUser, FG as TruncatedCell, xv as alertVariants, Mv as badgeVariants, HU as buildLinearBreadcrumbs, Wv as buttonGroupVariants, Vv as buttonVariants, e as cn, QY as composeResolvers, VJ as extractDefaults, HZ as jsonSchemaResolver, lU as tabsListVariants, FH as toast, pU as toggleVariants, $A as useComboboxAnchor, eQ as useLayoutConfig, $Z as useLayoutSlots, Ae as usePortalContainer, XV as useSidebar, wU as useSidebarMode, M as useTheme };