@glyphui/ui 0.2.0 → 0.3.0

package/dist/index.d.ts

@@ -2,11 +2,15 @@ import { n as tv, t as VariantProps } from "./tv-DuMh7UH2.js";
 import { a as IconButton, c as fieldStyles, i as ButtonProps, l as ButtonVariants, n as FieldProps, o as IconButtonProps, r as Button, s as FieldVariants, t as Field, u as buttonStyles } from "./index-BWK4czIG.js";
 import { t as StylesEntry } from "./registry-BGSJoiLq.js";
 import { ColorMode, ColorMode as ColorMode$1, ColorToken, ComponentName, ComponentOverrides, GlyphComponentRegistry, RadiusToken, ShadowToken, TextToken, Theme, Theme as Theme$1, ThemeInput, Tone, defineTheme, themeToCss, tokenVar } from "@glyphui/tokens";
-import { 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 { 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, ElementType, MouseEvent, MouseEventHandler, 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: {
@@ -834,6 +838,7 @@ 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;
@@ -841,12 +846,12 @@ export declare const tableStyles: import("tailwind-variants").TVReturnType<{
       row?: import("tailwind-variants").ClassValue;
       head?: import("tailwind-variants").ClassValue;
       cell?: import("tailwind-variants").ClassValue;
-      caption?: 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;
@@ -854,7 +859,6 @@ export declare const tableStyles: import("tailwind-variants").TVReturnType<{
       row?: import("tailwind-variants").ClassValue;
       head?: import("tailwind-variants").ClassValue;
       cell?: import("tailwind-variants").ClassValue;
-      caption?: import("tailwind-variants").ClassValue;
     };
   };
 } | {}, {
@@ -869,6 +873,7 @@ 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;
@@ -876,7 +881,6 @@ export declare const tableStyles: import("tailwind-variants").TVReturnType<{
       row?: import("tailwind-variants").ClassValue;
       head?: import("tailwind-variants").ClassValue;
       cell?: import("tailwind-variants").ClassValue;
-      caption?: import("tailwind-variants").ClassValue;
     };
   };
 } | {}, {
@@ -1455,10 +1459,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 +1470,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 +1488,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 +1835,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 +1846,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 +1864,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;
@@ -2254,6 +2258,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 +2451,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 +2645,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;
+      trigger?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      trigger?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  trigger: string;
+  content: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      trigger?: import("tailwind-variants").ClassValue;
+      content?: 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 +2719,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 +2739,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`.
@@ -2689,77 +3027,416 @@ 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;
     };
   };
-  dividers: {
+  inset: {
     true: {
-      root: string;
       item: string;
+      label: string;
     };
-    false: {};
   };
 }, {
-  root: string;
-  item: string;
-  term: string;
-  details: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-  layout: {
-    stacked: {
-      root: string;
-    };
-    inline: {
+  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;
     };
   };
-  dividers: {
+  inset: {
     true: {
-      root: string;
       item: string;
+      label: string;
     };
-    false: {};
   };
 }, {
-  root: string;
-  item: string;
-  term: string;
-  details: string;
-}>>;
-type DescriptionListVariants = VariantProps<typeof descriptionListStyles>;
-declare module '@glyphui/tokens' {
-  interface GlyphComponentRegistry {
-    DescriptionList: StylesEntry<typeof descriptionListStyles>;
-  }
-}
+  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;
+    };
+  };
+  dividers: {
+    true: {
+      root: string;
+      item: string;
+    };
+    false: {};
+  };
+}, {
+  root: string;
+  item: string;
+  term: string;
+  details: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  layout: {
+    stacked: {
+      root: string;
+    };
+    inline: {
+      item: string;
+    };
+  };
+  dividers: {
+    true: {
+      root: string;
+      item: string;
+    };
+    false: {};
+  };
+}, {
+  root: string;
+  item: string;
+  term: string;
+  details: string;
+}>>;
+type DescriptionListVariants = VariantProps<typeof descriptionListStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    DescriptionList: StylesEntry<typeof descriptionListStyles>;
+  }
+}
 //#endregion
 //#region src/components/description-list/description-list.d.ts
 interface DescriptionListProps extends ComponentProps<'dl'>, DescriptionListVariants {}
@@ -3014,16 +3691,189 @@ 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: {
+//#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;
+      item?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      progress?: import("tailwind-variants").ClassValue;
+      hint?: 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;
+      item?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      progress?: import("tailwind-variants").ClassValue;
+      hint?: 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;
+      item?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
+      progress?: import("tailwind-variants").ClassValue;
+      hint?: 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: {
@@ -3189,6 +4039,45 @@ interface HeadingProps extends ComponentProps<'h2'>, HeadingVariants {
 /** 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://`. */
@@ -3200,6 +4089,95 @@ interface InputProps extends Omit<ComponentProps<'input'>, 'size' | 'prefix'>, I
 }
 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: {
@@ -3299,103 +4277,497 @@ interface LinkProps extends Omit<ComponentProps<'a'>, 'href'>, LinkVariants {
  */
 export declare function Link(inProps: LinkProps): import("react").JSX.Element;
 //#endregion
-//#region src/components/pagination/pagination.styles.d.ts
-export declare const paginationStyles: import("tailwind-variants").TVReturnType<{
-  size: {
-    sm: {
-      item: string;
-      ellipsis: string;
-    };
-    md: {
-      item: string;
-      ellipsis: string;
-    };
-  };
-}, {
-  root: string;
-  list: string;
-  item: string[];
-  ellipsis: string;
-}, undefined, {
-  size: {
-    sm: {
-      item: string;
-      ellipsis: string;
-    };
-    md: {
-      item: string;
-      ellipsis: string;
-    };
-  };
-}, {
-  root: string;
-  list: string;
-  item: string[];
-  ellipsis: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-  size: {
-    sm: {
-      item: string;
-      ellipsis: string;
-    };
-    md: {
-      item: string;
-      ellipsis: string;
-    };
-  };
-}, {
-  root: string;
-  list: string;
-  item: string[];
-  ellipsis: string;
-}>>;
-type PaginationVariants = VariantProps<typeof paginationStyles>;
-declare module '@glyphui/tokens' {
-  interface GlyphComponentRegistry {
-    Pagination: StylesEntry<typeof paginationStyles>;
-  }
-}
-//#endregion
-//#region src/components/pagination/pagination.d.ts
-interface PaginationProps extends Omit<ComponentProps<'nav'>, 'onChange'>, PaginationVariants {
-  /** Current page, starting at 1. */
-  page: number;
-  pageCount: number;
-  onPageChange?: (page: number) => void;
-  /** Render pages as links (through the provider's linkComponent) instead of buttons. */
-  getHref?: (page: number) => string;
-  /** Pages shown on each side of the current page. Default 1. */
-  siblingCount?: number;
-  /** Show first / last page buttons. Default true. */
-  showEdges?: boolean;
+//#region src/components/modal/modal.d.ts
+interface ModalProps extends Omit<DialogContentProps, 'title' | 'children'> {
+  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;
+  children?: ReactNode;
 }
-/** Page navigation for long lists. Controlled: you own `page`. */
-export declare function Pagination(inProps: PaginationProps): import("react").JSX.Element;
-//#endregion
-//#region src/components/pagination/pagination-range.d.ts
-type PaginationItem = number | 'ellipsis';
 /**
- * The page numbers to show, with `'ellipsis'` for gaps. Always includes the first and
- * last page and `siblingCount` pages on each side of the current one, and keeps the
- * number of items constant so the control doesn't jump in width.
- *
- * `paginationRange(6, 20)` → `[1, 'ellipsis', 5, 6, 7, 'ellipsis', 20]`
+ * 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 paginationRange(page: number, pageCount: number, siblingCount?: number): PaginationItem[];
+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/popover/popover.d.ts
-export declare const popoverStyles: import("tailwind-variants").TVReturnType<{
+//#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;
-      arrow?: 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;
-      arrow?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  content: string;
+  header: string;
+  body: string;
+  footer: 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;
+    };
+  };
+} | {}, {
+  content: string;
+  header: string;
+  body: string;
+  footer: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  content: string;
+  header: string;
+  body: string;
+  footer: 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). Set `active` for the current page. */
+export declare function NavigationMenuLink({ href, 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;
+      item?: import("tailwind-variants").ClassValue;
+      viewport?: import("tailwind-variants").ClassValue;
+      trigger?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      list?: 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;
+      item?: import("tailwind-variants").ClassValue;
+      viewport?: import("tailwind-variants").ClassValue;
+      trigger?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      list?: 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;
+      item?: import("tailwind-variants").ClassValue;
+      viewport?: import("tailwind-variants").ClassValue;
+      trigger?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      list?: 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;
+}, 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 {
+    NavigationMenu: StylesEntry<typeof navigationMenuStyles>;
+  }
+}
+//#endregion
+//#region src/components/number-input/number-input.styles.d.ts
+export declare const numberInputStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+    lg: {
+      root: string;
+      stepper: string;
+    };
+  };
+}, {
+  root: string[];
+  input: string;
+  adornment: string;
+  steppers: string;
+  stepper: string[];
+}, undefined, {
+  size: {
+    sm: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+    lg: {
+      root: string;
+      stepper: string;
+    };
+  };
+}, {
+  root: string[];
+  input: string;
+  adornment: string;
+  steppers: string;
+  stepper: string[];
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: {
+      root: string;
+    };
+    md: {
+      root: string;
+    };
+    lg: {
+      root: string;
+      stepper: string;
+    };
+  };
+}, {
+  root: string[];
+  input: string;
+  adornment: string;
+  steppers: string;
+  stepper: string[];
+}>>;
+type NumberInputVariants = VariantProps<typeof numberInputStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    NumberInput: StylesEntry<typeof numberInputStyles>;
+  }
+}
+//#endregion
+//#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 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 NumberInput(inProps: NumberInputProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/pagination/pagination.styles.d.ts
+export declare const paginationStyles: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: {
+      item: string;
+      ellipsis: string;
+    };
+    md: {
+      item: string;
+      ellipsis: string;
+    };
+  };
+}, {
+  root: string;
+  list: string;
+  item: string[];
+  ellipsis: string;
+}, undefined, {
+  size: {
+    sm: {
+      item: string;
+      ellipsis: string;
+    };
+    md: {
+      item: string;
+      ellipsis: string;
+    };
+  };
+}, {
+  root: string;
+  list: string;
+  item: string[];
+  ellipsis: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: {
+      item: string;
+      ellipsis: string;
+    };
+    md: {
+      item: string;
+      ellipsis: string;
+    };
+  };
+}, {
+  root: string;
+  list: string;
+  item: string[];
+  ellipsis: string;
+}>>;
+type PaginationVariants = VariantProps<typeof paginationStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    Pagination: StylesEntry<typeof paginationStyles>;
+  }
+}
+//#endregion
+//#region src/components/pagination/pagination.d.ts
+interface PaginationProps extends Omit<ComponentProps<'nav'>, 'onChange'>, PaginationVariants {
+  /** Current page, starting at 1. */
+  page: number;
+  pageCount: number;
+  onPageChange?: (page: number) => void;
+  /** Render pages as links (through the provider's linkComponent) instead of buttons. */
+  getHref?: (page: number) => string;
+  /** Pages shown on each side of the current page. Default 1. */
+  siblingCount?: number;
+  /** Show first / last page buttons. Default true. */
+  showEdges?: boolean;
+}
+/** Page navigation for long lists. Controlled: you own `page`. */
+export declare function Pagination(inProps: PaginationProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/pagination/pagination-range.d.ts
+type PaginationItem = number | 'ellipsis';
+/**
+ * The page numbers to show, with `'ellipsis'` for gaps. Always includes the first and
+ * last page and `siblingCount` pages on each side of the current one, and keeps the
+ * number of items constant so the control doesn't jump in width.
+ *
+ * `paginationRange(6, 20)` → `[1, 'ellipsis', 5, 6, 7, 'ellipsis', 20]`
+ */
+export declare function paginationRange(page: number, pageCount: number, siblingCount?: number): PaginationItem[];
+//#endregion
+//#region src/components/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]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      content?: import("tailwind-variants").ClassValue;
+      arrow?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      content?: import("tailwind-variants").ClassValue;
+      arrow?: import("tailwind-variants").ClassValue;
     };
   };
 } | {}, {
@@ -3850,35 +5222,101 @@ export declare const radioGroupStyles: import("tailwind-variants").TVReturnType<
   card: string[];
   cardControl: string[];
 }>>;
