@marktiderman/genesis-ui 2.12.2 → 2.13.0

package/dist/{chunk-4CQHPWJD.js → chunk-ORCI5SVM.js}

@@ -69,49 +69,7 @@ var Stack = React.forwardRef(
   )
 );
 Stack.displayName = "Stack";
-var containerVariants = cva("mx-auto w-full", {
-  variants: {
-    // A deliberately short list. Named widths are a shared decision — five
-    // of them means two pages can't be 4px apart for no reason, which is
-    // exactly what happens once `max-w-[1180px]` is on the table.
-    size: {
-      /** Forms, settings, single-column detail. */
-      sm: "max-w-3xl",
-      /** Standard content pages. */
-      md: "max-w-5xl",
-      /** Application pages — the default. */
-      lg: "max-w-7xl",
-      /** Dashboards and wide tables: gutters, no ceiling. */
-      full: "max-w-none",
-      /** Long-form reading, capped by character count rather than width. */
-      prose: "max-w-prose"
-    },
-    // The three steps are the design system's own page spacing token
-    // (`spacing.page` = 1rem / 1.5rem / 2rem) expressed as utilities.
-    gutter: {
-      true: "px-4 sm:px-6 lg:px-8",
-      false: "px-0"
-    }
-  },
-  defaultVariants: {
-    size: "lg",
-    gutter: true
-  }
-});
-var Container = React.forwardRef(
-  ({ className, size, gutter, testID, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "container",
-      "data-testid": testID,
-      className: cn(containerVariants({ size, gutter }), className),
-      ...props
-    }
-  )
-);
-Container.displayName = "Container";
 
-export { Container, Stack, containerVariants, stackVariants };
-//# sourceMappingURL=chunk-4CQHPWJD.js.map
-//# sourceMappingURL=chunk-4CQHPWJD.js.map
+export { Stack, stackVariants };
+//# sourceMappingURL=chunk-ORCI5SVM.js.map
+//# sourceMappingURL=chunk-ORCI5SVM.js.map

package/dist/chunk-ORCI5SVM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/stack.tsx"],"names":[],"mappings":";;;;;;AAKA,IAAM,aAAA,GAAgB,IAAI,MAAA,EAAQ;AAAA,EAChC,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,MACT,GAAA,EAAK,UAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,GAAA,EAAK,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWL,KAAA,EAAO;AAAA,MACL,KAAA,EAAO,aAAA;AAAA,MACP,MAAA,EAAQ,cAAA;AAAA,MACR,GAAA,EAAK,WAAA;AAAA,MACL,OAAA,EAAS;AAAA,KACX;AAAA,IACA,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,eAAA;AAAA,MACP,MAAA,EAAQ,gBAAA;AAAA,MACR,GAAA,EAAK,aAAA;AAAA,MACL,OAAA,EAAS,iBAAA;AAAA,MACT,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM,WAAA;AAAA;AAAA;AAAA;AAAA,MAIN,KAAA,EAAO;AAAA;AACT,GACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,eAAA,EAAiB;AAAA,IACf,SAAA,EAAW,QAAA;AAAA,IACX,GAAA,EAAK,IAAA;AAAA,IACL,IAAA,EAAM;AAAA;AAEV,CAAC;AA6CM,IAAM,KAAA,GAAc,KAAA,CAAA,UAAA;AAAA,EACzB,CACE,EAAE,SAAA,EAAW,SAAA,EAAW,GAAA,EAAK,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,GAAG,KAAA,EAAM,EACpE,GAAA,qBAEA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,OAAA;AAAA,MACV,aAAA,EAAa,MAAA;AAAA,MACb,SAAA,EAAW,EAAA;AAAA,QACT,cAAc,EAAE,SAAA,EAAW,KAAK,KAAA,EAAO,OAAA,EAAS,MAAM,CAAA;AAAA,QACtD;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-ORCI5SVM.js","sourcesContent":["import * as React from \"react\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { cn } from \"../../utils\";\nimport { GAP_CLASSES } from \"./spacing\";\n\nconst stackVariants = cva(\"flex\", {\n  variants: {\n    direction: {\n      row: \"flex-row\",\n      column: \"flex-col\",\n    },\n    gap: GAP_CLASSES,\n    // Exactly `@marktiderman/genesis-ui-native`'s `FlexAlign` / `FlexJustify`\n    // — see `./spacing` for why the two surfaces share one vocabulary.\n    // Web flexbox also supports `baseline` and `space-evenly`, and an\n    // earlier draft offered both; they are deliberately NOT here, because\n    // native's Yoga vocabulary has neither, so a spec written against them\n    // could not be applied to the native surface. Since `align`/`justify`\n    // emit nothing when unset, `className=\"items-baseline\"` reaches them\n    // with no class to fight. Widening is additive and can happen later on\n    // BOTH surfaces at once; shipping them here first and withdrawing them\n    // to restore parity would be a breaking change.\n    align: {\n      start: \"items-start\",\n      center: \"items-center\",\n      end: \"items-end\",\n      stretch: \"items-stretch\",\n    },\n    justify: {\n      start: \"justify-start\",\n      center: \"justify-center\",\n      end: \"justify-end\",\n      between: \"justify-between\",\n      around: \"justify-around\",\n    },\n    wrap: {\n      true: \"flex-wrap\",\n      // Empty, not `flex-nowrap`: nowrap is already flexbox's initial value,\n      // so emitting it would only add noise. Same reasoning as the\n      // undefaulted `align`/`justify` below.\n      false: \"\",\n    },\n  },\n  // `align` and `justify` have NO default on purpose. Defaulting them would\n  // emit `items-stretch`/`justify-start` on every Stack ever rendered — the\n  // browser's own initial values — which is noise in the DOM and, worse,\n  // beats a consumer's `className` at equal specificity for anyone not\n  // going through `cn()`. Unset means \"whatever flexbox already does\".\n  defaultVariants: {\n    direction: \"column\",\n    gap: \"md\",\n    wrap: false,\n  },\n});\n\nexport interface StackProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof stackVariants> {\n  /** Stable test/automation selector (emitted as `data-testid`). */\n  testID?: string;\n}\n\n/**\n * Stack — one-dimensional flow. The single most-repeated shape in any\n * application: a run of things in a line, evenly spaced.\n *\n * It replaces the `flex flex-col gap-4` / `flex items-center gap-2` strings\n * that otherwise get retyped in every file, and it is the reason `gap`\n * stays on the shared `SpaceToken` scale (see `./spacing`) instead of\n * drifting per page.\n *\n * ```tsx\n * <Stack gap=\"lg\">\n *   <Card />\n *   <Card />\n * </Stack>\n *\n * <Stack direction=\"row\" align=\"center\" justify=\"between\" gap=\"sm\">\n *   <h2>Members</h2>\n *   <Button>Invite</Button>\n * </Stack>\n * ```\n *\n * Deliberately NOT here: responsive per-breakpoint directions. A layout\n * that changes axis at a breakpoint is a `Split`, which owns that idea and\n * names the breakpoint explicitly.\n *\n * Note for consumers of both surfaces: `@marktiderman/genesis-ui-native`\n * splits this shape into two components, `Stack` (column) and `Inline`\n * (row). On web they are one component with a `direction` prop, which is\n * the established web idiom. The `gap` / `align` / `justify` vocabulary is\n * identical either way — deliberately, and enforced by a test that reads\n * the native definitions directly — so a spec written once still reads the\n * same on both. That means the web unions are the SHARED vocabulary, not\n * everything web flexbox can do; see the note on `align` below.\n *\n * @stability Beta\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n  (\n    { className, direction, gap, align, justify, wrap, testID, ...props },\n    ref\n  ) => (\n    <div\n      ref={ref}\n      data-slot=\"stack\"\n      data-testid={testID}\n      className={cn(\n        stackVariants({ direction, gap, align, justify, wrap }),\n        className\n      )}\n      {...props}\n    />\n  )\n);\nStack.displayName = \"Stack\";\n\nexport { stackVariants };\n"]}

