@glyphui/ui 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -2,8 +2,10 @@ import { n as tv, t as VariantProps } from "./tv-DuMh7UH2.js";
 import { a as IconButton, c as fieldStyles, i as ButtonProps, l as ButtonVariants, n as FieldProps, o as IconButtonProps, r as Button, s as FieldVariants, t as Field, u as buttonStyles } from "./index-BWK4czIG.js";
 import { t as StylesEntry } from "./registry-BGSJoiLq.js";
 import { ColorMode, ColorMode as ColorMode$1, ColorToken, ComponentName, ComponentOverrides, GlyphComponentRegistry, RadiusToken, ShadowToken, TextToken, Theme, Theme as Theme$1, ThemeInput, Tone, defineTheme, themeToCss, tokenVar } from "@glyphui/tokens";
-import { Avatar as Avatar$1, Checkbox as Checkbox$1, Label as Label$1, Select as Select$1, Separator as Separator$1, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1 } from "radix-ui";
-import { ComponentProps, DependencyList, ElementType, MouseEvent, MouseEventHandler, ReactNode } from "react";
+import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Label as Label$1, Popover as Popover$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Separator as Separator$1, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1 } from "radix-ui";
+import { ComponentProps, DependencyList, Dispatch, ElementType, MouseEvent, MouseEventHandler, ReactNode, SetStateAction } from "react";
+import { Command as Command$1 } from "cmdk";
+import { Toaster as Toaster$1, toast } from "sonner";
 import { ClassValue } from "clsx";
 //#region src/components/avatar/avatar.styles.d.ts
 export declare const avatarStyles: import("tailwind-variants").TVReturnType<{
@@ -641,12 +643,12 @@ export declare const selectStyles: import("tailwind-variants").TVReturnType<{
   item: string[];
   indicator: string;
 }>>;
-type RootProps<T extends string> = Omit<ComponentProps<typeof Select$1.Root>, 'value' | 'defaultValue' | 'onValueChange'> & {
+type RootProps$1<T extends string> = Omit<ComponentProps<typeof Select$1.Root>, 'value' | 'defaultValue' | 'onValueChange'> & {
   value?: T;
   defaultValue?: T;
   onValueChange?: (value: T) => void;
 };
-interface SelectProps<T extends string = string> extends RootProps<T>, VariantProps<typeof selectStyles> {
+interface SelectProps<T extends string = string> extends RootProps$1<T>, VariantProps<typeof selectStyles> {
   placeholder?: ReactNode;
   id?: string;
   className?: string;
@@ -1605,120 +1607,2343 @@ declare module '@glyphui/tokens' {
   }
 }
 //#endregion
+//#region src/components/accordion/accordion.styles.d.ts
+export declare const accordionStyles: import("tailwind-variants").TVReturnType<{
+  variant: {
+    default: {
+      item: string;
+    };
+    separated: {
+      root: string;
+      item: string[];
+    };
+  };
+}, {
+  root: string;
+  item: string;
+  header: string;
+  trigger: string[];
+  chevron: string;
+  content: string;
+  contentInner: string;
+}, undefined, {
+  variant: {
+    default: {
+      item: string;
+    };
+    separated: {
+      root: string;
+      item: string[];
+    };
+  };
+}, {
+  root: string;
+  item: string;
+  header: string;
+  trigger: string[];
+  chevron: string;
+  content: string;
+  contentInner: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    default: {
+      item: string;
+    };
+    separated: {
+      root: string;
+      item: string[];
+    };
+  };
+}, {
+  root: string;
+  item: string;
+  header: string;
+  trigger: string[];
+  chevron: string;
+  content: string;
+  contentInner: string;
+}>>;
+type AccordionVariants = VariantProps<typeof accordionStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Accordion: StylesEntry<typeof accordionStyles>;
+  }
+}
+//#endregion
+//#region src/components/accordion/accordion.d.ts
+type AccordionProps = ComponentProps<typeof Accordion$1.Root> & AccordionVariants;
+/**
+ * Stacked sections that expand one at a time (`type="single"`, collapsible) or
+ * independently (`type="multiple"`). Good for FAQs and dense settings.
+ */
+export declare function Accordion(inProps: AccordionProps): import("react").JSX.Element;
+export declare function AccordionItem({ className, ...props }: ComponentProps<typeof Accordion$1.Item>): import("react").JSX.Element;
+export declare function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof Accordion$1.Trigger>): import("react").JSX.Element;
+export declare function AccordionContent({ className, children, ...props }: ComponentProps<typeof Accordion$1.Content>): import("react").JSX.Element;
+//#endregion
+//#region src/components/alert/alert.styles.d.ts
+export declare const alertStyles: import("tailwind-variants").TVReturnType<{
+  tone: {
+    neutral: {
+      icon: string;
+    };
+    info: {
+      icon: string;
+    };
+    success: {
+      icon: string;
+    };
+    warning: {
+      icon: string;
+    };
+    danger: {
+      icon: string;
+    };
+  };
+  variant: {
+    soft: {};
+    outline: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  icon: string;
+  content: string;
+  title: string;
+  description: string;
+  action: string;
+  dismiss: string;
+}, undefined, {
+  tone: {
+    neutral: {
+      icon: string;
+    };
+    info: {
+      icon: string;
+    };
+    success: {
+      icon: string;
+    };
+    warning: {
+      icon: string;
+    };
+    danger: {
+      icon: string;
+    };
+  };
+  variant: {
+    soft: {};
+    outline: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  icon: string;
+  content: string;
+  title: string;
+  description: string;
+  action: string;
+  dismiss: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  tone: {
+    neutral: {
+      icon: string;
+    };
+    info: {
+      icon: string;
+    };
+    success: {
+      icon: string;
+    };
+    warning: {
+      icon: string;
+    };
+    danger: {
+      icon: string;
+    };
+  };
+  variant: {
+    soft: {};
+    outline: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  icon: string;
+  content: string;
+  title: string;
+  description: string;
+  action: string;
+  dismiss: string;
+}>>;
+type AlertVariants = VariantProps<typeof alertStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Alert: StylesEntry<typeof alertStyles>;
+  }
+}
+//#endregion
+//#region src/components/alert/alert.d.ts
+interface AlertProps extends Omit<ComponentProps<'div'>, 'title'>, AlertVariants {
+  title?: ReactNode;
+  /** Replaces the tone's default icon. `false` hides it. */
+  icon?: ReactNode | false;
+  /** Buttons or links shown at the end. */
+  action?: ReactNode;
+  /** Shows a close button that calls this. */
+  onDismiss?: () => void;
+  dismissLabel?: string;
+}
+/**
+ * An inline message about the content around it. Danger and warning alerts are announced
+ * immediately (`role="alert"`); other tones politely (`role="status"`).
+ */
+export declare function Alert(inProps: AlertProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.d.ts
+/**
+ * A modal that interrupts to ask for a decision, e.g. confirming a destructive action.
+ * Unlike Dialog it can't be dismissed by clicking outside. For a one-line confirm, use `useConfirm()`.
+ */
+export declare const AlertDialog: import("react").FC<AlertDialog$1.AlertDialogProps>;
+export declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<AlertDialog$1.AlertDialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface AlertDialogContentProps extends ComponentProps<typeof AlertDialog$1.Content> {
+  overlayClassName?: string;
+}
+export declare function AlertDialogContent(inProps: AlertDialogContentProps): import("react").JSX.Element;
+export declare function AlertDialogHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function AlertDialogTitle({ className, ...props }: ComponentProps<typeof AlertDialog$1.Title>): import("react").JSX.Element;
+export declare function AlertDialogDescription({ className, ...props }: ComponentProps<typeof AlertDialog$1.Description>): import("react").JSX.Element;
+export declare function AlertDialogFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+interface AlertDialogActionProps extends Omit<ButtonProps, 'variant' | 'asChild'> {
+  /** `danger` for destructive actions. */
+  tone?: 'default' | 'danger';
+}
+/** The confirming button. Closes the dialog. */
+export declare function AlertDialogAction({ tone, ...props }: AlertDialogActionProps): import("react").JSX.Element;
+/** The dismissing button. Receives focus when the dialog opens, so Enter never confirms by accident. */
+export declare function AlertDialogCancel(props: Omit<ButtonProps, 'variant' | 'asChild'>): import("react").JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.styles.d.ts
+export declare const alertDialogStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      footer?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+      header?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      overlay?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      footer?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+      header?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      overlay?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  overlay: string;
+  content: string[];
+  header: string;
+  title: string;
+  description: string;
+  footer: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      footer?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+      header?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      overlay?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  overlay: string;
+  content: string[];
+  header: string;
+  title: string;
+  description: string;
+  footer: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  overlay: string;
+  content: string[];
+  header: string;
+  title: string;
+  description: string;
+  footer: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    AlertDialog: StylesEntry<typeof alertDialogStyles>;
+  }
+}
+//#endregion
+//#region src/components/alert-dialog/confirm.d.ts
+interface ConfirmOptions {
+  title: ReactNode;
+  description?: ReactNode;
+  /** Default "Confirm", or "Delete" when `tone` is `danger`. */
+  confirmLabel?: ReactNode;
+  cancelLabel?: ReactNode;
+  tone?: 'default' | 'danger';
+}
+type ConfirmFn = (options: ConfirmOptions) => Promise<boolean>;
+/**
+ * Enables `useConfirm()` for everything inside. Renders one shared AlertDialog.
+ * Mount once near the root (inside GlyphProvider).
+ */
+export declare function ConfirmProvider({ children }: {
+  children: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * Ask the user to confirm, in one line:
+ *
+ * ```tsx
+ * const confirm = useConfirm()
+ * if (await confirm({ title: 'Delete project?', tone: 'danger' })) await deleteProject()
+ * ```
+ *
+ * Resolves `true` when confirmed, `false` when cancelled or dismissed with Escape.
+ */
+export declare function useConfirm(): ConfirmFn;
+//#endregion
+//#region src/components/aspect-ratio/aspect-ratio.d.ts
+export declare const aspectRatioStyles: import("tailwind-variants").TVReturnType<{
+  rounded: {
+    true: {
+      base: string;
+    };
+  };
+  placeholder: {
+    true: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+}, undefined, {
+  rounded: {
+    true: {
+      base: string;
+    };
+  };
+  placeholder: {
+    true: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  rounded: {
+    true: {
+      base: string;
+    };
+  };
+  placeholder: {
+    true: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    AspectRatio: StylesEntry<typeof aspectRatioStyles>;
+  }
+}
+interface AspectRatioProps extends ComponentProps<typeof AspectRatio$1.Root>, VariantProps<typeof aspectRatioStyles> {}
+/** Keeps media at a fixed width-to-height ratio, e.g. `ratio={16 / 9}`. Images inside cover the box. */
+export declare function AspectRatio(inProps: AspectRatioProps): import("react").JSX.Element;
+//#endregion
 //#region src/components/avatar/avatar.d.ts
 interface AvatarProps extends ComponentProps<typeof Avatar$1.Root>, AvatarVariants {
   /** Used for the image alt text and the initials fallback. */
   name: string;
   src?: string | undefined;
 }
-export declare function Avatar(inProps: AvatarProps): import("react").JSX.Element;
-export declare function AvatarGroup({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function Avatar(inProps: AvatarProps): import("react").JSX.Element;
+export declare function AvatarGroup({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+//#endregion
+//#region src/components/badge/badge.d.ts
+interface BadgeProps extends ComponentProps<'span'>, BadgeVariants {
+  /** Leading status dot in the badge's color. */
+  dot?: boolean;
+  asChild?: boolean;
+}
+export declare function Badge(inProps: BadgeProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/banner/banner.styles.d.ts
+export declare const bannerStyles: import("tailwind-variants").TVReturnType<{
+  tone: {
+    neutral: {
+      root: string;
+      icon: string;
+    };
+    primary: {
+      root: string;
+    };
+    info: {
+      root: string;
+    };
+    success: {
+      root: string;
+    };
+    warning: {
+      root: string;
+    };
+    danger: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  inner: string;
+  icon: string;
+  content: string;
+  action: string;
+  dismiss: string;
+}, undefined, {
+  tone: {
+    neutral: {
+      root: string;
+      icon: string;
+    };
+    primary: {
+      root: string;
+    };
+    info: {
+      root: string;
+    };
+    success: {
+      root: string;
+    };
+    warning: {
+      root: string;
+    };
+    danger: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  inner: string;
+  icon: string;
+  content: string;
+  action: string;
+  dismiss: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  tone: {
+    neutral: {
+      root: string;
+      icon: string;
+    };
+    primary: {
+      root: string;
+    };
+    info: {
+      root: string;
+    };
+    success: {
+      root: string;
+    };
+    warning: {
+      root: string;
+    };
+    danger: {
+      root: string;
+    };
+  };
+}, {
+  root: string[];
+  inner: string;
+  icon: string;
+  content: string;
+  action: string;
+  dismiss: string;
+}>>;
+type BannerVariants = VariantProps<typeof bannerStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Banner: StylesEntry<typeof bannerStyles>;
+  }
+}
+//#endregion
+//#region src/components/banner/banner.d.ts
+interface BannerProps extends ComponentProps<'section'>, BannerVariants {
+  /** Replaces the tone's default icon. `false` hides it. */
+  icon?: ReactNode | false;
+  action?: ReactNode;
+  /** Shows a close button. */
+  dismissible?: boolean;
+  /** Remembers the dismissal in localStorage under this key, so the banner stays hidden. */
+  storageKey?: string;
+  onDismiss?: () => void;
+  dismissLabel?: string;
+}
+/** A full-width announcement at the top of a page or section. */
+export declare function Banner(inProps: BannerProps): import("react").JSX.Element | null;
+//#endregion
+//#region src/components/blockquote/blockquote.d.ts
+export declare const blockquoteStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      quote: string;
+    };
+    md: {
+      quote: string;
+    };
+    lg: {
+      quote: string;
+    };
+  };
+}, {
+  root: string;
+  quote: string;
+  caption: string;
+  author: string;
+}, undefined, {
+  size: {
+    sm: {
+      quote: string;
+    };
+    md: {
+      quote: string;
+    };
+    lg: {
+      quote: string;
+    };
+  };
+}, {
+  root: string;
+  quote: string;
+  caption: string;
+  author: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: {
+      quote: string;
+    };
+    md: {
+      quote: string;
+    };
+    lg: {
+      quote: string;
+    };
+  };
+}, {
+  root: string;
+  quote: string;
+  caption: string;
+  author: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Blockquote: StylesEntry<typeof blockquoteStyles>;
+  }
+}
+interface BlockquoteProps extends ComponentProps<'figure'>, VariantProps<typeof blockquoteStyles> {
+  /** Who said it. */
+  author?: ReactNode;
+  /** Their role or the work it's from, shown after the author. */
+  source?: ReactNode;
+  /** URL of the quoted source, set as the `cite` attribute. */
+  citeUrl?: string;
+}
+/** A quotation with an optional attribution. */
+export declare function Blockquote(inProps: BlockquoteProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/breadcrumb/breadcrumb.d.ts
+interface BreadcrumbItemData {
+  label: ReactNode;
+  /** Omit for the current page (normally the last item). */
+  href?: string;
+}
+interface BreadcrumbProps extends ComponentProps<'nav'> {
+  /** Data-driven trail. The last item is the current page. Omit to compose the parts yourself. */
+  items?: readonly BreadcrumbItemData[];
+  /** Custom separator between items. A chevron by default. */
+  separator?: ReactNode;
+}
+/** Shows where the current page sits in the hierarchy. */
+export declare function Breadcrumb({ items, separator, className, children, ...props }: BreadcrumbProps): import("react").JSX.Element;
+export declare function BreadcrumbList({ className, ...props }: ComponentProps<'ol'>): import("react").JSX.Element;
+export declare function BreadcrumbItem({ className, ...props }: ComponentProps<'li'>): import("react").JSX.Element;
+interface BreadcrumbLinkProps {
+  href: string;
+  className?: string;
+  children?: ReactNode;
+  /** Render your own element (e.g. a router link) with breadcrumb link styles. */
+  asChild?: boolean;
+}
+export declare function BreadcrumbLink({ href, className, children, asChild }: BreadcrumbLinkProps): import("react").JSX.Element;
+export declare function BreadcrumbPage({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+export declare function BreadcrumbSeparator({ className, children, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+//#endregion
+//#region src/components/breadcrumb/breadcrumb.styles.d.ts
+export declare const breadcrumbStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      link?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      separator?: import("tailwind-variants").ClassValue;
+      page?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      link?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      separator?: import("tailwind-variants").ClassValue;
+      page?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  list: string;
+  item: string;
+  link: string[];
+  page: string;
+  separator: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      link?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      separator?: import("tailwind-variants").ClassValue;
+      page?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  list: string;
+  item: string;
+  link: string[];
+  page: string;
+  separator: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  root: string;
+  list: string;
+  item: string;
+  link: string[];
+  page: string;
+  separator: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Breadcrumb: StylesEntry<typeof breadcrumbStyles>;
+  }
+}
+//#endregion
+//#region src/components/card/card.d.ts
+interface CardProps extends ComponentProps<'div'>, CardVariants {
+  asChild?: boolean;
+}
+/** A surface that groups related content. Compose with CardHeader, CardTitle, CardBody, CardFooter. */
+export declare function Card(inProps: CardProps): import("react").JSX.Element;
+export declare function CardHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+interface CardTitleProps extends ComponentProps<'h3'> {
+  asChild?: boolean;
+}
+export declare function CardTitle({ asChild, className, ...props }: CardTitleProps): import("react").JSX.Element;
+export declare function CardDescription({ className, ...props }: ComponentProps<'p'>): import("react").JSX.Element;
+export declare function CardBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function CardFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+//#endregion
+//#region src/components/code/code.styles.d.ts
+export declare const codeStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      base?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      base?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      base?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  base: string;
+}>>;
+export declare const codeBlockStyles: import("tailwind-variants").TVReturnType<{
+  wrap: {
+    true: {
+      pre: string;
+    };
+  };
+}, {
+  root: string[];
+  header: string;
+  title: string;
+  copy: string;
+  floatingCopy: string;
+  pre: string;
+}, undefined, {
+  wrap: {
+    true: {
+      pre: string;
+    };
+  };
+}, {
+  root: string[];
+  header: string;
+  title: string;
+  copy: string;
+  floatingCopy: string;
+  pre: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  wrap: {
+    true: {
+      pre: string;
+    };
+  };
+}, {
+  root: string[];
+  header: string;
+  title: string;
+  copy: string;
+  floatingCopy: string;
+  pre: string;
+}>>;
+type CodeBlockVariants = VariantProps<typeof codeBlockStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Code: StylesEntry<typeof codeStyles>;
+    CodeBlock: StylesEntry<typeof codeBlockStyles>;
+  }
+}
+//#endregion
+//#region src/components/code/code.d.ts
+/** Inline code within running text. */
+export declare function Code(inProps: ComponentProps<'code'>): import("react").JSX.Element;
+interface CodeBlockProps extends Omit<ComponentProps<'figure'>, 'children' | 'title'>, CodeBlockVariants {
+  /** The code to show and copy. */
+  code: string;
+  /** File name or caption shown in the header. */
+  title?: ReactNode;
+  /** Shown in the header when there is no title, e.g. "tsx". */
+  language?: string;
+  /** Show a copy button. Default true. */
+  copyable?: boolean;
+}
+/** A block of code with an optional file name and a copy button. No syntax highlighting is applied. */
+export declare function CodeBlock(inProps: CodeBlockProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox.d.ts
+interface ComboboxOption<T extends string = string> {
+  value: T;
+  /** Shown in the list and trigger, and matched by search. */
+  label: string;
+  description?: ReactNode;
+  /** Extra search terms, e.g. abbreviations. */
+  keywords?: readonly string[];
+  disabled?: boolean;
+}
+interface SingleProps<T extends string> {
+  multiple?: false;
+  value?: T | null;
+  defaultValue?: T | null;
+  onValueChange?: (value: T | null) => void;
+}
+interface MultipleProps<T extends string> {
+  multiple: true;
+  value?: readonly T[];
+  defaultValue?: readonly T[];
+  onValueChange?: (value: T[]) => void;
+}
+interface SharedProps<T extends string> {
+  options: readonly ComboboxOption<T>[];
+  placeholder?: ReactNode;
+  searchPlaceholder?: string;
+  /** Shown when the search matches nothing. */
+  emptyText?: ReactNode;
+  /** Chips shown in the trigger before collapsing to "+N". Multiple mode only. Default 3. */
+  maxChips?: number;
+  size?: 'sm' | 'md' | 'lg';
+  disabled?: boolean;
+  required?: boolean;
+  /** Submits the value with a native form (comma-free: one hidden input per value). */
+  name?: string;
+  id?: string;
+  className?: string;
+  contentClassName?: string;
+  'aria-label'?: string;
+  'aria-describedby'?: string;
+  'aria-invalid'?: boolean;
+}
+type ComboboxProps<T extends string = string> = SharedProps<T> & (SingleProps<T> | MultipleProps<T>);
+/**
+ * A select with search, for long option lists. `multiple` allows several values, shown
+ * as chips. The value type is inferred from `options`.
+ */
+export declare function Combobox<T extends string>(inProps: ComboboxProps<T>): import("react").JSX.Element;
+//#endregion
+//#region src/components/combobox/combobox.styles.d.ts
+export declare const comboboxStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      trigger: string;
+    };
+    md: {
+      trigger: string;
+    };
+    lg: {
+      trigger: string;
+    };
+  };
+  multiple: {
+    true: {
+      trigger: string;
+      value: string;
+    };
+  };
+}, {
+  trigger: string[];
+  value: string;
+  placeholder: string;
+  chip: string;
+  icon: string;
+  content: string[];
+  search: string;
+  input: string;
+  list: string;
+  empty: string;
+  item: string[];
+  itemText: string;
+  itemDescription: string;
+  check: string;
+}, undefined, {
+  size: {
+    sm: {
+      trigger: string;
+    };
+    md: {
+      trigger: string;
+    };
+    lg: {
+      trigger: string;
+    };
+  };
+  multiple: {
+    true: {
+      trigger: string;
+      value: string;
+    };
+  };
+}, {
+  trigger: string[];
+  value: string;
+  placeholder: string;
+  chip: string;
+  icon: string;
+  content: string[];
+  search: string;
+  input: string;
+  list: string;
+  empty: string;
+  item: string[];
+  itemText: string;
+  itemDescription: string;
+  check: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: {
+      trigger: string;
+    };
+    md: {
+      trigger: string;
+    };
+    lg: {
+      trigger: string;
+    };
+  };
+  multiple: {
+    true: {
+      trigger: string;
+      value: string;
+    };
+  };
+}, {
+  trigger: string[];
+  value: string;
+  placeholder: string;
+  chip: string;
+  icon: string;
+  content: string[];
+  search: string;
+  input: string;
+  list: string;
+  empty: string;
+  item: string[];
+  itemText: string;
+  itemDescription: string;
+  check: string;
+}>>;
+type ComboboxVariants = VariantProps<typeof comboboxStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Combobox: StylesEntry<typeof comboboxStyles>;
+  }
+}
+//#endregion
+//#region src/components/command-menu/command-menu.d.ts
+interface CommandMenuProps {
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /** Accessible name of the dialog and list. */
+  label?: string;
+  /** Wrap around from the last item to the first with arrow keys. Default true. */
+  loop?: boolean;
+  /** Replace cmdk's fuzzy ranking. Return 0 to hide an item, higher numbers to rank it first. */
+  filter?: (value: string, search: string, keywords?: string[]) => number;
+  className?: string;
+  children: ReactNode;
+}
+/**
+ * A ⌘K command palette in a modal dialog: search, grouped actions, keyboard navigation.
+ * Pair with `useCommandMenuShortcut(setOpen)` to open it from the keyboard.
+ */
+export declare function CommandMenu(inProps: CommandMenuProps): import("react").JSX.Element;
+/** The palette without a dialog, for inline search panels. */
+export declare function Command({ className, ...props }: ComponentProps<typeof Command$1>): import("react").JSX.Element;
+export declare function CommandInput({ className, ...props }: ComponentProps<typeof Command$1.Input>): import("react").JSX.Element;
+export declare function CommandList({ className, ...props }: ComponentProps<typeof Command$1.List>): import("react").JSX.Element;
+export declare function CommandEmpty({ className, children, ...props }: ComponentProps<typeof Command$1.Empty>): import("react").JSX.Element;
+export declare function CommandGroup({ className, ...props }: ComponentProps<typeof Command$1.Group>): import("react").JSX.Element;
+interface CommandItemProps extends ComponentProps<typeof Command$1.Item> {
+  icon?: ReactNode;
+  /** Keyboard hint shown at the end, e.g. `"⌘N"` or `["⌘", "N"]`. Display only. */
+  shortcut?: string | readonly string[];
+  /** Close the surrounding CommandMenu after selecting. Default true. */
+  closeOnSelect?: boolean;
+}
+export declare function CommandItem({ icon, shortcut, closeOnSelect, onSelect, className, children, ...props }: CommandItemProps): import("react").JSX.Element;
+export declare function CommandSeparator({ className, ...props }: ComponentProps<typeof Command$1.Separator>): import("react").JSX.Element;
+/** Toggles a command menu with ⌘K (macOS) or Ctrl+K. Pass another key to change it. */
+export declare function useCommandMenuShortcut(setOpen: Dispatch<SetStateAction<boolean>>, key?: string): void;
+//#endregion
+//#region src/components/command-menu/command-menu.styles.d.ts
+export declare const commandMenuStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      search?: import("tailwind-variants").ClassValue;
+      group?: import("tailwind-variants").ClassValue;
+      input?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      separator?: import("tailwind-variants").ClassValue;
+      overlay?: import("tailwind-variants").ClassValue;
+      itemIcon?: import("tailwind-variants").ClassValue;
+      itemLabel?: import("tailwind-variants").ClassValue;
+      empty?: import("tailwind-variants").ClassValue;
+      shortcut?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      search?: import("tailwind-variants").ClassValue;
+      group?: import("tailwind-variants").ClassValue;
+      input?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      separator?: import("tailwind-variants").ClassValue;
+      overlay?: import("tailwind-variants").ClassValue;
+      itemIcon?: import("tailwind-variants").ClassValue;
+      itemLabel?: import("tailwind-variants").ClassValue;
+      empty?: import("tailwind-variants").ClassValue;
+      shortcut?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  overlay: string;
+  content: string[];
+  root: string;
+  search: string;
+  input: string;
+  list: string;
+  empty: string;
+  group: string[];
+  item: string[];
+  itemIcon: string;
+  itemLabel: string;
+  shortcut: string;
+  separator: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      search?: import("tailwind-variants").ClassValue;
+      group?: import("tailwind-variants").ClassValue;
+      input?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      separator?: import("tailwind-variants").ClassValue;
+      overlay?: import("tailwind-variants").ClassValue;
+      itemIcon?: import("tailwind-variants").ClassValue;
+      itemLabel?: import("tailwind-variants").ClassValue;
+      empty?: import("tailwind-variants").ClassValue;
+      shortcut?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  overlay: string;
+  content: string[];
+  root: string;
+  search: string;
+  input: string;
+  list: string;
+  empty: string;
+  group: string[];
+  item: string[];
+  itemIcon: string;
+  itemLabel: string;
+  shortcut: string;
+  separator: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  overlay: string;
+  content: string[];
+  root: string;
+  search: string;
+  input: string;
+  list: string;
+  empty: string;
+  group: string[];
+  item: string[];
+  itemIcon: string;
+  itemLabel: string;
+  shortcut: string;
+  separator: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    CommandMenu: StylesEntry<typeof commandMenuStyles>;
+  }
+}
+//#endregion
+//#region src/components/container/container.d.ts
+export declare const containerStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: "max-w-2xl";
+    md: "max-w-3xl";
+    lg: "max-w-5xl";
+    xl: "max-w-7xl";
+    full: "max-w-none";
+  };
+}, undefined, "mx-auto w-full px-4 sm:px-6", {
+  size: {
+    sm: "max-w-2xl";
+    md: "max-w-3xl";
+    lg: "max-w-5xl";
+    xl: "max-w-7xl";
+    full: "max-w-none";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: "max-w-2xl";
+    md: "max-w-3xl";
+    lg: "max-w-5xl";
+    xl: "max-w-7xl";
+    full: "max-w-none";
+  };
+}, undefined>>;
+interface ContainerProps extends ComponentProps<'div'>, VariantProps<typeof containerStyles> {
+  asChild?: boolean;
+}
+/** Centers content at a readable max width with consistent side gutters. */
+export declare function Container({ size, asChild, className, ...props }: ContainerProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/description-list/description-list.styles.d.ts
+export declare const descriptionListStyles: import("tailwind-variants").TVReturnType<{
+  layout: {
+    stacked: {
+      root: string;
+    };
+    inline: {
+      item: string;
+    };
+  };
+  dividers: {
+    true: {
+      root: string;
+      item: string;
+    };
+    false: {};
+  };
+}, {
+  root: string;
+  item: string;
+  term: string;
+  details: string;
+}, undefined, {
+  layout: {
+    stacked: {
+      root: string;
+    };
+    inline: {
+      item: string;
+    };
+  };
+  dividers: {
+    true: {
+      root: string;
+      item: string;
+    };
+    false: {};
+  };
+}, {
+  root: string;
+  item: string;
+  term: string;
+  details: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  layout: {
+    stacked: {
+      root: string;
+    };
+    inline: {
+      item: string;
+    };
+  };
+  dividers: {
+    true: {
+      root: string;
+      item: string;
+    };
+    false: {};
+  };
+}, {
+  root: string;
+  item: string;
+  term: string;
+  details: string;
+}>>;
+type DescriptionListVariants = VariantProps<typeof descriptionListStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    DescriptionList: StylesEntry<typeof descriptionListStyles>;
+  }
+}
+//#endregion
+//#region src/components/description-list/description-list.d.ts
+interface DescriptionListProps extends ComponentProps<'dl'>, DescriptionListVariants {}
+/**
+ * Label–value pairs, such as account details or order metadata.
+ * `layout="inline"` puts terms and details side by side from the `sm` breakpoint.
+ */
+export declare function DescriptionList(inProps: DescriptionListProps): import("react").JSX.Element;
+interface DescriptionItemProps extends Omit<ComponentProps<'div'>, 'children'> {
+  term: ReactNode;
+  children: ReactNode;
+}
+export declare function DescriptionItem({ term, children, className, ...props }: DescriptionItemProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog.styles.d.ts
+export declare const dialogStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      content: string;
+    };
+    md: {
+      content: string;
+    };
+    lg: {
+      content: string;
+    };
+    xl: {
+      content: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string[];
+  close: string[];
+  header: string;
+  title: string;
+  description: string;
+  body: string;
+  footer: string;
+}, undefined, {
+  size: {
+    sm: {
+      content: string;
+    };
+    md: {
+      content: string;
+    };
+    lg: {
+      content: string;
+    };
+    xl: {
+      content: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string[];
+  close: string[];
+  header: string;
+  title: string;
+  description: string;
+  body: string;
+  footer: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: {
+      content: string;
+    };
+    md: {
+      content: string;
+    };
+    lg: {
+      content: string;
+    };
+    xl: {
+      content: string;
+    };
+  };
+}, {
+  overlay: string;
+  content: string[];
+  close: string[];
+  header: string;
+  title: string;
+  description: string;
+  body: string;
+  footer: string;
+}>>;
+type DialogVariants = VariantProps<typeof dialogStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Dialog: StylesEntry<typeof dialogStyles>;
+  }
+}
+//#endregion
+//#region src/components/dialog/dialog.d.ts
+/** A modal window. Focus is trapped inside and returns to the trigger on close. */
+export declare const Dialog: import("react").FC<Dialog$1.DialogProps>;
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: import("react").ForwardRefExoticComponent<Dialog$1.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface DialogContentProps extends ComponentProps<typeof Dialog$1.Content>, DialogVariants {
+  /** Show the close button in the corner. Default true. */
+  showClose?: boolean;
+  overlayClassName?: string;
+}
+export declare function DialogContent(inProps: DialogContentProps): import("react").JSX.Element;
+export declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function DialogTitle({ className, ...props }: ComponentProps<typeof Dialog$1.Title>): import("react").JSX.Element;
+export declare function DialogDescription({ className, ...props }: ComponentProps<typeof Dialog$1.Description>): import("react").JSX.Element;
+export declare function DialogBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function DialogFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu.d.ts
+/** A menu of actions opened from a button: row actions, account menus, "more" buttons. */
+export declare const DropdownMenu: import("react").FC<DropdownMenu$1.DropdownMenuProps>;
+export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenu$1.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenu$1.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenu$1.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSub: import("react").FC<DropdownMenu$1.DropdownMenuSubProps>;
+export declare function DropdownMenuContent(inProps: ComponentProps<typeof DropdownMenu$1.Content>): import("react").JSX.Element;
+interface DropdownMenuItemProps extends ComponentProps<typeof DropdownMenu$1.Item> {
+  icon?: ReactNode;
+  /** Keyboard hint shown at the end, e.g. "⌘D". Display only. */
+  shortcut?: ReactNode;
+  /** `danger` for destructive actions. */
+  tone?: 'default' | 'danger';
+  /** Indent to line up with checkbox and radio items. */
+  inset?: boolean;
+}
+export declare function DropdownMenuItem({ icon, shortcut, tone, inset, className, children, ...props }: DropdownMenuItemProps): import("react").JSX.Element;
+export declare function DropdownMenuCheckboxItem({ className, children, ...props }: ComponentProps<typeof DropdownMenu$1.CheckboxItem>): import("react").JSX.Element;
+export declare function DropdownMenuRadioItem({ className, children, ...props }: ComponentProps<typeof DropdownMenu$1.RadioItem>): import("react").JSX.Element;
+export declare function DropdownMenuLabel({ inset, className, ...props }: ComponentProps<typeof DropdownMenu$1.Label> & {
+  inset?: boolean;
+}): import("react").JSX.Element;
+export declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenu$1.Separator>): import("react").JSX.Element;
+export declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+interface DropdownMenuSubTriggerProps extends ComponentProps<typeof DropdownMenu$1.SubTrigger> {
+  icon?: ReactNode;
+}
+export declare function DropdownMenuSubTrigger({ icon, className, children, ...props }: DropdownMenuSubTriggerProps): import("react").JSX.Element;
+export declare function DropdownMenuSubContent({ sideOffset, className, ...props }: ComponentProps<typeof DropdownMenu$1.SubContent>): import("react").JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu.styles.d.ts
+export declare const dropdownMenuStyles: import("tailwind-variants").TVReturnType<{
+  tone: {
+    default: {};
+    danger: {
+      item: string;
+      icon: string;
+    };
+  };
+  inset: {
+    true: {
+      item: string;
+      label: string;
+    };
+  };
+}, {
+  content: string[];
+  item: string[];
+  icon: string;
+  indicator: string;
+  label: string;
+  separator: string;
+  shortcut: string;
+  subTrigger: string[];
+  subContent: string[];
+}, undefined, {
+  tone: {
+    default: {};
+    danger: {
+      item: string;
+      icon: string;
+    };
+  };
+  inset: {
+    true: {
+      item: string;
+      label: string;
+    };
+  };
+}, {
+  content: string[];
+  item: string[];
+  icon: string;
+  indicator: string;
+  label: string;
+  separator: string;
+  shortcut: string;
+  subTrigger: string[];
+  subContent: string[];
+}, import("tailwind-variants").TVReturnTypeLike<{
+  tone: {
+    default: {};
+    danger: {
+      item: string;
+      icon: string;
+    };
+  };
+  inset: {
+    true: {
+      item: string;
+      label: string;
+    };
+  };
+}, {
+  content: string[];
+  item: string[];
+  icon: string;
+  indicator: string;
+  label: string;
+  separator: string;
+  shortcut: string;
+  subTrigger: string[];
+  subContent: string[];
+}>>;
+type DropdownMenuVariants = VariantProps<typeof dropdownMenuStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    DropdownMenu: StylesEntry<typeof dropdownMenuStyles>;
+  }
+}
+//#endregion
+//#region src/components/eyebrow/eyebrow.d.ts
+interface EyebrowProps extends ComponentProps<'p'>, EyebrowVariants {
+  asChild?: boolean;
+}
+/** Small uppercase label that sits above a heading. */
+export declare function Eyebrow(inProps: EyebrowProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/field/field-context.d.ts
+interface FieldContextValue {
+  id: string;
+  descriptionId: string | undefined;
+  errorId: string | undefined;
+  invalid: boolean;
+  required: boolean;
+  disabled: boolean;
+}
+export declare const FieldContext: import("react").Context<FieldContextValue | null>;
+interface ControlProps {
+  id?: string | undefined;
+  disabled?: boolean | undefined;
+  required?: boolean | undefined;
+  'aria-describedby'?: string | undefined;
+  'aria-invalid'?: boolean | 'true' | 'false' | 'grammar' | 'spelling' | undefined;
+}
+/**
+ * Connects a form control to the surrounding `Field`: id for the label, `aria-describedby`
+ * for description and error, `aria-invalid`, `required`, `disabled`. Props passed directly win.
+ */
+export declare function useFieldControl<P extends ControlProps>(props: P): P;
+//#endregion
+//#region src/components/grid/grid.d.ts
+type Cols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl';
+type GridCols = Cols | Partial<Record<Breakpoint, Cols>>;
+export declare const gridStyles: import("tailwind-variants").TVReturnType<{
+  gap: {
+    0: {
+      base: string;
+    };
+    1: {
+      base: string;
+    };
+    2: {
+      base: string;
+    };
+    3: {
+      base: string;
+    };
+    4: {
+      base: string;
+    };
+    5: {
+      base: string;
+    };
+    6: {
+      base: string;
+    };
+    8: {
+      base: string;
+    };
+    10: {
+      base: string;
+    };
+    12: {
+      base: string;
+    };
+  };
+  align: {
+    start: {
+      base: string;
+    };
+    center: {
+      base: string;
+    };
+    end: {
+      base: string;
+    };
+    stretch: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+}, undefined, {
+  gap: {
+    0: {
+      base: string;
+    };
+    1: {
+      base: string;
+    };
+    2: {
+      base: string;
+    };
+    3: {
+      base: string;
+    };
+    4: {
+      base: string;
+    };
+    5: {
+      base: string;
+    };
+    6: {
+      base: string;
+    };
+    8: {
+      base: string;
+    };
+    10: {
+      base: string;
+    };
+    12: {
+      base: string;
+    };
+  };
+  align: {
+    start: {
+      base: string;
+    };
+    center: {
+      base: string;
+    };
+    end: {
+      base: string;
+    };
+    stretch: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  gap: {
+    0: {
+      base: string;
+    };
+    1: {
+      base: string;
+    };
+    2: {
+      base: string;
+    };
+    3: {
+      base: string;
+    };
+    4: {
+      base: string;
+    };
+    5: {
+      base: string;
+    };
+    6: {
+      base: string;
+    };
+    8: {
+      base: string;
+    };
+    10: {
+      base: string;
+    };
+    12: {
+      base: string;
+    };
+  };
+  align: {
+    start: {
+      base: string;
+    };
+    center: {
+      base: string;
+    };
+    end: {
+      base: string;
+    };
+    stretch: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Grid: StylesEntry<typeof gridStyles>;
+  }
+}
+interface GridProps extends ComponentProps<'div'>, VariantProps<typeof gridStyles> {
+  /** Column count, or per breakpoint: `{ base: 1, sm: 2, lg: 4 }`. Default 1. */
+  cols?: GridCols;
+  asChild?: boolean;
+}
+/** Responsive equal-width columns with spacing from the scale. */
+export declare function Grid(inProps: GridProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/heading/heading.d.ts
+type Level = 1 | 2 | 3 | 4 | 5 | 6;
+interface HeadingProps extends ComponentProps<'h2'>, HeadingVariants {
+  /** Document outline level (h1–h6). Visual size follows it unless `size` is set. */
+  level?: Level;
+  asChild?: boolean;
+}
+/** A heading whose semantic level and visual size are set independently. */
+export declare function Heading(inProps: HeadingProps): import("react").JSX.Element;
 //#endregion
-//#region src/components/badge/badge.d.ts
-interface BadgeProps extends ComponentProps<'span'>, BadgeVariants {
-  /** Leading status dot in the badge's color. */
-  dot?: boolean;
-  asChild?: boolean;
+//#region src/components/input/input.d.ts
+interface InputProps extends Omit<ComponentProps<'input'>, 'size' | 'prefix'>, InputVariants {
+  /** Content before the text, e.g. an icon or `https://`. */
+  prefix?: ReactNode;
+  /** Content after the text, e.g. a unit or a Kbd hint. */
+  suffix?: ReactNode;
+  /** Classes for the `<input>` element itself. `className` styles the outer frame. */
+  inputClassName?: string;
+}
+export declare function Input(inProps: InputProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/link/link.styles.d.ts
+export declare const linkStyles: import("tailwind-variants").TVReturnType<{
+  tone: {
+    default: {
+      base: string;
+    };
+    muted: {
+      base: string;
+    };
+    primary: {
+      base: string;
+    };
+  };
+  underline: {
+    hover: {
+      base: string;
+    };
+    always: {
+      base: string;
+    };
+    none: {
+      base: string;
+    };
+  };
+}, {
+  base: string[];
+  icon: string;
+}, undefined, {
+  tone: {
+    default: {
+      base: string;
+    };
+    muted: {
+      base: string;
+    };
+    primary: {
+      base: string;
+    };
+  };
+  underline: {
+    hover: {
+      base: string;
+    };
+    always: {
+      base: string;
+    };
+    none: {
+      base: string;
+    };
+  };
+}, {
+  base: string[];
+  icon: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  tone: {
+    default: {
+      base: string;
+    };
+    muted: {
+      base: string;
+    };
+    primary: {
+      base: string;
+    };
+  };
+  underline: {
+    hover: {
+      base: string;
+    };
+    always: {
+      base: string;
+    };
+    none: {
+      base: string;
+    };
+  };
+}, {
+  base: string[];
+  icon: string;
+}>>;
+type LinkVariants = VariantProps<typeof linkStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Link: StylesEntry<typeof linkStyles>;
+  }
+}
+//#endregion
+//#region src/components/link/link.d.ts
+interface LinkProps extends Omit<ComponentProps<'a'>, 'href'>, LinkVariants {
+  href: string;
+  /** Opens in a new tab with `rel="noopener noreferrer"`, shows an arrow and announces it. */
+  external?: boolean;
+}
+/**
+ * A text link with an animated underline. Internal links go through the provider's
+ * `linkComponent` (your router); external links render a plain `<a>`.
+ */
+export declare function Link(inProps: LinkProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/pagination/pagination.styles.d.ts
+export declare const paginationStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      item: string;
+      ellipsis: string;
+    };
+    md: {
+      item: string;
+      ellipsis: string;
+    };
+  };
+}, {
+  root: string;
+  list: string;
+  item: string[];
+  ellipsis: string;
+}, undefined, {
+  size: {
+    sm: {
+      item: string;
+      ellipsis: string;
+    };
+    md: {
+      item: string;
+      ellipsis: string;
+    };
+  };
+}, {
+  root: string;
+  list: string;
+  item: string[];
+  ellipsis: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: {
+      item: string;
+      ellipsis: string;
+    };
+    md: {
+      item: string;
+      ellipsis: string;
+    };
+  };
+}, {
+  root: string;
+  list: string;
+  item: string[];
+  ellipsis: string;
+}>>;
+type PaginationVariants = VariantProps<typeof paginationStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Pagination: StylesEntry<typeof paginationStyles>;
+  }
+}
+//#endregion
+//#region src/components/pagination/pagination.d.ts
+interface PaginationProps extends Omit<ComponentProps<'nav'>, 'onChange'>, PaginationVariants {
+  /** Current page, starting at 1. */
+  page: number;
+  pageCount: number;
+  onPageChange?: (page: number) => void;
+  /** Render pages as links (through the provider's linkComponent) instead of buttons. */
+  getHref?: (page: number) => string;
+  /** Pages shown on each side of the current page. Default 1. */
+  siblingCount?: number;
+  /** Show first / last page buttons. Default true. */
+  showEdges?: boolean;
+}
+/** Page navigation for long lists. Controlled: you own `page`. */
+export declare function Pagination(inProps: PaginationProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/pagination/pagination-range.d.ts
+type PaginationItem = number | 'ellipsis';
+/**
+ * The page numbers to show, with `'ellipsis'` for gaps. Always includes the first and
+ * last page and `siblingCount` pages on each side of the current one, and keeps the
+ * number of items constant so the control doesn't jump in width.
+ *
+ * `paginationRange(6, 20)` → `[1, 'ellipsis', 5, 6, 7, 'ellipsis', 20]`
+ */
+export declare function paginationRange(page: number, pageCount: number, siblingCount?: number): PaginationItem[];
+//#endregion
+//#region src/components/popover/popover.d.ts
+export declare const popoverStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      content?: import("tailwind-variants").ClassValue;
+      arrow?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      content?: import("tailwind-variants").ClassValue;
+      arrow?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  content: string[];
+  arrow: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      content?: import("tailwind-variants").ClassValue;
+      arrow?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  content: string[];
+  arrow: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  content: string[];
+  arrow: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Popover: StylesEntry<typeof popoverStyles>;
+  }
+}
+/** Floating content anchored to a trigger: quick settings, details, small forms. */
+export declare const Popover: import("react").FC<Popover$1.PopoverProps>;
+export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<Popover$1.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<Popover$1.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PopoverClose: import("react").ForwardRefExoticComponent<Popover$1.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface PopoverContentProps extends ComponentProps<typeof Popover$1.Content> {
+  /** Render a small arrow pointing at the trigger. */
+  showArrow?: boolean;
+}
+export declare function PopoverContent(inProps: PopoverContentProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/progress/progress.styles.d.ts
+export declare const progressStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      track: string;
+    };
+    md: {
+      track: string;
+    };
+    lg: {
+      track: string;
+    };
+  };
+  tone: {
+    primary: {
+      indicator: string;
+    };
+    neutral: {
+      indicator: string;
+    };
+    success: {
+      indicator: string;
+    };
+    warning: {
+      indicator: string;
+    };
+    danger: {
+      indicator: string;
+    };
+  };
+}, {
+  root: string;
+  header: string;
+  label: string;
+  value: string;
+  track: string;
+  indicator: string[];
+}, undefined, {
+  size: {
+    sm: {
+      track: string;
+    };
+    md: {
+      track: string;
+    };
+    lg: {
+      track: string;
+    };
+  };
+  tone: {
+    primary: {
+      indicator: string;
+    };
+    neutral: {
+      indicator: string;
+    };
+    success: {
+      indicator: string;
+    };
+    warning: {
+      indicator: string;
+    };
+    danger: {
+      indicator: string;
+    };
+  };
+}, {
+  root: string;
+  header: string;
+  label: string;
+  value: string;
+  track: string;
+  indicator: string[];
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: {
+      track: string;
+    };
+    md: {
+      track: string;
+    };
+    lg: {
+      track: string;
+    };
+  };
+  tone: {
+    primary: {
+      indicator: string;
+    };
+    neutral: {
+      indicator: string;
+    };
+    success: {
+      indicator: string;
+    };
+    warning: {
+      indicator: string;
+    };
+    danger: {
+      indicator: string;
+    };
+  };
+}, {
+  root: string;
+  header: string;
+  label: string;
+  value: string;
+  track: string;
+  indicator: string[];
+}>>;
+type ProgressVariants = VariantProps<typeof progressStyles>;
+export declare const progressCircleStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      root: string;
+      value: string;
+    };
+    md: {
+      root: string;
+      value: string;
+    };
+    lg: {
+      root: string;
+      value: string;
+    };
+  };
+  tone: {
+    primary: {
+      indicator: string;
+    };
+    neutral: {
+      indicator: string;
+    };
+    success: {
+      indicator: string;
+    };
+    warning: {
+      indicator: string;
+    };
+    danger: {
+      indicator: string;
+    };
+  };
+}, {
+  root: string;
+  svg: string;
+  track: string;
+  indicator: string;
+  value: string;
+}, undefined, {
+  size: {
+    sm: {
+      root: string;
+      value: string;
+    };
+    md: {
+      root: string;
+      value: string;
+    };
+    lg: {
+      root: string;
+      value: string;
+    };
+  };
+  tone: {
+    primary: {
+      indicator: string;
+    };
+    neutral: {
+      indicator: string;
+    };
+    success: {
+      indicator: string;
+    };
+    warning: {
+      indicator: string;
+    };
+    danger: {
+      indicator: string;
+    };
+  };
+}, {
+  root: string;
+  svg: string;
+  track: string;
+  indicator: string;
+  value: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: {
+      root: string;
+      value: string;
+    };
+    md: {
+      root: string;
+      value: string;
+    };
+    lg: {
+      root: string;
+      value: string;
+    };
+  };
+  tone: {
+    primary: {
+      indicator: string;
+    };
+    neutral: {
+      indicator: string;
+    };
+    success: {
+      indicator: string;
+    };
+    warning: {
+      indicator: string;
+    };
+    danger: {
+      indicator: string;
+    };
+  };
+}, {
+  root: string;
+  svg: string;
+  track: string;
+  indicator: string;
+  value: string;
+}>>;
+type ProgressCircleVariants = VariantProps<typeof progressCircleStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Progress: StylesEntry<typeof progressStyles>;
+    ProgressCircle: StylesEntry<typeof progressCircleStyles>;
+  }
 }