-type RadioGroupVariants = VariantProps<typeof radioGroupStyles>;
+type RadioGroupVariants = VariantProps<typeof radioGroupStyles>;
+declare module '@glyphui/tokens' {
+  interface GlyphComponentRegistry {
+    RadioGroup: StylesEntry<typeof radioGroupStyles>;
+  }
+}
+//#endregion
+//#region src/components/radio-group/radio-group.d.ts
+type RootProps = Omit<ComponentProps<typeof RadioGroup$1.Root>, 'value' | 'defaultValue' | 'onValueChange' | 'orientation'>;
+interface RadioGroupProps<T extends string> extends RootProps, RadioGroupVariants {
+  value?: T;
+  defaultValue?: T;
+  /** Receives your value type, not `string`. */
+  onValueChange?: (value: T) => void;
+}
+/**
+ * Pick exactly one option from a short visible list. `variant="card"` turns each option
+ * into a bordered card with a title and description.
+ */
+export declare function RadioGroup<T extends string>(inProps: RadioGroupProps<T>): import("react").JSX.Element;
+interface RadioGroupItemProps extends Omit<ComponentProps<typeof RadioGroup$1.Item>, 'children'> {
+  /** Visible label. For card items this is the card title. */
+  label?: ReactNode;
+  description?: ReactNode;
+  /** Extra content inside a card item, below the description. */
+  children?: ReactNode;
+}
+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 {
-    RadioGroup: StylesEntry<typeof radioGroupStyles>;
+    Resizable: StylesEntry<typeof resizableStyles>;
   }
 }
 //#endregion