package/dist/chunk-ZHCP2RZP.js

@@ -0,0 +1,130 @@
+import { cn } from './chunk-NZ5WBA4R.js';
+import * as React2 from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var containerVariants = cva("mx-auto w-full", {
+  variants: {
+    // A deliberately short list. Named widths are a shared decision — five
+    // of them means two pages can't be 4px apart for no reason, which is
+    // exactly what happens once `max-w-[1180px]` is on the table.
+    size: {
+      /** Forms, settings, single-column detail. */
+      sm: "max-w-3xl",
+      /** Standard content pages. */
+      md: "max-w-5xl",
+      /** Application pages — the default. */
+      lg: "max-w-7xl",
+      /** Dashboards and wide tables: gutters, no ceiling. */
+      full: "max-w-none",
+      /** Long-form reading, capped by character count rather than width. */
+      prose: "max-w-prose"
+    },
+    // The three steps are the design system's own page spacing token
+    // (`spacing.page` = 1rem / 1.5rem / 2rem) expressed as utilities.
+    gutter: {
+      true: "px-4 sm:px-6 lg:px-8",
+      false: "px-0"
+    }
+  },
+  defaultVariants: {
+    size: "lg",
+    gutter: true
+  }
+});
+var Container = React2.forwardRef(
+  ({ className, size, gutter, testID, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "container",
+      "data-testid": testID,
+      className: cn(containerVariants({ size, gutter }), className),
+      ...props
+    }
+  )
+);
+Container.displayName = "Container";
+var bandVariants = cva("relative w-full", {
+  variants: {
+    surface: {
+      base: "bg-background text-foreground",
+      muted: "bg-muted text-foreground",
+      accent: "bg-primary text-primary-foreground",
+      inverse: "bg-foreground text-background"
+    },
+    // Vertical rhythm, mobile first: a band breathes more on a wide screen.
+    spacing: {
+      none: "py-0",
+      sm: "py-8 sm:py-10",
+      md: "py-12 sm:py-16 lg:py-20",
+      lg: "py-16 sm:py-24 lg:py-32"
+    }
+  },
+  defaultVariants: {
+    surface: "base",
+    spacing: "md"
+  }
+});
+var Band = React2.forwardRef(
+  ({ as: Tag = "section", surface, spacing, width = "lg", className, innerClassName, testID, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      "data-slot": "band",
+      "data-surface": surface ?? "base",
+      "data-testid": testID,
+      className: cn(bandVariants({ surface, spacing }), className),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { "data-slot": "band-inner", className: cn(containerVariants({ size: width, gutter: true }), innerClassName), children })
+    }
+  )
+);
+Band.displayName = "Band";
+var displayVariants = cva("font-display font-bold tracking-tight text-balance", {
+  variants: {
+    size: {
+      /** A hero headline. */
+      xl: "text-4xl leading-[1.1] sm:text-5xl lg:text-6xl",
+      /** A section headline. */
+      lg: "text-3xl leading-tight sm:text-4xl",
+      /** A card or column title in a band. */
+      md: "text-2xl leading-snug sm:text-3xl",
+      /** A small title, such as a pricing tier's name. */
+      sm: "text-xl leading-snug"
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+var Display = React2.forwardRef(
+  ({ as: Tag = "h2", size, className, testID, ...props }, ref) => /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      "data-slot": "display",
+      "data-testid": testID,
+      className: cn(displayVariants({ size }), className),
+      ...props
+    }
+  )
+);
+Display.displayName = "Display";
+var leadVariants = cva("text-lg leading-relaxed sm:text-xl text-pretty", {
+  variants: {
+    tone: {
+      muted: "text-muted-foreground",
+      inherit: "text-current"
+    }
+  },
+  defaultVariants: { tone: "muted" }
+});
+var BandLead = React2.forwardRef(
+  ({ tone, className, testID, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, "data-slot": "band-lead", "data-testid": testID, className: cn(leadVariants({ tone }), className), ...props })
+);
+BandLead.displayName = "BandLead";
+
+export { Band, BandLead, Container, Display, bandVariants, containerVariants, displayVariants, leadVariants };
+//# sourceMappingURL=chunk-ZHCP2RZP.js.map
+//# sourceMappingURL=chunk-ZHCP2RZP.js.map

package/dist/chunk-ZHCP2RZP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/container.tsx","../src/components/layout/band.tsx"],"names":["React","cva","jsx"],"mappings":"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","file":"chunk-ZHCP2RZP.js","sourcesContent":["import * as React from \"react\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { cn } from \"../../utils\";\n\nconst containerVariants = cva(\"mx-auto w-full\", {\n  variants: {\n    // A deliberately short list. Named widths are a shared decision — five\n    // of them means two pages can't be 4px apart for no reason, which is\n    // exactly what happens once `max-w-[1180px]` is on the table.\n    size: {\n      /** Forms, settings, single-column detail. */\n      sm: \"max-w-3xl\",\n      /** Standard content pages. */\n      md: \"max-w-5xl\",\n      /** Application pages — the default. */\n      lg: \"max-w-7xl\",\n      /** Dashboards and wide tables: gutters, no ceiling. */\n      full: \"max-w-none\",\n      /** Long-form reading, capped by character count rather than width. */\n      prose: \"max-w-prose\",\n    },\n    // The three steps are the design system's own page spacing token\n    // (`spacing.page` = 1rem / 1.5rem / 2rem) expressed as utilities.\n    gutter: {\n      true: \"px-4 sm:px-6 lg:px-8\",\n      false: \"px-0\",\n    },\n  },\n  defaultVariants: {\n    size: \"lg\",\n    gutter: true,\n  },\n});\n\nexport interface ContainerProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof containerVariants> {\n  /** Stable test/automation selector (emitted as `data-testid`). */\n  testID?: string;\n}\n\n/**\n * Container — the page gutter: a centered column with a named maximum\n * width and responsive side padding.\n *\n * ```tsx\n * <Container>\n *   <Section title=\"Overview\">{…}</Section>\n * </Container>\n *\n * <Container size=\"sm\">\n *   <SettingsForm />\n * </Container>\n *\n * <Container size=\"full\" gutter={false}>\n *   <FullBleedMap />\n * </Container>\n * ```\n *\n * `gutter` is a real prop rather than a `className` override because the\n * padding is responsive: passing `px-0` would only cancel the base step\n * and leave `sm:px-6` and `lg:px-8` intact, so the escape hatch that looks\n * like it should work silently doesn't.\n *\n * @stability Beta\n */\nexport const Container = React.forwardRef<HTMLDivElement, ContainerProps>(\n  ({ className, size, gutter, testID, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"container\"\n      data-testid={testID}\n      className={cn(containerVariants({ size, gutter }), className)}\n      {...props}\n    />\n  )\n);\nContainer.displayName = \"Container\";\n\nexport { containerVariants };\n","import * as React from \"react\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { cn } from \"../../utils\";\nimport { containerVariants } from \"./container\";\n\n/**\n * The surfaces a band can sit on. Each pairs a background with the\n * foreground made for it, so text on a band always uses the colour designed\n * against that background:\n *\n * - `base`: the page (`background` / `foreground`).\n * - `muted`: a quiet alternate band (`muted` / `foreground`), for rhythm.\n * - `accent`: the brand's primary (`primary` / `primary-foreground`), for a call to action.\n * - `inverse`: the page's colours swapped (`foreground` / `background`), for a footer or a dark band.\n */\nconst bandVariants = cva(\"relative w-full\", {\n  variants: {\n    surface: {\n      base: \"bg-background text-foreground\",\n      muted: \"bg-muted text-foreground\",\n      accent: \"bg-primary text-primary-foreground\",\n      inverse: \"bg-foreground text-background\",\n    },\n    // Vertical rhythm, mobile first: a band breathes more on a wide screen.\n    spacing: {\n      none: \"py-0\",\n      sm: \"py-8 sm:py-10\",\n      md: \"py-12 sm:py-16 lg:py-20\",\n      lg: \"py-16 sm:py-24 lg:py-32\",\n    },\n  },\n  defaultVariants: {\n    surface: \"base\",\n    spacing: \"md\",\n  },\n});\n\nexport interface BandProps\n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof bandVariants> {\n  /**\n   * The element to render. `section` (default) for a region of the page,\n   * `header` / `footer` for the site's banner and footer, `div` for a band\n   * that is not a region of its own.\n   */\n  as?: \"section\" | \"header\" | \"footer\" | \"div\" | \"aside\";\n  /** The inner column's width (Container's named widths). Default `lg`. */\n  width?: \"sm\" | \"md\" | \"lg\" | \"full\" | \"prose\";\n  /** Classes for the inner column, after the width and gutter. */\n  innerClassName?: string;\n  /** Stable test/automation selector (emitted as `data-testid`). */\n  testID?: string;\n}\n\n/**\n * Band: a full-bleed, full-width marketing section. The background runs\n * edge to edge; the content sits in a centered column with the page gutter.\n * It is what a landing page is made of: a hero, a features band, a call to\n * action, a footer.\n *\n * ```tsx\n * <Band surface=\"accent\" spacing=\"lg\" aria-labelledby=\"cta-title\">\n *   <Display as=\"h2\" id=\"cta-title\" size=\"lg\">Start today</Display>\n * </Band>\n * ```\n *\n * Unlike `Section` (a titled region inside an app page), a band carries no\n * heading of its own: a marketing page decides its heading levels per page\n * (one `h1`, then `h2`s), so the caller places a `Display` and names the\n * region with `aria-labelledby`. Server-safe: no state, no effects.\n *\n * @stability Beta\n */\nexport const Band = React.forwardRef<HTMLElement, BandProps>(\n  ({ as: Tag = \"section\", surface, spacing, width = \"lg\", className, innerClassName, testID, children, ...props }, ref) => (\n    <Tag\n      ref={ref as React.Ref<HTMLElement & HTMLDivElement>}\n      data-slot=\"band\"\n      data-surface={surface ?? \"base\"}\n      data-testid={testID}\n      className={cn(bandVariants({ surface, spacing }), className)}\n      {...props}\n    >\n      <div data-slot=\"band-inner\" className={cn(containerVariants({ size: width, gutter: true }), innerClassName)}>\n        {children}\n      </div>\n    </Tag>\n  )\n);\nBand.displayName = \"Band\";\n\n/**\n * The marketing (display) type scale: larger than the app scale and\n * responsive, mobile first, so a headline fits a phone and fills a desktop.\n * Size is independent of the heading level: a page has one `h1` whatever\n * size it is drawn at.\n */\nconst displayVariants = cva(\"font-display font-bold tracking-tight text-balance\", {\n  variants: {\n    size: {\n      /** A hero headline. */\n      xl: \"text-4xl leading-[1.1] sm:text-5xl lg:text-6xl\",\n      /** A section headline. */\n      lg: \"text-3xl leading-tight sm:text-4xl\",\n      /** A card or column title in a band. */\n      md: \"text-2xl leading-snug sm:text-3xl\",\n      /** A small title, such as a pricing tier's name. */\n      sm: \"text-xl leading-snug\",\n    },\n  },\n  defaultVariants: {\n    size: \"lg\",\n  },\n});\n\nexport interface DisplayProps\n  extends React.HTMLAttributes<HTMLHeadingElement>,\n    VariantProps<typeof displayVariants> {\n  /** The heading level: document structure, not a size. Default `h2`. */\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\";\n  /** Stable test/automation selector (emitted as `data-testid`). */\n  testID?: string;\n}\n\n/**\n * Display: a heading in the marketing type scale (`displayVariants`).\n *\n * ```tsx\n * <Display as=\"h1\" size=\"xl\">Train with people who know your name</Display>\n * ```\n *\n * @stability Beta\n */\nexport const Display = React.forwardRef<HTMLHeadingElement, DisplayProps>(\n  ({ as: Tag = \"h2\", size, className, testID, ...props }, ref) => (\n    <Tag\n      ref={ref}\n      data-slot=\"display\"\n      data-testid={testID}\n      className={cn(displayVariants({ size }), className)}\n      {...props}\n    />\n  )\n);\nDisplay.displayName = \"Display\";\n\n/**\n * Lead copy under a display heading: one size up from body text, in the\n * muted foreground on the page (`tone=\"muted\"`), or the band's own\n * foreground on an accent or inverse band (`tone=\"inherit\"`).\n */\nconst leadVariants = cva(\"text-lg leading-relaxed sm:text-xl text-pretty\", {\n  variants: {\n    tone: {\n      muted: \"text-muted-foreground\",\n      inherit: \"text-current\",\n    },\n  },\n  defaultVariants: { tone: \"muted\" },\n});\n\nexport interface BandLeadProps\n  extends React.HTMLAttributes<HTMLParagraphElement>,\n    VariantProps<typeof leadVariants> {\n  testID?: string;\n}\n\n/** @stability Beta */\nexport const BandLead = React.forwardRef<HTMLParagraphElement, BandLeadProps>(\n  ({ tone, className, testID, ...props }, ref) => (\n    <p ref={ref} data-slot=\"band-lead\" data-testid={testID} className={cn(leadVariants({ tone }), className)} {...props} />\n  )\n);\nBandLead.displayName = \"BandLead\";\n\nexport { bandVariants, displayVariants, leadVariants };\n"]}

