@gravitee/graphene-core 2.57.0 → 2.58.0-renovate-react.1323345

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,35 +325,51 @@ 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
-
-`AppLayout` accepts `contentVariant` to control content area padding:
+### `contentVariant` — content width
 
-- `"default"` (default) — standard padding on all sides.
-- `"full-bleed"` — no padding; content spans edge-to-edge.
+`AppLayout` accepts `contentVariant` to control content area width and padding:
 
-Use `full-bleed` for embedded components that manage their own layout grid (Policy Studio, dashboards, full-screen editors):
+- `"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
-<AppLayout contentVariant="full-bleed">
-  <PolicyStudio {...props} />
+// Default — no change needed, AppLayout applies the centered container automatically
+<AppLayout>
+  <DetailPage />
 </AppLayout>
-```
-
-With `useLayoutConfig` (module federation), a nested page can set `contentVariant` without affecting other layout slots owned by parent components:
 
-```tsx
+// 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.
+
 ### `banner` — full-width status slot
 
 `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).
 
+**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
+  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>
-  <PageContent />
+  <DetailPage />
 </AppLayout>
 
 // Module federation via useLayoutConfig
@@ -335,26 +383,48 @@ useLayoutConfig({
 
 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
-import { Button } from '@gravitee/graphene-core/base/Button';
-
 function DeployStrip({ onDeploy, isPending }) {
   return (
-    <div role="status" aria-label="Deploy 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" />
+    <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 variant="outline" size="sm" onClick={onDeploy} disabled={isPending}>
+      <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>
+      </button>
     </div>
   );
 }
 ```
 
-See Storybook **Composed/AppLayout → BannerSlot** for the full interactive example, and `snippets/context-sidebar-detail-page.tsx` for a copy-paste integration pattern.
+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)
 

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

@@ -18,9 +18,12 @@ 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';
     /**

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;;;;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"}
+{"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,6 +8,10 @@ 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;

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;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"}
+{"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

@@ -23507,7 +23507,7 @@ function qV({ className: e, ...n }) {
 function JV({ className: e, ...n }) {
 	return /* @__PURE__ */ W("main", {
 		"data-slot": "sidebar-inset",
-		className: t("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", e),
+		className: t("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", e),
 		...n
 	});
 }
@@ -24814,7 +24814,7 @@ function CU({ className: e, sidebar: n, contextSidebar: r, subheader: i, childre
 							className: t("shrink-0", u && "sticky top-0 z-20 bg-background"),
 							children: l
 						}), /* @__PURE__ */ W("div", {
-							className: t("mx-auto w-full", c === "full-bleed" ? "min-h-0 flex-1 p-0" : "px-content pt-4 pb-content"),
+							className: t("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
 						})]
 					})]
@@ -34576,7 +34576,7 @@ function yX() {
 //#region src/composed/LayoutSlots/use-layout-config.ts
 function bX(e, t = []) {
 	let { setSlots: n, resetSlots: r } = yX();
-	Pe(() => {
+	Le(() => {
 		n(e);
 		let t = Object.keys(e);
 		return () => {
@@ -34589,8 +34589,17 @@ function bX(e, t = []) {
 	]);
 }
 //#endregion
+//#region src/composed/PageFocused/PageFocused.tsx
+function xX({ children: e, className: n }) {
+	return /* @__PURE__ */ W("div", {
+		className: t("mx-auto w-full max-w-focused", n),
+		children: e
+	});
+}
+xX.displayName = "PageFocused";
+//#endregion
 //#region src/composed/TopNavUser/TopNavUser.tsx
-var xX = [
+var SX = [
 	{
 		value: "light",
 		label: "Light"
@@ -34604,7 +34613,7 @@ var xX = [
 		label: "System"
 	}
 ];
-function SX({ name: e, email: n, avatarUrl: r, initials: i, className: a, onSignOut: o }) {
+function CX({ name: e, email: n, avatarUrl: r, initials: i, className: a, onSignOut: o }) {
 	let s = i ?? e.slice(0, 2).toUpperCase(), { mode: c, setMode: l } = Ce();
 	return /* @__PURE__ */ G(cI, { children: [/* @__PURE__ */ W(uI, {
 		asChild: !0,
@@ -34633,7 +34642,7 @@ function SX({ name: e, email: n, avatarUrl: r, initials: i, className: a, onSign
 			/* @__PURE__ */ W(hI, {
 				value: c,
 				onValueChange: (e) => l(e),
-				children: xX.map((e) => /* @__PURE__ */ W(gI, {
+				children: SX.map((e) => /* @__PURE__ */ W(gI, {
 					value: e.value,
 					children: e.label
 				}, e.value))
@@ -34646,6 +34655,6 @@ function SX({ name: e, email: n, avatarUrl: r, initials: i, className: a, onSign
 		]
 	})] });
 }
-SX.displayName = "TopNavUser";
+CX.displayName = "TopNavUser";
 //#endregion
-export { kv as Accordion, Mv as AccordionContent, Av as AccordionItem, jv as AccordionTrigger, d as Alert, i as AlertAction, P as AlertDescription, f as AlertTitle, mU as AppContextBar, wU as AppLayout, OU as AppSidebar, dU as AppSwitcher, Nv as Avatar, Iv as AvatarBadge, Fv as AvatarFallback, Lv as AvatarGroup, Rv as AvatarGroupCount, Pv as AvatarImage, Bv as Badge, CG as BadgeCell, Vv as Breadcrumb, qv as BreadcrumbEllipsis, Uv as BreadcrumbItem, Wv as BreadcrumbLink, Hv as BreadcrumbList, Gv as BreadcrumbPage, Kv as BreadcrumbSeparator, Yv as Button, Zv as ButtonGroup, $v as ButtonGroupSeparator, Qv as ButtonGroupText, fC as Calendar, pC as CalendarDayButton, mC as Card, vC as CardAction, yC as CardContent, _C as CardDescription, bC as CardFooter, hC as CardHeader, gC as CardTitle, xC as Checkbox, SC as Collapsible, wC as CollapsibleContent, CC as CollapsibleTrigger, HA as Combobox, nj as ComboboxChip, tj as ComboboxChips, rj as ComboboxChipsInput, QA as ComboboxCollection, qA as ComboboxContent, $A as ComboboxEmpty, XA as ComboboxGroup, KA as ComboboxInput, YA as ComboboxItem, ZA as ComboboxLabel, JA as ComboboxList, ej as ComboboxSeparator, WA as ComboboxTrigger, UA as ComboboxValue, CP as Command, wP as CommandDialog, DP as CommandEmpty, OP as CommandGroup, TP as CommandInput, AP as CommandItem, EP as CommandList, kP as CommandSeparator, jP as CommandShortcut, NU as ContentHeader, MP as ContextMenu, HP as ContextMenuCheckboxItem, RP as ContextMenuContent, PP as ContextMenuGroup, zP as ContextMenuItem, WP as ContextMenuLabel, FP as ContextMenuPortal, LP as ContextMenuRadioGroup, UP as ContextMenuRadioItem, GP as ContextMenuSeparator, KP as ContextMenuShortcut, IP as ContextMenuSub, VP as ContextMenuSubContent, BP as ContextMenuSubTrigger, NP as ContextMenuTrigger, AU as ContextSidebar, jU as ContextToggleButton, TG as CopyableCell, PU as CopyableText, gX as DEFAULT_SLOTS, mG as DataTable, hG as DataTableColumnHeader, DG as DataTableEmptyState, sG as DataTablePagination, cG as DataTableViewOptions, SG as DateCell, IK as DatePicker, LK as DateRangePicker, BK as DateTimePicker, UK as DateTimeRangePicker, pP as Dialog, gP as DialogClose, vP as DialogContent, SP as DialogDescription, bP as DialogFooter, yP as DialogHeader, _P as DialogOverlay, hP as DialogPortal, xP as DialogTitle, mP as DialogTrigger, QF as Drawer, tI as DrawerClose, rI as DrawerContent, sI as DrawerDescription, aI as DrawerFooter, iI as DrawerHeader, nI as DrawerOverlay, eI as DrawerPortal, oI as DrawerTitle, $F as DrawerTrigger, cI as DropdownMenu, mI as DropdownMenuCheckboxItem, dI as DropdownMenuContent, fI as DropdownMenuGroup, pI as DropdownMenuItem, _I as DropdownMenuLabel, lI as DropdownMenuPortal, hI as DropdownMenuRadioGroup, gI as DropdownMenuRadioItem, vI as DropdownMenuSeparator, yI as DropdownMenuShortcut, bI as DropdownMenuSub, SI as DropdownMenuSubContent, xI as DropdownMenuSubTrigger, uI as DropdownMenuTrigger, CI as Empty, kI as EmptyContent, OI as EmptyDescription, wI as EmptyHeader, EI as EmptyMedia, DI as EmptyTitle, WK as FacetedFilter, M as Field, _ as FieldContent, v as FieldDescription, O as FieldError, T as FieldGroup, b as FieldLabel, y as FieldLegend, p as FieldSeparator, N as FieldSet, I as FieldTitle, YK as FileUpload, CR as FileUploadInput, JK as FileUploadItem, wR as HoverCard, ER as HoverCardContent, kR as HoverCardDescription, DR as HoverCardHeader, OR as HoverCardTitle, TR as HoverCardTrigger, NA as Input, PA as InputGroup, IA as InputGroupAddon, RA as InputGroupButton, BA as InputGroupInput, zA as InputGroupText, VA as InputGroupTextarea, NR as Item, zR as ItemActions, IR as ItemContent, RR as ItemDescription, VR as ItemFooter, AR as ItemGroup, BR as ItemHeader, FR as ItemMedia, jR as ItemSeparator, LR as ItemTitle, _J as JsonSchemaForm, HR as Kbd, UR as KbdGroup, h as Label, vX as LayoutSlotsProvider, wG as MonoCell, WR as Pagination, GR as PaginationContent, XR as PaginationEllipsis, KR as PaginationItem, qR as PaginationLink, YR as PaginationNext, JR as PaginationPrevious, Xq as PasswordInput, ZR as Popover, ez as PopoverAnchor, $R as PopoverContent, rz as PopoverDescription, tz as PopoverHeader, nz as PopoverTitle, QR as PopoverTrigger, lt as PortalContainerProvider, iz as Progress, oz as Prose, sz as RadioGroup, cz as RadioGroupItem, iV as ResizableHandle, rV as ResizablePanel, nV as ResizablePanelGroup, aV as ScrollArea, oV as ScrollBar, sV as Select, dV as SelectContent, cV as SelectGroup, pV as SelectItem, fV as SelectLabel, gV as SelectScrollDownButton, hV as SelectScrollUpButton, mV as SelectSeparator, uV as SelectTrigger, lV as SelectValue, fU as SelectorDropdown, pU as SelectorTriggerButton, F as Separator, _V as Sheet, yV as SheetClose, SV as SheetContent, EV as SheetDescription, wV as SheetFooter, CV as SheetHeader, TV as SheetTitle, vV as SheetTrigger, GV as Sidebar, $V as SidebarContent, ZV as SidebarFooter, eH as SidebarGroup, nH as SidebarGroupAction, rH as SidebarGroupContent, tH as SidebarGroupLabel, XV as SidebarHeader, YV as SidebarInput, JV as SidebarInset, iH as SidebarMenu, cH as SidebarMenuAction, lH as SidebarMenuBadge, sH as SidebarMenuButton, aH as SidebarMenuItem, uH as SidebarMenuSkeleton, dH as SidebarMenuSub, pH as SidebarMenuSubButton, fH as SidebarMenuSubItem, SU as SidebarModeControl, bU as SidebarModeProvider, kU as SidebarNavigation, WV as SidebarProvider, qV as SidebarRail, QV as SidebarSeparator, KV as SidebarTrigger, n as Skeleton, GH as Spinner, KH as Switch, qH as Table, YH as TableBody, eU as TableCaption, $H as TableCell, XH as TableFooter, QH as TableHead, JH as TableHeader, ZH as TableRow, tU as Tabs, aU as TabsContent, rU as TabsList, iU as TabsTrigger, e as Textarea, we as ThemeProvider, WH as Toaster, sU as Toggle, lU as ToggleGroup, uU as ToggleGroupItem, OV as Tooltip, AV as TooltipContent, DV as TooltipProvider, kV as TooltipTrigger, SX as TopNavUser, EG as TruncatedCell, o as alertVariants, zv as badgeVariants, FU as buildLinearBreadcrumbs, Xv as buttonGroupVariants, Jv as buttonVariants, t as cn, vJ as composeResolvers, mq as extractDefaults, cX as jsonSchemaResolver, nU as tabsListVariants, OH as toast, oU as toggleVariants, ij as useComboboxAnchor, bX as useLayoutConfig, yX as useLayoutSlots, ut as usePortalContainer, UV as useSidebar, _U as useSidebarMode, Ce as useTheme };
+export { kv as Accordion, Mv as AccordionContent, Av as AccordionItem, jv as AccordionTrigger, d as Alert, i as AlertAction, P as AlertDescription, f as AlertTitle, mU as AppContextBar, wU as AppLayout, OU as AppSidebar, dU as AppSwitcher, Nv as Avatar, Iv as AvatarBadge, Fv as AvatarFallback, Lv as AvatarGroup, Rv as AvatarGroupCount, Pv as AvatarImage, Bv as Badge, CG as BadgeCell, Vv as Breadcrumb, qv as BreadcrumbEllipsis, Uv as BreadcrumbItem, Wv as BreadcrumbLink, Hv as BreadcrumbList, Gv as BreadcrumbPage, Kv as BreadcrumbSeparator, Yv as Button, Zv as ButtonGroup, $v as ButtonGroupSeparator, Qv as ButtonGroupText, fC as Calendar, pC as CalendarDayButton, mC as Card, vC as CardAction, yC as CardContent, _C as CardDescription, bC as CardFooter, hC as CardHeader, gC as CardTitle, xC as Checkbox, SC as Collapsible, wC as CollapsibleContent, CC as CollapsibleTrigger, HA as Combobox, nj as ComboboxChip, tj as ComboboxChips, rj as ComboboxChipsInput, QA as ComboboxCollection, qA as ComboboxContent, $A as ComboboxEmpty, XA as ComboboxGroup, KA as ComboboxInput, YA as ComboboxItem, ZA as ComboboxLabel, JA as ComboboxList, ej as ComboboxSeparator, WA as ComboboxTrigger, UA as ComboboxValue, CP as Command, wP as CommandDialog, DP as CommandEmpty, OP as CommandGroup, TP as CommandInput, AP as CommandItem, EP as CommandList, kP as CommandSeparator, jP as CommandShortcut, NU as ContentHeader, MP as ContextMenu, HP as ContextMenuCheckboxItem, RP as ContextMenuContent, PP as ContextMenuGroup, zP as ContextMenuItem, WP as ContextMenuLabel, FP as ContextMenuPortal, LP as ContextMenuRadioGroup, UP as ContextMenuRadioItem, GP as ContextMenuSeparator, KP as ContextMenuShortcut, IP as ContextMenuSub, VP as ContextMenuSubContent, BP as ContextMenuSubTrigger, NP as ContextMenuTrigger, AU as ContextSidebar, jU as ContextToggleButton, TG as CopyableCell, PU as CopyableText, gX as DEFAULT_SLOTS, mG as DataTable, hG as DataTableColumnHeader, DG as DataTableEmptyState, sG as DataTablePagination, cG as DataTableViewOptions, SG as DateCell, IK as DatePicker, LK as DateRangePicker, BK as DateTimePicker, UK as DateTimeRangePicker, pP as Dialog, gP as DialogClose, vP as DialogContent, SP as DialogDescription, bP as DialogFooter, yP as DialogHeader, _P as DialogOverlay, hP as DialogPortal, xP as DialogTitle, mP as DialogTrigger, QF as Drawer, tI as DrawerClose, rI as DrawerContent, sI as DrawerDescription, aI as DrawerFooter, iI as DrawerHeader, nI as DrawerOverlay, eI as DrawerPortal, oI as DrawerTitle, $F as DrawerTrigger, cI as DropdownMenu, mI as DropdownMenuCheckboxItem, dI as DropdownMenuContent, fI as DropdownMenuGroup, pI as DropdownMenuItem, _I as DropdownMenuLabel, lI as DropdownMenuPortal, hI as DropdownMenuRadioGroup, gI as DropdownMenuRadioItem, vI as DropdownMenuSeparator, yI as DropdownMenuShortcut, bI as DropdownMenuSub, SI as DropdownMenuSubContent, xI as DropdownMenuSubTrigger, uI as DropdownMenuTrigger, CI as Empty, kI as EmptyContent, OI as EmptyDescription, wI as EmptyHeader, EI as EmptyMedia, DI as EmptyTitle, WK as FacetedFilter, M as Field, _ as FieldContent, v as FieldDescription, O as FieldError, T as FieldGroup, b as FieldLabel, y as FieldLegend, p as FieldSeparator, N as FieldSet, I as FieldTitle, YK as FileUpload, CR as FileUploadInput, JK as FileUploadItem, wR as HoverCard, ER as HoverCardContent, kR as HoverCardDescription, DR as HoverCardHeader, OR as HoverCardTitle, TR as HoverCardTrigger, NA as Input, PA as InputGroup, IA as InputGroupAddon, RA as InputGroupButton, BA as InputGroupInput, zA as InputGroupText, VA as InputGroupTextarea, NR as Item, zR as ItemActions, IR as ItemContent, RR as ItemDescription, VR as ItemFooter, AR as ItemGroup, BR as ItemHeader, FR as ItemMedia, jR as ItemSeparator, LR as ItemTitle, _J as JsonSchemaForm, HR as Kbd, UR as KbdGroup, h as Label, vX as LayoutSlotsProvider, wG as MonoCell, xX as PageFocused, WR as Pagination, GR as PaginationContent, XR as PaginationEllipsis, KR as PaginationItem, qR as PaginationLink, YR as PaginationNext, JR as PaginationPrevious, Xq as PasswordInput, ZR as Popover, ez as PopoverAnchor, $R as PopoverContent, rz as PopoverDescription, tz as PopoverHeader, nz as PopoverTitle, QR as PopoverTrigger, lt as PortalContainerProvider, iz as Progress, oz as Prose, sz as RadioGroup, cz as RadioGroupItem, iV as ResizableHandle, rV as ResizablePanel, nV as ResizablePanelGroup, aV as ScrollArea, oV as ScrollBar, sV as Select, dV as SelectContent, cV as SelectGroup, pV as SelectItem, fV as SelectLabel, gV as SelectScrollDownButton, hV as SelectScrollUpButton, mV as SelectSeparator, uV as SelectTrigger, lV as SelectValue, fU as SelectorDropdown, pU as SelectorTriggerButton, F as Separator, _V as Sheet, yV as SheetClose, SV as SheetContent, EV as SheetDescription, wV as SheetFooter, CV as SheetHeader, TV as SheetTitle, vV as SheetTrigger, GV as Sidebar, $V as SidebarContent, ZV as SidebarFooter, eH as SidebarGroup, nH as SidebarGroupAction, rH as SidebarGroupContent, tH as SidebarGroupLabel, XV as SidebarHeader, YV as SidebarInput, JV as SidebarInset, iH as SidebarMenu, cH as SidebarMenuAction, lH as SidebarMenuBadge, sH as SidebarMenuButton, aH as SidebarMenuItem, uH as SidebarMenuSkeleton, dH as SidebarMenuSub, pH as SidebarMenuSubButton, fH as SidebarMenuSubItem, SU as SidebarModeControl, bU as SidebarModeProvider, kU as SidebarNavigation, WV as SidebarProvider, qV as SidebarRail, QV as SidebarSeparator, KV as SidebarTrigger, n as Skeleton, GH as Spinner, KH as Switch, qH as Table, YH as TableBody, eU as TableCaption, $H as TableCell, XH as TableFooter, QH as TableHead, JH as TableHeader, ZH as TableRow, tU as Tabs, aU as TabsContent, rU as TabsList, iU as TabsTrigger, e as Textarea, we as ThemeProvider, WH as Toaster, sU as Toggle, lU as ToggleGroup, uU as ToggleGroupItem, OV as Tooltip, AV as TooltipContent, DV as TooltipProvider, kV as TooltipTrigger, CX as TopNavUser, EG as TruncatedCell, o as alertVariants, zv as badgeVariants, FU as buildLinearBreadcrumbs, Xv as buttonGroupVariants, Jv as buttonVariants, t as cn, vJ as composeResolvers, mq as extractDefaults, cX as jsonSchemaResolver, nU as tabsListVariants, OH as toast, oU as toggleVariants, ij as useComboboxAnchor, bX as useLayoutConfig, yX as useLayoutSlots, ut as usePortalContainer, UV as useSidebar, _U as useSidebarMode, Ce as useTheme };