@glyphui/ui 0.2.0 → 0.4.0

package/dist/index.d.ts

@@ -1,12 +1,18 @@
 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 { 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-Bi7rZ6ba.js";
 import { t as StylesEntry } from "./registry-BGSJoiLq.js";
+import { n as ColorModePreference, r as getColorModeScript, t as ColorModeOptions } from "./color-mode-script-KdwItKN2.js";
+import { a as LinkComponentProps, c as useIsActive, i as LinkComponent, l as useLinkComponent, n as GlyphRouter, o as UseIsActive, r as IsActiveOptions, s as useGlyph, t as GlyphContextValue } from "./glyph-context-DxGJrdvr.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 { 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 { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, ContextMenu as ContextMenu$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, HoverCard as HoverCard$1, Label as Label$1, NavigationMenu as NavigationMenu$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, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Tooltip as Tooltip$1, VisuallyHidden as VisuallyHidden$1 } from "radix-ui";
+import { ComponentProps, DependencyList, Dispatch, FormEvent, MouseEvent, ReactNode, SetStateAction } from "react";
+import { DateRange, DateRange as DateRange$1, DayPickerProps, Matcher, Matcher as Matcher$1 } from "react-day-picker";
+import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
+import { ClassValue } from "clsx";
 import { Command as Command$1 } from "cmdk";
+import { OTPInputProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp";
+import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
 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<{
   size: {
@@ -574,7 +580,9 @@ interface SegmentedControlProps<T extends string> extends VariantProps<typeof se
   value?: T;
   defaultValue?: T;
   onValueChange?: (value: T) => void;
-  'aria-label': string;
+  /** Required unless the control sits in a `<Field label>`, which labels it. */
+  'aria-label'?: string;
+  'aria-labelledby'?: string;
   className?: string;
   id?: string;
 }
@@ -834,27 +842,27 @@ export declare function Switch(inProps: SwitchProps): import("react").JSX.Elemen
 export declare const tableStyles: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-variants").ClassValue | {
+      caption?: import("tailwind-variants").ClassValue;
       header?: import("tailwind-variants").ClassValue;
       body?: import("tailwind-variants").ClassValue;
-      wrapper?: import("tailwind-variants").ClassValue;
-      table?: import("tailwind-variants").ClassValue;
-      row?: import("tailwind-variants").ClassValue;
       head?: import("tailwind-variants").ClassValue;
+      table?: import("tailwind-variants").ClassValue;
       cell?: import("tailwind-variants").ClassValue;
-      caption?: import("tailwind-variants").ClassValue;
+      row?: import("tailwind-variants").ClassValue;
+      wrapper?: import("tailwind-variants").ClassValue;
     };
   };
 } | {
   [x: string]: {
     [x: string]: import("tailwind-variants").ClassValue | {
+      caption?: import("tailwind-variants").ClassValue;
       header?: import("tailwind-variants").ClassValue;
       body?: import("tailwind-variants").ClassValue;
-      wrapper?: import("tailwind-variants").ClassValue;
-      table?: import("tailwind-variants").ClassValue;
-      row?: import("tailwind-variants").ClassValue;
       head?: import("tailwind-variants").ClassValue;
+      table?: import("tailwind-variants").ClassValue;
       cell?: import("tailwind-variants").ClassValue;
-      caption?: import("tailwind-variants").ClassValue;
+      row?: import("tailwind-variants").ClassValue;
+      wrapper?: import("tailwind-variants").ClassValue;
     };
   };
 } | {}, {
@@ -869,14 +877,14 @@ export declare const tableStyles: import("tailwind-variants").TVReturnType<{
 }, undefined, {
   [key: string]: {
     [key: string]: import("tailwind-variants").ClassValue | {
+      caption?: import("tailwind-variants").ClassValue;
       header?: import("tailwind-variants").ClassValue;
       body?: import("tailwind-variants").ClassValue;
-      wrapper?: import("tailwind-variants").ClassValue;
-      table?: import("tailwind-variants").ClassValue;
-      row?: import("tailwind-variants").ClassValue;
       head?: import("tailwind-variants").ClassValue;
+      table?: import("tailwind-variants").ClassValue;
       cell?: import("tailwind-variants").ClassValue;
-      caption?: import("tailwind-variants").ClassValue;
+      row?: import("tailwind-variants").ClassValue;
+      wrapper?: import("tailwind-variants").ClassValue;
     };
   };
 } | {}, {
@@ -1284,9 +1292,9 @@ export declare const sidebarStyles: import("tailwind-variants").TVReturnType<{
       root?: import("tailwind-variants").ClassValue;
       footer?: import("tailwind-variants").ClassValue;
       header?: import("tailwind-variants").ClassValue;
-      item?: import("tailwind-variants").ClassValue;
       content?: import("tailwind-variants").ClassValue;
       section?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
       sectionLabel?: import("tailwind-variants").ClassValue;
       itemIcon?: import("tailwind-variants").ClassValue;
       itemLabel?: import("tailwind-variants").ClassValue;
@@ -1299,9 +1307,9 @@ export declare const sidebarStyles: import("tailwind-variants").TVReturnType<{
       root?: import("tailwind-variants").ClassValue;
       footer?: import("tailwind-variants").ClassValue;
       header?: import("tailwind-variants").ClassValue;
-      item?: import("tailwind-variants").ClassValue;
       content?: import("tailwind-variants").ClassValue;
       section?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
       sectionLabel?: import("tailwind-variants").ClassValue;
       itemIcon?: import("tailwind-variants").ClassValue;
       itemLabel?: import("tailwind-variants").ClassValue;
@@ -1325,9 +1333,9 @@ export declare const sidebarStyles: import("tailwind-variants").TVReturnType<{
       root?: import("tailwind-variants").ClassValue;
       footer?: import("tailwind-variants").ClassValue;
       header?: import("tailwind-variants").ClassValue;
-      item?: import("tailwind-variants").ClassValue;
       content?: import("tailwind-variants").ClassValue;
       section?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
       sectionLabel?: import("tailwind-variants").ClassValue;
       itemIcon?: import("tailwind-variants").ClassValue;
       itemLabel?: import("tailwind-variants").ClassValue;
@@ -1455,10 +1463,10 @@ export declare const pageHeaderStyles: import("tailwind-variants").TVReturnType<
   [key: string]: {
     [key: string]: import("tailwind-variants").ClassValue | {
       root?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
       actions?: import("tailwind-variants").ClassValue;
       text?: import("tailwind-variants").ClassValue;
-      description?: import("tailwind-variants").ClassValue;
-      title?: import("tailwind-variants").ClassValue;
       eyebrow?: import("tailwind-variants").ClassValue;
     };
   };
@@ -1466,10 +1474,10 @@ export declare const pageHeaderStyles: import("tailwind-variants").TVReturnType<
   [x: string]: {
     [x: string]: import("tailwind-variants").ClassValue | {
       root?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
       actions?: import("tailwind-variants").ClassValue;
       text?: import("tailwind-variants").ClassValue;
-      description?: import("tailwind-variants").ClassValue;
-      title?: import("tailwind-variants").ClassValue;
       eyebrow?: import("tailwind-variants").ClassValue;
     };
   };
@@ -1484,10 +1492,10 @@ export declare const pageHeaderStyles: import("tailwind-variants").TVReturnType<
   [key: string]: {
     [key: string]: import("tailwind-variants").ClassValue | {
       root?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
       actions?: import("tailwind-variants").ClassValue;
       text?: import("tailwind-variants").ClassValue;
-      description?: import("tailwind-variants").ClassValue;
-      title?: import("tailwind-variants").ClassValue;
       eyebrow?: import("tailwind-variants").ClassValue;
     };
   };
@@ -1831,9 +1839,9 @@ export declare function AlertDialogCancel(props: Omit<ButtonProps, 'variant' | '
 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;
+      description?: import("tailwind-variants").ClassValue;
+      footer?: import("tailwind-variants").ClassValue;
       header?: import("tailwind-variants").ClassValue;
       content?: import("tailwind-variants").ClassValue;
       overlay?: import("tailwind-variants").ClassValue;
@@ -1842,9 +1850,9 @@ export declare const alertDialogStyles: import("tailwind-variants").TVReturnType
 } | {
   [x: string]: {
     [x: string]: import("tailwind-variants").ClassValue | {
-      footer?: import("tailwind-variants").ClassValue;
-      description?: import("tailwind-variants").ClassValue;
       title?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      footer?: import("tailwind-variants").ClassValue;
       header?: import("tailwind-variants").ClassValue;
       content?: import("tailwind-variants").ClassValue;
       overlay?: import("tailwind-variants").ClassValue;
@@ -1860,9 +1868,9 @@ export declare const alertDialogStyles: import("tailwind-variants").TVReturnType
 }, undefined, {
   [key: string]: {
     [key: string]: import("tailwind-variants").ClassValue | {
-      footer?: import("tailwind-variants").ClassValue;
-      description?: import("tailwind-variants").ClassValue;
       title?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      footer?: import("tailwind-variants").ClassValue;
       header?: import("tailwind-variants").ClassValue;
       content?: import("tailwind-variants").ClassValue;
       overlay?: import("tailwind-variants").ClassValue;
@@ -2198,9 +2206,9 @@ export declare const breadcrumbStyles: import("tailwind-variants").TVReturnType<
     [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;
+      item?: import("tailwind-variants").ClassValue;
       page?: import("tailwind-variants").ClassValue;
     };
   };
@@ -2209,9 +2217,9 @@ export declare const breadcrumbStyles: import("tailwind-variants").TVReturnType<
     [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;
+      item?: import("tailwind-variants").ClassValue;
       page?: import("tailwind-variants").ClassValue;
     };
   };
@@ -2227,9 +2235,9 @@ export declare const breadcrumbStyles: import("tailwind-variants").TVReturnType<
     [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;
+      item?: import("tailwind-variants").ClassValue;
       page?: import("tailwind-variants").ClassValue;
     };
   };
@@ -2254,6 +2262,184 @@ declare module '@glyphui/tokens' {
   }
 }
 //#endregion
+//#region src/components/calendar/calendar.d.ts
+type CalendarProps = DayPickerProps;
+/**
+ * A month grid for picking dates, built on react-day-picker and styled by the theme.
+ * Supports `mode="single" | "multiple" | "range"`, disabled dates and several months.
+ */
+export declare function Calendar(inProps: CalendarProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/calendar/calendar.styles.d.ts
+export declare const calendarStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      footer?: import("tailwind-variants").ClassValue;
+      nav?: import("tailwind-variants").ClassValue;
+      hidden?: import("tailwind-variants").ClassValue;
+      disabled?: import("tailwind-variants").ClassValue;
+      chevron?: import("tailwind-variants").ClassValue;
+      months?: import("tailwind-variants").ClassValue;
+      month?: import("tailwind-variants").ClassValue;
+      monthCaption?: import("tailwind-variants").ClassValue;
+      captionLabel?: import("tailwind-variants").ClassValue;
+      monthGrid?: import("tailwind-variants").ClassValue;
+      weekdays?: import("tailwind-variants").ClassValue;
+      weekday?: import("tailwind-variants").ClassValue;
+      weeks?: import("tailwind-variants").ClassValue;
+      week?: import("tailwind-variants").ClassValue;
+      day?: import("tailwind-variants").ClassValue;
+      today?: import("tailwind-variants").ClassValue;
+      selected?: import("tailwind-variants").ClassValue;
+      outside?: import("tailwind-variants").ClassValue;
+      rangeStart?: import("tailwind-variants").ClassValue;
+      rangeMiddle?: import("tailwind-variants").ClassValue;
+      rangeEnd?: import("tailwind-variants").ClassValue;
+      navButton?: import("tailwind-variants").ClassValue;
+      dayButton?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      footer?: import("tailwind-variants").ClassValue;
+      nav?: import("tailwind-variants").ClassValue;
+      hidden?: import("tailwind-variants").ClassValue;
+      disabled?: import("tailwind-variants").ClassValue;
+      chevron?: import("tailwind-variants").ClassValue;
+      months?: import("tailwind-variants").ClassValue;
+      month?: import("tailwind-variants").ClassValue;
+      monthCaption?: import("tailwind-variants").ClassValue;
+      captionLabel?: import("tailwind-variants").ClassValue;
+      monthGrid?: import("tailwind-variants").ClassValue;
+      weekdays?: import("tailwind-variants").ClassValue;
+      weekday?: import("tailwind-variants").ClassValue;
+      weeks?: import("tailwind-variants").ClassValue;
+      week?: import("tailwind-variants").ClassValue;
+      day?: import("tailwind-variants").ClassValue;
+      today?: import("tailwind-variants").ClassValue;
+      selected?: import("tailwind-variants").ClassValue;
+      outside?: import("tailwind-variants").ClassValue;
+      rangeStart?: import("tailwind-variants").ClassValue;
+      rangeMiddle?: import("tailwind-variants").ClassValue;
+      rangeEnd?: import("tailwind-variants").ClassValue;
+      navButton?: import("tailwind-variants").ClassValue;
+      dayButton?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  months: string;
+  month: string;
+  monthCaption: string;
+  captionLabel: string;
+  nav: string;
+  navButton: string[];
+  chevron: string;
+  monthGrid: string;
+  weekdays: string;
+  weekday: string;
+  weeks: string;
+  week: string;
+  day: string;
+  dayButton: string[];
+  today: string;
+  selected: string;
+  outside: string;
+  disabled: string;
+  rangeStart: string;
+  rangeMiddle: string;
+  rangeEnd: string;
+  hidden: string;
+  footer: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      footer?: import("tailwind-variants").ClassValue;
+      nav?: import("tailwind-variants").ClassValue;
+      hidden?: import("tailwind-variants").ClassValue;
+      disabled?: import("tailwind-variants").ClassValue;
+      chevron?: import("tailwind-variants").ClassValue;
+      months?: import("tailwind-variants").ClassValue;
+      month?: import("tailwind-variants").ClassValue;
+      monthCaption?: import("tailwind-variants").ClassValue;
+      captionLabel?: import("tailwind-variants").ClassValue;
+      monthGrid?: import("tailwind-variants").ClassValue;
+      weekdays?: import("tailwind-variants").ClassValue;
+      weekday?: import("tailwind-variants").ClassValue;
+      weeks?: import("tailwind-variants").ClassValue;
+      week?: import("tailwind-variants").ClassValue;
+      day?: import("tailwind-variants").ClassValue;
+      today?: import("tailwind-variants").ClassValue;
+      selected?: import("tailwind-variants").ClassValue;
+      outside?: import("tailwind-variants").ClassValue;
+      rangeStart?: import("tailwind-variants").ClassValue;
+      rangeMiddle?: import("tailwind-variants").ClassValue;
+      rangeEnd?: import("tailwind-variants").ClassValue;
+      navButton?: import("tailwind-variants").ClassValue;
+      dayButton?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  months: string;
+  month: string;
+  monthCaption: string;
+  captionLabel: string;
+  nav: string;
+  navButton: string[];
+  chevron: string;
+  monthGrid: string;
+  weekdays: string;
+  weekday: string;
+  weeks: string;
+  week: string;
+  day: string;
+  dayButton: string[];
+  today: string;
+  selected: string;
+  outside: string;
+  disabled: string;
+  rangeStart: string;
+  rangeMiddle: string;
+  rangeEnd: string;
+  hidden: string;
+  footer: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  root: string;
+  months: string;
+  month: string;
+  monthCaption: string;
+  captionLabel: string;
+  nav: string;
+  navButton: string[];
+  chevron: string;
+  monthGrid: string;
+  weekdays: string;
+  weekday: string;
+  weeks: string;
+  week: string;
+  day: string;
+  dayButton: string[];
+  today: string;
+  selected: string;
+  outside: string;
+  disabled: string;
+  rangeStart: string;
+  rangeMiddle: string;
+  rangeEnd: string;
+  hidden: string;
+  footer: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Calendar: StylesEntry<typeof calendarStyles>;
+  }
+}
+//#endregion
 //#region src/components/card/card.d.ts
 interface CardProps extends ComponentProps<'div'>, CardVariants {
   asChild?: boolean;
@@ -2269,6 +2455,110 @@ export declare function CardDescription({ className, ...props }: ComponentProps<
 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/carousel/carousel.styles.d.ts
+export declare const carouselStyles: import("tailwind-variants").TVReturnType<{
+  orientation: {
+    horizontal: {
+      container: string;
+      item: string;
+      control: string;
+    };
+    vertical: {
+      container: string;
+      item: string;
+      control: string;
+    };
+  };
+}, {
+  root: string;
+  viewport: string;
+  container: string;
+  item: string;
+  control: string;
+  dots: string;
+  dot: string[];
+}, undefined, {
+  orientation: {
+    horizontal: {
+      container: string;
+      item: string;
+      control: string;
+    };
+    vertical: {
+      container: string;
+      item: string;
+      control: string;
+    };
+  };
+}, {
+  root: string;
+  viewport: string;
+  container: string;
+  item: string;
+  control: string;
+  dots: string;
+  dot: string[];
+}, import("tailwind-variants").TVReturnTypeLike<{
+  orientation: {
+    horizontal: {
+      container: string;
+      item: string;
+      control: string;
+    };
+    vertical: {
+      container: string;
+      item: string;
+      control: string;
+    };
+  };
+}, {
+  root: string;
+  viewport: string;
+  container: string;
+  item: string;
+  control: string;
+  dots: string;
+  dot: string[];
+}>>;
+type CarouselVariants = VariantProps<typeof carouselStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Carousel: StylesEntry<typeof carouselStyles>;
+  }
+}
+//#endregion
+//#region src/components/carousel/carousel.d.ts
+type CarouselApi = UseEmblaCarouselType[1];
+type EmblaArgs = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = EmblaArgs[0];
+type CarouselPlugin = NonNullable<EmblaArgs[1]>[number];
+interface CarouselProps extends Omit<ComponentProps<'section'>, 'aria-label'>, CarouselVariants {
+  /** Embla options, e.g. `{ align: 'start', loop: true }`. */
+  opts?: CarouselOptions;
+  plugins?: CarouselPlugin[];
+  /** Shortcut for `opts.loop`. */
+  loop?: boolean;
+  /** Receives the Embla API for custom controls. */
+  setApi?: (api: CarouselApi) => void;
+  /** Required: describes the content, e.g. "Customer stories". */
+  'aria-label': string;
+}
+/**
+ * Swipeable, keyboard-accessible slides. Compose with CarouselContent, CarouselItem,
+ * CarouselPrevious, CarouselNext and CarouselDots.
+ */
+export declare function Carousel(inProps: CarouselProps): import("react").JSX.Element;
+export declare function CarouselContent({ className, children, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function CarouselItem({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+type ControlProps$1 = Omit<IconButtonProps, 'icon' | 'aria-label'> & {
+  'aria-label'?: string;
+  icon?: ReactNode;
+};
+export declare function CarouselPrevious({ className, icon, ...props }: ControlProps$1): import("react").JSX.Element;
+export declare function CarouselNext({ className, icon, ...props }: ControlProps$1): import("react").JSX.Element;
+/** One button per snap point; the current one is highlighted. */
+export declare function CarouselDots({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element | null;
+//#endregion
 //#region src/components/code/code.styles.d.ts
 export declare const codeStyles: import("tailwind-variants").TVReturnType<{
   [key: string]: {
@@ -2359,6 +2649,58 @@ interface CodeBlockProps extends Omit<ComponentProps<'figure'>, 'children' | 'ti
 /** 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/collapsible/collapsible.d.ts
+export declare const collapsibleStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      trigger?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      trigger?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  trigger: string;
+  content: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      trigger?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  trigger: string;
+  content: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  root: string;
+  trigger: string;
+  content: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Collapsible: StylesEntry<typeof collapsibleStyles>;
+  }
+}
+/**
+ * Shows and hides one region, e.g. "Show advanced options". For a list of expandable
+ * sections use Accordion.
+ */
+export declare function Collapsible(inProps: ComponentProps<typeof Collapsible$1.Root>): import("react").JSX.Element;
+export declare function CollapsibleTrigger({ className, ...props }: ComponentProps<typeof Collapsible$1.Trigger>): import("react").JSX.Element;
+/** Animates its height open and closed; stays mounted until the closing animation ends. */
+export declare function CollapsibleContent({ className, ...props }: ComponentProps<typeof Collapsible$1.Content>): import("react").JSX.Element;
+//#endregion
 //#region src/components/combobox/combobox.d.ts
 interface ComboboxOption<T extends string = string> {
   value: T;
@@ -2381,7 +2723,7 @@ interface MultipleProps<T extends string> {
   defaultValue?: readonly T[];
   onValueChange?: (value: T[]) => void;
 }
-interface SharedProps<T extends string> {
+interface SharedProps$1<T extends string> {
   options: readonly ComboboxOption<T>[];
   placeholder?: ReactNode;
   searchPlaceholder?: string;
@@ -2401,7 +2743,7 @@ interface SharedProps<T extends string> {
   'aria-describedby'?: string;
   'aria-invalid'?: boolean;
 }
-type ComboboxProps<T extends string = string> = SharedProps<T> & (SingleProps<T> | MultipleProps<T>);
+type ComboboxProps<T extends string = string> = SharedProps$1<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`.
@@ -2559,12 +2901,12 @@ export declare const commandMenuStyles: import("tailwind-variants").TVReturnType
     [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;
+      group?: import("tailwind-variants").ClassValue;
       content?: import("tailwind-variants").ClassValue;
       list?: import("tailwind-variants").ClassValue;
       separator?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
       overlay?: import("tailwind-variants").ClassValue;
       itemIcon?: import("tailwind-variants").ClassValue;
       itemLabel?: import("tailwind-variants").ClassValue;
@@ -2577,12 +2919,12 @@ export declare const commandMenuStyles: import("tailwind-variants").TVReturnType
     [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;
+      group?: import("tailwind-variants").ClassValue;
       content?: import("tailwind-variants").ClassValue;
       list?: import("tailwind-variants").ClassValue;
       separator?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
       overlay?: import("tailwind-variants").ClassValue;
       itemIcon?: import("tailwind-variants").ClassValue;
       itemLabel?: import("tailwind-variants").ClassValue;
@@ -2609,12 +2951,12 @@ export declare const commandMenuStyles: import("tailwind-variants").TVReturnType
     [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;
+      group?: import("tailwind-variants").ClassValue;
       content?: import("tailwind-variants").ClassValue;
       list?: import("tailwind-variants").ClassValue;
       separator?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
       overlay?: import("tailwind-variants").ClassValue;
       itemIcon?: import("tailwind-variants").ClassValue;
       itemLabel?: import("tailwind-variants").ClassValue;
@@ -2689,34 +3031,373 @@ interface ContainerProps extends ComponentProps<'div'>, VariantProps<typeof cont
 /** 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;
+//#region src/components/context-menu/context-menu.d.ts
+/** A menu opened by right-click or long-press on an area. Same items as DropdownMenu. */
+export declare const ContextMenu: import("react").FC<ContextMenu$1.ContextMenuProps>;
+export declare const ContextMenuTrigger: import("react").ForwardRefExoticComponent<ContextMenu$1.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const ContextMenuGroup: import("react").ForwardRefExoticComponent<ContextMenu$1.ContextMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuRadioGroup: import("react").ForwardRefExoticComponent<ContextMenu$1.ContextMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuSub: import("react").FC<ContextMenu$1.ContextMenuSubProps>;
+export declare function ContextMenuContent(inProps: ComponentProps<typeof ContextMenu$1.Content>): import("react").JSX.Element;
+interface ContextMenuItemProps extends ComponentProps<typeof ContextMenu$1.Item> {
+  icon?: ReactNode;
+  /** Keyboard hint shown at the end, e.g. "⌘C". 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 ContextMenuItem({ icon, shortcut, tone, inset, className, children, ...props }: ContextMenuItemProps): import("react").JSX.Element;
+export declare function ContextMenuCheckboxItem({ className, children, ...props }: ComponentProps<typeof ContextMenu$1.CheckboxItem>): import("react").JSX.Element;
+export declare function ContextMenuRadioItem({ className, children, ...props }: ComponentProps<typeof ContextMenu$1.RadioItem>): import("react").JSX.Element;
+export declare function ContextMenuLabel({ inset, className, ...props }: ComponentProps<typeof ContextMenu$1.Label> & {
+  inset?: boolean;
+}): import("react").JSX.Element;
+export declare function ContextMenuSeparator({ className, ...props }: ComponentProps<typeof ContextMenu$1.Separator>): import("react").JSX.Element;
+export declare function ContextMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+interface ContextMenuSubTriggerProps extends ComponentProps<typeof ContextMenu$1.SubTrigger> {
+  icon?: ReactNode;
+}
+export declare function ContextMenuSubTrigger({ icon, className, children, ...props }: ContextMenuSubTriggerProps): import("react").JSX.Element;
+export declare function ContextMenuSubContent({ className, ...props }: ComponentProps<typeof ContextMenu$1.SubContent>): import("react").JSX.Element;
+//#endregion
+//#region src/components/context-menu/context-menu.styles.d.ts
+/** Same look as DropdownMenu; only the available-height variable differs. */
+export declare const contextMenuStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      content?: import("tailwind-variants").ClassValue;
     };
-    inline: {
-      item: string;
+  };
+} | {
+  tone: {
+    default: import("tailwind-variants").ClassValue | {
+      content?: import("tailwind-variants").ClassValue;
+    };
+    danger: import("tailwind-variants").ClassValue | {
+      content?: import("tailwind-variants").ClassValue;
     };
   };
-  dividers: {
-    true: {
-      root: string;
-      item: string;
+  inset: {
+    true: import("tailwind-variants").ClassValue | {
+      content?: import("tailwind-variants").ClassValue;
     };
-    false: {};
   };
 }, {
-  root: string;
-  item: string;
-  term: string;
-  details: string;
+  content: string;
 }, undefined, {
-  layout: {
-    stacked: {
-      root: string;
-    };
-    inline: {
+  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").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 ContextMenuVariants = VariantProps<typeof contextMenuStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    ContextMenu: StylesEntry<typeof contextMenuStyles>;
+  }
+}
+//#endregion
+//#region src/components/copy-button/copy-button.d.ts
+export declare const copyButtonStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      base?: import("tailwind-variants").ClassValue;
+      icon?: import("tailwind-variants").ClassValue;
+      status?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      base?: import("tailwind-variants").ClassValue;
+      icon?: import("tailwind-variants").ClassValue;
+      status?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+  icon: string;
+  status: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      base?: import("tailwind-variants").ClassValue;
+      icon?: import("tailwind-variants").ClassValue;
+      status?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+  icon: string;
+  status: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  base: string;
+  icon: string;
+  status: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    CopyButton: StylesEntry<typeof copyButtonStyles>;
+  }
+}
+interface CopyButtonProps extends Omit<ButtonProps, 'onClick' | 'onCopy' | 'leftIcon' | 'rightIcon' | 'iconOnly' | 'asChild' | 'value'> {
+  /** Text written to the clipboard. */
+  value: string;
+  /** Visible label. Without it the button is icon-only, labelled "Copy". */
+  children?: ReactNode;
+  /** Announced and shown after copying. Default "Copied". */
+  copiedLabel?: string;
+  /** How long the copied state lasts, in ms. Default 1500. */
+  timeout?: number;
+  onCopy?: (value: string) => void;
+}
+/** Copies a value to the clipboard and confirms it visually and to screen readers. */
+export declare function CopyButton(inProps: CopyButtonProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/date-picker/date-picker.styles.d.ts
+export declare const datePickerStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      trigger: string;
+    };
+    md: {
+      trigger: string;
+    };
+    lg: {
+      trigger: string;
+    };
+  };
+}, {
+  trigger: string[];
+  icon: string;
+  value: string;
+  placeholder: string;
+  clear: string;
+  content: string[];
+  layout: string;
+  presets: string;
+  preset: string;
+}, undefined, {
+  size: {
+    sm: {
+      trigger: string;
+    };
+    md: {
+      trigger: string;
+    };
+    lg: {
+      trigger: string;
+    };
+  };
+}, {
+  trigger: string[];
+  icon: string;
+  value: string;
+  placeholder: string;
+  clear: string;
+  content: string[];
+  layout: string;
+  presets: string;
+  preset: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: {
+      trigger: string;
+    };
+    md: {
+      trigger: string;
+    };
+    lg: {
+      trigger: string;
+    };
+  };
+}, {
+  trigger: string[];
+  icon: string;
+  value: string;
+  placeholder: string;
+  clear: string;
+  content: string[];
+  layout: string;
+  presets: string;
+  preset: string;
+}>>;
+type DatePickerVariants = VariantProps<typeof datePickerStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    DatePicker: StylesEntry<typeof datePickerStyles>;
+  }
+}
+//#endregion
+//#region src/components/date-picker/date-picker.d.ts
+interface SharedProps extends DatePickerVariants {
+  placeholder?: ReactNode;
+  /** date-fns format string for the trigger. Default `"MMM d, yyyy"`. */
+  format?: string;
+  /** Earliest selectable date. */
+  minDate?: Date;
+  /** Latest selectable date. */
+  maxDate?: Date;
+  /** Extra disabled dates, in react-day-picker matcher form. */
+  disabledDates?: Matcher$1 | Matcher$1[];
+  /** Show a button that clears the value. */
+  clearable?: boolean;
+  disabled?: boolean;
+  required?: boolean;
+  /** Submits the ISO date (yyyy-MM-dd) with a native form. */
+  name?: string;
+  id?: string;
+  className?: string;
+  contentClassName?: string;
+  'aria-label'?: string;
+  'aria-describedby'?: string;
+  'aria-invalid'?: boolean;
+}
+interface DatePickerProps extends SharedProps {
+  value?: Date | undefined;
+  defaultValue?: Date | undefined;
+  onValueChange?: (date: Date | undefined) => void;
+}
+/** A date field that opens a calendar. Works with Field and with `Form` (`value` + `onValueChange`). */
+export declare function DatePicker(inProps: DatePickerProps): import("react").JSX.Element;
+interface DateRangePreset {
+  label: string;
+  /** Called when chosen, so relative ranges ("Last 7 days") are computed at that moment. */
+  range: () => DateRange$1;
+}
+interface DateRangePickerProps extends SharedProps {
+  value?: DateRange$1 | undefined;
+  defaultValue?: DateRange$1 | undefined;
+  onValueChange?: (range: DateRange$1 | undefined) => void;
+  /** Quick picks shown beside the calendar. */
+  presets?: readonly DateRangePreset[];
+  /** Months shown side by side. Default 2. */
+  numberOfMonths?: number;
+}
+/** A date-range field with a two-month calendar and optional presets. */
+export declare function DateRangePicker(inProps: DateRangePickerProps): 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;
     };
   };
@@ -2994,6 +3675,8 @@ export declare function Eyebrow(inProps: EyebrowProps): import("react").JSX.Elem
 //#region src/components/field/field-context.d.ts
 interface FieldContextValue {
   id: string;
+  /** Id of the visible label, for controls labelled by reference (aria-labelledby). */
+  labelId: string | undefined;
   descriptionId: string | undefined;
   errorId: string | undefined;
   invalid: boolean;
@@ -3014,26 +3697,199 @@ interface ControlProps {
  */
 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;
+//#region src/components/file-upload/file-upload.d.ts
+interface FileItem {
+  /** Stable id for keys and updates. Generated when files are added. */
+  id: string;
+  file: File;
+  /** Upload progress, 0–100. Shows a bar while below 100. */
+  progress?: number;
+  /** Shown under the file name, e.g. "Upload failed". */
+  error?: string;
+}
+type FileRejectionReason = 'too-large' | 'wrong-type' | 'too-many';
+interface FileRejection {
+  file: File;
+  reason: FileRejectionReason;
+  message: string;
+}
+/** Formats bytes for people: 1 KB = 1024 bytes. */
+export declare function formatBytes(bytes: number): string;
+/** Matches a file against an `accept` string like `"image/*,.pdf,application/zip"`. */
+export declare function matchesAccept(file: File, accept: string | undefined): boolean;
+interface FileUploadProps {
+  files?: FileItem[];
+  defaultFiles?: FileItem[];
+  onFilesChange?: (files: FileItem[]) => void;
+  /** Called with files that were not added and why. */
+  onReject?: (rejections: FileRejection[]) => void;
+  /** Allowed types, as for `<input type="file" accept>`. */
+  accept?: string;
+  /** Maximum size per file, in bytes. */
+  maxSize?: number;
+  /** Maximum number of files in the list. */
+  maxFiles?: number;
+  /** Allow several files. Default true. */
+  multiple?: boolean;
+  disabled?: boolean;
+  /** Main dropzone text. */
+  label?: ReactNode;
+  /** Secondary dropzone text. Defaults to a summary of `accept` and `maxSize`. */
+  hint?: ReactNode;
+  id?: string;
+  className?: string;
+  'aria-describedby'?: string;
+  'aria-invalid'?: boolean;
+}
+/**
+ * Drag-and-drop or click to choose files, with type, size and count checks and a file
+ * list. It does no uploading: you get `File` objects and can set `progress` and `error`
+ * on each item while your own code uploads them.
+ */
+export declare function FileUpload(inProps: FileUploadProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload.styles.d.ts
+export declare const fileUploadStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      icon?: import("tailwind-variants").ClassValue;
+      root?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+      progress?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      hint?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      highlight?: import("tailwind-variants").ClassValue;
+      rejections?: import("tailwind-variants").ClassValue;
+      fileIcon?: import("tailwind-variants").ClassValue;
+      fileText?: import("tailwind-variants").ClassValue;
+      fileName?: import("tailwind-variants").ClassValue;
+      fileMeta?: import("tailwind-variants").ClassValue;
+      fileError?: import("tailwind-variants").ClassValue;
+      progressBar?: import("tailwind-variants").ClassValue;
+      dropzone?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      icon?: import("tailwind-variants").ClassValue;
+      root?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+      progress?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      hint?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      highlight?: import("tailwind-variants").ClassValue;
+      rejections?: import("tailwind-variants").ClassValue;
+      fileIcon?: import("tailwind-variants").ClassValue;
+      fileText?: import("tailwind-variants").ClassValue;
+      fileName?: import("tailwind-variants").ClassValue;
+      fileMeta?: import("tailwind-variants").ClassValue;
+      fileError?: import("tailwind-variants").ClassValue;
+      progressBar?: import("tailwind-variants").ClassValue;
+      dropzone?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  dropzone: string[];
+  icon: string;
+  title: string;
+  highlight: string;
+  hint: string;
+  rejections: string;
+  list: string;
+  item: string[];
+  fileIcon: string;
+  fileText: string;
+  fileName: string;
+  fileMeta: string;
+  fileError: string;
+  progress: string;
+  progressBar: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      icon?: import("tailwind-variants").ClassValue;
+      root?: import("tailwind-variants").ClassValue;
+      title?: import("tailwind-variants").ClassValue;
+      progress?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      hint?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      highlight?: import("tailwind-variants").ClassValue;
+      rejections?: import("tailwind-variants").ClassValue;
+      fileIcon?: import("tailwind-variants").ClassValue;
+      fileText?: import("tailwind-variants").ClassValue;
+      fileName?: import("tailwind-variants").ClassValue;
+      fileMeta?: import("tailwind-variants").ClassValue;
+      fileError?: import("tailwind-variants").ClassValue;
+      progressBar?: import("tailwind-variants").ClassValue;
+      dropzone?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  dropzone: string[];
+  icon: string;
+  title: string;
+  highlight: string;
+  hint: string;
+  rejections: string;
+  list: string;
+  item: string[];
+  fileIcon: string;
+  fileText: string;
+  fileName: string;
+  fileMeta: string;
+  fileError: string;
+  progress: string;
+  progressBar: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  root: string;
+  dropzone: string[];
+  icon: string;
+  title: string;
+  highlight: string;
+  hint: string;
+  rejections: string;
+  list: string;
+  item: string[];
+  fileIcon: string;
+  fileText: string;
+  fileName: string;
+  fileMeta: string;
+  fileError: string;
+  progress: string;
+  progressBar: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    FileUpload: StylesEntry<typeof fileUploadStyles>;
+  }
+}
+//#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;
@@ -3159,145 +4015,601 @@ export declare const gridStyles: import("tailwind-variants").TVReturnType<{
     end: {
       base: string;
     };
-    stretch: {
-      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/hover-card/hover-card.d.ts
+export declare const hoverCardStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      content?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      content?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  content: string[];
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      content?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  content: string[];
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  content: string[];
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    HoverCard: StylesEntry<typeof hoverCardStyles>;
+  }
+}
+/**
+ * A rich preview shown while hovering or focusing a link, such as a user or repository card.
+ * Sighted mouse users only see it on hover; keep the same information reachable elsewhere.
+ */
+export declare const HoverCard: import("react").FC<HoverCard$1.HoverCardProps>;
+export declare const HoverCardTrigger: import("react").ForwardRefExoticComponent<HoverCard$1.HoverCardTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare function HoverCardContent(inProps: ComponentProps<typeof HoverCard$1.Content>): 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;
+}
+export declare function Input(inProps: InputProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/input-otp/input-otp.styles.d.ts
+export declare const inputOtpStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      slot: string;
+    };
+    md: {
+      slot: string;
+    };
+    lg: {
+      slot: string;
+    };
+  };
+}, {
+  root: string;
+  input: string;
+  group: string;
+  slot: string[];
+  caret: string;
+  caretBar: string;
+  separator: string;
+}, undefined, {
+  size: {
+    sm: {
+      slot: string;
+    };
+    md: {
+      slot: string;
+    };
+    lg: {
+      slot: string;
+    };
+  };
+}, {
+  root: string;
+  input: string;
+  group: string;
+  slot: string[];
+  caret: string;
+  caretBar: string;
+  separator: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: {
+      slot: string;
+    };
+    md: {
+      slot: string;
+    };
+    lg: {
+      slot: string;
+    };
+  };
+}, {
+  root: string;
+  input: string;
+  group: string;
+  slot: string[];
+  caret: string;
+  caretBar: string;
+  separator: string;
+}>>;
+type InputOTPVariants = VariantProps<typeof inputOtpStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    InputOTP: StylesEntry<typeof inputOtpStyles>;
+  }
+}
+//#endregion
+//#region src/components/input-otp/input-otp.d.ts
+type InputOTPProps = Omit<OTPInputProps, 'render' | 'children' | 'maxLength'> & InputOTPVariants & {
+  /** Number of characters. Default 6. */
+  length?: number;
+  /** Custom slot layout (InputOTPGroup, InputOTPSlot, InputOTPSeparator). Defaults to one group of `length` slots. */
+  children?: ReactNode;
+};
+/**
+ * One-time code input: one box per character, paste support, and autofill from SMS on
+ * mobile. Built on input-otp. Restrict characters with `pattern`, e.g. `REGEXP_ONLY_DIGITS`.
+ */
+export declare function InputOTP(inProps: InputOTPProps): import("react").JSX.Element;
+export declare function InputOTPGroup({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+interface InputOTPSlotProps extends ComponentProps<'div'> {
+  /** Position of the character this box shows, starting at 0. */
+  index: number;
+}
+export declare function InputOTPSlot({ index, className, ...props }: InputOTPSlotProps): import("react").JSX.Element;
+export declare function InputOTPSeparator({ className, ...props }: ComponentProps<'div'>): 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/modal/modal.d.ts
+interface ModalProps extends Omit<DialogContentProps, 'title' | 'children' | 'onSubmit'> {
+  open?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /** Heading of the modal. Also its accessible name. */
+  title: ReactNode;
+  description?: ReactNode;
+  /** Element that opens the modal, e.g. a Button. Optional when you control `open`. */
+  trigger?: ReactNode;
+  /** Actions at the bottom. Wrap a button in `ModalClose` to close on click. */
+  footer?: ReactNode;
+  /** Close when the backdrop is clicked. Default true. */
+  closeOnOverlayClick?: boolean;
+  /**
+   * Turns the body and footer into one `<form>`, so a `type="submit"` button in the footer
+   * submits the fields in the body. The page does not reload. With `@glyphui/ui/form`, use
+   * `<Form>` in the body and `<FormSubmit form={form}>` in the footer instead.
+   */
+  onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
+  children?: ReactNode;
+}
+/**
+ * The everyday modal in one component: title, description, body and footer as props.
+ * For custom layouts use the Dialog parts; for yes/no decisions use `useConfirm()`.
+ */
+export declare function Modal(inProps: ModalProps): import("react").JSX.Element;
+/** Closes the surrounding Modal. Use with `asChild` around a button. */
+export declare const ModalClose: typeof DialogClose;
+//#endregion
+//#region src/components/modal/modal.styles.d.ts
+/** Modal is built from Dialog parts; these slots add Modal-specific classes on top. */
+export declare const modalStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      footer?: import("tailwind-variants").ClassValue;
+      header?: import("tailwind-variants").ClassValue;
+      body?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      form?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      footer?: import("tailwind-variants").ClassValue;
+      header?: import("tailwind-variants").ClassValue;
+      body?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      form?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  content: string;
+  header: string;
+  body: string;
+  footer: string;
+  /** Wraps body and footer when `onSubmit` is set; `contents` keeps the dialog layout. */
+  form: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      footer?: import("tailwind-variants").ClassValue;
+      header?: import("tailwind-variants").ClassValue;
+      body?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      form?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  content: string;
+  header: string;
+  body: string;
+  footer: string;
+  /** Wraps body and footer when `onSubmit` is set; `contents` keeps the dialog layout. */
+  form: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  content: string;
+  header: string;
+  body: string;
+  footer: string;
+  /** Wraps body and footer when `onSubmit` is set; `contents` keeps the dialog layout. */
+  form: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Modal: StylesEntry<typeof modalStyles>;
+  }
+}
+//#endregion
+//#region src/components/navigation-menu/navigation-menu.d.ts
+interface NavigationMenuProps extends ComponentProps<typeof NavigationMenu$1.Root> {
+  /** Render the shared animated panel below the menu. Default true. */
+  viewport?: boolean;
+}
+/**
+ * Site navigation with dropdown panels (mega menus) for marketing headers.
+ * Keyboard: Tab between items, arrows inside panels, Escape to close.
+ */
+export declare function NavigationMenu(inProps: NavigationMenuProps): import("react").JSX.Element;
+export declare function NavigationMenuList({ className, ...props }: ComponentProps<typeof NavigationMenu$1.List>): import("react").JSX.Element;
+export declare function NavigationMenuItem({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Item>): import("react").JSX.Element;
+export declare function NavigationMenuTrigger({ className, children, ...props }: ComponentProps<typeof NavigationMenu$1.Trigger>): import("react").JSX.Element;
+export declare function NavigationMenuContent({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Content>): import("react").JSX.Element;
+export declare function NavigationMenuViewport({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Viewport>): import("react").JSX.Element;
+interface NavigationMenuLinkProps extends Omit<ComponentProps<typeof NavigationMenu$1.Link>, 'href'> {
+  /** Rendered through the provider's `linkComponent`, so it uses your router. */
+  href?: string;
+}
+/**
+ * A top-level link (no panel). Marked active automatically from the provider's `router`;
+ * set `active` to override.
+ */
+export declare function NavigationMenuLink({ href, active: activeProp, className, children, ...props }: NavigationMenuLinkProps): import("react").JSX.Element;
+interface NavigationMenuCardProps {
+  href: string;
+  title: ReactNode;
+  description?: ReactNode;
+  icon?: ReactNode;
+  className?: string;
+}
+/** A link tile for mega-menu panels: icon, title and one line of description. */
+export declare function NavigationMenuCard({ href, title, description, icon, className }: NavigationMenuCardProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/navigation-menu/navigation-menu.styles.d.ts
+export declare const navigationMenuStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      card?: import("tailwind-variants").ClassValue;
+      link?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      viewport?: import("tailwind-variants").ClassValue;
+      trigger?: import("tailwind-variants").ClassValue;
+      chevron?: import("tailwind-variants").ClassValue;
+      viewportWrapper?: import("tailwind-variants").ClassValue;
+      cardIcon?: import("tailwind-variants").ClassValue;
+      cardText?: import("tailwind-variants").ClassValue;
+      cardTitle?: import("tailwind-variants").ClassValue;
+      cardDescription?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      card?: import("tailwind-variants").ClassValue;
+      link?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      viewport?: import("tailwind-variants").ClassValue;
+      trigger?: import("tailwind-variants").ClassValue;
+      chevron?: import("tailwind-variants").ClassValue;
+      viewportWrapper?: import("tailwind-variants").ClassValue;
+      cardIcon?: import("tailwind-variants").ClassValue;
+      cardText?: import("tailwind-variants").ClassValue;
+      cardTitle?: import("tailwind-variants").ClassValue;
+      cardDescription?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  list: string;
+  item: string;
+  trigger: string[];
+  chevron: string;
+  content: string;
+  viewportWrapper: string;
+  viewport: string[];
+  link: string[];
+  card: string[];
+  cardIcon: string;
+  cardText: string;
+  cardTitle: string;
+  cardDescription: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      card?: import("tailwind-variants").ClassValue;
+      link?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      item?: import("tailwind-variants").ClassValue;
+      viewport?: import("tailwind-variants").ClassValue;
+      trigger?: import("tailwind-variants").ClassValue;
+      chevron?: import("tailwind-variants").ClassValue;
+      viewportWrapper?: import("tailwind-variants").ClassValue;
+      cardIcon?: import("tailwind-variants").ClassValue;
+      cardText?: import("tailwind-variants").ClassValue;
+      cardTitle?: import("tailwind-variants").ClassValue;
+      cardDescription?: import("tailwind-variants").ClassValue;
     };
   };
-}, {
-  base: string;
+} | {}, {
+  root: string;
+  list: string;
+  item: string;
+  trigger: string[];
+  chevron: string;
+  content: string;
+  viewportWrapper: string;
+  viewport: string[];
+  link: string[];
+  card: string[];
+  cardIcon: string;
+  cardText: string;
+  cardTitle: string;
+  cardDescription: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  root: string;
+  list: string;
+  item: string;
+  trigger: string[];
+  chevron: string;
+  content: string;
+  viewportWrapper: string;
+  viewport: string[];
+  link: string[];
+  card: string[];
+  cardIcon: string;
+  cardText: string;
+  cardTitle: string;
+  cardDescription: string;
 }>>;
 declare module '@glyphui/tokens' {
   interface GlyphComponentRegistry {
-    Grid: StylesEntry<typeof gridStyles>;
+    NavigationMenu: StylesEntry<typeof navigationMenuStyles>;
   }
 }
-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/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;
+//#region src/components/number-input/number-input.styles.d.ts
+export declare const numberInputStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      root: string;
     };
-    always: {
-      base: string;
+    md: {
+      root: string;
     };
-    none: {
-      base: string;
+    lg: {
+      root: string;
+      stepper: string;
     };
   };
 }, {
-  base: string[];
-  icon: string;
+  root: string[];
+  input: string;
+  adornment: string;
+  steppers: string;
+  stepper: string[];
 }, undefined, {
-  tone: {
-    default: {
-      base: string;
-    };
-    muted: {
-      base: string;
-    };
-    primary: {
-      base: string;
-    };
-  };
-  underline: {
-    hover: {
-      base: string;
+  size: {
+    sm: {
+      root: string;
     };
-    always: {
-      base: string;
+    md: {
+      root: string;
     };
-    none: {
-      base: string;
+    lg: {
+      root: string;
+      stepper: string;
     };
   };
 }, {
-  base: string[];
-  icon: string;
+  root: string[];
+  input: string;
+  adornment: string;
+  steppers: string;
+  stepper: string[];
 }, import("tailwind-variants").TVReturnTypeLike<{
-  tone: {
-    default: {
-      base: string;
-    };
-    muted: {
-      base: string;
-    };
-    primary: {
-      base: string;
-    };
-  };
-  underline: {
-    hover: {
-      base: string;
+  size: {
+    sm: {
+      root: string;
     };
-    always: {
-      base: string;
+    md: {
+      root: string;
     };
-    none: {
-      base: string;
+    lg: {
+      root: string;
+      stepper: string;
     };
   };
 }, {
-  base: string[];
-  icon: string;
+  root: string[];
+  input: string;
+  adornment: string;
+  steppers: string;
+  stepper: string[];
 }>>;
-type LinkVariants = VariantProps<typeof linkStyles>;
+type NumberInputVariants = VariantProps<typeof numberInputStyles>;
 declare module '@glyphui/tokens' {
   interface GlyphComponentRegistry {
-    Link: StylesEntry<typeof linkStyles>;
+    NumberInput: StylesEntry<typeof numberInputStyles>;
   }
 }
 //#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;
+//#region src/components/number-input/number-input.d.ts
+interface NumberInputProps extends Omit<ComponentProps<'input'>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'type' | 'min' | 'max' | 'step' | 'prefix'>, NumberInputVariants {
+  /** `null` means empty. */
+  value?: number | null;
+  defaultValue?: number | null;
+  onValueChange?: (value: number | null) => void;
+  min?: number;
+  max?: number;
+  /** Amount added or removed by the steppers and arrow keys. Shift multiplies by 10. Default 1. */
+  step?: number;
+  /** Display formatting when the field isn't focused, e.g. `{ style: 'currency', currency: 'USD' }`. */
+  formatOptions?: Intl.NumberFormatOptions;
+  /** Locale for formatting. Defaults to the browser's. */
+  locale?: string;
+  prefix?: ReactNode;
+  /** Content after the number, before the steppers, e.g. a unit. */
+  suffix?: ReactNode;
+  /** Hide the − / + buttons. */
+  hideSteppers?: boolean;
+  /** Classes for the `<input>` element. `className` styles the outer frame. */
+  inputClassName?: string;
 }
 /**
- * A text link with an animated underline. Internal links go through the provider's
- * `linkComponent` (your router); external links render a plain `<a>`.
+ * A number field with − / + steppers, arrow-key stepping, min/max clamping on blur, and
+ * locale formatting when not focused. The value is a `number`, never a string.
  */
-export declare function Link(inProps: LinkProps): import("react").JSX.Element;
+export declare function NumberInput(inProps: NumberInputProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/pagination/pagination.styles.d.ts
 export declare const paginationStyles: import("tailwind-variants").TVReturnType<{
@@ -3383,6 +4695,90 @@ type PaginationItem = number | 'ellipsis';
  */
 export declare function paginationRange(page: number, pageCount: number, siblingCount?: number): PaginationItem[];
 //#endregion
+//#region src/components/password-input/password-input.d.ts
+type PasswordStrength = 'weak' | 'fair' | 'strong';
+/**
+ * A quick strength estimate from length and character variety. A hint for users,
+ * not a security check: enforce real rules on the server.
+ */
+export declare function passwordStrength(password: string): {
+  score: number;
+  strength: PasswordStrength;
+};
+interface PasswordInputProps extends Omit<InputProps, 'type' | 'suffix'> {
+  /** Show a strength meter under the field once the user starts typing. */
+  showStrength?: boolean;
+  /** Start with the password visible. */
+  defaultVisible?: boolean;
+}
+/** A password field with a show/hide toggle and an optional strength meter. */
+export declare function PasswordInput(inProps: PasswordInputProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/password-input/password-input.styles.d.ts
+export declare const passwordInputStyles: import("tailwind-variants").TVReturnType<{
+  strength: {
+    weak: {
+      label: string;
+    };
+    fair: {
+      label: string;
+    };
+    strong: {
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  toggle: string[];
+  meter: string;
+  bars: string;
+  bar: string;
+  label: string;
+}, undefined, {
+  strength: {
+    weak: {
+      label: string;
+    };
+    fair: {
+      label: string;
+    };
+    strong: {
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  toggle: string[];
+  meter: string;
+  bars: string;
+  bar: string;
+  label: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  strength: {
+    weak: {
+      label: string;
+    };
+    fair: {
+      label: string;
+    };
+    strong: {
+      label: string;
+    };
+  };
+}, {
+  root: string;
+  toggle: string[];
+  meter: string;
+  bars: string;
+  bar: string;
+  label: string;
+}>>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    PasswordInput: StylesEntry<typeof passwordInputStyles>;
+  }
+}
+//#endregion
 //#region src/components/popover/popover.d.ts
 export declare const popoverStyles: import("tailwind-variants").TVReturnType<{
   [key: string]: {
@@ -3877,16 +5273,82 @@ interface RadioGroupItemProps extends Omit<ComponentProps<typeof RadioGroup$1.It
   /** Extra content inside a card item, below the description. */
   children?: ReactNode;
 }
-export declare function RadioGroupItem({ label, description, children, className, id, ...props }: RadioGroupItemProps): import("react").JSX.Element;
+export declare function RadioGroupItem({ label, description, children, className, id, ...props }: RadioGroupItemProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/resizable/resizable.d.ts
+type ResizablePanelGroupProps = ComponentProps<typeof PanelGroup>;
+/**
+ * Panels separated by draggable, keyboard-accessible dividers, for editors and split views.
+ * Set `direction` to "horizontal" or "vertical"; pass `autoSaveId` to remember sizes.
+ */
+export declare function ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps): import("react").JSX.Element;
+type ResizablePanelProps = ComponentProps<typeof Panel>;
+export declare function ResizablePanel({ className, ...props }: ResizablePanelProps): import("react").JSX.Element;
+interface ResizableHandleProps extends ComponentProps<typeof PanelResizeHandle> {
+  /** Show a visible grip on the divider. */
+  withHandle?: boolean;
+}
+export declare function ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/resizable/resizable.styles.d.ts
+export declare const resizableStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      group?: import("tailwind-variants").ClassValue;
+      panel?: import("tailwind-variants").ClassValue;
+      grip?: import("tailwind-variants").ClassValue;
+      handle?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      group?: import("tailwind-variants").ClassValue;
+      panel?: import("tailwind-variants").ClassValue;
+      grip?: import("tailwind-variants").ClassValue;
+      handle?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  group: string;
+  panel: string;
+  handle: string[];
+  grip: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      group?: import("tailwind-variants").ClassValue;
+      panel?: import("tailwind-variants").ClassValue;
+      grip?: import("tailwind-variants").ClassValue;
+      handle?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  group: string;
+  panel: string;
+  handle: string[];
+  grip: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  group: string;
+  panel: string;
+  handle: string[];
+  grip: string;
+}>>;
+type ResizableVariants = VariantProps<typeof resizableStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Resizable: StylesEntry<typeof resizableStyles>;
+  }
+}
 //#endregion
 //#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;
+      viewport?: import("tailwind-variants").ClassValue;
       corner?: import("tailwind-variants").ClassValue;
     };
   };
@@ -3894,9 +5356,9 @@ export declare const scrollAreaStyles: import("tailwind-variants").TVReturnType<
   [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;
+      viewport?: import("tailwind-variants").ClassValue;
       corner?: import("tailwind-variants").ClassValue;
     };
   };
@@ -3910,9 +5372,9 @@ 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;
+      viewport?: import("tailwind-variants").ClassValue;
       corner?: import("tailwind-variants").ClassValue;
     };
   };
@@ -4137,7 +5599,9 @@ interface SliderProps<V extends SliderValue> {
   name?: string;
   id?: string;
   className?: string;
+  /** Accessible name. Inside a `Field`, the field's label is used when this is not set. */
   'aria-label'?: string;
+  'aria-labelledby'?: string;
   'aria-describedby'?: string;
   'aria-invalid'?: boolean;
   /** Accessible names for range thumbs. Default: "Minimum", "Maximum". */
@@ -4339,96 +5803,515 @@ export declare const statCardStyles: import("tailwind-variants").TVReturnType<{
     [key: string]: import("tailwind-variants").ClassValue | {
       icon?: import("tailwind-variants").ClassValue;
       root?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      label?: 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;
+      description?: import("tailwind-variants").ClassValue;
       label?: 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;
       description?: import("tailwind-variants").ClassValue;
+      label?: 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;
+}, 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/stepper/stepper.d.ts
+type StepStatus = 'complete' | 'current' | 'upcoming' | 'error';
+interface StepperStep {
+  title: ReactNode;
+  description?: ReactNode;
+  /** Override the status derived from `current`, e.g. `'error'` for a failed step. */
+  status?: StepStatus;
+}
+interface StepperProps extends Omit<ComponentProps<'ol'>, 'children'> {
+  steps: readonly StepperStep[];
+  /** Index of the current step. Earlier steps are complete, later ones upcoming. */
+  current: number;
+  orientation?: 'horizontal' | 'vertical';
+  /** Makes completed steps clickable, e.g. to go back in a wizard. */
+  onStepClick?: (index: number) => void;
+}
+/** Progress through a multi-step flow such as onboarding or checkout. */
+export declare function Stepper(inProps: StepperProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/stepper/stepper.styles.d.ts
+export declare const stepperStyles: import("tailwind-variants").TVReturnType<{
+  orientation: {
+    horizontal: {
+      root: string;
+      step: string;
+      trigger: string;
+      connector: string;
+      text: string;
+    };
+    vertical: {
+      root: string;
+      step: string;
+      trigger: string;
+      connector: string;
+      text: string;
+    };
+  };
+  status: {
+    complete: {
+      indicator: string;
+      connector: string;
+      title: string;
+    };
+    current: {
+      indicator: string;
+      connector: string;
+      title: string;
+    };
+    upcoming: {
+      indicator: string;
+      connector: string;
+      title: string;
+    };
+    error: {
+      indicator: string;
+      connector: string;
+      title: string;
+    };
+  };
+  clickable: {
+    true: {
+      trigger: string;
+    };
+  };
+}, {
+  root: string;
+  step: string;
+  trigger: string[];
+  indicator: string[];
+  connector: string;
+  text: string;
+  title: string;
+  description: string;
+}, undefined, {
+  orientation: {
+    horizontal: {
+      root: string;
+      step: string;
+      trigger: string;
+      connector: string;
+      text: string;
+    };
+    vertical: {
+      root: string;
+      step: string;
+      trigger: string;
+      connector: string;
+      text: string;
+    };
+  };
+  status: {
+    complete: {
+      indicator: string;
+      connector: string;
+      title: string;
+    };
+    current: {
+      indicator: string;
+      connector: string;
+      title: string;
+    };
+    upcoming: {
+      indicator: string;
+      connector: string;
+      title: string;
+    };
+    error: {
+      indicator: string;
+      connector: string;
+      title: string;
+    };
+  };
+  clickable: {
+    true: {
+      trigger: string;
+    };
+  };
+}, {
+  root: string;
+  step: string;
+  trigger: string[];
+  indicator: string[];
+  connector: string;
+  text: string;
+  title: string;
+  description: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  orientation: {
+    horizontal: {
+      root: string;
+      step: string;
+      trigger: string;
+      connector: string;
+      text: string;
+    };
+    vertical: {
+      root: string;
+      step: string;
+      trigger: string;
+      connector: string;
+      text: string;
+    };
+  };
+  status: {
+    complete: {
+      indicator: string;
+      connector: string;
+      title: string;
+    };
+    current: {
+      indicator: string;
+      connector: string;
+      title: string;
+    };
+    upcoming: {
+      indicator: string;
+      connector: string;
+      title: string;
+    };
+    error: {
+      indicator: string;
+      connector: string;
+      title: string;
+    };
+  };
+  clickable: {
+    true: {
+      trigger: string;
+    };
+  };
+}, {
+  root: string;
+  step: string;
+  trigger: string[];
+  indicator: string[];
+  connector: string;
+  text: string;
+  title: string;
+  description: string;
+}>>;
+type StepperVariants = VariantProps<typeof stepperStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Stepper: StylesEntry<typeof stepperStyles>;
+  }
+}
+//#endregion
+//#region src/components/tag-input/tag-input.styles.d.ts
+export declare const tagInputStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      frame: string;
+    };
+    md: {
+      frame: string;
+    };
+    lg: {
+      frame: string;
+    };
+  };
+}, {
+  root: string;
+  frame: string[];
+  tag: string;
+  tagLabel: string;
+  remove: string;
+  input: string;
+  message: string;
+}, undefined, {
+  size: {
+    sm: {
+      frame: string;
+    };
+    md: {
+      frame: string;
+    };
+    lg: {
+      frame: string;
+    };
+  };
+}, {
+  root: string;
+  frame: string[];
+  tag: string;
+  tagLabel: string;
+  remove: string;
+  input: string;
+  message: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: {
+      frame: string;
+    };
+    md: {
+      frame: string;
+    };
+    lg: {
+      frame: string;
+    };
+  };
+}, {
+  root: string;
+  frame: string[];
+  tag: string;
+  tagLabel: string;
+  remove: string;
+  input: string;
+  message: string;
+}>>;
+type TagInputVariants = VariantProps<typeof tagInputStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    TagInput: StylesEntry<typeof tagInputStyles>;
+  }
+}
+//#endregion
+//#region src/components/tag-input/tag-input.d.ts
+interface TagInputProps extends TagInputVariants {
+  value?: string[];
+  defaultValue?: string[];
+  onValueChange?: (tags: string[]) => void;
+  placeholder?: string;
+  /** Stop accepting tags after this many. */
+  maxTags?: number;
+  /** Return an error message to reject a tag, or `true` to accept it. */
+  validate?: (tag: string, tags: readonly string[]) => string | true;
+  /** Allow the same tag more than once. Default false. */
+  allowDuplicates?: boolean;
+  /** Keys (besides Enter) that turn the typed text into a tag. Default `[',']`. */
+  separators?: readonly string[];
+  disabled?: boolean;
+  /** Submits each tag as its own hidden input with this name. */
+  name?: string;
+  id?: string;
+  className?: string;
+  'aria-label'?: string;
+  'aria-describedby'?: string;
+  'aria-invalid'?: boolean;
+}
+/**
+ * Free-form multi-value input. Enter or a comma turns the text into a removable tag;
+ * Backspace on an empty input removes the last one. Pasting a comma-separated list adds them all.
+ */
+export declare function TagInput(inProps: TagInputProps): import("react").JSX.Element;
+//#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>`. */
+  asChild?: boolean;
+}
+export declare function Text(inProps: TextProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/timeline/timeline.styles.d.ts
+export declare const timelineStyles: import("tailwind-variants").TVReturnType<{
+  tone: {
+    neutral: {
+      marker: string;
+    };
+    primary: {
+      marker: string;
+    };
+    info: {
+      marker: string;
+    };
+    success: {
+      marker: string;
+    };
+    warning: {
+      marker: string;
+    };
+    danger: {
+      marker: string;
     };
   };
-} | {}, {
+}, {
   root: string;
+  item: string;
+  rail: string;
+  marker: string[];
+  dot: string;
+  connector: string;
+  content: string;
   header: string;
-  label: string;
-  icon: string;
-  valueRow: string;
-  value: string;
-  delta: string;
+  title: string;
+  time: 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;
+  tone: {
+    neutral: {
+      marker: string;
+    };
+    primary: {
+      marker: string;
+    };
+    info: {
+      marker: string;
+    };
+    success: {
+      marker: string;
+    };
+    warning: {
+      marker: string;
+    };
+    danger: {
+      marker: string;
     };
   };
-} | {}, {
+}, {
   root: string;
+  item: string;
+  rail: string;
+  marker: string[];
+  dot: string;
+  connector: string;
+  content: string;
   header: string;
-  label: string;
-  icon: string;
-  valueRow: string;
-  value: string;
-  delta: string;
+  title: string;
+  time: string;
   description: string;
-  chart: string;
-}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+}, import("tailwind-variants").TVReturnTypeLike<{
+  tone: {
+    neutral: {
+      marker: string;
+    };
+    primary: {
+      marker: string;
+    };
+    info: {
+      marker: string;
+    };
+    success: {
+      marker: string;
+    };
+    warning: {
+      marker: string;
+    };
+    danger: {
+      marker: string;
+    };
+  };
+}, {
   root: string;
+  item: string;
+  rail: string;
+  marker: string[];
+  dot: string;
+  connector: string;
+  content: string;
   header: string;
-  label: string;
-  icon: string;
-  valueRow: string;
-  value: string;
-  delta: string;
+  title: string;
+  time: string;
   description: string;
-  chart: string;
 }>>;
-type StatCardVariants = VariantProps<typeof statCardStyles>;
+type TimelineVariants = VariantProps<typeof timelineStyles>;
 declare module '@glyphui/tokens' {
   interface GlyphComponentRegistry {
-    StatCard: StylesEntry<typeof statCardStyles>;
+    Timeline: StylesEntry<typeof timelineStyles>;
   }
 }
 //#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>`. */
-  asChild?: boolean;
+//#region src/components/timeline/timeline.d.ts
+interface TimelineItemData extends TimelineVariants {
+  /** Stable key. Falls back to the index. */
+  id?: string;
+  title: ReactNode;
+  /** Display text for when it happened, e.g. "2h ago" or "Oct 12". */
+  time?: ReactNode;
+  /** Machine-readable date for the `<time>` element, e.g. "2026-10-12T09:41". */
+  dateTime?: string;
+  description?: ReactNode;
+  /** Replaces the dot in the marker. */
+  icon?: ReactNode;
 }
-export declare function Text(inProps: TextProps): import("react").JSX.Element;
+interface TimelineProps extends Omit<ComponentProps<'ol'>, 'children'> {
+  /** Data-driven items. Use `children` with TimelineItem for custom content. */
+  items?: readonly TimelineItemData[];
+  children?: ReactNode;
+}
+/** A vertical list of events in order, for activity feeds, changelogs and order tracking. */
+export declare function Timeline(inProps: TimelineProps): import("react").JSX.Element;
+interface TimelineItemProps extends Omit<ComponentProps<'li'>, 'title'>, Omit<TimelineItemData, 'id' | 'description'> {
+  /** Description below the title. */
+  children?: ReactNode;
+}
+export declare function TimelineItem({ title, time, dateTime, icon, tone, className, children, ...props }: TimelineItemProps): 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;
+      title?: 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;
@@ -4444,9 +6327,9 @@ export declare const toastStyles: import("tailwind-variants").TVReturnType<{
   [x: string]: {
     [x: string]: import("tailwind-variants").ClassValue | {
       icon?: import("tailwind-variants").ClassValue;
+      title?: 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;
@@ -4476,9 +6359,9 @@ export declare const toastStyles: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-variants").ClassValue | {
       icon?: import("tailwind-variants").ClassValue;
+      title?: 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;
@@ -4536,6 +6419,193 @@ type ToasterProps = ComponentProps<typeof Toaster$1>;
  */
 export declare function Toaster(inProps: ToasterProps): import("react").JSX.Element;
 //#endregion
+//#region src/components/toggle/toggle.styles.d.ts
+export declare const toggleStyles: import("tailwind-variants").TVReturnType<{
+  variant: {
+    default: {
+      base: string;
+    };
+    outline: {
+      base: string[];
+    };
+  };
+  size: {
+    sm: {
+      base: string;
+    };
+    md: {
+      base: string;
+    };
+    lg: {
+      base: string;
+    };
+  };
+}, {
+  base: string[];
+  group: string;
+}, undefined, {
+  variant: {
+    default: {
+      base: string;
+    };
+    outline: {
+      base: string[];
+    };
+  };
+  size: {
+    sm: {
+      base: string;
+    };
+    md: {
+      base: string;
+    };
+    lg: {
+      base: string;
+    };
+  };
+}, {
+  base: string[];
+  group: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    default: {
+      base: string;
+    };
+    outline: {
+      base: string[];
+    };
+  };
+  size: {
+    sm: {
+      base: string;
+    };
+    md: {
+      base: string;
+    };
+    lg: {
+      base: string;
+    };
+  };
+}, {
+  base: string[];
+  group: string;
+}>>;
+type ToggleVariants = VariantProps<typeof toggleStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Toggle: StylesEntry<typeof toggleStyles>;
+  }
+}
+//#endregion
+//#region src/components/toggle/toggle.d.ts
+interface ToggleProps extends ComponentProps<typeof Toggle$1.Root>, ToggleVariants {}
+/**
+ * A two-state button, e.g. Bold in a toolbar. Use Switch for settings that take effect
+ * immediately, and Checkbox inside forms.
+ */
+export declare function Toggle(inProps: ToggleProps): import("react").JSX.Element;
+type ToggleGroupProps = ComponentProps<typeof ToggleGroup$1.Root> & ToggleVariants;
+/**
+ * A set of toggles. `type="single"` behaves like a radio group (text alignment),
+ * `type="multiple"` like checkboxes (bold, italic, underline). Arrow keys move between items.
+ */
+export declare function ToggleGroup(inProps: ToggleGroupProps): import("react").JSX.Element;
+interface ToggleGroupItemProps extends ComponentProps<typeof ToggleGroup$1.Item>, ToggleVariants {}
+export declare function ToggleGroupItem({ variant, size, className, ...props }: ToggleGroupItemProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/tree-view/tree-view.styles.d.ts
+export declare const treeViewStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      row: string;
+    };
+    md: {};
+  };
+}, {
+  root: string;
+  item: string[];
+  row: string[];
+  chevron: string;
+  spacer: string;
+  icon: string;
+  label: string;
+  group: string;
+}, undefined, {
+  size: {
+    sm: {
+      row: string;
+    };
+    md: {};
+  };
+}, {
+  root: string;
+  item: string[];
+  row: string[];
+  chevron: string;
+  spacer: string;
+  icon: string;
+  label: string;
+  group: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: {
+      row: string;
+    };
+    md: {};
+  };
+}, {
+  root: string;
+  item: string[];
+  row: string[];
+  chevron: string;
+  spacer: string;
+  icon: string;
+  label: string;
+  group: string;
+}>>;
+type TreeViewVariants = VariantProps<typeof treeViewStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    TreeView: StylesEntry<typeof treeViewStyles>;
+  }
+}
+//#endregion
+//#region src/components/tree-view/tree-view.d.ts
+interface TreeNode {
+  id: string;
+  label: ReactNode;
+  icon?: ReactNode;
+  children?: readonly TreeNode[];
+  disabled?: boolean;
+  /** Text used for type-to-find when `label` is not a string. */
+  textValue?: string;
+}
+interface TreeViewProps extends Omit<ComponentProps<'div'>, 'onSelect' | 'children' | 'defaultValue'>, TreeViewVariants {
+  nodes: readonly TreeNode[];
+  /** Ids of expanded nodes (controlled). */
+  expanded?: readonly string[];
+  defaultExpanded?: readonly string[];
+  onExpandedChange?: (expanded: string[]) => void;
+  /** Id of the selected node (controlled). `null` for none. */
+  selected?: string | null;
+  defaultSelected?: string | null;
+  onSelect?: (id: string, node: TreeNode) => void;
+  /** Required: describes the tree, e.g. "Project files". */
+  'aria-label': string;
+}
+/**
+ * An accessible tree for file browsers and nested navigation. Arrow keys move and
+ * expand/collapse, Home/End jump, typing a letter finds the next match, Enter or Space selects.
+ */
+export declare function TreeView(inProps: TreeViewProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/visually-hidden/visually-hidden.d.ts
+/**
+ * Hides content visually while keeping it available to screen readers, e.g. a label for an
+ * icon-only control or extra context in a table cell.
+ */
+export declare function VisuallyHidden(props: ComponentProps<typeof VisuallyHidden$1.Root>): 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;
@@ -4602,7 +6672,10 @@ export declare function useAppShell(): AppShellContextValue;
 interface NavLink {
   label: ReactNode;
   href: string;
+  /** Marks the current page. Computed from the provider's `router` when not set. */
   active?: boolean;
+  /** With automatic matching, only the exact path is active (not its children). */
+  end?: boolean;
 }
 interface NavbarProps extends Omit<ComponentProps<'header'>, 'children'> {
   brand: ReactNode;
@@ -4647,12 +6720,15 @@ interface SidebarItemProps {
   icon?: ReactNode;
   /** Count or short status shown at the end. */
   badge?: ReactNode;
+  /** Marks the current page. Computed from the provider's `router` when not set. */
   active?: boolean;
+  /** With automatic matching, only the exact path is active (not its children). */
+  end?: boolean;
   onClick?: (event: MouseEvent<HTMLElement>) => void;
   className?: string;
   children: ReactNode;
 }
-export declare function SidebarItem({ href, icon, badge, active, onClick, className, children }: SidebarItemProps): import("react").JSX.Element;
+export declare function SidebarItem({ href, icon, badge, active: activeProp, end, onClick, className, children }: SidebarItemProps): import("react").JSX.Element;
 export declare function SidebarFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 /** Collapses the sidebar on desktop; opens the navigation drawer on mobile. */
 export declare function SidebarTrigger(props: Partial<IconButtonProps>): import("react").JSX.Element | null;
@@ -4697,7 +6773,6 @@ export declare function Async<T>({ result, children, isEmpty, loading, empty, er
 export declare function useAsync<T>(fn: () => Promise<T>, deps: DependencyList): AsyncResult<T>;
 //#endregion
 //#region src/provider/color-mode.d.ts
-type ColorModePreference = ColorMode$1 | 'system';
 interface ColorModeContextValue {
   /** What the user chose. */
   mode: ColorModePreference;
@@ -4705,12 +6780,6 @@ interface ColorModeContextValue {
   resolvedMode: ColorMode$1;
   setMode: (mode: ColorModePreference) => void;
 }
-interface ColorModeOptions {
-  /** Used when nothing is stored yet. */
-  defaultMode?: ColorModePreference;
-  /** localStorage key. Set to `null` to disable persistence. */
-  storageKey?: string | null;
-}
 export declare function ColorModeProvider({ children, defaultMode, storageKey }: ColorModeOptions & {
   children: ReactNode;
 }): import("react").JSX.Element;
@@ -4720,33 +6789,9 @@ export declare function useColorMode(): ColorModeContextValue;
  * Inline script that sets `data-mode` on `<html>` before first paint, so a dark-mode
  * visitor never sees a light flash. Put it in `<head>`.
  */
-export declare function getColorModeScript({ defaultMode, storageKey }?: ColorModeOptions): string;
 /** `<script>` element version of `getColorModeScript` for SSR frameworks. */
 export declare function ColorModeScript(props: ColorModeOptions): import("react").JSX.Element;
 //#endregion
-//#region src/provider/glyph-context.d.ts
-/** Props Glyph passes to your router's link component. */
-interface LinkComponentProps {
-  href: string;
-  className?: string;
-  children?: ReactNode;
-  onClick?: MouseEventHandler<HTMLAnchorElement>;
-  'aria-current'?: 'page' | undefined;
-}
-/**
- * Any component that renders a link from these props. Plain `'a'` by default.
- * React Router: `({ href, ...props }) => <Link to={href} {...props} />`
- */
-type LinkComponent = ElementType<LinkComponentProps>;
-interface GlyphContextValue {
-  theme: Theme$1;
-  linkComponent: LinkComponent;
-}
-/** The active theme and app-level settings. Must be used under `GlyphProvider`. */
-export declare function useGlyph(): GlyphContextValue;
-/** The router-aware link component configured on `GlyphProvider`. */
-export declare function useLinkComponent(): LinkComponent;
-//#endregion
 //#region src/provider/glyph-provider.d.ts
 interface GlyphProviderProps {
   children: ReactNode;
@@ -4756,7 +6801,13 @@ interface GlyphProviderProps {
   defaultMode?: ColorModePreference;
   /** localStorage key for the user's color mode. `null` disables persistence. */
   storageKey?: string | null;
-  /** Your router's link, used by Navbar, Sidebar and other navigation components. */
+  /**
+   * Your router: its link component, plus an optional `useIsActive` hook that marks the
+   * current page in Sidebar, Navbar and NavigationMenu. React Router:
+   * `import { reactRouter } from '@glyphui/ui/react-router'`.
+   */
+  router?: GlyphRouter;
+  /** Your router's link only. Prefer `router`, which also handles active items. */
   linkComponent?: LinkComponent;
   /**
    * Mounts a themed `<Toaster />` so `toast()` works anywhere. `true` for defaults, or pass
@@ -4765,7 +6816,7 @@ interface GlyphProviderProps {
   toaster?: boolean | ToasterProps;
 }
 /** 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;
+export declare function GlyphProvider({ children, theme, defaultMode, storageKey, router, linkComponent, toaster }: GlyphProviderProps): import("react").JSX.Element;
 //#endregion
 //#region src/provider/theme-scope.d.ts
 interface ThemeScopeProps extends ComponentProps<'div'> {
@@ -4802,4 +6853,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 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 };
+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 CalendarProps, type CardProps, type CardTitleProps, type CardVariants, type CarouselApi, type CarouselOptions, type CarouselPlugin, type CarouselProps, type CarouselVariants, 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 ContextMenuItemProps, type ContextMenuSubTriggerProps, type ContextMenuVariants, type CopyButtonProps, type DatePickerProps, type DatePickerVariants, type DateRange, type DateRangePickerProps, type DateRangePreset, 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 FileItem, type FileRejection, type FileRejectionReason, type FileUploadProps, type GlyphContextValue, type GlyphProviderProps, type GlyphRouter, type GridCols, type GridProps, type HeadingProps, type HeadingVariants, IconButton, type IconButtonProps, type InputOTPProps, type InputOTPSlotProps, type InputOTPVariants, type InputProps, type InputVariants, type IsActiveOptions, type LinkComponent, type LinkComponentProps, type LinkProps, type LinkVariants, type LoadingStateProps, type Matcher, type ModalProps, type NavLink, type NavbarProps, type NavigationMenuCardProps, type NavigationMenuLinkProps, type NavigationMenuProps, type NumberInputProps, type NumberInputVariants, type PageHeaderProps, type PaginationItem, type PaginationProps, type PaginationVariants, type PasswordInputProps, type PasswordStrength, type PopoverContentProps, type PresetName, type ProgressCircleProps, type ProgressCircleVariants, type ProgressProps, type ProgressVariants, type ProseProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, type RadioGroupItemProps, type RadioGroupProps, type RadioGroupVariants, type RadiusToken, type ResizableHandleProps, type ResizablePanelGroupProps, type ResizablePanelProps, type ResizableVariants, 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 StepStatus, type StepperProps, type StepperStep, type StepperVariants, type SwitchProps, type TabsProps, type TagInputProps, type TagInputVariants, type TextProps, type TextToken, type TextVariants, type Theme, type ThemeInput, type ThemeScopeProps, type TimelineItemData, type TimelineItemProps, type TimelineProps, type TimelineVariants, type ToasterProps, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type ToggleVariants, type Tone, type TooltipProps, type TreeNode, type TreeViewProps, type TreeViewVariants, type UseIsActive, type VariantProps, buttonStyles, defineTheme, fieldStyles, getColorModeScript, themeToCss, toast, tokenVar, tv, useGlyph, useIsActive, useLinkComponent };