package/dist/components/data/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { AppShell, PageHeader } from '../../chunk-MLZEKXV2.js';
+import { AppShell, PageHeader } from '../../chunk-5OFA2CQR.js';
 export { ViewSettings, ViewToggle } from '../../chunk-46TZGMFW.js';
 import { slots_exports } from '../../chunk-WALJMVEF.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../chunk-N2ZFNOOT.js';
@@ -10,26 +10,26 @@ import { Skeleton } from '../../chunk-QFM4Z2SS.js';
 import { Progress } from '../../chunk-W5Y3LG5K.js';
 import { Checkbox } from '../../chunk-SEBU6JCK.js';
 import { Card, CardContent, CardHeader, CardTitle } from '../../chunk-FN3FZVUR.js';
+import { Input } from '../../chunk-QSXVL5UB.js';
 import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '../../chunk-4C4ESW6O.js';
 import { PageLoading } from '../../chunk-YRYQXU3G.js';
 import { Spinner } from '../../chunk-OVU3Z2MT.js';
 import { useAnnouncer } from '../../chunk-I4NBE2KL.js';
-import { Input } from '../../chunk-QSXVL5UB.js';
+import { FormField, FormLabel, FormError, FormDescription } from '../../chunk-R7QFP6EL.js';
 import '../../chunk-B2GIBUQD.js';
 import { Badge } from '../../chunk-NPNADZHM.js';