-export declare function Badge(inProps: BadgeProps): import("react").JSX.Element;
 //#endregion
-//#region src/components/card/card.d.ts
-interface CardProps extends ComponentProps<'div'>, CardVariants {
-  asChild?: boolean;
+//#region src/components/progress/progress.d.ts
+interface ProgressProps extends Omit<ComponentProps<'div'>, 'children'>, ProgressVariants {
+  /** Current value. `null` or omitted shows an indeterminate bar. */
+  value?: number | null;
+  max?: number;
+  /** Visible label above the bar; also its accessible name. */
+  label?: ReactNode;
+  /** Show the value next to the label. */
+  showValue?: boolean;
+  formatValue?: (value: number, max: number) => string;
+  /** Accessible name when there is no visible label. */
+  'aria-label'?: string;
 }
-/** A surface that groups related content. Compose with CardHeader, CardTitle, CardBody, CardFooter. */
-export declare function Card(inProps: CardProps): import("react").JSX.Element;
-export declare function CardHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
-interface CardTitleProps extends ComponentProps<'h3'> {
-  asChild?: boolean;
+/** A horizontal bar showing how far a task has progressed. */
+export declare function Progress(inProps: ProgressProps): import("react").JSX.Element;
+interface ProgressCircleProps extends Omit<ComponentProps<'div'>, 'children'>, ProgressCircleVariants {
+  value: number;
+  max?: number;
+  /** Show the percentage in the center (md and lg sizes). */
+  showValue?: boolean;
+  formatValue?: (value: number, max: number) => string;
+  /** Accessible name, e.g. "Storage used". */
+  'aria-label'?: string;
 }
-export declare function CardTitle({ asChild, className, ...props }: CardTitleProps): import("react").JSX.Element;
-export declare function CardDescription({ className, ...props }: ComponentProps<'p'>): import("react").JSX.Element;
-export declare function CardBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
-export declare function CardFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/** A compact ring for progress or a share of a total. */
+export declare function ProgressCircle(inProps: ProgressCircleProps): import("react").JSX.Element;
 //#endregion
-//#region src/components/container/container.d.ts
-export declare const containerStyles: import("tailwind-variants").TVReturnType<{
+//#region src/components/prose/prose.d.ts
+/**
+ * Element styles for long-form content. Every value comes from theme tokens, so articles
+ * pick up the theme's display font, type scale, colors and radius.
+ */
+export declare const proseStyles: import("tailwind-variants").TVReturnType<{
   size: {
-    sm: "max-w-2xl";
-    md: "max-w-3xl";
-    lg: "max-w-5xl";
-    xl: "max-w-7xl";
-    full: "max-w-none";
+    sm: {
+      base: string;
+    };
+    md: {
+      base: string;
+    };
+    lg: {
+      base: string;
+    };
   };
-}, undefined, "mx-auto w-full px-4 sm:px-6", {
+  fullWidth: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+}, {
+  base: string[];
+}, undefined, {
   size: {
-    sm: "max-w-2xl";
-    md: "max-w-3xl";
-    lg: "max-w-5xl";
-    xl: "max-w-7xl";
-    full: "max-w-none";
+    sm: {
+      base: string;
+    };
+    md: {
+      base: string;
+    };
+    lg: {
+      base: string;
+    };
   };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  fullWidth: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+}, {
+  base: string[];
+}, import("tailwind-variants").TVReturnTypeLike<{
   size: {
-    sm: "max-w-2xl";
-    md: "max-w-3xl";
-    lg: "max-w-5xl";
-    xl: "max-w-7xl";
-    full: "max-w-none";
+    sm: {
+      base: string;
+    };
+    md: {
+      base: string;
+    };
+    lg: {
+      base: string;
+    };
   };
-}, undefined>>;
-interface ContainerProps extends ComponentProps<'div'>, VariantProps<typeof containerStyles> {
-  asChild?: boolean;
+  fullWidth: {
+    true: {
+      base: string;
+    };
+    false: {
+      base: string;
+    };
+  };
+}, {
+  base: string[];
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Prose: StylesEntry<typeof proseStyles>;
+  }
 }
-/** Centers content at a readable max width with consistent side gutters. */
-export declare function Container({ size, asChild, className, ...props }: ContainerProps): import("react").JSX.Element;
-//#endregion
-//#region src/components/eyebrow/eyebrow.d.ts
-interface EyebrowProps extends ComponentProps<'p'>, EyebrowVariants {
+interface ProseProps extends ComponentProps<'div'>, VariantProps<typeof proseStyles> {
+  /** Render the child element (e.g. `<article>`) instead of a `<div>`. */
   asChild?: boolean;
 }
-/** Small uppercase label that sits above a heading. */
-export declare function Eyebrow(inProps: EyebrowProps): import("react").JSX.Element;
+/**
+ * Styles raw HTML or MDX (headings, lists, links, quotes, code, tables, images) from theme
+ * tokens. Wrap rendered Markdown or CMS content in it.
+ */
+export declare function Prose(inProps: ProseProps): import("react").JSX.Element;
 //#endregion
-//#region src/components/field/field-context.d.ts
-interface FieldContextValue {
-  id: string;
-  descriptionId: string | undefined;
-  errorId: string | undefined;
-  invalid: boolean;
-  required: boolean;
-  disabled: boolean;
-}
-export declare const FieldContext: import("react").Context<FieldContextValue | null>;
-interface ControlProps {
-  id?: string | undefined;
-  disabled?: boolean | undefined;
-  required?: boolean | undefined;
-  'aria-describedby'?: string | undefined;
-  'aria-invalid'?: boolean | 'true' | 'false' | 'grammar' | 'spelling' | undefined;
+//#region src/components/radio-group/radio-group.styles.d.ts
+export declare const radioGroupStyles: import("tailwind-variants").TVReturnType<{
+  orientation: {
+    vertical: {
+      root: string;
+    };
+    horizontal: {
+      root: string;
+    };
+  };
+  variant: {
+    default: {};
+    card: {};
+  };
+}, {
+  root: string;
+  option: string;
+  control: string[];
+  indicator: string;
+  text: string;
+  label: string;
+  description: string;
+  card: string[];
+  cardControl: string[];
+}, undefined, {
+  orientation: {
+    vertical: {
+      root: string;
+    };
+    horizontal: {
+      root: string;
+    };
+  };
+  variant: {
+    default: {};
+    card: {};
+  };
+}, {
+  root: string;
+  option: string;
+  control: string[];
+  indicator: string;
+  text: string;
+  label: string;
+  description: string;
+  card: string[];
+  cardControl: string[];
+}, import("tailwind-variants").TVReturnTypeLike<{
+  orientation: {
+    vertical: {
+      root: string;
+    };
+    horizontal: {
+      root: string;
+    };
+  };
+  variant: {
+    default: {};
+    card: {};
+  };
+}, {
+  root: string;
+  option: string;
+  control: string[];
+  indicator: string;
+  text: string;
+  label: string;
+  description: string;
+  card: string[];
+  cardControl: string[];
+}>>;
+type RadioGroupVariants = VariantProps<typeof radioGroupStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    RadioGroup: StylesEntry<typeof radioGroupStyles>;
+  }
+}
+//#endregion
+//#region src/components/radio-group/radio-group.d.ts
+type RootProps = Omit<ComponentProps<typeof RadioGroup$1.Root>, 'value' | 'defaultValue' | 'onValueChange' | 'orientation'>;
+interface RadioGroupProps<T extends string> extends RootProps, RadioGroupVariants {
+  value?: T;
+  defaultValue?: T;
+  /** Receives your value type, not `string`. */
+  onValueChange?: (value: T) => void;
 }
 /**
- * Connects a form control to the surrounding `Field`: id for the label, `aria-describedby`
- * for description and error, `aria-invalid`, `required`, `disabled`. Props passed directly win.
+ * Pick exactly one option from a short visible list. `variant="card"` turns each option
+ * into a bordered card with a title and description.
  */
-export declare function useFieldControl<P extends ControlProps>(props: P): P;
-//#endregion
-//#region src/components/heading/heading.d.ts
-type Level = 1 | 2 | 3 | 4 | 5 | 6;
-interface HeadingProps extends ComponentProps<'h2'>, HeadingVariants {
-  /** Document outline level (h1–h6). Visual size follows it unless `size` is set. */
-  level?: Level;
-  asChild?: boolean;
+export declare function RadioGroup<T extends string>(inProps: RadioGroupProps<T>): import("react").JSX.Element;
+interface RadioGroupItemProps extends Omit<ComponentProps<typeof RadioGroup$1.Item>, 'children'> {
+  /** Visible label. For card items this is the card title. */
+  label?: ReactNode;
+  description?: ReactNode;
+  /** Extra content inside a card item, below the description. */
+  children?: ReactNode;
 }
-/** A heading whose semantic level and visual size are set independently. */
-export declare function Heading(inProps: HeadingProps): import("react").JSX.Element;
+export declare function RadioGroupItem({ label, description, children, className, id, ...props }: RadioGroupItemProps): import("react").JSX.Element;
 //#endregion
-//#region src/components/input/input.d.ts
-interface InputProps extends Omit<ComponentProps<'input'>, 'size' | 'prefix'>, InputVariants {
-  /** Content before the text, e.g. an icon or `https://`. */
-  prefix?: ReactNode;
-  /** Content after the text, e.g. a unit or a Kbd hint. */
-  suffix?: ReactNode;
-  /** Classes for the `<input>` element itself. `className` styles the outer frame. */
-  inputClassName?: string;
+//#region src/components/scroll-area/scroll-area.d.ts
+export declare const scrollAreaStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      viewport?: import("tailwind-variants").ClassValue;
+      thumb?: import("tailwind-variants").ClassValue;
+      scrollbar?: import("tailwind-variants").ClassValue;
+      corner?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      viewport?: import("tailwind-variants").ClassValue;
+      thumb?: import("tailwind-variants").ClassValue;
+      scrollbar?: import("tailwind-variants").ClassValue;
+      corner?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  viewport: string[];
+  scrollbar: string[];
+  thumb: string;
+  corner: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      viewport?: import("tailwind-variants").ClassValue;
+      thumb?: import("tailwind-variants").ClassValue;
+      scrollbar?: import("tailwind-variants").ClassValue;
+      corner?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  viewport: string[];
+  scrollbar: string[];
+  thumb: string;
+  corner: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  root: string;
+  viewport: string[];
+  scrollbar: string[];
+  thumb: string;
+  corner: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    ScrollArea: StylesEntry<typeof scrollAreaStyles>;
+  }
 }
-export declare function Input(inProps: InputProps): import("react").JSX.Element;
+interface ScrollAreaProps extends ComponentProps<typeof ScrollArea$1.Root> {
+  /** Which scrollbars to show. Default vertical. */
+  orientation?: 'vertical' | 'horizontal' | 'both';
+  viewportClassName?: string;
+}
+/**
+ * A scrollable region with slim, theme-colored scrollbars. Give it a height (or width)
+ * with `className`, e.g. `h-72`.
+ */
+export declare function ScrollArea(inProps: ScrollAreaProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/section/section.d.ts
 export declare const sectionStyles: import("tailwind-variants").TVReturnType<{
@@ -1770,6 +3995,211 @@ interface SectionProps extends ComponentProps<'section'>, VariantProps<typeof se
 /** A full-width page band with consistent vertical rhythm. Put a Container inside. */
 export declare function Section({ spacing, tone, divided, asChild, className, ...props }: SectionProps): import("react").JSX.Element;
 //#endregion
+//#region src/components/sheet/sheet.styles.d.ts
+export declare const sheetStyles: import("tailwind-variants").TVReturnType<{
+  side: {
+    right: {
+      content: string;
+    };
+    left: {
+      content: string;
+    };
+    top: {
+      content: string;
+    };
+    bottom: {
+      content: string;
+    };
+  };
+  size: {
+    sm: {};
+    md: {};
+    lg: {};
+    xl: {};
+  };
+}, {
+  overlay: string;
+  content: string[];
+  close: string[];
+  header: string;
+  title: string;
+  description: string;
+  body: string;
+  footer: string;
+}, undefined, {
+  side: {
+    right: {
+      content: string;
+    };
+    left: {
+      content: string;
+    };
+    top: {
+      content: string;
+    };
+    bottom: {
+      content: string;
+    };
+  };
+  size: {
+    sm: {};
+    md: {};
+    lg: {};
+    xl: {};
+  };
+}, {
+  overlay: string;
+  content: string[];
+  close: string[];
+  header: string;
+  title: string;
+  description: string;
+  body: string;
+  footer: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  side: {
+    right: {
+      content: string;
+    };
+    left: {
+      content: string;
+    };
+    top: {
+      content: string;
+    };
+    bottom: {
+      content: string;
+    };
+  };
+  size: {
+    sm: {};
+    md: {};
+    lg: {};
+    xl: {};
+  };
+}, {
+  overlay: string;
+  content: string[];
+  close: string[];
+  header: string;
+  title: string;
+  description: string;
+  body: string;
+  footer: string;
+}>>;
+type SheetVariants = VariantProps<typeof sheetStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Sheet: StylesEntry<typeof sheetStyles>;
+  }
+}
+//#endregion
+//#region src/components/sheet/sheet.d.ts
+/** A panel that slides in from an edge: filters, details, settings, mobile navigation. */
+export declare const Sheet: import("react").FC<Dialog$1.DialogProps>;
+export declare const SheetTrigger: import("react").ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SheetClose: import("react").ForwardRefExoticComponent<Dialog$1.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface SheetContentProps extends ComponentProps<typeof Dialog$1.Content>, SheetVariants {
+  /** Show the close button in the corner. Default true. */
+  showClose?: boolean;
+  overlayClassName?: string;
+}
+export declare function SheetContent(inProps: SheetContentProps): import("react").JSX.Element;
+export declare function SheetHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function SheetTitle({ className, ...props }: ComponentProps<typeof Dialog$1.Title>): import("react").JSX.Element;
+export declare function SheetDescription({ className, ...props }: ComponentProps<typeof Dialog$1.Description>): import("react").JSX.Element;
+export declare function SheetBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function SheetFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+//#endregion
+//#region src/components/slider/slider.d.ts
+type SliderValue = number | readonly [number, number];
+interface SliderMark {
+  value: number;
+  label?: ReactNode;
+}
+interface SliderProps<V extends SliderValue> {
+  /** A number for one thumb, a `[min, max]` tuple for a range. */
+  value?: V;
+  defaultValue?: V;
+  onValueChange?: (value: V) => void;
+  /** Fires once when the user releases the thumb. Use it for expensive updates. */
+  onValueCommit?: (value: V) => void;
+  min?: number;
+  max?: number;
+  step?: number;
+  /** Minimum distance between range thumbs, in steps. */
+  minStepsBetweenThumbs?: number;
+  /** Labels shown under the track at given values. */
+  marks?: readonly (number | SliderMark)[];
+  /** Show the current value above each thumb. Pass a function to format it. */
+  showValue?: boolean | ((value: number) => ReactNode);
+  disabled?: boolean;
+  name?: string;
+  id?: string;
+  className?: string;
+  'aria-label'?: string;
+  'aria-describedby'?: string;
+  'aria-invalid'?: boolean;
+  /** Accessible names for range thumbs. Default: "Minimum", "Maximum". */
+  thumbLabels?: readonly [string, string];
+}
+/** Choose a number, or a range with two thumbs, by dragging or with arrow keys. */
+export declare function Slider<V extends SliderValue = number>(inProps: SliderProps<V>): import("react").JSX.Element;
+//#endregion
+//#region src/components/slider/slider.styles.d.ts
+export declare const sliderStyles: import("tailwind-variants").TVReturnType<{
+  showValue: {
+    true: {
+      wrapper: string;
+    };
+  };
+}, {
+  wrapper: string;
+  root: string;
+  track: string;
+  range: string;
+  thumb: string[];
+  value: string;
+  marks: string;
+  mark: string;
+}, undefined, {
+  showValue: {
+    true: {
+      wrapper: string;
+    };
+  };
+}, {
+  wrapper: string;
+  root: string;
+  track: string;
+  range: string;
+  thumb: string[];
+  value: string;
+  marks: string;
+  mark: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  showValue: {
+    true: {
+      wrapper: string;
+    };
+  };
+}, {
+  wrapper: string;
+  root: string;
+  track: string;
+  range: string;
+  thumb: string[];
+  value: string;
+  marks: string;
+  mark: string;
+}>>;
+type SliderVariants = VariantProps<typeof sliderStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Slider: StylesEntry<typeof sliderStyles>;
+  }
+}
+//#endregion
 //#region src/components/spinner/spinner.d.ts
 interface SpinnerProps extends Omit<ComponentProps<'svg'>, 'children'>, SpinnerVariants {
   /** Accessible label. Omit when the spinner sits inside an element that already says it's busy. */
@@ -1884,6 +4314,106 @@ interface StackProps extends ComponentProps<'div'>, VariantProps<typeof stackSty
 /** Flex layout with spacing from the scale. `direction="row"` for horizontal. */
 export declare function Stack({ direction, gap, align, justify, wrap, asChild, className, ...props }: StackProps): import("react").JSX.Element;
 //#endregion
+//#region src/components/stat-card/stat-card.d.ts
+type Trend = 'up' | 'down' | 'neutral';
+interface StatCardProps extends Omit<CardProps, 'children'> {
+  label: ReactNode;
+  value: ReactNode;
+  /** Change versus the previous period, e.g. "+12.4%". */
+  delta?: ReactNode;
+  /** Direction of the change. Colors the delta: up is good unless `invertTrend` is set. */
+  trend?: Trend;
+  /** For metrics where going down is good (churn, latency, cost). */
+  invertTrend?: boolean;
+  icon?: ReactNode;
+  description?: ReactNode;
+  /** A sparkline or small chart under the value. Colored with the primary color by default. */
+  chart?: ReactNode;
+}
+/** A key metric with its label, change versus the last period, and an optional chart. */
+export declare function StatCard(inProps: StatCardProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/stat-card/stat-card.styles.d.ts
+export declare const statCardStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      icon?: import("tailwind-variants").ClassValue;
+      root?: import("tailwind-variants").ClassValue;
+      label?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      header?: import("tailwind-variants").ClassValue;
+      value?: import("tailwind-variants").ClassValue;
+      valueRow?: import("tailwind-variants").ClassValue;
+      delta?: import("tailwind-variants").ClassValue;
+      chart?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      icon?: import("tailwind-variants").ClassValue;
+      root?: import("tailwind-variants").ClassValue;
+      label?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      header?: import("tailwind-variants").ClassValue;
+      value?: import("tailwind-variants").ClassValue;
+      valueRow?: import("tailwind-variants").ClassValue;
+      delta?: import("tailwind-variants").ClassValue;
+      chart?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  header: string;
+  label: string;
+  icon: string;
+  valueRow: string;
+  value: string;
+  delta: string;
+  description: string;
+  chart: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      icon?: import("tailwind-variants").ClassValue;
+      root?: import("tailwind-variants").ClassValue;
+      label?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      header?: import("tailwind-variants").ClassValue;
+      value?: import("tailwind-variants").ClassValue;
+      valueRow?: import("tailwind-variants").ClassValue;
+      delta?: import("tailwind-variants").ClassValue;
+      chart?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  header: string;
+  label: string;
+  icon: string;
+  valueRow: string;
+  value: string;
+  delta: string;
+  description: string;
+  chart: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  root: string;
+  header: string;
+  label: string;
+  icon: string;
+  valueRow: string;
+  value: string;
+  delta: string;
+  description: string;
+  chart: string;
+}>>;
+type StatCardVariants = VariantProps<typeof statCardStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    StatCard: StylesEntry<typeof statCardStyles>;
+  }
+}
+//#endregion
 //#region src/components/text/text.d.ts
 interface TextProps extends ComponentProps<'p'>, TextVariants {
   /** Render the child element (e.g. `<span>`, `<label>`) with text styles instead of a `<p>`. */
@@ -1891,6 +4421,121 @@ interface TextProps extends ComponentProps<'p'>, TextVariants {
 }
 export declare function Text(inProps: TextProps): import("react").JSX.Element;
 //#endregion
+//#region src/components/toast/toast.d.ts
+export declare const toastStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      icon?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      error?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+      success?: import("tailwind-variants").ClassValue;
+      warning?: import("tailwind-variants").ClassValue;
+      info?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      loading?: import("tailwind-variants").ClassValue;
+      toast?: import("tailwind-variants").ClassValue;
+      actionButton?: import("tailwind-variants").ClassValue;
+      cancelButton?: import("tailwind-variants").ClassValue;
+      closeButton?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      icon?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      error?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+      success?: import("tailwind-variants").ClassValue;
+      warning?: import("tailwind-variants").ClassValue;
+      info?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      loading?: import("tailwind-variants").ClassValue;
+      toast?: import("tailwind-variants").ClassValue;
+      actionButton?: import("tailwind-variants").ClassValue;
+      cancelButton?: import("tailwind-variants").ClassValue;
+      closeButton?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  toast: string[];
+  content: string;
+  title: string;
+  description: string;
+  icon: string;
+  actionButton: string[];
+  cancelButton: string[];
+  closeButton: string[];
+  success: string;
+  error: string;
+  warning: string;
+  info: string;
+  loading: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      icon?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      error?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+      success?: import("tailwind-variants").ClassValue;
+      warning?: import("tailwind-variants").ClassValue;
+      info?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      loading?: import("tailwind-variants").ClassValue;
+      toast?: import("tailwind-variants").ClassValue;
+      actionButton?: import("tailwind-variants").ClassValue;
+      cancelButton?: import("tailwind-variants").ClassValue;
+      closeButton?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  toast: string[];
+  content: string;
+  title: string;
+  description: string;
+  icon: string;
+  actionButton: string[];
+  cancelButton: string[];
+  closeButton: string[];
+  success: string;
+  error: string;
+  warning: string;
+  info: string;
+  loading: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  toast: string[];
+  content: string;
+  title: string;
+  description: string;
+  icon: string;
+  actionButton: string[];
+  cancelButton: string[];
+  closeButton: string[];
+  success: string;
+  error: string;
+  warning: string;
+  info: string;
+  loading: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Toast: StylesEntry<typeof toastStyles>;
+  }
+}
+type ToasterProps = ComponentProps<typeof Toaster$1>;
+/**
+ * Renders toasts sent with `toast()`. Mount once near the root. Styled entirely by the
+ * theme's tokens, so it follows the theme and color mode automatically.
+ *
+ * ```tsx
+ * toast.success('Saved')
+ * toast.promise(save(), { loading: 'Saving…', success: 'Saved', error: 'Couldn’t save' })
+ * ```
+ */
+export declare function Toaster(inProps: ToasterProps): import("react").JSX.Element;
+//#endregion
 //#region src/hooks/use-component-config.d.ts
 type SlotsOf<K extends ComponentName> = GlyphComponentRegistry[K] extends {
   slots: infer S extends string;
@@ -2113,9 +4758,14 @@ interface GlyphProviderProps {
   storageKey?: string | null;
   /** Your router's link, used by Navbar, Sidebar and other navigation components. */
   linkComponent?: LinkComponent;
+  /**
+   * Mounts a themed `<Toaster />` so `toast()` works anywhere. `true` for defaults, or pass
+   * Toaster props (e.g. `{ position: 'top-center' }`). Off by default.
+   */
+  toaster?: boolean | ToasterProps;
 }
-/** Provides the theme, color mode and app settings. Render once at the root. */
-export declare function GlyphProvider({ children, theme, defaultMode, storageKey, linkComponent }: GlyphProviderProps): import("react").JSX.Element;
+/** Provides the theme, color mode, tooltips, `useConfirm()` and (optionally) toasts. Render once at the root. */
+export declare function GlyphProvider({ children, theme, defaultMode, storageKey, linkComponent, toaster }: GlyphProviderProps): import("react").JSX.Element;
 //#endregion
 //#region src/provider/theme-scope.d.ts
 interface ThemeScopeProps extends ComponentProps<'div'> {
@@ -2152,4 +4802,4 @@ type PresetName = keyof typeof presets;
 /** Joins class names and resolves Tailwind conflicts (last one wins). */
 export declare function cn(...inputs: ClassValue[]): string;
 //#endregion
-export { type AppShellContextValue, type AppShellProps, type AsyncProps, type AsyncResult, type AsyncStatus, type AvatarProps, type AvatarVariants, type BadgeProps, type BadgeVariants, Button, type ButtonProps, type ButtonVariants, type CardProps, type CardTitleProps, type CardVariants, type ClassValue, type ColorMode, type ColorModeContextValue, type ColorModeOptions, type ColorModePreference, type ColorToken, type ComponentOverrides, type ContainerProps, type ErrorStateProps, type EyebrowProps, type EyebrowVariants, Field, type FieldContextValue, type FieldProps, type FieldVariants, type GlyphContextValue, type GlyphProviderProps, type HeadingProps, type HeadingVariants, IconButton, type IconButtonProps, type InputProps, type InputVariants, type LinkComponent, type LinkComponentProps, type LoadingStateProps, type NavLink, type NavbarProps, type PageHeaderProps, type PresetName, type RadiusToken, type SectionProps, type SegmentedControlProps, type SegmentedOption, type SelectItemProps, type SelectProps, type ShadowToken, type SidebarItemProps, type SidebarSectionProps, type SlotClasses, type SpinnerProps, type SpinnerVariants, type StackProps, type StateProps, type SwitchProps, type TabsProps, type TextProps, type TextToken, type TextVariants, type Theme, type ThemeInput, type ThemeScopeProps, type Tone, type TooltipProps, type VariantProps, buttonStyles, defineTheme, fieldStyles, themeToCss, tokenVar, tv };
+export { type AccordionProps, type AccordionVariants, type AlertDialogActionProps, type AlertDialogContentProps, type AlertProps, type AlertVariants, type AppShellContextValue, type AppShellProps, type AspectRatioProps, type AsyncProps, type AsyncResult, type AsyncStatus, type AvatarProps, type AvatarVariants, type BadgeProps, type BadgeVariants, type BannerProps, type BannerVariants, type BlockquoteProps, type BreadcrumbItemData, type BreadcrumbLinkProps, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariants, type CardProps, type CardTitleProps, type CardVariants, type ClassValue, type CodeBlockProps, type CodeBlockVariants, type ColorMode, type ColorModeContextValue, type ColorModeOptions, type ColorModePreference, type ColorToken, type ComboboxOption, type ComboboxProps, type ComboboxVariants, type CommandItemProps, type CommandMenuProps, type ComponentOverrides, type ConfirmFn, type ConfirmOptions, type ContainerProps, type DescriptionItemProps, type DescriptionListProps, type DescriptionListVariants, type DialogContentProps, type DialogVariants, type DropdownMenuItemProps, type DropdownMenuSubTriggerProps, type DropdownMenuVariants, type ErrorStateProps, type EyebrowProps, type EyebrowVariants, Field, type FieldContextValue, type FieldProps, type FieldVariants, type GlyphContextValue, type GlyphProviderProps, type GridCols, type GridProps, type HeadingProps, type HeadingVariants, IconButton, type IconButtonProps, type InputProps, type InputVariants, type LinkComponent, type LinkComponentProps, type LinkProps, type LinkVariants, type LoadingStateProps, type NavLink, type NavbarProps, type PageHeaderProps, type PaginationItem, type PaginationProps, type PaginationVariants, type PopoverContentProps, type PresetName, type ProgressCircleProps, type ProgressCircleVariants, type ProgressProps, type ProgressVariants, type ProseProps, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupVariants, type RadiusToken, type ScrollAreaProps, type SectionProps, type SegmentedControlProps, type SegmentedOption, type SelectItemProps, type SelectProps, type ShadowToken, type SheetContentProps, type SheetVariants, type SidebarItemProps, type SidebarSectionProps, type SliderMark, type SliderProps, type SliderValue, type SliderVariants, type SlotClasses, type SpinnerProps, type SpinnerVariants, type StackProps, type StatCardProps, type StatCardVariants, type StateProps, type SwitchProps, type TabsProps, type TextProps, type TextToken, type TextVariants, type Theme, type ThemeInput, type ThemeScopeProps, type ToasterProps, type Tone, type TooltipProps, type VariantProps, buttonStyles, defineTheme, fieldStyles, themeToCss, toast, tokenVar, tv };