-//#region src/components/radio-group/radio-group.d.ts
-type RootProps = Omit<ComponentProps<typeof RadioGroup$1.Root>, 'value' | 'defaultValue' | 'onValueChange' | 'orientation'>;
-interface RadioGroupProps<T extends string> extends RootProps, RadioGroupVariants {
-  value?: T;
-  defaultValue?: T;
-  /** Receives your value type, not `string`. */
-  onValueChange?: (value: T) => void;
-}
-/**
- * Pick exactly one option from a short visible list. `variant="card"` turns each option
- * into a bordered card with a title and description.
- */
-export declare function RadioGroup<T extends string>(inProps: RadioGroupProps<T>): import("react").JSX.Element;
-interface RadioGroupItemProps extends Omit<ComponentProps<typeof RadioGroup$1.Item>, 'children'> {
-  /** Visible label. For card items this is the card title. */
-  label?: ReactNode;
-  description?: ReactNode;
-  /** Extra content inside a card item, below the description. */
-  children?: ReactNode;
-}
-export declare function RadioGroupItem({ label, description, children, className, id, ...props }: RadioGroupItemProps): import("react").JSX.Element;
-//#endregion
 //#region src/components/scroll-area/scroll-area.d.ts
 export declare const scrollAreaStyles: import("tailwind-variants").TVReturnType<{
   [key: string]: {
@@ -4339,96 +5777,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 +6301,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 +6333,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 +6393,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;
@@ -4802,4 +6846,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 GridCols, type GridProps, type HeadingProps, type HeadingVariants, IconButton, type IconButtonProps, type InputOTPProps, type InputOTPSlotProps, type InputOTPVariants, type InputProps, type InputVariants, 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 VariantProps, buttonStyles, defineTheme, fieldStyles, themeToCss, toast, tokenVar, tv };