+import '../../chunk-G5YKBPBF.js';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../chunk-FK42ZGGV.js';
+import { Popover, PopoverTrigger, PopoverContent } from '../../chunk-22XB3Q6H.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, DropdownMenuSeparator, DropdownMenuItem, DropdownMenuLabel } from '../../chunk-QJ6P2DW6.js';
 import { Switch } from '../../chunk-27ELYTGE.js';
-import '../../chunk-G5YKBPBF.js';
-import { Popover, PopoverTrigger, PopoverContent } from '../../chunk-22XB3Q6H.js';
+import '../../chunk-F47U5KNW.js';
 import { DetailPage } from '../../chunk-AFZ76Q26.js';
 import '../../chunk-D2LIXA2Y.js';
 import '../../chunk-AVFZ4P4B.js';
 import { EmptyState } from '../../chunk-65SPT7EA.js';
 export { EmptyState } from '../../chunk-65SPT7EA.js';
 import { Button } from '../../chunk-NWSCYLPT.js';
-import { FormField, FormLabel, FormError, FormDescription } from '../../chunk-R7QFP6EL.js';
-import '../../chunk-F47U5KNW.js';
 import { showUndoToast, showWriteErrorToast, useResourceTableModel } from '../../chunk-STZVZUYO.js';
 export { showUndoToast, showWriteErrorToast, useResourceTable } from '../../chunk-STZVZUYO.js';
 import { titleCase } from '../../chunk-RKPS7ERS.js';

package/dist/components/layout/band.d.ts

@@ -0,0 +1,92 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * The surfaces a band can sit on. Each pairs a background with the
+ * foreground made for it, so text on a band always uses the colour designed
+ * against that background:
+ *
+ * - `base`: the page (`background` / `foreground`).
+ * - `muted`: a quiet alternate band (`muted` / `foreground`), for rhythm.
+ * - `accent`: the brand's primary (`primary` / `primary-foreground`), for a call to action.
+ * - `inverse`: the page's colours swapped (`foreground` / `background`), for a footer or a dark band.
+ */
+declare const bandVariants: (props?: ({
+    surface?: "muted" | "base" | "accent" | "inverse" | null | undefined;
+    spacing?: "sm" | "lg" | "none" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BandProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof bandVariants> {
+    /**
+     * The element to render. `section` (default) for a region of the page,
+     * `header` / `footer` for the site's banner and footer, `div` for a band
+     * that is not a region of its own.
+     */
+    as?: "section" | "header" | "footer" | "div" | "aside";
+    /** The inner column's width (Container's named widths). Default `lg`. */
+    width?: "sm" | "md" | "lg" | "full" | "prose";
+    /** Classes for the inner column, after the width and gutter. */
+    innerClassName?: string;
+    /** Stable test/automation selector (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * Band: a full-bleed, full-width marketing section. The background runs
+ * edge to edge; the content sits in a centered column with the page gutter.
+ * It is what a landing page is made of: a hero, a features band, a call to
+ * action, a footer.
+ *
+ * ```tsx
+ * <Band surface="accent" spacing="lg" aria-labelledby="cta-title">
+ *   <Display as="h2" id="cta-title" size="lg">Start today</Display>
+ * </Band>
+ * ```
+ *
+ * Unlike `Section` (a titled region inside an app page), a band carries no
+ * heading of its own: a marketing page decides its heading levels per page
+ * (one `h1`, then `h2`s), so the caller places a `Display` and names the
+ * region with `aria-labelledby`. Server-safe: no state, no effects.
+ *
+ * @stability Beta
+ */
+declare const Band: React.ForwardRefExoticComponent<BandProps & React.RefAttributes<HTMLElement>>;
+/**
+ * The marketing (display) type scale: larger than the app scale and
+ * responsive, mobile first, so a headline fits a phone and fills a desktop.
+ * Size is independent of the heading level: a page has one `h1` whatever
+ * size it is drawn at.
+ */
+declare const displayVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface DisplayProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof displayVariants> {
+    /** The heading level: document structure, not a size. Default `h2`. */
+    as?: "h1" | "h2" | "h3" | "h4" | "p";
+    /** Stable test/automation selector (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * Display: a heading in the marketing type scale (`displayVariants`).
+ *
+ * ```tsx
+ * <Display as="h1" size="xl">Train with people who know your name</Display>
+ * ```
+ *
+ * @stability Beta
+ */
+declare const Display: React.ForwardRefExoticComponent<DisplayProps & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Lead copy under a display heading: one size up from body text, in the
+ * muted foreground on the page (`tone="muted"`), or the band's own
+ * foreground on an accent or inverse band (`tone="inherit"`).
+ */
+declare const leadVariants: (props?: ({
+    tone?: "inherit" | "muted" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface BandLeadProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof leadVariants> {
+    testID?: string;
+}
+/** @stability Beta */
+declare const BandLead: React.ForwardRefExoticComponent<BandLeadProps & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Band, BandLead, type BandLeadProps, type BandProps, Display, type DisplayProps, bandVariants, displayVariants, leadVariants };

package/dist/components/layout/band.js

@@ -0,0 +1,5 @@
+export { Band, BandLead, Display, bandVariants, displayVariants, leadVariants } from '../../chunk-ZHCP2RZP.js';
+import '../../chunk-NZ5WBA4R.js';
+import '../../chunk-424PT5DM.js';
+//# sourceMappingURL=band.js.map
+//# sourceMappingURL=band.js.map

package/dist/components/layout/band.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"band.js"}

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

@@ -7,6 +7,7 @@ export { D as DashboardPage, a as DashboardPageProps, G as Grid, b as GridProps,
 export { SettingsPage, SettingsPageProps, SettingsPageSection } from './settings-page.js';
 export { C as Container, a as ContainerProps, G as GAP_CLASSES, S as Section, b as SectionProps, c as SpaceToken, d as Stack, e as StackProps, f as containerVariants, s as sectionHeadingVariants, g as spaceScale, h as stackVariants } from '../../spacing-BS6qECD4.js';
 export { S as Split, a as SplitBreakpoint, b as SplitProps, c as SplitRatio, s as splitVariants } from '../../split-Dk9f4Mi0.js';
+export { Band, BandLead, BandLeadProps, BandProps, Display, DisplayProps, bandVariants, displayVariants, leadVariants } from './band.js';
 export { NavigationNode, ResolvedNavigation, resolveNavigation } from '@marktiderman/genesis-core/navigation';
 import 'react';
 import 'lucide-react';

package/dist/components/layout/index.js

@@ -1,13 +1,15 @@
-export { AppShell, AppShellPageHeader, AppShellSubNavEnd, PageHeader, SubNavTabs, useAppShellSubNav } from '../../chunk-MLZEKXV2.js';
+export { AppShell, AppShellPageHeader, AppShellSubNavEnd, PageHeader, SubNavTabs, useAppShellSubNav } from '../../chunk-5OFA2CQR.js';
 import '../../chunk-46TZGMFW.js';
-export { Container, Stack, containerVariants, stackVariants } from '../../chunk-4CQHPWJD.js';
+export { Stack, stackVariants } from '../../chunk-ORCI5SVM.js';
 import '../../chunk-B2GIBUQD.js';
 import '../../chunk-NPNADZHM.js';
+import '../../chunk-G5YKBPBF.js';
 import '../../chunk-FK42ZGGV.js';
+import '../../chunk-22XB3Q6H.js';
 import '../../chunk-QJ6P2DW6.js';
 import '../../chunk-27ELYTGE.js';
-import '../../chunk-G5YKBPBF.js';
-import '../../chunk-22XB3Q6H.js';
+import '../../chunk-F47U5KNW.js';
+export { Band, BandLead, Container, Display, bandVariants, containerVariants, displayVariants, leadVariants } from '../../chunk-ZHCP2RZP.js';
 export { DashboardPage, Grid, gridVariants } from '../../chunk-ARJI2JUV.js';
 export { DetailPage } from '../../chunk-AFZ76Q26.js';
 export { FormPage } from '../../chunk-MPI33I4K.js';
@@ -16,7 +18,6 @@ export { Section, SettingsPage, sectionHeadingVariants } from '../../chunk-P64MF
 export { Split, splitVariants } from '../../chunk-D2LIXA2Y.js';
 export { GAP_CLASSES, spaceScale } from '../../chunk-AVFZ4P4B.js';
 import '../../chunk-NWSCYLPT.js';
-import '../../chunk-F47U5KNW.js';
 import '../../chunk-NZ5WBA4R.js';
 export { resolveNavigation } from '../../chunk-J45FHL7D.js';
 import '../../chunk-424PT5DM.js';

package/dist/components/patterns/index.js

@@ -8,14 +8,14 @@ import '../../chunk-LNFF2RBD.js';
 export { PageLoading, pageLoadingVariants } from '../../chunk-YRYQXU3G.js';
 import '../../chunk-OVU3Z2MT.js';
 import '../../chunk-I4NBE2KL.js';
+export { FormDescription, FormError, FormField, FormLabel } from '../../chunk-R7QFP6EL.js';
 import '../../chunk-FK42ZGGV.js';
+import '../../chunk-22XB3Q6H.js';
 import '../../chunk-QJ6P2DW6.js';
 import '../../chunk-27ELYTGE.js';
-import '../../chunk-22XB3Q6H.js';
+import '../../chunk-F47U5KNW.js';
 export { EmptyState, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from '../../chunk-65SPT7EA.js';
 import '../../chunk-NWSCYLPT.js';
-export { FormDescription, FormError, FormField, FormLabel } from '../../chunk-R7QFP6EL.js';
-import '../../chunk-F47U5KNW.js';
 import '../../chunk-NZ5WBA4R.js';
 import '../../chunk-424PT5DM.js';
 //# sourceMappingURL=index.js.map

package/dist/components/patterns/toggle-row.js

@@ -1,7 +1,7 @@
 export { ToggleRow } from '../../chunk-6M4NHHKG.js';
 import '../../chunk-A7AHVDG7.js';
-import '../../chunk-27ELYTGE.js';
 import '../../chunk-R7QFP6EL.js';
+import '../../chunk-27ELYTGE.js';
 import '../../chunk-F47U5KNW.js';
 import '../../chunk-NZ5WBA4R.js';
 import '../../chunk-424PT5DM.js';

package/dist/components/rich-text/rich-text-editor.js

@@ -6,8 +6,8 @@ import { Kbd } from '../../chunk-FFSDFQQN.js';
 import { Input } from '../../chunk-QSXVL5UB.js';
 import { Tooltip } from '../../chunk-G5YKBPBF.js';
 import { Popover, PopoverTrigger, PopoverContent } from '../../chunk-22XB3Q6H.js';
-import { Button } from '../../chunk-NWSCYLPT.js';
 import { Label } from '../../chunk-F47U5KNW.js';
+import { Button } from '../../chunk-NWSCYLPT.js';
 import { cn } from '../../chunk-NZ5WBA4R.js';
 import '../../chunk-424PT5DM.js';
 import * as React from 'react';

package/dist/index.d.ts

@@ -64,6 +64,7 @@ export { PasswordToggleField, PasswordToggleFieldIcon, PasswordToggleFieldIconPr
 export { C as Container, a as ContainerProps, G as GAP_CLASSES, S as Section, b as SectionProps, c as SpaceToken, d as Stack, e as StackProps, f as containerVariants, s as sectionHeadingVariants, g as spaceScale, h as stackVariants } from './spacing-BS6qECD4.js';
 export { D as DashboardPage, a as DashboardPageProps, G as Grid, b as GridProps, g as gridVariants } from './dashboard-page-C0TihRl5.js';
 export { S as Split, a as SplitBreakpoint, b as SplitProps, c as SplitRatio, s as splitVariants } from './split-Dk9f4Mi0.js';
+export { Band, BandLead, BandLeadProps, BandProps, Display, DisplayProps, bandVariants, displayVariants, leadVariants } from './components/layout/band.js';
 export { DetailPage, DetailPageProps } from './components/layout/detail-page.js';
 export { FormPage, FormPageProps } from './components/layout/form-page.js';
 export { SettingsPage, SettingsPageProps, SettingsPageSection } from './components/layout/settings-page.js';

package/dist/index.js

@@ -1,13 +1,17 @@
+import { Small, P, Muted, Lead, Large, H4, H3, H2, H1 } from './chunk-HVQCZFJ7.js';
+export { H1, H2, H3, H4, Large, Lead, Muted, P, Small } from './chunk-HVQCZFJ7.js';
 import { VisuallyHidden } from './chunk-SY62XJFA.js';
 export { VisuallyHidden } from './chunk-SY62XJFA.js';
 import { TabsTrigger, TabsList, TabsContent, Tabs } from './chunk-VXFYETRK.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-VXFYETRK.js';
 import { ToggleGroupItem, ToggleGroup } from './chunk-NUXW6NPP.js';
 export { ToggleGroup, ToggleGroupItem } from './chunk-NUXW6NPP.js';
-import { Small, P, Muted, Lead, Large, H4, H3, H2, H1 } from './chunk-HVQCZFJ7.js';
-export { H1, H2, H3, H4, Large, Lead, Muted, P, Small } from './chunk-HVQCZFJ7.js';
+import { ScrollArea } from './chunk-6KHY647C.js';
+export { ScrollArea } from './chunk-6KHY647C.js';
 import { Slider } from './chunk-PSR47JRA.js';
 export { Slider } from './chunk-PSR47JRA.js';
+import { MenubarTrigger, MenubarSubTrigger, MenubarSubContent, MenubarSub, MenubarShortcut, MenubarSeparator, MenubarRadioItem, MenubarRadioGroup, MenubarPortal, MenubarMenu, MenubarLabel, MenubarItem, MenubarGroup, MenubarContent, MenubarCheckboxItem, Menubar } from './chunk-AL5TMEZQ.js';
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './chunk-AL5TMEZQ.js';
 import { navigationMenuTriggerStyle, NavigationMenuViewport, NavigationMenuTrigger, NavigationMenuList, NavigationMenuLink, NavigationMenuItem, NavigationMenuIndicator, NavigationMenuContent, NavigationMenu } from './chunk-THD3YOOZ.js';
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './chunk-THD3YOOZ.js';
 import { PaginationPrevious, PaginationNext, PaginationLink, PaginationItem, PaginationEllipsis, PaginationContent, Pagination } from './chunk-IJCT5IJD.js';
@@ -18,22 +22,20 @@ import { RadioGroupItem, RadioGroup } from './chunk-ZZ7H7VVX.js';
 export { RadioGroup, RadioGroupItem } from './chunk-ZZ7H7VVX.js';
 import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from './chunk-TAP3PBQT.js';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './chunk-TAP3PBQT.js';
-import { ScrollArea } from './chunk-6KHY647C.js';
-export { ScrollArea } from './chunk-6KHY647C.js';
+import { DrawerTrigger, DrawerTitle, DrawerPortal, DrawerOverlay, DrawerHeader, DrawerFooter, DrawerDescription, DrawerContent, DrawerClose, Drawer } from './chunk-JYPENH7T.js';
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-JYPENH7T.js';
 import { HoverCardTrigger, HoverCardContent, HoverCard } from './chunk-P3ZL6FGR.js';
 export { HoverCard, HoverCardContent, HoverCardTrigger } from './chunk-P3ZL6FGR.js';
 import { InputGroupSuffix, InputGroupPrefix, InputGroupInput, InputGroup } from './chunk-GJ6XSCNF.js';
 export { InputGroup, InputGroupInput, InputGroupPrefix, InputGroupSuffix } from './chunk-GJ6XSCNF.js';
 import { InputOTPSlot, InputOTPSeparator, InputOTPGroup, InputOTP } from './chunk-K23AQNOM.js';
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from './chunk-K23AQNOM.js';
-import { MenubarTrigger, MenubarSubTrigger, MenubarSubContent, MenubarSub, MenubarShortcut, MenubarSeparator, MenubarRadioItem, MenubarRadioGroup, MenubarPortal, MenubarMenu, MenubarLabel, MenubarItem, MenubarGroup, MenubarContent, MenubarCheckboxItem, Menubar } from './chunk-AL5TMEZQ.js';
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './chunk-AL5TMEZQ.js';
+import { ChartTooltipContent, ChartTooltip, ChartStyle, ChartLegendContent, ChartLegend, ChartContainer } from './chunk-QCJAASJT.js';
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './chunk-QCJAASJT.js';
 import { ContextMenuTrigger, ContextMenuSubTrigger, ContextMenuSubContent, ContextMenuSub, ContextMenuShortcut, ContextMenuSeparator, ContextMenuRadioItem, ContextMenuRadioGroup, ContextMenuPortal, ContextMenuLabel, ContextMenuItem, ContextMenuGroup, ContextMenuContent, ContextMenuCheckboxItem, ContextMenu } from './chunk-6TVMQH6M.js';
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './chunk-6TVMQH6M.js';
 import { DatePicker } from './chunk-6XPMU65K.js';
 export { DatePicker } from './chunk-6XPMU65K.js';
-import { DrawerTrigger, DrawerTitle, DrawerPortal, DrawerOverlay, DrawerHeader, DrawerFooter, DrawerDescription, DrawerContent, DrawerClose, Drawer } from './chunk-JYPENH7T.js';
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-JYPENH7T.js';
 import { BreadcrumbSeparator, BreadcrumbPage, BreadcrumbList, BreadcrumbLink, BreadcrumbItem, BreadcrumbEllipsis, Breadcrumb } from './chunk-2MQKBZBJ.js';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './chunk-2MQKBZBJ.js';
 import { ButtonGroup } from './chunk-K4YLKVMX.js';
@@ -42,8 +44,12 @@ import { CalendarDayButton, Calendar } from './chunk-J6FBA7PH.js';
 export { Calendar, CalendarDayButton } from './chunk-J6FBA7PH.js';
 import { CarouselPrevious, CarouselNext, CarouselItem, CarouselContent, Carousel } from './chunk-AOZGQM6W.js';
 export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './chunk-AOZGQM6W.js';
-import { ChartTooltipContent, ChartTooltip, ChartStyle, ChartLegendContent, ChartLegend, ChartContainer } from './chunk-QCJAASJT.js';
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './chunk-QCJAASJT.js';
+import { toolbarVariants, ToolbarToggleItem, ToolbarToggleGroup, ToolbarSeparator, ToolbarLink, ToolbarButton, Toolbar } from './chunk-YYEGAFUE.js';
+export { Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem, toolbarVariants } from './chunk-YYEGAFUE.js';
+import { toggleVariants, Toggle } from './chunk-C46ITXE4.js';
+export { Toggle, toggleVariants } from './chunk-C46ITXE4.js';
+import { Kbd } from './chunk-FFSDFQQN.js';
+export { Kbd } from './chunk-FFSDFQQN.js';
 import { AccessibleIcon } from './chunk-JAMLFMDS.js';
 export { AccessibleIcon } from './chunk-JAMLFMDS.js';
 import { AccordionTrigger, AccordionItem, AccordionContent, Accordion } from './chunk-YWFPMND7.js';
@@ -62,12 +68,6 @@ import { userAvatarVariants, UserAvatar } from './chunk-XBX6QMR5.js';
 export { UserAvatar, userAvatarVariants } from './chunk-XBX6QMR5.js';
 import { AvatarImage, AvatarFallback, Avatar } from './chunk-LNFF2RBD.js';
 export { Avatar, AvatarFallback, AvatarImage } from './chunk-LNFF2RBD.js';
-import { toolbarVariants, ToolbarToggleItem, ToolbarToggleGroup, ToolbarSeparator, ToolbarLink, ToolbarButton, Toolbar } from './chunk-YYEGAFUE.js';
-export { Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, ToolbarToggleGroup, ToolbarToggleItem, toolbarVariants } from './chunk-YYEGAFUE.js';
-import { toggleVariants, Toggle } from './chunk-C46ITXE4.js';
-export { Toggle, toggleVariants } from './chunk-C46ITXE4.js';
-import { Kbd } from './chunk-FFSDFQQN.js';
-export { Kbd } from './chunk-FFSDFQQN.js';
 import { slots_exports } from './chunk-WALJMVEF.js';
 import { TableRow, TableHeader, TableHead, TableFooter, TableCell, TableCaption, TableBody, Table } from './chunk-N2ZFNOOT.js';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-N2ZFNOOT.js';
@@ -85,6 +85,8 @@ import { Checkbox } from './chunk-SEBU6JCK.js';
 export { Checkbox } from './chunk-SEBU6JCK.js';
 import { CardTitle, CardHeader, CardFooter, CardDescription, CardContent, Card } from './chunk-FN3FZVUR.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-FN3FZVUR.js';
+import { Input } from './chunk-QSXVL5UB.js';
+export { Input } from './chunk-QSXVL5UB.js';
 import { AlertDialogTrigger, AlertDialogTitle, AlertDialogPortal, AlertDialogOverlay, AlertDialogHeader, AlertDialogFooter, AlertDialogDescription, AlertDialogContent, AlertDialogCancel, AlertDialogAction, AlertDialog } from './chunk-4C4ESW6O.js';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-4C4ESW6O.js';
 import { pageLoadingVariants, PageLoading } from './chunk-YRYQXU3G.js';
@@ -92,24 +94,28 @@ export { PageLoading, pageLoadingVariants } from './chunk-YRYQXU3G.js';
 import { Spinner } from './chunk-OVU3Z2MT.js';
 export { Spinner } from './chunk-OVU3Z2MT.js';
 import './chunk-I4NBE2KL.js';
-import { Input } from './chunk-QSXVL5UB.js';
-export { Input } from './chunk-QSXVL5UB.js';
-import { stackVariants, containerVariants, Stack, Container } from './chunk-4CQHPWJD.js';
-export { Container, Stack, containerVariants, stackVariants } from './chunk-4CQHPWJD.js';
+import { FormLabel, FormField, FormError, FormDescription } from './chunk-R7QFP6EL.js';
+export { FormDescription, FormError, FormField, FormLabel } from './chunk-R7QFP6EL.js';
+import { stackVariants, Stack } from './chunk-ORCI5SVM.js';
+export { Stack, stackVariants } from './chunk-ORCI5SVM.js';
 import { CollapsibleTrigger, CollapsibleContent, Collapsible } from './chunk-B2GIBUQD.js';
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-B2GIBUQD.js';
 import { Badge } from './chunk-NPNADZHM.js';
 export { Badge } from './chunk-NPNADZHM.js';
+import { Tooltip } from './chunk-G5YKBPBF.js';
+export { Tooltip } from './chunk-G5YKBPBF.js';
 import { SelectValue, SelectTrigger, SelectScrollUpButton, SelectScrollDownButton, SelectItem, SelectGroup, SelectContent, Select } from './chunk-FK42ZGGV.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue } from './chunk-FK42ZGGV.js';
+import { PopoverTrigger, PopoverContent, Popover } from './chunk-22XB3Q6H.js';
+export { Popover, PopoverContent, PopoverTrigger } from './chunk-22XB3Q6H.js';
 import { DropdownMenuTrigger, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuSub, DropdownMenuShortcut, DropdownMenuSeparator, DropdownMenuRadioItem, DropdownMenuRadioGroup, DropdownMenuPortal, DropdownMenuLabel, DropdownMenuItem, DropdownMenuGroup, DropdownMenuContent, DropdownMenuCheckboxItem, DropdownMenu } from './chunk-QJ6P2DW6.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './chunk-QJ6P2DW6.js';
 import { Switch } from './chunk-27ELYTGE.js';
 export { Switch } from './chunk-27ELYTGE.js';
-import { Tooltip } from './chunk-G5YKBPBF.js';
-export { Tooltip } from './chunk-G5YKBPBF.js';
-import { PopoverTrigger, PopoverContent, Popover } from './chunk-22XB3Q6H.js';
-export { Popover, PopoverContent, PopoverTrigger } from './chunk-22XB3Q6H.js';
+import { Label } from './chunk-F47U5KNW.js';
+export { Label } from './chunk-F47U5KNW.js';
+import { leadVariants, displayVariants, containerVariants, bandVariants, Display, Container, BandLead, Band } from './chunk-ZHCP2RZP.js';
+export { Band, BandLead, Container, Display, bandVariants, containerVariants, displayVariants, leadVariants } from './chunk-ZHCP2RZP.js';
 import { gridVariants, Grid, DashboardPage } from './chunk-ARJI2JUV.js';
 export { DashboardPage, Grid, gridVariants } from './chunk-ARJI2JUV.js';
 import { DetailPage } from './chunk-AFZ76Q26.js';
@@ -128,10 +134,6 @@ import { NoSearchResults, NoFeedbackFound, NoFeaturesFound, EmptyState } from '.
 export { EmptyState, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from './chunk-65SPT7EA.js';
 import { Button } from './chunk-NWSCYLPT.js';
 export { Button } from './chunk-NWSCYLPT.js';
-import { FormLabel, FormField, FormError, FormDescription } from './chunk-R7QFP6EL.js';
-export { FormDescription, FormError, FormField, FormLabel } from './chunk-R7QFP6EL.js';
-import { Label } from './chunk-F47U5KNW.js';
-export { Label } from './chunk-F47U5KNW.js';
 import { toast, Toaster } from './chunk-4RAZJ6LL.js';
 export { Toaster, toast } from './chunk-4RAZJ6LL.js';
 import { useCommandPaletteHotkey, CommandPalette } from './chunk-CNTWQSUT.js';
@@ -173,6 +175,8 @@ __export(index_exports, {
   AvatarFallback: () => AvatarFallback,
   AvatarImage: () => AvatarImage,
   Badge: () => Badge,
+  Band: () => Band,
+  BandLead: () => BandLead,
   Breadcrumb: () => Breadcrumb,
   BreadcrumbEllipsis: () => BreadcrumbEllipsis,
   BreadcrumbItem: () => BreadcrumbItem,
@@ -245,6 +249,7 @@ __export(index_exports, {
   DialogPortal: () => DialogPortal,
   DialogTitle: () => DialogTitle,
   DialogTrigger: () => DialogTrigger,
+  Display: () => Display,
   Drawer: () => Drawer,
   DrawerClose: () => DrawerClose,
   DrawerContent: () => DrawerContent,
@@ -409,11 +414,14 @@ __export(index_exports, {
   UserAvatar: () => UserAvatar,
   VisuallyHidden: () => VisuallyHidden,
   alertVariants: () => alertVariants,
+  bandVariants: () => bandVariants,
   cn: () => cn,
   containerVariants: () => containerVariants,
   defaultNavigate: () => defaultNavigate,
+  displayVariants: () => displayVariants,
   gridVariants: () => gridVariants,
   isPathActive: () => isPathActive,
+  leadVariants: () => leadVariants,
   navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
   pageLoadingVariants: () => pageLoadingVariants,
   resolveNavigation: () => resolveNavigation,